/*
Theme Name: Summer Sun
Version: 1.0
Theme URI: http://www.freshlabs.de/journal/archives/2005/07/wptheme-summersun/
Author: Tim Isenheim
Author URI: http://www.freshlabs.de/journal
Description: A sunny, widget-ready theme with a centered 730px 2-column layout and a nice set of pixelicons. WordPress 2.1 compatible

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: #5aa000; /*former: #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;
}

/* 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: 60px;
	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;
	border: 4px solid #3F6F00;
	border-top: 0 none;
}

#blogheader{
	position: relative;
	background: #99cbfe url(images/bg_header.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: 65px; font-size: 2.3em; }
#blogdescription { position: absolute; top: 100px; left: 65px; font-size: 1.2em; }

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

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

#sidebar h2, #sidebar h3{
	margin: 0;
	padding: 6px 0 2px 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;
	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;
}

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

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


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

/* EoF */