/*
Theme Name: Summer Sun
Version: 0.7
Stylesheet-Version: 0.6
Theme URI: http://www.freshlabs.de/journal/2005/07/wptheme-summersun/
Author: Tim Isenheim
Author URI: http://www.freshlabs.de
Description: A sunny theme with a centered 730px 2-column layout and a nice set of pixelicons.

License Information:
All files in this theme is released for free under Creative Commons License.
You can redistribute it and/or modify it under the terms of the Attribution-NonCommercial-ShareAlike as published by the Creative Commons License, version 2.5 of the License.
This theme is distributed in the hope that it will be useful, but comes as is, without any warranty and/or without any implied warranty.
*/
/* presentation */

body {
/*  font-family: "Lucida Grande", "Trebuchet MS", Trebuchet, Arial, Verdana, Helvetica, sans-serif; */
  font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
  font-size: 0.7em;
  color: #333;
  background: #668800;
  margin: 0;
  padding: 0;
}

html, body{
  height: 100%;
}

a { color: #003366; text-decoration: none; }
a:visited { color: #336699; }
a:hover{ color: #69c; text-decoration: underline; }
a:active { color: #4a9cba; }

.thecontent a, .thecontent p a, #footer a{
 /*  background: url(images/dot.gif) repeat-x bottom left; */
}

.thecontent a:hover{
  background: none;
}

.thecontent a, .thecontent a:visited, .thecontent a:hover, .thecontent a:active{
	color: #0064C4;
}

/* icon after external links */
#blogs a[rel=external]{
  background: url(images/icon_external.gif) no-repeat center right;
  padding-right: 13px;
}

#blogs a:hover[rel=external]{
  background: url(images/icon_external-h.gif) no-repeat center right;
  padding-right: 13px;
}

#blogs a[rev=aff]{
  background: url(/wp-images/ownimg/aff-sign.gif) no-repeat center right;
  padding-right: 13px;
}

#blogs a[rel=lightbox]{
	text-decoration: none;
	background: transparent;
}

/* HTML =TAGS
------------------------------------*/

abbr, acronym { cursor: help; }

code, pre{
  font-family: "Courier New", Courier, Monospace;
  font-size: 1.1em;
  color: #666666;
  padding-left: 3px;
}

pre {
  font-size: 1.1em;
  display: block;
  padding: 5px 0;
  margin: 0;
}

address{
  margin-left: 30px;
}

blockquote{
 color: #666;
 border-left: 7px solid #ccc;
 padding-left: 6px;
 margin-left: 10px;
}

hr.clear{
  visibility: hidden;
  margin: 0;
  padding: 0;
}

div hr { display: none; }

div.hr{
  background: url(images/hr.gif) no-repeat center center;
  height: 20px;
  margin: 5px 0 15px 0;
}

/*---- forms ------*/

label, select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit] {
  cursor: pointer;
} 

input, textarea, select{
  font-size: 1.0em;
  background: #D9E8F8;
  border: 1px solid #999;
}

textarea { font-size: 1.4em; }

input:focus, textarea:focus{
  background: #fff;
}

input:hover { background: #ffcc00; color: #333; }

fieldset{
  border: 1px solid #999;
  margin: 0;
  padding: 5px;
}

#search fieldset label { display: none; }

input#searchsubmit{
   width: 20px;
   margin: 0 0 0 4px;
}

input#searchsubmit2{
   width: 20px;
   margin: 0 0 0 4px;
}

/* LAYOUT
--------------------------------------------*/

#container{
  padding: 0;
  margin: 0;
  width: 100%;
  min-height: 100%;
  height: 100%;
  voice-family: "\"}\"";
  voice-family: inherit;
  height: auto;
}
	
html>body #container {
  height: auto;
}

#wrapper{
  width: 730px;
  margin: 0 auto;
  background: #fff;
}

#leaderboard{
  position: relative;
  background: #668800;
  width: 730px;
  height: 90px; 
  text-align: right;
/*  border-bottom: medium solid #668800; */
/*  min-height: 1px; */
/*  max-height: 90px; */
}

#blogheader{
  position: relative;
  background: #99cbfe url(images/bg_header.jpg) no-repeat 0% 0%;
  width: 100%;
/*  height: 200px;  Ohne Leaderboard */
  height: 100px;  /*Mit Leaderboard */
}

#titlebar{
  text-align: right; 
  width: 100%;
  line-height: 23px;
  height: 23px;
  background-color: #ffcc00;
  position: relative;
}

/* content - contains blogs and sidebar */
#content{}

#contentwrapper{}

#blogs{
  float: left;
	width: 550px;
  padding: 0 0 70px 0;
  background:  url(images/bg_side-bottom.gif) no-repeat left bottom;
}

#sidebar{
  font: 0.9em Tahoma, Arial, Verdana, Helvetica, sans-serif;  
  float: left;
	width: 180px;
  overflow: hidden;
}

/* Test */
#blogslarge{
  float: left;
  width: 730px;
  padding: 0 0 70px 0;
  background:  url(images/bg_side-bottom.gif) no-repeat left bottom;
}
/* Test Ende */

/* HEADINGS
-----------------------------------*/

#titlebar a{
  color: #cc9900;
  background-color: #ffcc00;
}

#titlebar .skiplink { padding-right: 12px; }

h1#blogtitle {
  margin: 0;
  padding: 0;
}

/* Ohne Leaderboard 
#blogtitle { position: absolute; top: 70px; left: 65px; font-size: 2.3em; }
#blogdescription { position: absolute; top: 100px; left: 65px; font-size: 1.2em; }
*/
/* Mit Leaderboard */
#blogtitle { position: absolute; top: 15px; left: 65px; font-size: 2.3em; }
#blogdescription { position: absolute; top: 45px; left: 65px; font-size: 1.2em; }

h1#blogtitle a, h2#blogdescription{ color: #fff; }

h1#blogtitle a{
	  font-size: 1.1em;
	font-weight: bold;
}

h2#blogdescription {
  margin: 0;
  padding: 0;
}

#sidebar h3{
  margin: 0;
  padding: 0;
}

h2.tag, h2.tagline{
  text-align: center;
  color: #036;
  margin-left: 65px;
}

h2.tag     { font-size: 3.0em; }
h2.tagline { font-size: 2.2em; }

h2, h3, h4, h5, h6, #search fieldset legend{
/*  font-family: "Lucida Grande", "Trebuchet MS", Trebuchet, Arial, Verdana, Helvetica, sans-serif; */
  font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;  
  color: #369;
  margin: 0;
  padding: 16px 0 3px 8px;
}

#sidebar h3, #search fieldset legend{
  font-size: 1.2em;
  text-align: left;
  font-weight: bold;
  margin: 0;
  padding: 3px 0;
  color: #336699;
}

.sidebarbox fieldset legend{
  font-family: "Lucida Grande", "Trebuchet MS", Trebuchet, Arial, Verdana, Helvetica, sans-serif;
  color: #369;
  margin: 0;
  padding: 16px 0 3px 8px;
}

.sidebarbox fieldset legend{
  font-size: 1.2em;
  text-align: left;
  font-weight: bold;
  margin: 0;
  padding: 3px 0;
  color: #336699;
}

.storycontent h4{
  font-size: 1.4em;
}

#blogs p{
  padding: 5px 10px;
  margin: 0;
}

#blogs .fullcontent{
  padding: 0 20px 0 20px;
  background: #fff;
}

.hidden{
  display: none;
}

.clear{
  clear: both;
}

/* POST =STORY
---------------------------------------------------*/

div.postnavigation{
  margin: 0; 
  padding: 15px 30px 15px 70px;  
/*  padding: 15px 30px 15px 70px; */
  background: url(images/bg_blu.gif) repeat-y left;
}

div.postnavigation span.previous,
div.postnavigation span.next { display: none; }

.storytitle, .storytitle a:visited, .storytitle a, h3, .storycontent h4{
  font-size: 1.24em;
}

.storytitle{
  background: url(images/icon_post.gif) no-repeat 0 2px; 
  margin: 7px 10px 0 50px; 
  padding: 8px 0 2px 32px; 
}

storytitle a:hover{
  text-decoration: none;
}

.storycontent{
  position: relative; 
  margin: 0;
  padding: 5px 0 20px 0;
  background: #fff url(images/bg_blu.gif) repeat-y top left;
}

.date, .meta{
  font: 10px/14px Tahoma, Arial, Helvetica, sans-serif;
}

.thecontent{
  font: 1.05em/1.5em Tahoma, Arial, Helvetica, sans-serif;
  margin: 0 20px 0 50px;
  display: block;
}

body#page #blogs p{ margin-left: 0; padding: 5px 0;}

body#page .storytitle{
  margin: 7px 10px 0 20px;
}

.storycontent ul, .storycontent ol{
  margin-left: 15px;
  padding: 0;
}

.postmeta{
  background: #eff5fb url(images/fade_blue.gif) repeat-y top right; /*#99cbfe*/
  width: 540px;  
}

.filedunder{
  float: left;
  text-indent: 12px;
}

.date{
  float: left;
  margin-left: 8px;
  color: #336699;
}

.filedunder a{ font-weight: bold; }
.filedunder a:visited, .filedunder a, .filedunder{ color: #336699;}
.filedunder a:hover{ color: #000; }
.filedunder, .date, #sidebar h3{ line-height: 20px; }

.meta li.permalink{
  background: url(images/icon_permalink.gif) no-repeat 0 2px;
  padding-left: 11px;
  margin: 4px 0 0 0;
}

.meta li.trackback{
  background: url(images/icon_external.gif) no-repeat 0 2px;
  padding-left: 11px;
  margin: 4px 0 0 0;
}

.meta li.comments{
  background: url(images/icon_comment.gif) no-repeat 0 2px;
  padding-left: 11px;
  margin: 4px 0 0 0;
}

.meta{  
  margin: 0 0 0 50px;
}

.meta ul{
  list-style: none;
  padding: 0;
  margin: 0;
}

.meta ul li {
  list-style: none;
	display: inline;
	padding: 0 5px 0 0;
	margin: 0;
}

/* COMMENTS =feedback
----------------------------------------*/

.feedback{
  width: 80%;
  clear: both;
  margin: 10px 20px 10px 55px;
}

h3.comments{
  margin: 0;
  padding: 5px 0;
}

.commentlist{
  list-style: none;
  margin: 0;
  padding: 0;
}

.commentlist .gravatar{
  border: 1px solid #ccc;
  width: 40px;
  margin: 5px;
}

.comment-head{
  background: url(images/comment_head.gif) no-repeat left center;
  height: 15px;
}

.fullcomment{
  width: 430px;
  background: url(images/comment_foot.gif) no-repeat bottom left;
  padding-bottom: 40px;
  margin: 15px 0 0 15px;
}

.comment-wrapper{
  width: 420px;
  background: #EEF3F9;
}

.comment-content{
  clear: both;
  width: 400px;
  padding: 0 7px;
}

/* =ul , =ol , =li
--------------------------------------*/

#sidebar ul{
  list-style: none;
  margin: 0;
  padding: 0;
}

#blogs ul{
  list-style: square inside;
  margin: 0 0 10px 0;
  padding: 5px 0 5px 10px;
}

#blogs ol { margin-left: 28px; }
#blogs dl { padding-left: 10px; }
#blogs dt { font-weight: bold; }

#blogs dl dd{
  margin: 0;
  padding: 2px 2px 4px 12px;
}

/* for post links */
.postlist li{
  list-style: none; 
  line-height: 20px;
  background: url(images/icon_paper-blu.gif) no-repeat 0 0; 
  padding: 0 0 0 20px;
}

.postlist2 li{
  list-style: none; 
  line-height: 20px;
  background: url(images/icon_paper-blu.gif) no-repeat 0 0; 
  padding: 0 0 0 20px;
}

.postlist2 li a{
  width: 300px;
}

/* for external links */
#blogs .linklist li, 
#sidebar .linklist li, 
#sidebar .linklist dt{
	list-style: square url(images/dot1.gif);
	padding-left: 1px;
	margin: 5px 5px 5px 10px;
}

/* for archived links */
#sidebar ul.archivelist li{
  background: url(images/icon_paper-archive.gif) no-repeat 0 0;
  padding-left: 20px;
  line-height: 20px;
}

#sidebar ul.lastcomments li{
	list-style: square url(images/dot1.gif);
	padding-left: 1px;
	margin: 5px 5px 5px 10px;
}

#sidebar ul.adlink li{
  background: url(images/pfeil.png) no-repeat left top; 
	padding-left: 16px;
	margin: 0px 5px 5px 0px; 
}

#sidebar a.adlink {
	font-weight: bolder;
}

/*#sidebar ul.linklist li{
  margin: 0 0 5px 0;
}
*/
#sidebar ul.linklist br{
  line-height: 10px;
}

#sidebar dl.linklist dd{
  color: #666;
  padding: 0;
  margin: 3px 0 5px 10px;
}

/* Test Linkseite */
#thecontent ul.links li{
	list-style: square;
	padding-left: 20px;
	margin: 15px 15px 15px 15px;
}

#thecontent ul.links br{
	line-height: 15px;
}

.list ul, .list ol{
  margin-left: 45px;
  padding: 0;
  /*list-style: square outside;*/
}

.list li {
  margin-left: 20px;
  padding: 0;
  list-style: square outside;
  margin-bottom: 8px;
}

/* =sidebar
--------------------------------------*/

#sidebar ul.sideblocks>li ul.children{
  margin: 0;
  padding: 0 0 0 5px;
}

#sidebar ul.sideblocks { margin: 10px; }
#sidebar ul.sideblocks>li { margin: 10px 0; font: 1.0em/1.4em Tahoma, Arial, Helvetica, sans-serif; }

#sidebar .block{
  padding: 8px;
}

#sidebar h3 a { color: #6FA7DF; }
#sidebar h3 a:hover { color: #369; }

#sidebar li a { color: #333; }
#sidebar li a:hover { color: #000; text-decoration: underline; }
#sidebar li { color: #666; }

#sidebar h4{ color: #666; margin: 2px 0 0 0px; padding:0; text-align: left;}

#sidebar p{
  text-align: justify;
  line-height: 1.3em;
  margin: 0;
  padding: 3px 2px;
}

#sidebar #calendar{ padding: 10px 0; }

/* FOOTER
--------------------------------------------*/

#footer {
  font: 0.9em Tahoma, Arial, Helvetica, sans-serif;
  color: #333333;
  background: #ffffff;
  clear: both;
  height: 40px;
  width: 680px;
  margin: 0 auto;
  padding: 0;
}

#footer ul{
  list-style-type: none;
  padding: 0;
  margin: 0;
}

#footer .footerinner-a,
#footer .skiplinks{
  float: left;
  padding: 0;
}

#footer .footerinner-a{
  margin: 10px 0 0 20px;
  
}

#footer .footerinner-b{
  text-align: right;
  float: right;
  margin-right: 20px;
}

#footer .skiplinks{
  padding: 9px 35px;
}

#footer .skiplinks li { display: inline; }

.footerinner-a a { font-weight: bold; }

#footer .footerinner-a ul{  }
#footer .footerinner-a li{ display: inline; margin-right: 5px; }

/* ALIGN
-------------------------------------*/

.alignleft{
  float: left;
}

.alignright{
  float: right;
}

div.float{
  float: left;
  width: 48%;
  margin: 0;
  padding: 0.5%;
}

div.aligncenter{
  margin: 0 auto;
  text-align: center;
}

div.alignleft li{
  padding: 0 0 0 8px;
}

/* IMAGES =IMG
-----------------------------------*/

img.alignleft{
  margin: 20px 10px 3px 0;
}

div.alignleft img{
  padding: 2px 2px;
  margin: 10px 10px 3px 10px;
  border: 1px solid #ccc;
}

div.alignright img{
  padding: 2px 2px;
  margin: 10px 0px 3px 5px;
  border: 1px solid #ccc;
}

div.aligncenter img{
	display: block;
	margin-left: auto;
	margin-right: auto;
   padding: 2px 2px;
   border: 1px solid #ccc;
}

img.alignright{
  margin: 20px 0 3px 10px; 
}

img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
   padding: 2px 2px;
   border: 1px solid #ccc;
}

img.bordered{
  border: 1px solid #ccc;
  padding: 2px;
}

img.rssbutton{
  border: none;
  margin: 0;
  padding: 4px 2px 0 2px;
  background: none;
}

#blogs .thumbnails{
  width: 400px;
  margin: 0 0 5px 12px;
}

img.thumbnail{
  border: 1px solid #69c;
  margin: 0 3px 3px 0;
}

a:hover img.thumbnail { border: 1px solid #dd6900; }
 
/* NAVI =PAGENAV
-------------------------------------*/

.page-navi{
  text-align: right;
  font-weight: bold;
  font-size: 0.9em;
  color: #999999;
  margin: 12px 10px;
}

.page-navi a{
  padding: 0 4px;
  color: #ccc;
  border: 1px solid #ccc;
}

.page-navi a:hover{
  border-color: #999;
  background-color: #999;
  color: #fff;
  text-decoration: none;
}

.page-navi .pageoff{
  padding: 0 4px;
  border: 1px solid #666;
  background-color: #666;
  color: #fff;
}

/* NAVI =MAINNAV
--------------------------------------------------*/

#mainNav {
  font: 0.95em Verdana, Arial, Helvetica, sans-serif ; 
  text-align: left;
  text-transform: uppercase;
  position : absolute;
  bottom: 22px;
  left: 56px;
}
  
#mainNav li {
  display: inline;
  margin-right: 0 ;
}
  
#mainNav ul {
  margin: 0;
  padding: 6px 0;
}
  
#mainNav li a {
  padding: 5px 6px;
  color: #ffffff;
  background: #6699cc;
  font-size: 0.95em;
}
  
#mainNav li a:visited:hover, #mainNav li a:hover, #mainNav .active a {
  padding : 5px 6px;
  text-decoration : none;
  background : #ffcc00;
  color: #333;
  font-size: 0.95em;
}

/*---- simple clearing ----*/

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
} 

.googleseperator {
	padding: 2px;
	border-top: 1px solid #ddd;
}

/*---- Wikitravel ----*/

.urlexpansion, .hiddenStructure {
    display: none;
}

.taglist {
	line-height: 20px;
	padding-left: 20px;
}

/*
Attach the following to your theme's style.css
Of course, you can adapt it to fit your needs and taste
*/

/* Advanced Search form */

#ctas_form {
	text-align: left;
}

#ctas_form fieldset ul {
	list-style: none;
	margin: 5px 15px;
	padding: 0;
}

#ctas_form fieldset {
	border: 1px solid #777;
	margin: 15px 0;
	padding: 15px;
}

#ctas_form legend {
	font-size: 1.1em;
	font-weight: bold;
}

#ctas_form fieldset li {
	list-style: none;
	margin: 0;
	padding: 0;
}

#ctas_form fieldset li:before { /* for the default theme */
	content: '';
} 

#ctas_form input {
	border: 1px solid #777;
	background-color: #f9f9f9;
	color: #444;
}

#ctas_form input:focus {
	background-color: #fff;
	color: #444;
}

#ctas_footer p {
	font-size: 0.9em;
	text-align: center;
	margin-top: 25px;
	border-top: 1px solid #888;
}

#ctas_month1, #ctas_month2, #ctas_year1, #ctas_year2 {
	text-align: center;
}

/* End Advanced Search form */

#skyscraper {
/*	border: thin dotted #000; */
	background-color: #668800; 
	color: #668800; 
	top: 0px;
	width: 160px;
	position: absolute; 
	margin-left: 731px;
	margin-right: 0px;
/*	margin-top: 10px; */
	float: left;
}

img#wpstats{width:0px;height:0px;padding:0px;border:none;overflow:hidden}
/* EoF */