/*  
Theme Name: Tarantula
Author URI: http://clarklab.net/
Version: 1.0
Author: ClarkLab

*/

body{
	padding:0px;
	margin:0px;
	font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	background:#fe9601 url('images/bg.jpg') no-repeat top center;
	width:100%;
}

img{
	border:0px;
}

a{
	color:#686867;
	text-decoration;
}

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

.sub{
	border:0px;
}

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

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

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

#header_top{
	width:100%;
	height:105px;
}

#header_center{
	width:100%;
	height:50px;
	background:url('images/menubar.gif') no-repeat 0px 8px;
}

#header_end #header_center_text{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-left:30px;
	padding-top:30px;
}

#header_end #header_center_text #header_center_title{
	font-size:19px;
	color:#000;
	padding-bottom:13px;
}

#header_end #header_center_text #header_center_body{
	font-size:9px;
	line-height:18px;
padding-left:30px;
	width:720px;
	color:#000;
}

#header_end{
	width:100%;
	height:200px;
	background:url(images/changethis.gif) no-repeat bottom;
}

#header_title{
	color:#000;
	font-size:31px;
	padding-top:28px;
	padding-left:20px;
}

#header_title span{
	color:#000;
	font-size:11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	position:relative;
	top:-5px;
}

/*menu*/

#menu_items{
	float:left;
width:70%;
}

#menu_search_box{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#7f7f7f;
	font-size:11px;
	float:left;
	width:230px;
	padding-top:21px;
}

#menu_search_box input.s{
	width:135px;
margin-left:60px;
	font-size:13px;
	color:#666666;
	border:0px;
	background:none;
}

#menu{
	padding-left:11px;
}

div#menu #menu_pad{
font-family: Trebuchet MS, Arial, Helvetica;
font-weight:bold;
	font-size:14px;
	color:#ffffff;
}

div#menu a{
	color:#fff;
}

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

div#menu #menu_items div{
	float:left;
	margin-right:15px;
padding:0px 8px 13px 8px;
}

div#menu #menu_items div:hover{
	float:left;
	margin-right:15px;
	color:#fff;
background:url('images/arrow.gif') no-repeat bottom center;
}




/* end menu */
/* end header */

/* blog*/

div#page #blog{
	background:#fff;
	float:left;
	width:100%;
}

div#blog #blog_top{
	background:#fff;
	float:left;
	width:100%;
}

div#blog #blog_left{
	width:530px;
	float:left;
	padding-top:5px;
}

div#blog #blog_right{
	width:200px;
	float:right;
margin:11px;
display: inline;
}

/* sidebar*/

#blog_right #sidebar{
	padding-top:0px;
width:200px;
}


#blog_right #sidebar ul{
	padding:0px;
	margin:0px;
	padding-bottom:5px;
}
#blog_right #sidebar li{
	padding:0px;
	margin:0px;
	list-style-type:none;
}

#blog_right #sidebar h2{
	color:#000;
	font-size:12px;
font-weight: bold;
	margin:0px;
width:190px;
height:27px;
	padding-top:6px;
	padding-left:28px;
	background:url('images/sidebarbg.png') no-repeat top left;
}

#blog_right #sidebar ul li{
	color:#2c2c2c;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding-left:0px;
	padding-bottom:10px;
}

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

#blog_right #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;
padding-left:10px;
}
#blog_right #sidebar ul li ul li ul li{
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#2c2c2c;
	padding-bottom:0px;
}
#blog_right #sidebar ul li ul li ul li a{
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#2c2c2c;
}

#blog_right #sidebar ul li ul li{
	border-bottom:1px solid #dedede;
padding-top:2px;
margin-left:3px;
margin-right:3px;
}

#blog_right #sidebar ul li.widget_categories ul li ul li{
	border-bottom:0;
	background: none;
	padding-left:5px;
}

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

#blog_right #sidebar ul li ul li a{
	background: url(images/bl_li.gif) left top no-repeat;
	padding-left:12px;
}

#blog_right #sidebar ul li.widget_categories ul li a{
	background: url(images/bl_li.gif) left top no-repeat;
	padding-left:12px;
}

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

#blog_right #sidebar ul li.widget_meta ul li a{
	background: url(images/bl_li.gif) left top no-repeat;
	padding-left:12px;
}

#blog_right #sidebar ul li.widget_categories li ul.children li a{
	background: url(images/bl_li.gif) left top no-repeat;
	padding-left:12px;
}


/*inside*/

.postinfodetail {
	position:relative;
	display:block;
        margin-bottom:10px;
}

.dateblock {
	background: url('images/dateblock.gif') no-repeat 0px 1px;
	width:44px;
	height:50px;
}

.datemonth {
	color:#000;
	width:38px;
	position:absolute;
	top:1px;
left:13px;
	font-size:11px;
}

.dateday {
	color:#000;
	width:38px;
	position:absolute;
	top:16px;
left:10px;
	font-size:20px;
}

.postdetailmain {
	position:absolute;
	top:0px;
	left:50px;
	display:block;
	width:80%;
}

.posttitlemain {
	position:absolute;
	top:2px;
	left:0px;
        font-weight:bold;
	font-size: 2.0em;
}

.postauthormain {
	position:absolute;
	top:31px;
	left:0px;
	font-size:11px;
}

#blog_left #blog_comm{
	margin-left:10px;
	float:left;
	width:100%;
}

#blog_left #blog_comm h2{
	font-size:21px;
	font-weight:bold;
	color:#686867;
	position:relative;
	top:-10px;
	margin-left:0px;
	padding-left:0px;
}

#blog_left #blog_comm .comm_panel{
	height:16px;
	background:#f1f1f1;
	padding-right:10px;
	padding-left:10px;
	padding-top:4px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	width:94%;
}

#blog_left #blog_comm .comm_panel a{
	font-weight:bold;
	color:#000000;
textdecoration:underline;
}

#blog_left #blog_comm .comm_text{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:18px;
	padding-top:0px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
	border-bottom:3px solid #f1f1f1;
	width:94%;
	color:#7e7e7e;
}

#blog_left #blog_comm .comm_text p{
	padding:0px;
	margin:0px;
	margin-top:10px;
	text-indent:20px;
}

#blog_left #comments_from_bg{
	background:url(images/blog_form_bg.gif) no-repeat top left;
	width:500px;
	padding-bottom:30px;
}

#blog_left #blog_comm #comm_post_title{
	width:430px;
	height:65px;
	font-size:21px;
	font-weight:normal;
	padding-left:15px;
	padding-top:5px;
	color:#686867;
}

#blog_left #blog_comm #comm_post_form{
	padding-left:25px;
}

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

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

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


/* end sidebar*/

/* blod item*/

#blog_left .item_class{
	width:100%;
	padding-left:13px;
	padding-bottom:30px;
	float:left;
}

#blog_left .item_class .item_class_title{
	width:540px;
}

#blog_left .item_class .item_class_title_text{
	min-height:52px;
}

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

#blog_left .item_class .item_class_title_text .top_title_top{
	font-size:9px;
	padding-right:10px;
	padding-left:0px;
	color:#737373;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

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

#blog_left .item_class .item_class_title_text .top_title a{
	font-size:21px;
	color:#686867;
	font-weight:bold;
}

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

#blog_left .item_class .item_class_title_text .end_title a{
	font-size:10px;
	font-weight:bold;
	color:#686867;
}

#blog_left .item_class .item_class_text{
	color:#595959;
	font-size:11px;
	line-height:20px;
	padding-left:20px;
	padding-right:0px;
	padding-bottom:5px;
	padding-top:0px;
	float:left;
	width:100%;
border-top: 2px solid #cccccc;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#blog_left .item_class .item_class_text p{
	padding:0px;
	margin:0px;
	margin-top:10px;
	text-indent:20px;
}

#blog_left .item_class .item_class_panel{
	height:21px;
	background:#f1f1f1;
	margin-left:0px;
margin-top:10px;
	padding-right:10px;
	padding-left:10px;
	padding-top:5px;
	float:left;
	width:100%;
}

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

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

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

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

/* end blog */

/* footer */

#footer{
	width:100%;
	height:110px;
	text-align:center;
	float:left;
	background:url('images/change.png') no-repeat top;
border-bottom:11px solid #fff;
}

div#footer #footer_text{
	color:#ffffff;
	line-height:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-top:40px;
	padding-bottom:10px;
}

div#footer #footer_text a{
	color:#ffffff;	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}

div#footer #footer_text span a{
	color:#ffffff;	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}

/* end footer */



#blog_left .navigation{
	padding-bottom:40px;
	text-align:center;
}

#blog_left .navigation ul{
}

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

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

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

div#blog h2{
	margin:0px;
	padding:0px;
	padding-left:20px;
	padding-top:0px;
	font-size:19px;
	color:#686867;
font-weight: bold;
}

div#blog .entry{
	padding-left:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#7e7e7e;
}

div#blog .entry p{
	padding:0px;
	margin:0px;
	margin-top:10px;
	text-indent:20px;
}

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

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

.item_class ol, #blog_comm ol{
	background:url(images/ol_bg.png) repeat-y left;
	color:#7e7e7e;
}

.item_class ol li, #blog_comm ol li{
	color:#7e7e7e;
}

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

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

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