/*
Theme Name: Summer Sun
Version: 0.8
Theme URI: http://www.freshlabs.de/journal/archives/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.

See the Creative Commons License (Attribution-NonCommercial-ShareAlike 2.0)
for more details at http://creativecommons.org/licenses/by-nc-sa/2.5/.
*/


/* presentation */

body {
	font: 62.5% "Lucida Grande", "Trebuchet MS", Trebuchet, Arial, Verdana, Helvetica, sans-serif;
	color: #333;
	background: url(images/13.png) #70b9e6 fixed;
	margin: 0;
	padding: 0;
}

html, body{
	height: 100%;
}

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

.thecontent a:link, .thecontent a:visited { color: #69c; }
.thecontent a:hover, .thecontent a:active { color: silver; }


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

.thecontent a:hover{
	background: none;
}

.thecontent a.linkbild:link, .thecontent a.linkbild:visited {
	background: none;
}

/* 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;
}


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

abbr, acronym { cursor: help; }

code, pre, kbd, samp{
	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;
	padding: 2px;
}

textarea { font-size: 1.4em; }

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

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

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

#search fieldset label { display: none; }

input#searchsubmit{
	width: 50px;
	/*margin: 4px;
	padding: 2px;*/
}


/* 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{
	font-size: 110%;
	width: 730px;
	margin: 0 auto;
	background: #fff;
	box-shadow: 0px 5px 10px rgba(50, 50, 50, 0.7);
}

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

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

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

/* currently needs no styling - free to use as custom hook */
#contentwrapper{}

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

#sidebar{
	font-family: "Lucida Grande", "Trebuchet MS", Trebuchet, Arial, Verdana, Helvetica, sans-serif;
	float: left;
	width: 210px;
	overflow: hidden;
}



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

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

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

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

#blogtitle { position: absolute; top: 70px; left: 55px; font-size: 32px; font-weight: normal; text-shadow: 1px 1px 2px #333; }
#blogdescription { position: absolute; top: 110px; left: 55px; font-size: 14px; text-shadow: 1px 1px 2px #333; }

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

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

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

h2.tag, h2.tagline{
	color: #036;
	margin: 0;
	padding: 30px 20px 30px 60px;
}

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;
	color: #369;
	margin: 0;
	padding: 16px 0 3px 8px;
}

h3.cache {
	margin-top: 4em;
	margin-bottom: 0.5em;
	color: #000;
}

#sidebar h3, #search 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 20px 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 28px;
}

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-size: 1.0em;
}

.thecontent{
	font: 1.0em/1.6em "Lucida Grande", Arial, Helvetica, sans-serif;
	margin: 0 20px 0 50px;
}

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;
	/*list-style: square outside;*/
}

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

.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.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: 330px;
	background: url(images/comment_foot.gif) no-repeat bottom left;
	padding-bottom: 40px;
	margin: 15px 0 0 15px;
}

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

.comment-content{
	clear: both;
	width: 300px;
	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;
}


/* for external links */
#blogs .linklist li, 
#sidebar .linklist li, 
#sidebar .linklist dt{
	list-style: none;
	background: url(images/icon_paper-arrow-out.gif) no-repeat 0 0;
	padding: 3px 0 1px 20px;
}

/* 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.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 17px;
}

/* for feed links */
.rsslist li{
	list-style: none;
	line-height: 20px;
	background: url(images/rss.gif) no-repeat 0 2px;
	padding: 0 0 0 20px;
}



/* =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 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 0 0; }


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

#footer {
	font: 0.9em Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	background: #ffffff;
	clear: both;
	height: 60px;
	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: 0 10px 5px 0;
}

div.alignleft img{
	padding: 8px 18px;
}

img.alignright{
	margin: 0 0 5px 10px;
}

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

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; }


/* CALENDAR
-----------------------------------------*/

#wp-calendar {
	font-family: Arial, Helvetica, sans-serif ;
	empty-cells: show;
	font-size: 0.95em;
	margin: 8px auto;
	width: 90%;
}

#wp-calendar td a { font-weight: bold; background: #D9E8F8; padding: 2px 4px; }

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

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

#wp-calendar a {
	display: block;
	text-decoration: none;
	font-weight: bold;
}


#wp-calendar caption {
	color: #dd6900;
	font-size: 1.2em;
	text-align: center;
	font-weight: bold;
}

#wp-calendar td {
	letter-spacing: normal;
	padding: 0 0;
	text-align: center;
}

#wp-calendar #today {
	color: red;
	font-weight: bold;
}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
}


/* 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.page_item a {
	padding: 5px 6px;
	color: #ffffff;
	background: #6699cc;
}

#mainNav .page_item a:visited:hover,
#mainNav .page_item a:hover,
#mainNav .page_item.current_page_item a {
	padding : 5px 6px;
	text-decoration : none;
	background : #ffcc00;
	color: #333;
}

/*---- 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;
}


/* Jasstabelle */
table.jass {
    width: 440px;
    margin-left: 8px;
    border: 1px solid silver;
    border-collapse: collapse;
}

table.jass th {
    background: #0bdee1;
    border: 1px solid silver;
    white-space: nowrap;
}

table.jass td {
    text-align: right;
    padding-right: 3px;
    background: #fff;
    border: 1px solid silver;
}

table.jass td.jasstotal {
	font-weight: bold;
	background: #eee;
}

table.jass td.jassoverall {
	font-weight: bold;
	background-color: #ff6a00;
}


/* Geocaching-Tabelle */
table.cache {
    width: 440px;
    margin-left: 8px;
    border: 1px solid #ddd;
    border-collapse: collapse;
}

table.cache th {
    background: #eee;
    border: 1px solid #ddd;
    text-align: left;
    padding-right: 3px;
    padding-left: 3px;
    white-space: nowrap;
}

table.cache td {
	vertical-align: top;
    padding-right: 3px;
    padding-left: 3px;
    border: 1px solid #ddd;
}

table.cache td.blau {
	background-color: #e1feff;
}


/* Fussnote für Copyrightzeile */
.urheber {
    font-size: 0.9em;
    color: silver;
    line-height: 1.2em;
    padding-left: 2px;
}


/* Fussnote für Copyrightzeile */
.urheber a {
    color: silver;
}

/* umfliessende Bilder */
img.umfluss {
	float: left;
	margin: 3px 10px 0 0;
}

.cll {
    clear: left;
}

#blogs p.umfluss {
    width: 134px;
    float: left;
    padding: 3px 5px 5px 5px;
    line-height: 1em;
}

table.flugdaten {
  margin-top: 0;
  padding-top: 0;
  width: 416px;
  margin-left: 6px;
}

.flugdaten td, flugdaten th {
  padding: 3px;
  padding-right: 30px;
}

.flugdaten tr.abstand td {
  padding-top: 24px;
}

.flugdaten th {
  background: #ccc;
  color: #fff;
  font-weight: normal;
}

.flugdaten tr.odd {
  background: #f3f4fe;
}


/* EoF */