/*
Theme Name: GreenAction Blog
Description: Greenpeace Action Blog Theme - This theme was designed by Persiel Design (http://persiel.com) and coded by SysEleven (http://syseleven.de)
Version: 1.0 final
Date: 22-may-2009
Author: Katrin Ackermann (SysEleven GmbH)
Author URI: http://syseleven.de
Tags: greenpeace, action blog, syseleven, persiel design, green, gray, grunge
 
-------------------------------------------------------------------*/


* {
	margin: 0;
	padding: 0;
	border: 0;
}
html {
    height: 100%;
}
body {
    height: 100%;
	background: #F6F7F1 url(_img/bg_body.gif) repeat;
	color: #666;
	font-family: Arial, sans-serif;
	font-size: 13px;
}

ul, ul li {
	list-style: none;
}

label, input, select, textarea {
	font-family: Arial, sans-serif;
	font-size: 12px;
}
a {
	text-decoration: none;
	color: #74BD13;
}
a:hover {
    text-decoration: underline;
}
a:active,
a:focus {
    outline: none;
}
	
h1, h2, h3, h4, h5, h6 {
	line-height: 1.2em;
}
h1 {
	font-size: 22px;
}
h2 {
	font-size: 18px;
}
h3, h4 {
	font-size: 13px;
}

.clr {
    clear: both;
    height:0;
}
.fl,
.alignleft {
    float: left;
}
.fr,
.alignright {
    float: right;
}
.hidden {
    display: none;
}


table {
	border-collapse: collapse;
	border-spacing: 0;
}
th {
    font-weight: 700;
    text-align: left;
}
th, td {
    padding: 0 20px 5px 0;
}

blockquote {
    background: #F7F7F5 url(_img/blockquote_top.jpg) no-repeat left top;
    margin: 10px 0;
    font-size: 16px;
    line-height: 1.5em;
    color: #AAA;
}

blockquote p {
    padding: 18px 50px;
    background: url(_img/blockquote_btm.jpg) no-repeat left bottom;
}

button {
    background: transparent;
    cursor: pointer;
}

/* ------------------------------------   [page structure ] ------------------------------------  */

#outerwrap {
	width: 940px;
    overflow: hidden;
	padding: 0 0 60px 35px;
	background: url(_img/bg_footer2.gif) no-repeat left bottom;
}


#innerwrap {
    width: 910px;    
    padding: 0 30px 0 0;
    background: #FFF;
    overflow: hidden;

}


/* --- index & single --- */
#content {
    float: left;
    width: 580px;
    min-height: 320px;
    overflow: hidden;
    padding-right: 60px;
    line-height: 1.6em;
}

#sidebar {
    float: left;
    width: 270px;
    padding-top: 11px;
}

/* --- page --- */

#pagenavi {
    float: left;
    width: 150px;
    padding: 0 50px 0 20px;
    text-align: right;
}

#pagecontent {
    float: left;
    width: 690px;
    min-height: 320px;
    line-height: 1.6em;
}


/* ------------------------------------   [ header & navigation ] ------------------------------------  */
#header {
    width: 100%;
    height: 98px;
    padding-top: 10px;
    background: url(_img/bg_header.gif) no-repeat left top;
}


#navi {
    width: 100%;
    height: 79px;
    background: #FFF url(_img/bg_navi.gif) repeat-x left top;
    font-weight: 700;
}

#navi #btn-home
{
    float: left;
    display: block;
    height: 29px;
    width: 80px;
    padding: 14px 30px 0 40px;
	background: url(_img/bg_navi_left.gif) no-repeat left top;
}

#navi #btn-home a 
{
    display: block;
    padding: 0 0 0 20px;
	background: url(_img/icon_startseite.gif) no-repeat left center;
    text-shadow: 1px 1px 1px #000;
}
#navi #btn-greenaction a 
{
    display: block;
    padding: 0 0 0 20px;
	background: url(_img/pfeil.png) no-repeat left top;
    text-shadow: 1px 1px 1px #000;
}
#navi #btn-greenaction a:hover {
    color: #FFF;
    text-decoration: none;    
	background: url(_img/pfeil_white.png) no-repeat left top;
}

#navi #btn-home a:hover {
    color: #FFF;
    text-decoration: none;    
	background: url(_img/icon_startseite_a.gif) no-repeat left center;
}

#navi ul {
    float: left;
    width: 480px;
    height: 50px;
    padding-top: 14px;
}

#navi li {
    float: left;
    display: block;
    height: 50px;
    margin: 0 30px 0 0;
    text-shadow: 1px 1px 1px #000;
}


#navi li a {
    display: block;
    float: left;
    height: 50px;    
}
#navi li a:hover {
    color: #FFF;
    text-decoration: none;    
}

#navi li.current-cat,
#navi li a.active_category {
	background: url(_img/bg_nav_sel.gif) no-repeat center bottom;    
}

#navi li.current-cat a,
#navi li a.active_category {
    color: #FFF;  
}




/* ------ search ------ */
form#searchform {
    float: right;
    width: 273px;
    height: 57px;
    margin-top: -14px;
    padding: 19px 0 0 18px;
    background: url(_img/bg_search.gif) no-repeat 0 1px;
}

form#searchform input {
    float: left;
    width: 178px;
    height: 16px;
    padding: 5px 3px 3px 3px;
    margin-right: 3px;
    border: 1px solid #999;
    background: #FFF url(_img/bg_input.gif) repeat-x top left;
    color: #666;
    font-size: 14px;
}
form#searchform button {
    float: left;
}



/* ------------------------------------   [ posts ] ------------------------------------  */


.post {
    overflow: hidden;
    margin-bottom: 0px;
}
.post .postcontent {
    float: left;
    width: 470px;
    padding-bottom: 10px;
	background: url(_img/bg_post_btm.gif) repeat-x left bottom;

}
.post h1 {
	margin: 0 0 16px -10px;
	padding: 0 0 4px 8px;
	background: url(_img/bg_head.gif) no-repeat left bottom;
	font-size: 22px;
	font-weight: 100;
	line-height: 1.4em;
}

.post h2 {
	font-size: 18px;
	font-weight: 100;
	padding: 0 0 3px 0;
}
.post h3, .post h4 {
	font-size: 13px;
}

.post .entry p {
    padding-bottom: 8px;
}

.entry a {	
	font-weight: 700;
}

.post .postmetadata {
    color: #AAA;
}

.post li {
    padding: 3px 14px;
    background: url(_img/icon_li.gif) no-repeat 0 9px;
}
.post li li {
    background: url(_img/icon_li_li.gif) no-repeat 0 9px;
}

.post div.wp-caption {
    margin-bottom: 5px;
}

.post .img-medium {
    width: 315px;
    background: url(_img/bg_medium_top.gif) no-repeat left top;
}
.post .img-full {
    width: 455px;
    background: url(_img/bg_full_top.gif) no-repeat left top;
}
.post div.alignleft {
    margin-right: 10px;
}
.post .alignright {
    margin-left: 10px;
}
.post .wp-caption img {
    margin: 10px 0 0 7px;
}
.post .img-full img {
    width: 440px;
    height: auto;
}
.post p.wp-caption-text {
    padding: 0 10px 8px 8px;
    min-height: 10px;
    
    color: #999;
    font-size: 12px;
    font-family: "Comic Sans MS", Arial, sans-serif;
    line-height: 1.2em;

}
.post p.wp-caption-text a {
    font-weight: 100;
}

.post .img-medium p.wp-caption-text {
    background: url(_img/bg_medium_btm.gif) no-repeat left bottom;

}
.post .img-full p.wp-caption-text {
    background: url(_img/bg_full_btm.gif) no-repeat left bottom;

}

.pager {
    overflow: hidden;
    padding-left: 105px;
}

.pager .old {
    float: left;
}
.pager .new {
    float: right;
}





/* ------   [ posts overview ] -----  */

.post .date {
    float: left;
    width: 70px;
    height: 60px;
    padding: 11px 20px 0 20px;
    color: #FFF;
    font-size: 11px;
    text-align: center;
    text-shadow: 1px 1px 1px #000;
    line-height: 1.5em;
}

.post .date-bg {
	background: url(_img/bg_date.gif) no-repeat 20px 0;
}

.post .date .day {
    font-size: 22px;
    font-weight: 700;
}




/* ------   [ posts detailpage ] -----  */


.post-detail {
    padding-left: 60px;
}

.post-detail .entry {
    padding-left: 50px;
}




/* ------------------------------------   [ comments ] ------------------------------------  */


div#comments {
    padding-left: 110px;
}



#comments h2 {
    margin: 10px 0 0 0;
	padding-left: 8px;
    padding-bottom: 3px;
	background: url(_img/bg_head.gif) no-repeat left bottom;
	font-weight: 100;
	line-height: 1.5em;
}

#comments a.jump2form {
    float: right;
    font-weight: 700;
    padding-top: 14px;
}

.commentlist {
    width: 445px;
    margin-left: 25px;    
    margin-bottom: 20px;
    font-size: 13px;
}

.commentlist li {
    list-style-position: outside;
}
/* hack: IE7 bug shows <ol>-numbers inside, so we hide numbers */
.commentlist li {
    *list-style-type: none;
}

.commentlist div.wrap {
   background: #FFF url(_img/comments_divider.gif) repeat-x  left top;
   padding: 10px 20px 10px 30px;
   margin-left: -30px;
}

.commentlist .even div.wrap {
   background: #FBFBFA url(_img/bg_commentlist.gif) no-repeat right top;
}


.commentlist li.comment div.wrap div {
   background: transparent url(_img/avatar_empty.gif) no-repeat 4px 7px;
}
.commentlist li.comment-author-admin div.wrap div {
   background: transparent url(_img/avatar_admin.gif) no-repeat 0 0;
}

.commentlist li div img {
    float: left;
    margin: 11px 16px 8px 9px;
}

.commentlist .comment-author {
    display: block;
    font-size: 14px;
    padding-top: 5px;    
}
.commentlist .comment-author a {
    font-weight: 700;
    
}
.commentlist .comment-meta {
    color: #AAA;
}

#comments .pager {
    padding: 10px;
}

#comments .pager-btm {
    padding: 0 10px;
}

/* ----- comments form ----- */
#comments fieldset.top {
    width: 465px;
    padding: 5px 18px 0 12px; 
    background: url(_img/bg_commentform_top.gif) no-repeat left top;
}

#comments fieldset.btm {
    width: 465px;
    padding: 0 18px 20px 12px; 
    background: url(_img/bg_commentform_btm.gif) no-repeat right bottom;
    

}
#comments fieldset p {
    text-align: right;
    color: #CCC;
    padding-top: 10px;
    overflow: hidden;
}
#comments #comment-form p.info {
    padding: 6px 12px;
}
#comments #comment-form fieldset p.info {
    padding: 3px 12px 12px 0;
    color: #666;
    text-align: left;
}

#comment-form a {
    font-weight: 700;
}

#comments label {
    display: block; 
    float: left;
    width: 100px;
    color: #666;
    font-weight: 700;
    text-align: left;
}

#comments input {
    width: 465px;
    padding: 5px 3px 3px 3px;
    border: 1px solid #999;
    background: #FFF url(_img/bg_input.gif) repeat-x top left;
    color: #666;
    font-size: 14px;

}
#comments textarea {
    width: 462px;
    max-width: 470px;
    height: 200px;
    max-height: 200px;
    padding: 5px 3px 3px 3px;
    border: 1px solid #999;
    color: #666;
    font-size: 14px;
    background: #FFF url(_img/bg_input.gif) repeat-x top left;
}

#comments button {
    float: right;
    width: 180px;
    
}


/* ------------------------------------   [ sidebar ] ------------------------------------  */


ul.sidebar {
    line-height: 1.6em;
}
ul.sidebar-mod {
    padding-top: 42px;
}


ul.sidebar h2 {
    margin: 20px 0 5px -15px;
    padding: 0 0 10px 15px;
    background: url(_img/bg_h2_sidebar.gif) no-repeat left bottom;
    font-weight: 100;
    font-size: 18px;
}

ul.sidebar a {
    font-weight: 700;
}

ul.sidebar li.texture h2 {
    margin-left: 0;
    background: none;
    padding-bottom: 3px;
}



ul.sidebar .rss {
    font-size: 16px;
    margin: 8px 0 0 0;
}
ul.sidebar .rss img {
    padding: 0 10px 0 0;
    vertical-align: text-bottom;
}
ul.sidebar li#tag_cloud {
    line-height: 2em;
}
ul.sidebar li#tag_cloud a {
    font-weight: 100;
}

ul.sidebar li.widget_links li,
ul.sidebar li#archives li {
    padding-left: 25px;
    background: url(_img/icon_arrow_green.gif) no-repeat left center;
    line-height: 1.8em;
}

#sidebar ul.sidebar li.texture {
    overflow: hidden;
    background: url(_img/bg_list_btm.gif) no-repeat left bottom;
    margin-left: -15px;
}

#sidebar ul.sidebar li.texture ul {
    padding: 15px 0 0px 20px;
    min-height: 90px; 
    background: url(_img/bg_list_top.gif) no-repeat left top;
    margin-bottom: 19px;
}
#sidebar ul.sidebar li.texture ul li {
    padding: 5px 30px 3px 25px;
    line-height: 1.4em;
    font-weight: 700;
}

#sidebar ul.sidebar li.important li {
    background: url(_img/icon_important.gif) no-repeat 0 4px;
}

ul.sidebar li.widget_text {
    background: url(_img/bg_textitem.gif) no-repeat right top;
    padding: 0 10px 10px 0;
}

/* ------------------------------------   [ page ] ------------------------------------  */

#pagenavi ul {
    font-size: 14px;
    line-height: 1.8em;
}

#pagecontent .post {
    width: 480px;

}
#pagecontent .post h1 {
	margin: 0 0 16px 0;
	padding-left: 8px;
	background: url(_img/bg_head.gif) no-repeat left bottom;
	font-size: 22px;
	font-weight: 100;
	line-height: 1.6em;
}

#pagecontent .entry {
    padding-left: 8px;
}


/* ---- footer items -----*/
#pagefooter {
    overflow: hidden;
    margin: 25px 0 20px 30px;
    padding-top: 30px;
	background: #FFF url(_img/bg_page_btm.gif) repeat-x left top;
	
}


ul.sidebar h3 {
    margin: 20px 0 5px 24px;
    font-weight: 100;
    font-size: 18px;
}

#pagefooter ul.sidebar li {
    float: left;
    width: 270px;
    margin-right: 35px;
}

#pagefooter ul.sidebar li#tag_cloud,
#pagefooter ul.sidebar li.rss {
    margin-right: 0;
}

#pagefooter ul.sidebar li.rss {
    margin-top: 20px;
}

#pagefooter ul.sidebar li li {
    float: none;
    width: auto;
    margin-right: 0;
    border: 0;
}


#pagefooter ul.sidebar li.texture {
    background: url(_img/bg_list_btm.gif) no-repeat left bottom;    
}
#pagefooter ul.sidebar li.texture ul {
    background: url(_img/bg_list_top.gif) no-repeat left top;
    margin-bottom: 19px;
    padding: 15px 0 0px 20px;
}

#pagefooter ul.sidebar li.texture ul li {
    padding: 5px 20px 3px 25px;
    line-height: 1.4em;
    font-weight: 700;
}
#pagefooter ul.sidebar li.recent li {
    background: url(_img/icon_arrow_green_bg.gif) no-repeat 0 4px;
}
#pagefooter ul.sidebar li.important li {
    background: url(_img/icon_important.gif) no-repeat 0 4px;
}




/* ------------------------------------   [ footer ] ------------------------------------  */

#footer {
    width: 100%;
    height: 105px;
    padding-top: 30px;
	background: #FFF url(_img/bg_footer.gif) repeat-x left bottom;
}

#footer ul#links {
    float: left;
    width: 239px;
    height: 90px;
    padding: 15px 0 0 34px;
	background: url(_img/bg_footer_links.gif) no-repeat left bottom;
	line-height: 1.6em;
}
#footer ul#links a {
    color: #FFF;
}
#footer #uplink {
    float: right;
    padding: 40px 50px 0 0;
}