/*  
Theme Name: Oekotopia Wordpress Theme
Theme URI: http://oekotopia.com/
Description: Das Oekotopia Theme für Wordpress
Version: 1.0
Author: Oeko Topia
Author URI: http://oekotopia.com/
*/



/* Begin Typography & Colors */
body {
  font-size: 62.5%; /* Resets 1em to 10px */
  font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
  background: #F9F9F9 url(images/contentbg.png) repeat-y center;;
  color: #555;
  text-align: center;
  }
a { color: #7C9043; text-decoration: none; }
  a:hover { text-decoration: underline; }
#page { text-align: left; }
#header { background: url(images/headerbg.jpg); }
#content {}
.entry { font-size: 1.4em; margin-top: 0.6em; line-height: 1.6em; }
.entry p { padding-bottom: 0.8em; }
.post-date { 
  padding: 5px 10px 5px 25px; font-size: 1.2em; color: #647931;
  background: url(images/clockicon.png) no-repeat left;
  } 
.post-comments { 
  padding: 5px 10px 5px 25px; font-size: 1.2em;
  background: url(images/bubbleicon.png) no-repeat left; 
  }   
.postmetadata { 
  font-size: 1.0em; border: 1px solid #E6F1C7; border-left: none; border-right: none; 
  background: #FCFCFC; padding: 5px; margin: 10px 0;
  }
#related-articles { color: #647931; }  
  #related-articles p { margin-top: 0.5em; font-weight: bold; }
#footer { text-align: center; padding: 10px 0; }
/* End Typography & Colors */



/* Begin Structure */
body, div, ul, form, input, h1, h2, h3, p { margin: 0; padding: 0; }
#page { width: 846px; margin: 0 auto; padding-top: 40px; }
#header { width: 802px; height: 99px; margin: 0 auto; }
  #header a { width: 400px; height: 99px; display: block; }
#content { width: 510px; padding: 0 52px 40px 40px; float: left; }
#archives {}
#footer { margin: 40px 43px 0 41px; border-top: 1px solid #DBEAB8; color: #647931; }
/* End Structure */



/*	Begin Headers */
h1 { font-size: 1.8em; color: #647931; margin: 1.5em 0 0.5em 0; }
  h1 a { color: #7C9043; text-decoration: none; }
h2, h3 { color: #50661A; }
h2 { font-size: 1.6em; margin: 1.0em 0 0.5em 0; } 
  h2.pagetitle { margin: 1.5em 0 0.5em 0; }
h3 { font-size: 1.4em; margin: 1.0em 0 0.5em 0; }
  h3#respond,
  h3#comments { display: block; border-bottom: 1px solid #E6F1C7; margin: 30px 0; padding: 5px 0; }
  h3#comments { margin-bottom: 0; }
  div.post h3 { margin: 1.5em 0 0.5em 0; font-size: 1.0em; }
  h3.archive-heading { font-size: 1.4em !important; }
/* End Headers */



/* Begin Images */
p img { padding: 0; max-width: 100%; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left }
/* End Images */


/* Begin Lists */
li {}
#related-articles ul { list-style: none inside; color: #7C9043; }
  #related-articles ul li:before { content: "\00BB \0020"; }
#archives ul,  
.post ul { list-style: outside; padding-left: 1em; }
#archives ul { list-style: none; }
#archives ul li:before { content: "\00BB \0020"; }
/* End Lists */



/* Begin Form Elements */
form#commentform {}
  form#commentform p { margin-bottom: 10px; }
  form#commentform #author,
  form#commentform #email,
  form#commentform #url,
  form#commentform #comment { 
    border: 1px solid #DBEAB8; width: 155px; color: #647931; padding: 1px; background: #FCFCFC; 
    }
  form#commentform #comment { width: 510px; height: 155px; }  
  form#commentform #author:focus,
  form#commentform #email:focus,
  form#commentform #url:focus,
  form#commentform #comment:focus { border: 1px solid #647931; background: white; }
  form#commentform #submit { border: 1px solid #e1e1e1; background: #fcfcfc; color: #647931; padding: 0 2px; cursor: pointer; }
  form#commentform #submit:hover, 
  form#commentform #submit:focus { border: 1px solid #647931; cursor: pointer; }
/* End Form Elements */



/* Begin Comments*/
ol.commentlist { list-style: none outside; padding: 0; margin: 0; }
ol.commentlist li { margin-top: 30px; }
ol.commentlist li * li { margin: 3px 0; padding: 0; width: auto; border: none; }
ol.commentlist li.IT { background: #ECF1C5; }

.gravatar { border: 1px solid #999; float: left; margin: 0 5px 15px 0; }
.favatar, .no-favatar { border: 1px solid #999; float: left; margin: 0 5px 15px 0; width: 80px; height: 80px; background-position: center; background-repeat: no-repeat; }
.no-favatar { background-image: url(images/gravatar.png); }

div.commentbubbletop { width: 510px; height: 15px; background: url(images/bubbletop.png); }
div.commentbubble { 
  width: 488px; border: 1px solid #DBEAB8; border-top: none; background: #fcfcfc; 
  padding: 10px; font-size: 1.2em; 
  }
/* End Comments */



/* Begin Sidebar */
#sidebar { width: 205px; padding-left: 602px; }
  #sidebar ul { list-style: none; }
  #sidebar h2 { font: 14px normal; letter-spacing: 3px; color: #647931; }
  #sidebar-themen { background: url(images/navheadingbg.png); width: 204px; height: 45px; margin-top: 17px; }
  #sidebar-themen h2 { position: relative; left: 43px; top: 18px; margin: 0; }
  ul#pageslist,
  ul#topiclist { font-size: 1.2em; line-height: 1.2em; color: #7C9043; padding: 10px 0 10px 15px; }
  ul#topiclist { background: #fcfcfc url(images/1pxwhite.png) repeat-x bottom; border-bottom: 1px solid #E6F1C7; }
  ul#pageslist li:before,
  ul#topiclist li:before { content: "\00BB \0020"; }
  div.sidebar-heading { height: 24px; border-bottom: 1px solid #E6F1C7; margin-top: 35px; }
  div.sidebar-heading h2 { position: relative; left: 11px; top: 5px; }
  li#sidebar-info p { 
    display: block; background: #fcfcfc; color: #647931; border-bottom: 1px solid #E6F1C7;
    padding: 10px 15px;
    }  
  #searchform div { padding: 10px; padding-bottom: 0; }
  input#s { border: 1px solid #DBEAB8; width: 127px; color: #647931; padding: 1px; }
  input#searchsubmit { border: 1px solid #e1e1e1; background: #fcfcfc; color: #647931; padding: 0 2px; cursor: pointer; }
  input#searchsubmit:hover { cursor: pointer; }
/* End Sidebar */



/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }
.center { text-align: center; }
.clearer { clear: both; }
hr { display: none; }
a img { border: none; }
.navigation { margin: 15px 0; }
.adsense-box { float: left; margin-right: 10px; position: relative; top: 5px; }
div#google-skyscraper { padding: 10px 0 0 15px; }
/* End Various Tags & Classes*/



/* Flickr Badge
Images are wrapped in divs classed "flickr_badge_image" with ids
"flickr_badge_imageX" where "X" is an integer specifying ordinal position.
*/
#flickr_badge_wrapper { text-align:center; width:204px; padding:10px 0 10px 0; }
.flickr_badge_image { margin:0 10px 10px 10px; }
.flickr_badge_image img { border: 1px solid #333; }



/* Intouch Contact Form */
		
/* just for clearing floats, IE Hack */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
.clearfix {display: block; margin: 0; padding: 0; }
p.clearfix {}
/* End hide from IE-mac */    
    
div.intouch { margin: 1em 0 2em 0; }		
div.intouch form { float: left; width: 100%; }		
div.intouch div.inputfield { padding: 4px 0px; position: relative; }
div.intouch span {}
div.intouch label { 
  display: block; float: left; clear: left; width: 15%; text-align: right; 
  position: relative; right: 5px;
  }
div.intouch div.inputfield input, 
div.intouch div.inputfield textarea { float: left; margin-left: 10px; }
div.intouch div.inputfield input { 
  width: 40%; border: 1px solid #ccc; padding: 3px;
  }
div.intouch div.inputfield textarea { 
  width: 60%; height: 138px; padding: 5px; border: 1px solid #ccc;
  }
div.intouch div.inputfield input.submitbutton { 
  border: 1px solid #E1E1E1; background: #FCFCFC; cursor: pointer;
  width: auto !important; padding: 2px; margin-left: 10px; left: 15%;
  position: relative; color: #647931;
  }

div.intouch div#usermessage { margin-bottom: 10px; text-align: center; }
div.intouch div#usermessage.success {}
div.intouch .error { border: 1px solid #FF0000 !important; padding: 1px; }