/*  
Theme Name: GreyIcon
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.


*/

body{
	padding:0px;
	margin:0px;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:13px;
line-height: 17px;
	background:#333333;
	width:100%;
}

img{
	border: 1px solid #333333;
margin:5px;
}

a{
	color:#0066cc;
	text-decoration:none;
}
a:hover{ text-decoration: underline; }

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

form, table{
	padding:0px;
	margin:15px;
}

.sub{
	border:0px;
}

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

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

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

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

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

#headertitle{
	padding-top:20px;
	padding-left:30px;
padding-bottom:20px;
	font-size:32px;
	color:#000;
	font-style:italic;
	font-weight:bold;
}
#header_title span{
	font-size:10px;
	color:#99c7e4;
	font-style:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	position:relative;
	top:-5px;
}

#headliner {
	
	height: 12px;
	
	padding: 0px;
	text-align: right;

	}
	
#headliner h1 {
	font-size: 12px;
margin: 10px;
	color: #797979;
	line-height: 12px;
	display: inline;
	}

/*menu*/

#menu_items{
	width:69%;
	float:left;
	padding-top:8px;
}

#menu_search_box{
	color:#7f7f7f;
	font-size:11px;
	float:left;
	width:31%;
	padding-top:2px;
}

#menu_search_box input.s{
	width:257px;
	_width:256px;
	font-size:13px;
	color:#666666;
	border:0px;
	background:none;
}

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

#menu{
	padding-left:20px;
	font-size:13px;
	color:#ffffff;
}

div#menu a{
	color:#ffffff;
	background:url(images/i_page.gif) no-repeat center left;
	padding-left:16px;
	padding-right:16px;
}

div#menu a#rss{
	background:url(images/i_rss.gif) no-repeat center left;
}

div#menu a#home{
	background:url(images/i_home.gif) no-repeat center left;
	padding-left:20px;
}

div#menu a:hover{
	color:#ccc;
}



/* 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:632px;
	float:left;
	padding-top:20px;
}

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

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

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

#sidebar_ads{
	margin-left:5px;
	padding-top:2px;
}

.ads_item{
	float:left;
	padding-right:6px;
	padding-bottom:5px;
}

.ads_item img{
	float:left;
}

#sidebar_bg{
	clear:both;
}

/* sidebar*/
#blog .sidebar{
	width:100%;
	float:left;
	padding-top:20px;
}

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

#blog .sidebar #sidebar_right{
	float:left;
	width:150px;
	padding-left:5px;
}


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

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

#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{
	margin:0px;
	padding-bottom:6px;
	padding-left:0px;
	margin-bottom:10px;
	color:#000;
	font-size:13px;
	font-weight:bold;
	font-style:normal;
	text-transform:uppercase;
	border-bottom:1px solid #000;
}

#blog .sidebar ul li{
	color:#292929;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding-bottom:10px;
	background:url(images/sd_end_bg.gif) no-repeat bottom left;
}

#blog .sidebar li a{
	color:#292929;
	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:#797979;
	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:#797979;
}

#blog .sidebar ul li ul li{
	border-bottom:0;
	background: url(images/solid_li.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/bl_li.gif) left 3px no-repeat;
	padding-left:9px;
}

#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 3px no-repeat;
	padding-left:9px;
}

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

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

#blog .sidebar ul li.pagenav li ul li{
	background: none;
}

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

/*inside*/

#blog #blog_comm{
	margin-left:60px;
	_margin-left:30px;
	float:left;
	width:530px;
}

#blog #blog_comm h2{
	font-size:23px;
	font-weight:normal;
	color:#000;
}

#blog #blog_comm .comm_panel{
	height:16px;
	background:#eaeaea;
	padding-right:10px;
	padding-left:10px;
	padding-top:3px;
	padding-bottom:3px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:510px;
	color:#000;
}

#blog #blog_comm .comm_panel a{
	font-weight:bold;
	color:#000;
}

#blog #blog_comm .comm_text{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:18px;
	padding-top:5px;
	padding-bottom:15px;
	padding-left:5px;
	padding-right:5px;
	color:#484848;
	background:url(images/comm_text.gif) no-repeat bottom left;
}

#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:530px;
}

#blog #blog_comm #comm_post_title{
	width:457px;
	height:57px;
	font-size:18px;
	padding-top:13px;
	padding-left:4px;
	color:#000;
}

#blog #blog_comm #comm_post_form{
	padding-left:65px;
}

#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:30px;
	width:557px;
	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:5px;
}

#blog .item_class .item_class_title_text .top_title{
	padding-right:10px;
	padding-left:0px;
}

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

#blog .item_class .item_class_title_text .end_title{
	font-size:11px;
	padding-right:10px;
	padding-left:0px;
	color:#000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

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

#blog .item_class .item_class_text{
	color:#797979;
	font-size:11px;
	line-height:20px;
	padding:0px 0px 5px 5px;
	margin-top:5px;
	border-top:1px solid #000000;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:560px;
}

#blog .item_class .item_class_text p{
	padding:0px;
	margin:0px;
	margin-top:10px;
}

#blog .item_class .item_class_panel{
	background:#ededed;
	color:#595959;
	margin-left:0px;
	padding-right:10px;
	padding-left:10px;
	padding-top:7px;
	padding-bottom:7px;
	width:550px;
	float:left;
	text-align:right;
	font-size:11px;
}

#blog .item_class .item_class_panel a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#595959;
}

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

#blog .item_class .item_class_panel a.panel_read{
	background:url(images/read.gif) no-repeat left center;
	padding-left:13px;
	color:#000;
	font-weight:bold;
}

/* end blog */

/* footer */

#footer{
	width:100%;
	height:99px;
	float:left;
	background:url(images/footer_bg.gif) repeat-x left top;
	color:#787878;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

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

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

#footer_left div{
	padding-top:57px;
	padding-left:40px;
}
#footer_left div a{
	color:#787878;
}

#footer_right div{
	margin-top:45px;
	margin-right:30px;
}

/* end footer */




#blog .navigation{
	padding-bottom:20px;
	clear:both;
	width:80%;
	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:#000;
}

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

div#blog h2.page_title{
	margin:0px;
	padding:0px;
	margin-left:30px;
	margin-bottom:10px;
	padding-bottom:5px;
	font-size:18px;
	color:#000;
	font-weight:normal;
	font-style:italic;
	background:url(images/page_title_bg.gif) no-repeat bottom left;
}

div#blog .entry h2{
	margin:0px;
	padding:0px;
	margin-bottom:10px;
	font-size:18px;
	color:#000;
	font-weight:normal;
	font-style:italic;
}

div#blog .entry{
	padding-left:30px;
	padding-right:5px;
	color:#000;
	width:575px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:16px;
}

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

div#blog .entry p{
	margin:0px;
	padding:0px;
	padding-bottom:10px;
}

.item_class blockquote, #blog_comm blockquote{
	border-left:4px solid #8dc63f;
	padding-left:12px;
	margin:0px;
	margin-top:5px;
	margin-bottom:5px;
	margin-left:20px;
}

.item_class blockquote blockquote, #blog_comm blockquote blockquote{
	border-left:4px solid #000;
	padding-left:12px;
	margin:0px;
	margin-top:5px;
	margin-bottom:5px;
	margin-left:20px;
}

.item_class ol, #blog_comm ol, div#blog .entry ol{
	padding-left:30px;
	padding-bottom:5px;
	padding-top:5px;
}

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

.item_class img, #blog_comm img{

	margin:5px;
}

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

/* Archives page */
div#blog .page_archives_div{
	width:560px;
}

.ar_panel{
}

div#blog .page_archives_div h2{
	margin:0px;
	padding:0px;
	padding-top:20px;
	padding-bottom:10px;
	margin-bottom:10px;
	font-size:18px;
	color:#000;
	font-weight:normal;
	background:url(images/page_title_bg.gif) no-repeat bottom left;
}

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

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

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

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

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

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

div#blog .page_archives_div ul li{
	padding-top:5px;
	padding-bottom:5px;
	background:url(images/page_archives_div_li.gif) no-repeat bottom left;
}

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

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	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 */


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

#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 */