/*  
Theme Name: CleanYello
Theme URI: http://www.askgraphics.com/freetemplates/
Description: Custom blog design starts from just $250 @ <a href="http://www.askgraphics.com/blog-design.html">AskGraphics.com</a>.
Version: 1.0
Author: AskGraphics
Author URI: http://www.askgraphics.com/


License Information :

All templates are free to use as long as you leave the credits unchanged.
You cannot claim these templates or modifications of these templates as yours.

You cannot redistribute these templates on your website.

You cannot modify these templates and distribute them.


*/
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-10477141-1");
pageTracker._trackPageview();
} catch(err) {}</script>
body{
	padding:0px;
	margin:0px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px;
	background:#4b4b4b;
	width:100%;
}

img{
	border:0px;
}

a{
	color:#000;
	text-decoration:none;
}

form, table, ul, li{
	padding:0px;
	margin:0px;;
}

.sub{
	border:0px;
}

input, textarea{
	border:1px solid #cecece;
	font-size:12px
}

div#page{
	width:1000px;
	text-align:left;
	background:#ffffff;
}

/*header*/
#header{
	width:100%;
	height:154px;
	text-align:left;
}

#header_top{
	width:100%;
	height:113px;
	background:url(images/header_top_bg.gif) no-repeat top left;
}

#header_end{
	width:100%;
	height:41px;
	background:url(images/header_end_bg.gif) no-repeat top left;
}

#header_title{
	padding-top:25px;
	padding-left:30px;
	font-size:49px;
	color:#3d3d3d;
	font-weight:bold;
	font-style:italic;
}

/*menu*/

#menu_items{
	width:71%;
	float:left;
	padding-top:12px;

}

#menu_search_box{
	color:#000;
	font-size:13px;
	float:left;
	width:29%;
	padding-top:8px;
}

#menu_search_box input.s{
	width:170px;
	font-size:12px;
	color:#000;
	border:0px;
	background:none;
	margin-left:3px;
}

#menu_search_box #go{
	position:relative;
	top:4px;
}

#menu{
	padding-left:30px;
	font-size:14px;
	color:#ffffff;
}

div#menu a{
	color:#3d3d3d;
	padding-right:20px;

}

div#menu a:hover{
	color:#000;
	text-decoration:underline;
}



/* end menu */

/* end header */

/* blog*/

div#page #blog{
	float:left;
	width:100%;
	background:url(images/body_bg.gif) repeat-y top left;
}

div#page #blog_top{
	float:left;
	width:100%;
}

div#blog #blog_center{
	width:584px;
	float:left;
	padding-top:20px;
}

#blog_right_sidebar{
	width:416px;
	float:right;
}

div#blog #blog_left{
	float:left;
	width:258px;
}

div#blog #blog_right{
	float:right;
	width:158px;
}

#content{
	width:542px;
}
.center{
	width:542px;
}
/* sidebar*/
#blog .sidebar{
	width:100%;
	float:left;
	padding-top:12px;
}

#blog .sidebar #sidebar_left{
	float:left;
	width:232px;
	padding-left:15px;
}

#blog .sidebar #sidebar_right{
	float:left;
	width:130px;
}


#blog .sidebar ul{
	padding:0px;
	margin:0px;
}

#blog .sidebar ul li ul{
	padding-left:5px;
	padding-bottom:10px;
	width:95%;
}

#blog .sidebar ul li ul li ul{
	padding-left:0px;
	padding-bottom:0px;
}

#blog .sidebar li{
	padding:0px;
	margin:0px;
	list-style-type:none;
}

#blog .sidebar h2{
	color:#000;
	font-size:17px;
	margin:0px;
	padding-left:10px;
	padding-top:12px;
	font-weight:normal;
	font-style:normal;
	background:url(images/h2_li.gif) repeat-x center left;
	height:34px;
}

#blog .sidebar ul li{
	color:#333333;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding-bottom:10px;
}

#blog .sidebar li a{
	color:#333333;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-weight:normal;
	line-height:19px;
}

#blog .sidebar ul li ul li{
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding-right:5px;
	padding-bottom:5px;
	background:none;
}
#blog .sidebar ul li ul li ul li{
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#333333;
	padding-bottom:0px;
}
#blog .sidebar ul li ul li ul li a{
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#333333;
}

#blog .sidebar ul li ul li{
	border-bottom:0;
	background: none;
}

#blog .sidebar ul li.widget_categories ul li{
	border-bottom:0;
	background: url(images/solid_li.gif) left bottom no-repeat;
}

#blog .sidebar ul li.widget_recent_comments ul li{
	border-bottom:0;
	background: url(images/solid_li2.gif) left bottom no-repeat;
}

#blog .sidebar ul li.widget_categories ul li ul li{
	border-bottom:0;
	background: none;
}

#blog .sidebar ul li ul li ul{
	padding-left:10px;
}

#blog .sidebar ul li ul li a{
	background: url(images/br_li.gif) left 3px no-repeat;
	padding-left:9px;
}

#blog .sidebar ul li.widget_recent_comments ul li.recentcomments span{
	padding-left:9px !important;
	margin-left:5px;
	background: url(images/comm_li.gif) left 7px no-repeat;
	display:block;
}

#blog .sidebar ul li.widget_recent_comments ul li.recentcomments a{
	padding-left:0px !important;
	background:none !important;
}

#blog .sidebar ul li.widget_categories ul li a{
	background: url(images/cat_li.gif) left 3px no-repeat;
	padding-left:9px;
}

#blog .sidebar ul li.widget_archives ul li a{
	background: url(images/ar_li.gif) left top no-repeat;
	padding-left:9px;
}

#blog .sidebar ul li.widget_categories li ul.children li a{
	background: url(images/line_li.gif) left 5px no-repeat;
	padding-left:8px;
}

.sidebar_ads{
	width:130px;
	margin-left:13px;
	margin-bottom:13px;
}

.widget_rssicon{
}

.widget_rssicon span{
	position:relative;
	top:-12px;
}

.widget_rssicon img{
	position:relative;
	top:-3px;
}

/*inside*/

#blog #blog_comm{
	clear:both;
	width:540px;
	margin-left:30px;
}

#blog #blog_comm h2{
	font-size:21px;
	font-weight:normal;
	color:#000000;
	position:relative;
	top:-10px;
	border-bottom:1px #b2b2b2 dashed;
	padding:0px;
	padding-bottom:5px;
	padding-top:5px;
}

.comm_box{
	background:#fffcec;
	margin-bottom:10px;
	padding:5px;
	padding-left:14px;
}

.comm_box_alt{
	background:#fff6bf;
	margin-bottom:10px;
	padding:5px;
	padding-left:14px;
}

#blog #blog_comm .comm_panel{
	padding-right:10px;
	padding-left:0px;
	padding-top:2px;
	padding-bottom:6px;
	font-size:18px;
	color:#f26522;
	border-bottom:1px solid #ffe788;
}

#blog #blog_comm .comm_panel div{
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#303030;
	padding:0px;
	background:url(images/item_title_icon.gif) no-repeat left center;
	padding-left:15px;
	padding-top:5px;
}

#blog #blog_comm .comm_panel a{
	color:#f26522;
}

#blog #blog_comm .comm_text{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:18px;
	padding-right:8px;
	padding-left:10px;
	margin-left:5px;
	margin-top:8px;
	margin-bottom:5px;
	color:#666666;
	border-left:4px solid #f79e6e;
}

#blog #blog_comm .comm_text_alt{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:18px;
	padding-right:8px;
	padding-left:10px;
	margin-left:5px;
	margin-top:8px;
	margin-bottom:5px;
	color:#666666;
	border-left:4px solid #000;
}

#blog #blog_comm .comm_text p{
	padding:0px;
	margin:0px;
	margin-top:10px;
}

#blog #comments_from_bg{
	background:url(images/blog_form_bg.gif) no-repeat top left;
	width:540px;
	margin-left:0px;
}

#blog #blog_comm #comm_post_title{
	width:457px;
	height:57px;
	font-size:21px;
	padding-left:15px;
	padding-top:17px;
	color:#f26522;
}

#blog #blog_comm #comm_post_form{
	padding-left:45px;
	padding-bottom:30px;
}

#blog #blog_comm #comm_post_form input.text{
	font-size:14px;
}

#blog #blog_comm #comm_post_form td{
	list-style:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-bottom:10px;
	padding-right:10px;
	color:#000;
}

#blog #blog_comm #comm_post_form td.right{
	text-align:right;
	vertical-align:top;
}


/* end sidebar*/

/* blod item*/

#blog .item_class{
	margin-left:30px;
	_margin-left:15px;
	padding-bottom:20px;
	width:542px;
	float:left;
}

#blog .item_class .item_class_title{
	width:100%;
}

#blog .item_class .item_class_title_text{
}

#blog .item_class .item_class_title_text .titles{
	float:left;
	width:98%;
	padding-bottom:10px;
}

#blog .item_class .item_class_title_text .top_title{
	padding-right:10px;
	padding-left:0px;
	font-style:italic;
	padding-bottom:5px;
}

#blog .item_class .item_class_title_text .top_title a{
	font-size:22px;
	color:#303030;
}

#blog .item_class .item_class_title_text .top_title a:hover{
	text-decoration:underline;
}

#blog .item_class .item_class_title_text .end_title{
	font-size:10px;
	padding-right:10px;
	padding-left:15px;
	color:#303030;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:url(images/item_title_icon.gif) no-repeat center left;
}

#blog .item_class .item_class_title_text .end_title a{
	font-weight:bold;
	color:#ed9c00;
}

#blog .item_class .item_class_text{
	color:#7f7f7f;
	font-size:11px;
	line-height:20px;
	padding-left:0px;
	padding-right:0px;
	padding-bottom:10px;
	_padding-bottom:20px;
	padding-top:0px;
	border-bottom:2px solid #ffe991;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:100%;
}

.item_tags{
	background:#fffadf url(images/item_tag_bg.gif) no-repeat top left;
	width:521px;
	padding-top:7px;
	padding-bottom:7px;
	padding-left:10px;
	padding-right:10px;
	margin-top:8px;
	color:#303030;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.item_tags a{
	color:#303030;
}

.item_tags a:hover{
	text-decoration:underline;
}

/* end blog */

/* footer */

#footer{
	width:100%;
	height:112px;
	float:left;
	background:url(images/footer_bg.gif) repeat-x left top;
	color:#000;
}

#footer_menu{
	text-align:center;
	font-size:14px;
	padding-top:18px;
}

#footer_menu a{
	color:#3d3d3d;
	padding-right:30px;
}

#footer_menu a:hover{
	color:#000;
	text-decoration:underline;
}

#footer_left{
	float:left;
	width:60%;
}

#footer_left div{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding-top:40px;
	padding-left:40px;
}

#footer_right{
	float:right;
	width:39.9%;
	text-align:right;
}

#footer_right div{
	padding-top:20px;
	margin-right:20px;
}

/* end footer */




#blog .navigation{
	padding-bottom:20px;
	clear:both;
	width:70%;
	margin:0px auto;
}

#blog .navigation ul{
}

#blog .navigation ul li{
	list-style:none;
	display:inline;
	padding-right:20px;
}

#blog .navigation .alignright a{
	font-weight:bold;
	font-size:11px;
	padding-right:15px;
	color:#000000;
}

#blog .navigation .alignleft a{
	font-weight:bold;
	font-size:11px;
	padding-left:8px;
	color:#000000;
}

div#blog h2{
	margin:0px;
	padding:0px;
	margin-left:30px;
	font-size:22px;
	color:#303030;
	font-weight:normal;
	font-style:normal;
	margin-bottom:5px;
}

div#blog h2.page_title{
	background:url(images/h2_bg.gif) no-repeat top left;
	width:550px;
	padding-left:5px;
	padding-top:3px;
	padding-bottom:10px;
	margin-left:15px;
}

div#blog .entry{
	margin-left:25px;
	padding-right:10px;
	color:#000000;
	width:540px;
}

div#blog .entry a{
	font-weight:bold;
}

div#blog .entry p{
	margin:0px;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:18px;
	padding-bottom:10px;
}

.item_class blockquote p, #blog_comm blockquote p{
	padding:0xpx;
	margin:0px;
	padding-bottom:7px;
}

.item_class blockquote, #blog_comm blockquote{
	background:url(images/block_bg.gif) no-repeat left top;
	padding-left:32px;
	margin:0px;
	margin-top:0px;
	margin-left:20px;
	padding-bottom:2px;
}

.item_class blockquote blockquote, #blog_comm blockquote blockquote{
	background:url(images/block2_bg.gif) no-repeat left top;
	padding-left:32px;
	margin:0px;
	margin-top:0px;
	margin-left:20px;
}

.item_class ol, #blog_comm ol{
	padding-left:50px;
	padding-top:10px;
	padding-bottom:10px;
	margin:0px;
}

.item_class ol li, #blog_comm ol li{
}

.item_class ul, #blog_comm ul, div#blog .entry ul{
	padding-left:30px;
	padding-top:10px;
	padding-bottom:10px;
	margin:0px;
}

.item_class ul li, #blog_comm ul li, div#blog .entry ul li{
	padding-left:13px;
	background:url(images/item_li.gif) no-repeat left 5px;
	list-style:none;
	padding-bottom:2px;
}

.item_class img, #blog_comm img{
	float: left;
	margin:5px;
}

.item_class strong, #blog_comm strong{
	color:#000000;
}

/* Archives page */
div#blog .page_archives_div{
	margin-left:20px;
	padding-right:10px;
	width:540px;
}

.ar_panel{
	padding-top:7px;
}

div#blog .page_archives_div h2{
	background:url(images/h2_bg.gif) no-repeat top left;
	width:540px;
	padding-left:5px;
	padding-top:3px;
	padding-bottom:10px;
	margin-left:0px;
}

div#blog .page_archives_div ul h2{
	border:0px;
}

div#blog .page_archives_div ul{
	margin:0px;
	padding:0px;
	padding-top:5px;
	margin-bottom:40px;
}

div#blog .page_archives_div ul li{
	margin:0px;
	padding:0px;
	list-style:none;
	background:none;
}

div#blog .page_archives_div ul li ul{
	margin:0px;
	padding:0px;
	padding-left:10px;
}

div#blog .page_archives_div ul li a{
	font-weight:normal;
	color:#000;
	font-size:14px;
	margin-left:10px;
	padding-left:15px;
	background:url(images/page_archives_div_li.gif) no-repeat left center;
}

div#blog .page_archives_div ul li a:hover{
	color:#666666;
}

div#blog .page_archives_div ul li{
	padding-top:5px;
	padding-bottom:5px;
	border-bottom:1px solid #e5e5e5;
}

div#blog .page_archives_div ul li ul li{
	border-bottom:0px;
}

/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 95%;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */