/*

Theme Name: Essentia Blog Wordpress Theme

Theme URI: http://www.myessentia.com/blog/

Description: Essentia Blog Wordpress Theme

Version: 1.0

Author: Hakan Kamci

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

Tags: green, white, fixed width, two columns, widget ready, browser compatible

*/

body{

background:url(images/top_bg2.jpg) no-repeat center top;

font:12px "comic sans MS", verdana, arial;

margin:0;

padding:0;



}

img

{

border:0;

padding-top:2px;

padding-bottom:5px;

padding-right:5px;

padding-left:5px;

}

a{

color:#0288c7;

}

#top{

width:960px;

height:320px;

margin:0 auto;

}

#top_left{

float:left;

width:500px;

}

#top h1{

margin:84px 0 0 140px;

color:#3f8890;

font-size:34px;

}

#top h1 a{

text-decoration:none;

color:#3f8890;

font-size:34px;

}

#top h3{

margin:78px 0 0 120px;

color:#000;

font-size:14px;

font-weight:normal;

}

	#nav{

	padding:17px 0 0 110px;

	width:600px;
	
	height: 30px; /* updated 1/11/11 */

	float:left;

	}

	#nav ul{

	margin:0;
	
	list-style: none;

	padding:0;
	
	height: 30px;

	}

	#nav ul li{

	float: left;
	
	height: 30px;

	padding:0 7px;

	}

	#nav ul li a{

	text-decoration:none;
	
	float: left;
	
	line-height: 30px;
	
	height: 30px;

	color:#fff;

	font-weight:bold;

	font-size:14px;

	text-transform:uppercase;

	}

	#nav ul li.home
	{
		padding: 0;
	}
	
	#nav ul li.home a, #nav ul li.home a:hover { color: #007380; }
	
	#nav ul li.home span { width: 7px; height: 30px; display: block; float: left; }
	
	#nav ul li.home span.left {	background:url(images/rounded_left.png) no-repeat left top; }
	
	#nav ul li.home span.content { background-color: #FFFFFF; width: auto; }
	
	#nav ul li.home span.right { background:url(images/rounded_right.png) no-repeat right top; }

	#nav ul li a:hover{

	color:#000;

	}


#top_img{

float:right;

width:319px;

margin:0 ;

display:inline;

}

#top_img img{

border:none;

}



#search_box{

margin:7px 0 0 0;

}



/**************Content***************************/

#middle{

width:960px;

margin:0 auto;

}

#main_content{

float:left;

width:490px;

margin:0 70px 0 80px;

display:inline;

font-family:Verdana, Arial, Helvetica, sans-serif;

}





#sidebar{

float:left;

width:280px;

margin:0 14px 0 26px;

display:inline;

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:11px;

}

.widget_box_top{

background:url(images/widget_box_top.jpg) no-repeat;

width:280px;

height:10px;

overflow:hidden;

font-size:11px;

}

.widget_box{

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

padding:10px 20px;

width:240px;

}

.widget_box_bottom{

background:url(images/widget_box_bottom.jpg) no-repeat;

width:280px;

height:18px;

margin-bottom:10px;

}

.widget_box h1, #sidebar h1{

font-size:16px;

color:#3f8890;

margin:0;

padding:0;

font-family:Arial, Helvetica, sans-serif;

}

.widget_box a{

}

.widget_box ul{

margin:10px 0 0 10px;

padding:0;

list-style-position:inside;

}

.widget_box ul#recentcomments, .widget_box ul.blogroll{

list-style-type:none;

list-style-position:inside;

}

.widget_box ul li{



}

.widget_box ul li.recentcomments{

background:url(images/recent_comments_bg.gif) no-repeat left 7px;

padding:4px 0 4px 14px;

}

.widget_box ul.blogroll li{

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

padding:4px 0 4px 10px;

}

.widget_box ul.sz-videolisting{

text-align:center;

margin:20px 0 0 54px;

}

.widget_box ul.sz-videolisting li{

margin:0 0 10px 0;

}

.widget_box ul li a{

padding:0;

font-size:11px;

}

.widget_box ul li a:hover{

color:#000;

}

li.recentcomments a{

text-decoration:none;

}

#main_content h1{

font-family:Arial, Helvetica, sans-serif;

color:#3f8890;

padding:0;

text-decoration:none;

margin:0;

font-size:24px;

}

#main_content h1 a{

text-decoration:none;

color:#3f8890;

margin:1px;

}



.author_date{

font-size:12px;

color:#8F8F8F;

float:left;

}

.date_padding{

padding-left:20px;

}

.post_detail{

margin:0 0 60px 0;

}

.navigation2{

margin:40px 0 0 0;

padding:40px 0;

}

.alignleft{float:left; text-align:left; margin:0 4px 4px 0;}

.alignright{float:right; text-align:right; margin:0 0 4px 4px;}

.clear{clear:both;}





.entry p { line-height: 18px; } 



/* Style for Usual tabs ////////////////////////////////////////////////////////////////////////////////*/

.usual {

padding:0;

margin:0 0 20px 0;

padding:0;

width:280px;

}

.usual ul{

list-style: none;

margin: 0;

padding: 0;

}

.usual ul li{

list-style: none;

margin: 0;

font-size: 12px;

float:left;

padding:0 2px 0 0;

text-align:center;



}

.usual ul li a {

text-decoration:none;

color:#fff;

background:#c9c9c9;

border:none;

display:block;

padding:6px 4px;

letter-spacing:1px;

margin-left:2px;

outline:none;

}

.usual ul li a:hover {

color:#000;

}

.usual ul li a.selected {

color:#000;

background:#efebe8;

cursor:default;

}



.usual .widget_box{

background:#efebe8;

padding:10px;

width:250px;

}

.usual .widget_box div {

padding:0;

margin:0;

background:url(images/squares_bg.jpg);

overflow:hidden;



}

.usual .widget_box div ul{

list-style-position:inside;

margin:0;

padding:0;

}

.usual .widget_box div ul li{

padding:4px 0 ;

text-align:left;

}

.usual .widget_box div ul ul li{

border-bottom:none;

}



.usual .widget_box div ul li a, .usual .widget_box div ul li a.selected { 

margin:2px 0 ;

padding: 0 4px;

color: #3f8890;

text-decoration: none;

border-left:none;

border-top:none;

border-right:none;

display:block;

float:left;

width:200px;

background:none;

letter-spacing:normal;

font-size:11px;

}

.usual .widget_box div ul ul li a{ 

border-left:none;

}

.usual .widget_box div ul li a:hover{

text-decoration:none;

color:#0288c7;

}

.usual .widget_box div a{

color:#3f8890;

}

.usual .widget_box div a:hover{

color:#0288c7;

}





.usual .widget_box div ul.social_icons{

margin:0 0 0 20px;

padding:0;

}

.usual .widget_box div ul.social_icons li.rss{

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

}

.usual .widget_box div ul.social_icons li.twitter{

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

}

.usual .widget_box div ul.social_icons li.facebook{

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

}

.usual .widget_box div ul.social_icons li.facebook, .usual .widget_box div ul.social_icons li.twitter, .usual .widget_box div ul.social_icons li.rss{

padding:6px 0 6px 16px;

border-bottom:4px dotted #3f8890;

margin-bottom:4px;

}

.usual .widget_box div ul.social_icons li a{

color:#3f8890;

}



/************************************************************/



/******************** Comments***************/

input, textarea{

border:1px solid #3f8890;

padding:4px;

}

.submitcomment{

background:#eef4f5;

color:#3f8890;

padding:3px;

font:bold 12px "comic sans MS", verdana, arial;

}

.alt {

margin: 0;

padding: 10px;

}



.commentlist {

text-align: justify;

background:#f8fafa;

margin:0 0 20px 0;

padding:0;

}



.commentlist li {

margin:0;

padding:0;

list-style: none;

}

.commentlist li ul li { 

margin-right: -5px;

margin-left: 10px;

}



.commentlist p {

margin: 10px 5px 10px 0;

}

.children { padding: 0; }



#commentform p {

margin: 5px 0;

font-size:12px;

}



.nocomments {

text-align: center;

margin: 0;

padding: 0;

}



.commentmetadata {

margin: 0;

display: block;

}

ol.commentlist { list-style:none; padding:10px; color:#3f8890;} 

ol.commentlist li { padding:10px; font:12px "comic sans MS", verdana, arial; margin:0 0 20px 0;} 

ol.commentlist li.alt { } 

ol.commentlist li img{float:left; margin:0 10px 10px 0;}

ol.commentlist li.bypostauthor {} 

ol.commentlist li.byuser {} 

ol.commentlist li.comment-author-admin {} 

ol.commentlist li.comment {} 

ol.commentlist li div.comment-author {} 

ol.commentlist li div.vcard { } 

ol.commentlist li div.vcard cite.fn { font-style:normal; } 

ol.commentlist li div.vcard cite.fn a.url {} 

.avatar { float:left; margin:0 10px 10px 0; } 

ol.commentlist li div.vcard img.avatar-32 {} 

ol.commentlist li div.vcard img.photo {} 

ol.commentlist li div.vcard span.says {} 

ol.commentlist li div.commentmetadata { clear:left;} 

ol.commentlist li div.comment-meta { font-size:11px;  } 

ol.commentlist li div.comment-meta a { color:#ccc; }

ol.commentlist li div.comment-body{clear:left;}

ol.commentlist li p { font-size:11px; margin:0 0 1em; color:#000; } 

ol.commentlist li ul { font-size:11px; list-style:square; margin:0 0 1em 2em; } 

ol.commentlist li div.reply { font-size:11px; } 

ol.commentlist li div.reply a { font-weight:bold; } 

ol.commentlist li ul.children { list-style:none; margin:1em 0 0; text-indent:0; } 

ol.commentlist li ul.children li {} 

ol.commentlist li ul.children li.alt {} 

ol.commentlist li ul.children li.bypostauthor {} 

ol.commentlist li ul.children li.byuser {} 

ol.commentlist li ul.children li.comment {} 

ol.commentlist li ul.children li.comment-author-admin {} 

ol.commentlist li ul.children li.depth-2 { border-left:5px solid #555; margin:0 0 .25em .25em; } 

ol.commentlist li ul.children li.depth-3 { border-left:5px solid #999; margin:0 0 .25em .25em; } 

ol.commentlist li ul.children li.depth-4 { border-left:5px solid #bbb; margin:0 0 .25em .25em; } 

ol.commentlist li ul.children li.depth-5 {} 

ol.commentlist li ul.children li.odd {} 

ol.commentlist li.even { background:#fff; } 

ol.commentlist li.odd { background:#000; } 

ol.commentlist li.parent { border-left:5px solid #111; } 

ol.commentlist li.pingback { border-bottom:1px dotted #666; padding:1em; } 

ol.commentlist li.thread-alt { } 

ol.commentlist li.thread-even {} 

ol.commentlist li.thread-odd {}  



#respond h3{

font-size:18px;

color:#3f8890;



}

h3#comments{border-bottom:2px dashed #ccdee0; padding:0 0 10px 0;font-size:18px;color:#3f8890; margin:0;}

#respond form{

border-top:1px solid #3f8890;

padding:16px 0 0 0 ;

}

.comment-avatar, comment-content{ float:left;}

.comment-content{

background:#fff; margin-left:40px; border:1px solid #999999; padding:10px;}



.comment_bubble{

float:right; background:url(images/comment_bubble.jpg) no-repeat left center; padding:10px 0 0 26px; color:#3f8890; font-weight:bold; font-size:18px;

}



.tweetmeme_button{float:right; margin:19px 0 0 0;}

/***************Footer styles******************/

#footer{

color:#fff;

font-size:12px;

margin:20px auto 0 auto;

}