/*  
Theme Name: Zathering
Theme URI: 
Description: A custom theme.
Version: 1.0
Author: 
*/

* { 
	padding: 0; 
	margin: 0; }
body {
	margin: 0; 
	padding: 0; 
	background: #a3adb4; 
	color: #564b47; 
	font-family: Verdana, Arial, sans-serif; 
	font-size:100%;
}
html > body {
	font-size:15px;}
sup { /* For the 14 next to the blog title */
	color: #FFC671;
}
a:hover {
	background: #dbeffb;
}
.alignleft {
	float:left;clear:left; border: 1px solid #aeaeae; padding: 5px; margin: 0 5px 3px 0;
}
.alignright {
	float:right; clear:right; border: 1px solid #aeaeae; padding: 5px; margin: 0 0 5px 5px;}
abbr, acronym, span.abbr {
	border: none;
}
h1, h2, h3, h4, h5, h6 {
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
}
h2 {
	font-size:1.65em;
	font-weight:bold;
	margin-bottom: 0.857em;
	text-align:center;
}
h2 a {
	text-decoration:none;
}
h2 a:hover {
	text-decoration:underline;
}
h3 {
	font-size:1.308em;font-weight:normal;line-height:1.059em;margin-bottom: 1.059em;
}
h4, h5, h6 {
	font-size:1.154em;font-weight:normal;line-height:1.2em;margin-bottom: 1.2em;
}

#outercontainer {
	margin: 0 auto; 
	width: 960px; 
	background: #58798C;
}
#container {
	margin: 0 auto; 
	width: 920px; 
	background: #FFF;}
/*---:[ HEADER ]:---*/
#header { 
	width: auto; 
	height: 100px; 
	background: #FFF url(images/header-background.jpg) repeat-x;}
#header h1 { /* For your Blog Title */ 
	margin: 0; 
	padding: 15px 0 0 25px; 
	letter-spacing: -1px;
	font-size: 240%; 
	font-weight: normal;
}
#header h1 a {
 	color:#333;
	text-decoration:none;
}
#header h1 a:hover {
	color:blue;
 	text-decoration:underline;
}
#header h3 { /* For your Blog Description */ 
	margin:0 0 0 45px; 
	padding-right:15px; 
	font-size: 120%; 
	font-weight: normal; color: #999; 
	text-transform: lowercase; 
	float:left;
}
#header #search {
	float:right;
	font:"Trebuchet MS";
	padding:28px 20px 0 0;
}
/*---:[ MENU... for the menu bar across the top ]:---*/
#menu {
	width: auto;
	height: 77px;
	background: #444 url(images/menu-background.jpg) repeat-x;
}
#menumain ul {
	padding:0;
	margin: 0;
	float: left;
	width: 100%;
	}
#menumain ul li {
	display: inline;
	font-family:"Trebuchet MS", Verdana, Arial;
	font-weight:bold;
	letter-spacing:1px;
}
#menumain ul li a {
	color: #fff; 
	padding: 28px; 
	text-decoration: none;
	float: left;
	border-right: 1px solid #333;border-left: 1px solid #333;
}
#menumain ul li a:hover {
	background: #58798C;
	text-decoration:underline;
}

/*---:[ maincontent styles ]:---*/
#main {
	width: 600px;
	background: #FFF url(images/maincontent-background.jpg) repeat-x;
	padding:25px;
	float:left;
}
#main p, #main ul, #main ol, #main blockquote, #main pre, #main td, #main th, #main label {
	margin: 0;
	line-height: 1.5em; 
	margin-bottom: 1.5em;
}

/*---:[ POST..where you'd style your blog posts ]:---*/
.entry-content {
	margin: 10px 0px 35px 0px;
}
div.entry-content ul, ol{ 
	margin:0;
}
div.entry-content ul li {
	margin-left:1em;
}
div.entry-content ol li {
	margin-left:1.5em;
}
div#entry-content  ul li {
	list-style-type: disc;
	margin-left:1em;
}
.entry-content img { 
	padding: 3px;
	 margin: 0 6px 0 6px; 
	border: 1px solid #bbb;
}
.entry-content a img {
	border: 3px solid #ccc;
}
.entry-content a:hover img {
	border: 3px solid #666;
}
.entry-content .entry-meta { /* For Categories, Tags and Comments at end of posts */ 	
	background: #fbfbfe; 
	border: 2px solid #f1f7f6; 
	font-size: 12px; 
	padding:2px; 
	text-transform: lowercase;
}
.entry-content p.entry-date {
	background: #fff url(images/clock.gif) no-repeat left center; 
	font-size: 12px; 
	margin-top:-1.5em !important; 
	padding-left: 13px; 
	text-transform: lowercase;
}
blockquote {
	margin: 18px 18px 18px 18px;
	background-color: #fbfbfe;
	border-bottom: 1px solid #eee;
}
blockquote p {
	margin: 0.4em 0.8em;
}
.code {
	margin: 15px 0;
	padding: 10px;
	display: block;
	overflow: auto;
	font: 400 1em courier, monospace;
	line-height: 120%;
	white-space: pre;
	background: #f1f7f6;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;}
.alert { /* For Alert Class.  Thanks to bioneural.net */ 
	background: #fff6bf url(images/exclamation.png) center no-repeat; 
	background-position: 15px 50%; /* x-pos y-pos */ 
	text-align: left; 
	padding: 5px 20px 5px 45px; 
	border-top: 2px solid #ffd324; 
	border-bottom: 2px solid #ffd324;
}
div#ads {
	border:1px solid #ddd;
	text-align:center;
}
div#entry-content h1 {
	font-size:120%;
}

/*---:[ SIDEBAR ]:---*/
#sidemenu { /*sidemenu id is for the top sidebar menu, the one with with the orange arrows*/	
	width: 220px;
	font-size: 100% !important;
	list-style-image: none !important;
	list-style-type: none !important;
	margin-bottom:2em;}
#sidemenu li {font-size: 110% !important;
	list-style-image: none !important;
	list-style-type: none !important;}
#sidebar {
	float: left;
	width: 220px;
	padding:25px;
	background: #FFF url(images/maincontent-background.jpg) repeat-x;
}
#sidebar ol.posts {
    margin-left:1.5em;
}
#sidebar #newsletter_desc {
    font-size:12px;
    line-height:1em;
    margin-bottom:0.5em;
}
#sidemenu h4, #sidebar h4 {
	margin: 30px 0 10px 0;
	font-weight: normal;
	font-size: 140%;
	color: #2E2E2E;
	border-bottom: 1px solid #bbb;
}
#sidebar ul {
	list-style-type: none;
	margin: 0; 
	line-height: 1.5em; 
	margin-bottom: 1.5em;
	padding: 0;
	font-size: 95%;}
#sidebar ul ul li {
	color:#58798C;
	list-style-type: square;
	/*list-style-position: inside;*/
}
#sidebar ul ul.posts li { /* For sidebar recent posts*/
	color:#58798C;
	list-style-type: square;
	margin-left:1em;
}
#sidebar ul ul.comments li { /* For brain's latest comments plugin or another comment plugin i suppose */
	list-style-image: url(images/comment.gif);
	list-style-type: disc;
	list-style-position: inside;}
#sidebar ul.subscribe li { /* For the Sidebar Subscribe RSS Bullets */
	list-style-image: url(images/feed_bullet.gif) !important;
	list-style-type:circle;
	list-style-position: inside;}
#sidebar h2.widgettitle { /* For Sidebar Widgets Titles */
	margin: 20px 0 10px 0;
	font-weight: normal;
	letter-spacing: -1px;
	font-size: 130%;
	font-family: Verdana, Arial;
	color: #888;
	background: #fbfbfe;
	border-bottom: 1px solid #f1f7f6;}
#sidebar li.widget { /* For Sidebar Widgets Titles */
	font-size: 98%;
	list-style-image: none;
	list-style-type: none;}
#sidebar li.widget ul { /* For Sidebar Widgets Titles */
	color:#58798C;	
	list-style-type: disc;
	margin-left:1em;
}
li.widget_flickrrss { } /* for flickrrss sidebar widget */
li.widget_flickrrss a img { 
	margin:0 3px 3px 0; 
	padding:3px; 
}
li.widget_flickrrss a:hover img {
	background:#191919;
}
#sidebar li#linkcat-1 h2 {
	margin: 20px 0 10px 0;
	font-weight: normal;
	letter-spacing: -1px;
	font-size: 140%;
	font-family: georgia, tahoma, arial;
	color: #888;background: #fbfbfe;
	border-bottom: 1px solid #f1f7f6;
	list-style-image: none !important;
	list-style-type: none;}
.search-form { 
	padding: 5px 15px 0 0; 
	margin:0 0 1em 0; 
	background: #fff url(images/search-orange.png) no-repeat right center; }
.navigation { 
	width: 600px;  
	margin: 0 0 3.0em 0;  
	float: left; 
}
* html .navigation { 
	margin: 0 0 2.5em 0;
}
.previous { padding: 0 20px 0 0;  float: left; }
.next { float: right; }
.clear {width: 600px; height: 1px; clear: both;}

#sidebar li#sidebar_newsletter div.required {
	color:red;
	font-style:italic;
	text-align:center;
}
#sidebar li#sidebar_newsletter div#subscribe_ok {
	color:green;
}
li#sidemenu p.catcloud a {
	text-decoration:none;
}
li#sidemenu p.catcloud a:hover {
	text-decoration:underline;
}

/*---:[ COMMMENTS]:---*/
#respond {font-size: 105%;}
#trackbacks {margin: 0 0 2em 0;}
#comments-form {margin: 4em 0 0 0;}
#comments-form input:focus, #comments-form textarea:focus { background: #ffffcc; }
#commentform textarea {background:#f4f4ff none repeat scroll 0%;border: 1px solid #aeaeae;width:100%;}
#comments-form a img {border:none !important;}
div.comment-meta {margin: 10px 0 10px 0;}
div.comment-meta img {margin: 0;}
div.comment-text {margin: 10px 0 10px 0;}
h4.comments-header { background: #f1f1f1;border: 3px solid #f5f5f5; padding-top:2px; padding-bottom: 2px; padding-left: 1px;}
h4.comments-form {margin: 15px 0 0 0;}
ul.policy {background: #f5f5f5; border: 1px dotted #aeaeae; float:left;margin: 1.5em 0 1.5em 0;width:275px;}
ul.policy li {list-style-type:none !important;padding:5px}
ul.labels {float:left;line-height: 1.5;width:275px; padding-left: 25px;}
ul.labels li{list-style-type:none !important; margin:0 0 1.5em 0;}
label.openid {background: #fff url(images/icon-openid.gif) left center no-repeat;padding-left:18px;}
ol.comments {list-style-position: outside;}
.comment-author, .comment-date {}
.even {background: #F0F0F0;}
.sign-in {width:550px;}
.odd {background: #FAFAFA;}
.highlight {background: #FFFFE5;}
img.gravatar {margin:0 0 0 3px; padding: 5px; float:right; border:1px solid #E0E0E0; background: #fff;}
#live-preview {margin: 20px 0 100px 0;}
/*---:[ footer styles ]:---*/
#footer {
	clear: both;
	width: auto;
	font-size: 80%;
	background: #111 url(images/footer-background.jpg) repeat-x;color: #888;}
#footer h1{margin: 0;padding:  25px 25px 10px 25px;font-weight: normal;letter-spacing: -1px;font-size: 140%;color: #999;}
#footer p {margin: 0;padding:  0 25px 10px 25px;}
#footerleft {float: left;width: 380px;}
#footerright {float: right;width: 380px;}
#credits { /* For the credit links in the footer*/clear: both;width: auto;text-align: center;padding: 30px 0 0px 0;}
#credits a {color: #fff;}
#credits a:hover {color: #FFC671;}

/*---:[ plugin styles ]:---*/
a.extlink { /* For Link Indication */ padding-right: 10px;background: #fff url(images/external-link.png) no-repeat right center;}
.flickr { /* For Flickr Plugin in the Footer*/clear: both;padding: 25px;}
.flickr a {background: #191919;border: 2px solid #666;display: block;float: left;margin: 0 20px 5px 0;padding: 5px;}
.flickr img {border: 2px solid #999;display: block;width: 70px;height: 70px;}
.flickr a:hover {background: #666;border: 2px solid #333;display: block;float: left;margin: 0 20px 5px 0;padding: 5px;}