/*
Theme Name: ClearBlue2.0
Theme URI: http://3fact.com
Description: "ClearBlue2.0" is a two column theme for WordPress 2.x.
Version: 1.0
Author: Florian Gützlaff
Author URI: http://3fact.com
License: GPL
*/

/* To change or delete the header-image (Your Logo) delete the  "background-..." - lines
  from "#headerwrap{}" */

/* Container */

body{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:1.5em;
color:#000;
margin:0;
padding:0;
text-align:center;
}

#wrap{
margin:0 auto;
padding-top:20px;
text-align:left;
width:800px;
}

#content{
float:left;
padding:10px 0 0 5px;
width:580px;
margin-bottom:50px;
}

#footer{
width:800px;
height:30px;
border-top:1px solid #333333;
color:#909090;
clear:both;
text-align:center;
}

/* global */

 h1, h2, h3{
font-family:Arial, Helvetica, sans-serif;

}

h2{
font-size:1.5em;
color:#014B8B;
line-height: 1.1em;
}

h3{
font-size:1.25em;
color:#014B8B;
}

a{
text-decoration:none;
color:#5597D1;
}

img{
border:none;
}

a:hover{
color:#c1272d;
}

p {
	line-height: 1.5em;
}
/* Header */

#header{
background:#5597D1;
text-align:left;
width:100%;
height:166px;
}

#ribbon{
position:absolute;
top:0px;
right:0px;
}

#header .logo{
width:800px;
height:137px;
margin:0 auto;
background-image:url("./images/bg_logo.png");
background-repeat:no-repeat;
background-position:left;
}

#header h1{
font-size:2.5em;
font-weight:normal;
margin:0;
padding:40px 0 0 0;
text-align:center;
}

#header h1 a{
color:#ecefed;
}

#header p{
font-size:1em;
text-align:center;
margin:0;
padding:0;
}

/* Navigation */

#navigation{
margin:0 auto;
width:800px;
height:29px;
		overflow-y:hidden;
		position: static;
}

#navigation ul
		{
					margin:0;
					padding:0;
		list-style: none;
		}
		
#navigation li 
			{
						margin:0;
						padding:0;
			display: inline;
			}


#navigation li a 
		{		
		float: left;
		padding:0 25px;
		margin-right:5px;
		padding-bottom:2px;
		border:1px solid #c5d8e7;
		color:#FFF;
		line-height: 29px; text-decoration:none; text-align:center; font-weight:bold; text-transform:uppercase;
		}

/*
#navigation li.first a 
		{		
		float: left;
		padding:0 25px;
		margin-right:5px;
		padding-bottom:2px;
		border:1px solid #c5d8e7;
		color:#FFF;
		line-height: 29px; text-decoration:none; text-align:center; font-weight:bold; text-transform:uppercase;
		}
*/
	
	
#navigation li a:hover{
background-color:#f3f8fc;
color:#5597d1;}

/* Entry */


.post-date {
	width: 45px;
	height: 49px;
	float:left;
	background-image:url("./images/date-bg.png");
	background-repeat:no-repeat;
background-position:left;
}
.post-month {
	font-size: 11px;
	text-transform: uppercase;
	color: #FFFFFF;
	text-align: center;
	display:block;
	line-height: 11px;
	padding-top: 2px;
	margin-left: -3px;
}
.post-day {
	font-size: 18px;
	text-transform: uppercase;
	color: #999999;
	text-align: center;
	display:block;
	line-height: 18px;
	padding-top: 7px;
	margin-left: -3px;
}

.entry{border-bottom:1px solid #5597D1;
font-size:1.2em;
margin: 0 15px 5px 5px;}

.page{
font-size:1.2em;
margin: 0 15px 5px 5px;}

.entry img{
float:left;
margin:0 10px 10px 0;
}

.entry ul{
list-style-image:url("./images/listpoint.gif");
}


.entrytitle h2 a{
display:block;
font-weight:normal;
margin-left: 50px;
text-align: left;
}

.pagetitle h2 a{
display:block;
font-weight:normal;
text-align: left;
}

.entrybody {
	margin:35px 0 0 0;
	padding:0;
}
/*
body#home .entry-1 .entrytitle
{
background:url("./images/new.gif") no-repeat;
border-bottom:none;
height:45px;
padding-left:45px;
}
*/

/*
body#home .entry-1 .entrytitle h2{
display:block;
margin:0;
}

body#home .entry-1 .entrytitle h3{
display:block;
margin:0;
font-size:0.9em;
}
*/

.entrymeta{
font-size:0.8em;
padding:5px;

}

.entry-1 .entrymeta{
display:block;
}

.filedto{
background:url("./images/file.gif") no-repeat 0 2px;
padding-left:15px;
}
.commentslink{
background:url("./images/comments.gif") no-repeat 0 3px;
padding-left:15px;
}

.pagenavi{
padding:5px;
overflow:hidden;
height:30px;
/*border-top:#56a9b8 solid 1px;
border-bottom:#56a9b8 solid 1px;*/
}

.previous{
float:left;
}

.next{
float:right;
}


/* Comments */

.commentsblock{
margin:0.5em;
padding:1em;
font-size:1.1em;
}

.commentsblock textarea{
width:410px;
}

.commentsblock input, .commentsblock textarea{
border:1px solid #5597D1;
}

.commentsblock textarea:focus, .commentsblock input:focus{
border:1px solid #000;
}

.commentauthor{
display:block;
font-size:1.5em;
}

ol.commentlist{
color:#222222;
font-size:0.9em;
list-style-type:none;
margin:0;
margin-top:1.5em;
padding:0;
}

.commentlist li{
margin-bottom:0.5em;
padding:0.5em 1em;
border:1px solid #ccc;
background-color:#fdfdfd;
}

.commentlist li.alt{
border:1px solid #56a9b8;
background-color:#f3f8fc;
}

#comments{
font-size:1.6em;
}

/*Sidebar*/

#sidebar{
font-size:1.1em;
margin-left:595px;
width:200px;
}
#sidebar h2{
font-size:1.6em;
margin-bottom:10px;
}

#sidebar .sidebarlists{
list-style-type:none;
margin:0;
padding:0;
}

#sidebar .children{
list-style-image:url("./images/listpoint.gif");
list-style-position:inside;
margin:0;
padding:0;
}

#sidebar ul li{
padding:3px;
}

#search{

background-image:url("./images/search.gif");
border:medium none;
display:block;
height:32px;
padding-left:0pt;
text-decoration:none;
width:100px !important;
}


#search:hover{
background-image:url("./images/search.gif");
background-position:0px 32px;
}


/* Footer */

#footersection{
clear:left;

}

#footersection h2{
color:#909090;
margin:0px;
padding:0px;
}

#footersection ul{
list-style:none;
margin:0;
padding:0;
}

#footersection a{
color:#909090;
}

#footersection a:hover{
color:#56a9b8;
}

#archive{
width:200px;
text-align:right;
float:left;
}

#meta{
width:220px;
float:right;
}

#links{
width:190px;
margin:0 200px 0 350px;
}

#footer p{
margin:0;
}





