/*
Theme Name: GruenFuerMainz
Theme URI: http://wordpress.org/
Description: Wordpress Theme for local election in Mainz, Germany. By <a href="http://www.martin-klein.eu">Martin Klein</a>.
Version: 0.1
Author: Martin Klein
Author URI: http://www.martin-klein.eu
Tags: fixed width, two columns, widgets
*/

body {
  background: #386f06 url('images/dunkelgruen.gif');
  margin:0;
  border:0;
  padding:0;
  width: 100%;
  height: 100%;
  /*max-height: 100%;*/
  overflow: auto;
  color: #333;
  font-size: 62.5%; /* Resets 1em to 10px */
  font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

/**************************/
/* grundsätzlicher Aufbau */
/**************************/
#page {
  position: absolute;
  background-color: transparent;
  top: 12px;
  bottom: 12px;
  left: 12px;
  width: 949px;
  height:99%;
  font-size: 1.25em;
}
#page[id] {
  overflow: hidden;
  height:auto;
  margin:0;
}

#sunflower {
  position:absolute;
  overflow: hidden;
  background-image: url('images/sunflower.gif');
  left: 775px;
  top: 92px;
  height:507px;
  width:511px;}
#sunflower[id] {
  position:fixed;}

#header {
  position: absolute;
  overflow: hidden;
  height: 80px;
  width:100%;
  top:0px;
  left:0px;
  background-color: #65A22D;
  background-image: url('images/hellgruen.gif');
  background-repeat: repeat;}

#content {
  position: absolute;
  overflow: auto;
  overflow-x: hidden;
  background:#FFFFFF;
  top: 80px;
  left: 0px;
  height:492px;
  width: 695px;
}
#content[id] {
  height:auto;
  bottom: 90px;
  /*min-height:150px;*/
}
#content_fadeout_top[id] {
  position:fixed;
  background-image: url('images/fadeout_top.png');
  height:12px;
  top:92px;
  left:12px;
  width:734px;
}
#content_fadeout_bottom[id] {
  position:fixed;
  background-image: url('images/fadeout_bottom.png');
  height:12px;
  bottom:102px;
  left:12px;
  width:734px;
}

#sidebar {
  position: absolute;
  overflow:auto;
  background:#FFFFFF;
  top: 80px;
  left: 751px;
  height:542px;
  width: 198px;
}
#sidebar[id] {
  height:auto;
  bottom: 90px;
  padding: 0;
}
#contentsidebar_footer {
  background:transparent url('images/footer_3.gif') no-repeat 83px 0px;
  background-position: 0px;
  position: absolute;
  top:584px;
  height: 38px;
  width: 92px;
  bottom: 90px;
  left: 800px;
  overflow: hidden;
}
#contentsidebar_footer[id] {
  top:auto;
}

#footer {
  position:absolute;
  background:transparent url('images/footer_2.gif') no-repeat;
  height: 90px;
  width:100%;
  overflow: auto;
  top:622px;
}
#footer[id] {
  top:auto;
  bottom: 0;
  position:absolute;
}
/**************************/
/* Details Header         */
/**************************/
#header_left_top {
  position: absolute;
  height:39px;
  width:95px;
  background:#65a22d url('images/header_left_top.gif') no-repeat;
}
#featured {
height:100%;
width:100%;
}
#header_left_bottom {
  position: absolute;
  top: 39px;
  height: 41px;
  width: 30px;
  background:#65a22d url('images/header_left_bottom.gif') no-repeat;  
}
#header_right {
  position: absolute;
  right: 0px;
  height: 70px;
  width: 170px;
  background:#65a22d url('images/header_right.gif') no-repeat;
}
#menu{
  position:absolute;
  left: 30px;
  top: 39px;
  height: 70px;
  width: 749px;
}
.menu_entry {
  margin: 0px 22px;
}
.first_menu_entry {
  margin: 0px 22px 0px 5px;
}

/**************************/
/* Details Content        */
/**************************/

/* Startseitenaufbau */
.home_content {
  position:absolute;
  /*background-color:#4d9f23;*/
  background-color:#DAE8CE;
  border:0;
  padding:0;
  margin:0;
}
.home_content[id] {
  position:absolute;
}
.home_col_left {
  position:absolute;
  top: 30px;
  bottom:30px;
  left:30px;
  width:285px;
  height:696px;
}

#home_top_left { /* Startseitencontent oben links */
  overflow:hidden;
  background-color: transparent;
  top:0px;
  left:0px;
  width:285px;
  height:404px;
  height: 73%;
  min-height:404px;
  margin-bottom:2%;
}

#home_bottom_left { /* Startseitencontent unten links */
  overflow:hidden;
  background-image: url('images/hellgruen.gif');
  top:424px;
  left:0px;
  width:285px;
  height:202px;
  margin-top:15px;
  margin-bottom:15px;
}

.home_col_right {
  position:absolute;
  top: 30px;
  bottom:30px;
  left:395px;
  width:306px;
  height:696px;
}

#home_top_right { /* Startseitencontent oben rechts */
  overflow:hidden;
  top:0px;
  width:306px;
  background-image: url('images/hellgruen.gif');
  height:255px;
  margin-bottom:30px;
}
#home_bottom_right { /* Startseitencontent unten rechts */
  overflow:hidden;
  top:268px;
  width:306px;
  background-image: url('images/hellgruen.gif');
  height:357px;
  margin-top:15px;
  margin-bottom:15px;
}

.jdGallery .slideInfoZone {
  height: 0px;
}

div.home_header {
  position:absolute;
  top:0px;
  background-image: url('images/hellgruen.gif');
  height:40px;
  margin:0px;
  padding:0px;
  }
div.home_header[id] {
  position:absolute;
}

.home_inner_content {
  position:absolute;
  overflow:hidden;
  top:42px;
  left:2px;
  right:4px;
  bottom:1px;
  background-color:#DAE8CE;
  border:1px;
  border-style:inset;
  border-top-color:#636B5E;
  border-right-color:#E3EFD7;
  border-bottom-color:#E8F0E1;
  border-left-color:#7D8675;
  margin:2px 2px 10px 1px;
  /*height:70%;*/
}
.home_inner_content[id] {
  right:2px;
  margin:2px 2px 2px 1px;
  position:absolute;
  overflow:hidden;
  height:auto;
}
 .home_inner_text {
/* height:100%;*/
 overflow:hidden;
  padding:3px;
  margin:0;
 }
 .home_inner_text[id] {
}
.fadeout {
  position:absolute;
  bottom:-3px;
  left:2px;
  right:3px;
}
#fade1[id], #fade2[id], #fade3[id]{
  background-image: url('images/fadeout.png');
  height:15px;
}


/* Inhalt  */
.widecolumn {
  padding: 30px 26px 20px 30px;
  margin: 0;
}
.narrowcolumn .postmetadata {
  text-align: center;
}
.narrowcolumn {
  padding: 30px 26px 20px 30px;
  margin: 0;
}
.candidate_column {
  padding: 30px 26px 20px 30px;
  margin: 0;
}
.candidate_column[id] {
  padding: 0px 26px 20px 30px;
}

/* KandidatInnenübersicht */
#header_kandidatinnen {
  float:left;
  width:100%;
}
#header_ortsvorsteher {
  float:left;
  width:100%;
  margin-top:23px;
}

.candidate {
  float:left;
  width:33%;
  text-align:center;  
}
.candidate_img {
  width:138px;
}
.candidate_placeholder {
  float:left;
  width:33%;
  visibility:hidden;
}
.candidate_name {
  float:left;
  width:100%;
  margin-top:0px;
}
.candidate_list {
  text-align:left
}

.wp-caption {
 margin-right: 10px;
}
.navigation {
  float:left;
  width:100%;
}
.alignright {
  float:right;
  width:50%;
  text-align:right;
  line-height:3em;
}
.alignleft {
  float:left;
  width:50%;
  text-align:left;
  line-height:3em;
}
/* Sidebar allgemein */


/**************************/
/* Sidebar                */
/**************************/

.sidelink {
width:198px;
width:200px;
float:right;
margin: 1px 5px 0px 0px;
}

.sidebar_element {
  width:137px;
  left:30px;
  border:0px;
  background-repeat:no-repeat;
  background-color:#65A22D;
  margin: 1px 0px 0px 30px;
  padding:0;
}
.sidebar_element[id] {
  float: left;
  padding:0;
}
#button_search {
  background-image: url('images/button_search.gif');
  height:25px;
  text-align:right;
  margin-top: 30px;
  }
#button_search[id] {
  height:39px;
}
#searchsubmit_sidebar {
  width:24px;
  height:14px;
  margin: 2px 5px 0px 0px;
}
#searchtext {
  width:131px;
  margin: 3px 3px 2px 3px;
}
#button_europa {
  background-image: url('images/button_europa.gif');
  height:40px;
}
#button_brd {
  background-image: url('images/button_brd.gif');
  height:40px;
}
#button_rlp {
  background-image: url('images/button_rlp.gif');
  height:40px;
}
#button_kreis {
  background-image: url('images/button_kreis.gif');
  height:40px;
}
#button_ort {
  background-image: url('images/button_ort.gif');
  height:39px;
}
#button_blog {
  background-image: url('images/button_blog.gif');
  height:39px;
}
#button_twitter {
  background-image: url('images/button_twitter.gif');
}
#twitterSpace {
  background-color:#DAE8CE;
  border:1px;
  border-style:inset;
  border-top-color:#636B5E;
  border-right-color:#E3EFD7;
  border-bottom-color:#E8F0E1;
  border-left-color:#7D8675;
  margin-top:42px;
  margin-bottom:4px;
  width:129px;
}
#twitter-feed {
  background-color:#DAE8CE;
  border-bottom:1px;
  border-bottom-color:#E8F0E1;
  margin: 0px 3px 0px 2px;
}
#tweetSpace {
  background-color:#111111;
}
#button_facebook {
  height:40px;
}
#button_wkw {
  height:40px;
}
#tag_wolke {
  width:133px;
  padding:1px 2px 2px;
}
#button_impressum {
  background-color: transparent;
  height:18px;
}
#button_hidden {
  visibility:hidden;
  height:35px;
}

/* Alle Bilder */
img {
border:0px;
}



/* (Bild-) Elemente des Suchfeldes */
.sidebar_img {
height:39px;
width:137px;
}
.impressum_img {
  height:20px;
  width:137px;
}
.suche {
  background-image:url('images/search_go.gif');
  background-color:transparent;
  border:0px;
  padding:0px;
}


.csc-textpic-imagewrap {

}


/*************/
/* Schriften */
/*************/
p, li{
  line-height: 1.4em;
}
.tweet_text, .screenName {
  font-size:10px;
  margin-top:0px;
  margin-bottom:8px;
}
.home_inner_text p {
  line-height: 1.25em;
  margin:4px 0px 4px 0px;
}
.widecolumn p, .narrowcolumn p, .post .hentry .category-blog {
/*  line-height: 1.25em;*/
}

.entry{
  line-height: 1.4em;
}
li {
}
code {
  font: 1.1em 'Courier New', Courier, Fixed;
}
acronym, abbr, span.caps {
  font-size: 0.9em;
  letter-spacing: .07em;
}
small {
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 0.9em;
  line-height: 1.5em;
}


.home_post_header{
  margin:0;
  font-size:1.1em;
}


h1, h2, h3 {
  font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
  font-weight: bold;
}
h1 {
  font-size: 1.35em;
}
h2 {
  font-size: 1.3em;
}
h2.pagetitle {
  font-size: 1.4em;
}
#sidebar h2 {
  font-family: 'Lucida Grande', Verdana, Sans-Serif;
  font-size: 1.2em;
}	
h3 {
  font-size: 1.2em;
}
.narrowcolumn h3, .widecolumn h3 {
  line-height: 3em;
}

small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, blockquote, strike {
  color: #777;
}
.wp-caption-text {
  text-align:center;
}

/* Pseudoklassen für Links */
a:link {
  text-decoration: none;
  color: #64a12d;
}

a:visited {
  text-decoration: none;
  color: #333333;
}
a:hover {
  text-decoration: none;
  color: #386F06;
}
a:focus {
  text-decoration: none;
  color: #386F06;
}
a:active {
  text-decoration: none;
  color: #386F06;
}
#sidebar h2, #wp-calendar caption, cite {
  text-decoration: none;
}
#header_kandidatinnen a{
  color: #bbbbbb;
}
#header_ortsvorsteher a{
  color: #bbbbbb;
}
#header_kandidatinnen a:hover{
  color: #386F06;
}
#header_ortsvorsteher a:hover{
  color: #386F06;
}


a[class^="tag-link"] {
 font-size:0.9em !important;
}
a[class^="tag-link"]:link {
  color:#cccccc;
}
a[class^="tag-link"]:hover {
  color:#cccccc;
  text-decoration:underline;
}
.home_header {
  font-size:1.6em;
  font-weight:bold;
  font-family: Futura, 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
  color: #ffffff;
}



.thread-alt {
  background-color: #f8f8f8;
}
.thread-even {
  background-color: white;
}
.depth-1 {
  border: 1px solid #ddd;
}

.even{
  border-left: 1px solid #ddd;
}


/* Diskussionsbeiträge */
#respond {

}

.commentlist li, #commentform input, #commentform textarea {
  font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
.commentlist li ul li {
  font-size: 1em;
}
.commentlist li {
  font-weight: bold;
}
.commentlist li .avatar { 
  float: right;
  width:32px;
  height:32px;
  border: 1px solid #eee;
  padding: 2px;
  background: #fff;
}
.commentlist cite, .commentlist cite a {
  font-weight: bold;
  font-style: normal;
  font-size: 1.1em;
}
.commentlist p {
  font-weight: normal;
  line-height: 1.5em;
  text-transform: none;
}
#commentform p {
  font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
.commentmetadata {
  font-weight: normal;
}
img#wpstats{display:none}