/*  
Theme Name: GreenIcon
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:11px;
	background:#000000 url(images/bg.gif) repeat-x top left;
	width:100%;
}

img{
	border:0px;
}

a{
	color:#000000;
	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:1001px;
	text-align:left;
}

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

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

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

#header_title{
	padding-top:75px;
	padding-left:60px;
	font-size:30px;
	color:#000;
	font-style:italic;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-transform:lowercase;
}

#header_title span{
	font-size:10px;
	color:#384f19;
	font-style:normal;
	position:relative;
	top:-5px;
}

/*menu*/

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

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

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

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

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

div#menu a{
	color:#ffffff;
	background:url(images/i_page.gif) no-repeat center left;
	padding-left:18px;
	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:647px;
	float:left;
	padding-top:10px;
}

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

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

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

#content{
	width:577px;
}
.center{
	width:577px;
	padding-left:40px !important;
}

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

#blog .sidebar #sidebar_left{
	float:left;
	width:141px;
	padding-left:10px;
}

#blog .sidebar #sidebar_right{
	float:left;
	width:141px;
	padding-left:8px;
}


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

#blog .sidebar ul li ul{
	padding-left:10px;
	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:0px;
	color:#fff;
	font-size:18px;
	font-family:Georgia, "Times New Roman", Times, serif;
	background:url(images/h2_li.gif) no-repeat left top;
	padding-left:22px;
	font-weight:normal;
	font-style:italic;
	height:26px;
}

#blog .sidebar #sidebar_right h2{
	background:url(images/h2_li2.gif) no-repeat left top;
}

#blog .sidebar ul li{
	color:#d0d0d0;
	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:#d0d0d0;
	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:#d0d0d0;
	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:#d0d0d0;
}

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

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

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

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

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

/*inside*/

#blog #blog_comm{
	margin-left:50px;
	_margin-left:25px;
	float:left;
	width:550px;
}

#blog #blog_comm h2{
	margin-left:20px;
	padding-top:0px;
	margin-top:0px;
	font-size:23px;
	font-weight:bold;
	color:#000;
	position:relative;
	top:-10px;
	background:url(images/page_title.gif) repeat-x bottom left;
	width:550px;
}

#blog #blog_comm .comm_panel{
	height:16px;
	background:#d8d8d8;
	padding-right:10px;
	padding-left:10px;
	padding-top:2px;
	padding-bottom:2px;
	margin-left:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:530px;
	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;
	margin-left:20px;
	color:#787878;
	border-bottom:1px solid #787878;
	width:550px;
}

#blog #blog_comm .comm_text p{
	padding-bottom:10px;
}

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

#blog #blog_comm #comm_post_title{
	width:457px;
	height:57px;
	font-size:21px;
	font-weight:bold;
	padding-left:5px;
	padding-top:5px;
	color:#000;
	font-family:Georgia, "Times New Roman", Times, serif;
}

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

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


/* end sidebar*/

/* blod item*/

.item_class{
	width:577px;
	padding-left:45px;
	padding-bottom:30px;
	float:left;
}

.item_class .item_class_title{
	width:100%;
	float:left;
}

.item_class .item_class_title_text{
	width:100%;
	background:url(images/item_class_title.gif) no-repeat left bottom;
	padding-bottom:15px;
	float:left;
}


.item_class .item_class_title_text .date{
	float:left;
	width:46px;
	height:44px;
	background:url(images/date_text_bg.gif) no-repeat top left;
	margin-top:8px;
}

.item_class .item_class_title_text .titles{
	float:left;
	width:90%;
}

.item_class .item_class_title_text .date_month{
	font-size:11px;
	color:#ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-top:2px;
	text-align:center;
}

.item_class .item_class_title_text .date_day{
	font-size:17px;
	color:#233210;
	text-align:center;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	padding-top:1px;
}

.item_class .item_class_title_text .top_title{
	padding-right:10px;
	padding-left:10px;
	padding-top:8px;
}

.item_class .item_class_title_text .top_title a{
	font-size:23px;
	color:#000;
	font-weight:bold;
	font-family:Georgia, "Times New Roman", Times, serif;
}

.item_class .item_class_title_text .end_title{
	font-size:12px;
	padding-right:10px;
	padding-left:10px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#818181;
}

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

.item_class .item_class_text{
	color:#484848;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	line-height:20px;
	padding-left:5px;
	padding-right:0px;
	padding-bottom:5px;
	padding-top:0px;
	float:left;
}

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

.item_class .item_class_panel{
	padding-right:10px;
	padding-left:10px;
	padding-top:5px;
	padding-bottom:5px;
	float:left;
	width:557px;
	background:#000000;
}

.item_class_panel .links_left{
	float:left;
}

.item_class_panel .links_right{
	float:right;
}

.item_class .item_class_panel a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:10px;
	color:#FFFFFF;
}


.item_class .item_class_panel a:hover{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:10px;
	text-decoration:underline;
}

.item_class .item_class_panel a.panel_read{
	background:url(images/read.gif) no-repeat left center;
	padding-left:10px;
	color:#8dc63f;
}

.item_class .item_class_panel span.panel_comm a{
	background:url(images/comm.gif) no-repeat left center;
	padding-left:17px;
}

/* end blog */

/* footer */

#footer{
	width:100%;
	height:153px;
	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:60px;
	padding-left:40px;
}

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

/* end footer */




#blog .navigation{
	padding-bottom:20px;
	text-align:center;
	clear:both;
}

#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.page_title{
	margin:0px;
	padding:0px;
	margin-left:60px;
	padding-top:20px;
	padding-bottom:10px;
	margin-bottom:10px;
	font-size:18px;
	color:#000;
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
	background:url(images/page_title.gif) no-repeat bottom left;
}

#blog h2.center{
	margin:0px;
	padding:0px;
	background:none;
	font-size:18px;
}

div#blog .entry{
	padding-left:60px;
	padding-right:5px;
	color:#484848;
	width:548px;
	font-family:Georgia, "Times New Roman", Times, serif;
}

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

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

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

.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:5px;
	margin-bottom:5px;
	margin-left:20px;
}

.item_class ol, #blog_comm ol, .entry ol{
	padding-left:30px;
	padding-bottom:10px;
}

.item_class ul, #blog_comm ul, .entry ul{
	padding-left:30px;
	padding-bottom:10px;
}

.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{
	width:550px;
}

.ar_panel{
	padding-top:5px;
}

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;
	font-family:Georgia, "Times New Roman", Times, serif;
	background:url(images/page_title.gif) no-repeat bottom left;
}

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;
	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-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	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 */