/*  

Theme Name: LivingOS ZETA

Theme URI: http://www.livingos.com/

Description: A refreshing blog theme

Version: 1

Author: Tim Hyde

Author URI:  http://www.livingos.com/



This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike License

http://creativecommons.org/licenses/by-sa/3.0/

*/



/*  basics */

* {margin:0;padding:0;}



/* structure */

body{

	text-align:left;

	background: #fff url(images/zetabg3.png) no-repeat fixed;

	padding-bottom: 50px;

}





div#container{

	margin-top: 20px;

	margin-bottom: 30px;

	margin-left:125px;

	width:870px;	

	background: url(images/containerbg.jpg) repeat-y left;

}



div#wrapper{

	width:480px;

	float:left;

}

	

div#header {

	margin:0;

	position:relative;

	height: 310px;

	}



div#header h1 {margin:0;

	text-align: center;

	height: 310px;

	background: url(images/containerbgtop.jpg) no-repeat left top;

	cursor: pointer;}

	

div#header h1 span{

	margin-top:30px;

	display:none;

	color: #dbf4f8;}



.description{

	position:relative;

	top:-20px;

	text-align: center;

	text-transform: uppercase;

	color: #ffffff;}



div#content{

	margin-left: 10px;

	margin-right: 20px;

	margin-top: 20px;}



div#navigation{

	float:left;

	width:380px;

	margin-bottom: 1em;

	

}



div#footer{

	width: 480px;

	clear:both;

	background: url(images/footerbg.jpg) no-repeat bottom left;

	height:50px;

	padding-bottom: 15px;}



div#rsslogo{

height:150px;

}	

div#rsslogo p{

	background: url(images/feed-icon-28x28.png) no-repeat right top;

	height:150px;

	cursor: pointer;

}

div#rsslogo p span{display:none;}





/*navbar*/

#nav{

	position:absolute;

	margin: 0;

	padding: 0;

	top: 10px;

	left:480px;

	

}



ul#navbar{

	border-top: 1px #e7ecf0 dashed;

	margin:0;

	padding:0;



	list-style-type: none;}



ul#navbar ul{

	margin:0;

	padding:0;

	list-style-type: none;

	margin-left: 10px;}

#navbar li{

	display: inline;

	list-style-type: none;

	}



#navbar li a{

	display: block;

	text-decoration: none;

	border-bottom: 1px #c0c7cb dashed;

	text-transform: uppercase;

	text-align: left;

	font-size: 0.8em;

	display: block;

	padding-left: 5px;

	padding-right: 5px;}



#navbar li.current_page_item a{

	color: #666;}



#navbar li a:hover{

background-color: #ffffcc;}





/*links */

a{

	color: #459be2;

	text-decoration: none;

}



a:hover {

	color: #8e9bad;

}





a img {border:0;}	





/*images*/



img {

	border: 0;

}



/*typography*/

body {

	font-family:"Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;

	font-size:0.75em;

	color: #555;

}



h1, h2, h3, h4, h5, h6 {

	font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;

	font-size: 1.6em;

	font-weight: normal;

	padding: 0em 0em 0em 0px;	

	margin-top: 0.8em;

	margin-bottom: 0.5em;

	color: #fff;

}



/* H1

---------------------------------------------*/



h1 {

	font-size: 2.6em;

	line-height: 1.3em;

	color: #666;

	font-family: Georgia, serif, Times, "Times New Roman";

	text-transform: capitalize;

	letter-spacing: -1px;}



h1 a{

	color: #ffffff;

	border-bottom: 0em none;

}



h2 {

	margin:0;

	padding:0;

}

h2.pagetitle{

	color: #bdbdbd;

	text-align: center;

	margin-bottom: 20px;}

#navigation h2{

	text-align:left;

	color: #575757;

	margin-top: 20px;}

h2 a, h3 a, h4 a{

	color: #ffffff;

	}

#navigation h2 a{

	color: #575757;

}



.post h2{color: #04fa6a;

	font-size: 1.8em;}

.post h2 a{

	color: #04fa6a;

}

.post h2 a:hover{

	color: #e3eaf0;}

h3 {

	font-size: 1.2em;

	line-height: 1.3em;

	padding: 0.5em 0em 0em 0px;

	color: #03e359;

	font-weight: bold;}



h4 {

	font-size: 1.1em;

	line-height: 1.3em;

}



p {

	padding: 0em 5px 10px 0px;

}



small {

	font-size: 0.9em;

	line-height: 1.5em;

	}



code {

	font: 1.1em 'Courier New', Courier, Fixed;

	}



div#footer p{

	padding-top:20px;

	margin-left: 15px;

	font-size: 0.8em;

	margin-right: 5px;

}



.post{

	padding-left: 5px;

	padding-right: 5px;

	color: #ffffff;

	font-size: 1.2em;}



.category{

	float:right;

	width: 200px;

	text-align: right;

	font-style: italic;}





.dte{

	color: #c3e0f0;

	margin-top: 2px;

	margin-bottom: 0;

	text-transform: uppercase;

	font-size: 10px;}



.postmetadata{

	clear:both;

	font-size: 0.8em;

	color: #a3a3a3;

	background: url(images/documents.gif) no-repeat center left;

	padding-left: 14px;

	padding-top: 2px;

	margin-top:1em;

	margin-bottom: 1.6em;}

.entry{

	padding-top:10px;

	clear:both;}

.entry img{

	padding: 4px;

	margin: 4px;

	background-color: #fdf8f4;

	border: 1px #d7d2ce dashed;}



.entry a:hover img{border: 1px #d7d2ce dashed;

	background-color: #ffffcc;

}



ul{margin: 0; padding: 0;}



.post ul, .post ol{

	margin-left: 50px;

	margin-right: 50px;

	margin-top: 0.5em;

	margin-bottom: 1em;}



.post ul li{

	list-style-type: square;}



.post blockquote{

	font-weight: normal;

	text-align: left;

	padding-left: 5px;

	font-size: 1em;

	border-left: 4px #cec2bc solid;

	font-style: italic;

	margin-left: 30px;

	margin-right: 20px;}



.post blockquote em{

	float: right;

	font-weight: normal;

	font-size: 1em;

	font-style: normal;}











/*special*/



span.amp {



	font-family: "Goudy Old Style", "Palatino", "Book Antiqua", serif;



	font-style: italic;



	font-size: 110%; }











/*LISTS*/



#navigation ul, #navigation li{

	list-style-type: none;

	margin: 0;

	padding:0;

	text-indent: 0px;

}

#navigation ul ul{

	padding-left: 10px;

}



.thumbpresslinks{

	margin-top: 1em;

	margin-left: 1em;}



.thumbpresslinks p{

	margin-left: 5px;}

.thumbpresslinks img{

	width:76px;

	height:76px;

	padding: 2px;

	background-image: url(images/thumbbg.png);

	float:left;

}

.thumbpresslink h3{margin: 0;padding:0;}

.thumbpresslink h3 a{

	margin:0;

	padding:0;

	color: #506b89;

	margin-left: 5px;}

.thumbpresslink h3 a:hover{

	background-color: #ffffcc;}	

.thumbpresslink{

	clear:both;

	height:90px;

	}

.thumbpresslinkinfo{

	margin-top:10px;

	width:260px;

	height:60px;

	float:left;

	border-top: 1px #c0c7cb dashed;

	border-bottom: 1px #c0c7cb dashed;}



/*comments*/	



#comments{

	margin-top: 10px;

	margin-left: 10px;

	margin-right: 10px;}





.commentlist{

	margin-left: 10px;

	margin-right: 5px;}



.commentlist li{

	background-color: #ffffff;

	padding: 2px;

	list-style-type: none;

	margin-bottom: 5px;}



.commentlist cite, .commentlist cite a {

	font-style: normal;

	font-size: 1em;

	font-weight: bold;}



.commentlist p{

	margin-top: 1em;}



.commentlist .alt{

	background-color: #fffdf8;}



.nocomments{

	float:right;

	width:100px;

	text-align:right;}

.nocomments a{

	background: url(images/figure.gif) no-repeat left;

	padding-left: 12px;

}







#respond{

	margin-left:10px;

	margin-top: 1em;}



/*forms*/	





input, textarea, select {	

	font: 1em Verdana, sans-serif; 

	background: #f8f8f8;

	border:1px solid #999;

	border-color:#999 #eef #eef #999;

	padding:1px;

	color: #444;}	





input#author, input#email{

	background-color: #fdffdd;}



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







input:hover, textarea:hover {

	background:#ffffff;

	cursor:text;}



	



input#submit {

	border: 1px #0f0000 outset;

	background-color: #e9e9e9;}



input#submit:hover {

	cursor: pointer;

	background-color: #fafafa;}



#comment{

	width:420px;

	font: 1em Verdana, sans-serif;

	margin-bottom: 1em;}



#commentform{

	margin-top: 1em;

	margin-left:10px;

}



input#searchsubmit{

	display: none;}



input#s {

	width: 220px;

	font-size: 2em;

	border: 1px #b4babf solid;

	background-color: #ffffff;

}







.navigation{

	font: 1em/1.2em "Trebuchet MS",verdana, arial, helvetica, sans-serif;

	margin-left: 5px;

	margin-top: 5px;

	margin-bottom: 5px;

	height:1.2em;

	border-top: 1px #01178e dashed;

	border-bottom: 1px #01178e dashed;

}



.navigation a{

	color: #ffffcc;

	font-style: italic;}



.navigation a:hover{

	color: #c2bfb2;}



.alignleft{

	float:left;

	}



.alignright{

	float:right;

	}



.related{

	margin-bottom: 1em;

	margin-top: 1em;}



.related ul{

	list-style-type: none;

	margin: 0;

	}



.related ul li{

	list-style-type: none;

	text-indent: 0;

	}



/*---archives---*/



.archivemonth{

	display:inline;

	float:left;

	width:45%;}



.archivesubject{

	display:inline;

	float:right;

	width:45%;}



.achiverecent{

	clear:both;}



.archive ul, .archive ol{

	list-style-type: none;

	line-height:1.2em;

	margin: 0px;

	padding: 0;

	font-size: 1em;}



.clear{clear:both;}



.archive ul li {

	margin:0;

	list-style-type: none;}		



.archive li a {

	padding: 0px;

	color: #3a688f;

	text-decoration: none;

}



.children li{

	margin:0;

	padding:0;

	border: none;

	padding-left: 1em;}



.children li a {

	padding-left:0px;

	}					



.archive li a:hover {

	color: #c4c8cb;

}



#pagenav

{

	margin-left: auto;

	margin-right: auto;

	margin-bottom: 10px;

	border-top: 1px #bac0c4 solid;

	z-index: 1;

}



#pagenav ul

{

	list-style-type: none;

	text-align: center;

	margin-top: -8px;

	padding: 0;

	position: relative;

	z-index: 2;

}



#pagenav li

{

	display: inline;

	text-align: center;

	margin: 0 5px;

}



#pagenav li a

{

	padding: 1px 7px;

	color: #666;

	background-color: #fff;

	border: 1px #bac0c4 dashed;

	text-decoration: none;

}



#pagenav li a:hover

{

	color: #000;

	border: 1px solid #666;

	border-top: 2px solid #666;

	border-bottom: 2px solid #666;

background-color: #ffffcc;}



#pagenav li a#current

{

	color: #000;

	border: 1px solid #666;

	border-top: 2px solid #666;

	border-bottom: 2px solid #666;

}

/*falbum*/





div.falbum-recent{

	width:340px;}



div.falbum-thumbnail-nods{

	float:left;

	padding:3px;

	margin:2px;

	background-image: url(images/thumbbg.png) ;

	background-repeat: no-repeat;}



div.falbum-thumbnail-nods img{

	width:74px;

	height:74px

	}

h3.falbum-title, h3.falbum-title a{

color: #8d8244;}

h3.falbum-title a:hover{

color: #a3aab2;}





#myGallery

{

float:left;

}

#myGallery h2{

background-image: none;

baground-color: #fefefe;

font-size: 1.4em;

color: #333 !important;}

#myGallery p{color: #333 !important;

font-size: 1em;}

#myGallery h2 a{

font-size: 1.4em;

color: #333 !important;

}

.slideInfoZone{height:50px !important;

background: #f8f8f8 !important; }