/*  

Theme Name: Transblack

Description: Custom blog design starts from just $250 

Version: 1.0

Author: AskGraphics



*/



body{

	padding:0px;

	margin:0px;

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

	font-size:14px;

	background:#0c0c0c url(images/header_bg.gif) no-repeat top center;

	width:100%;

}



img{

	border:0px;

}



a{

	color:#ffffff;

	text-decoration:underline;

}



form, table, ul, li{

	padding:0px;

	margin-left:6px;

	color:#8b8b8b;

}



.sub{

	border:0px;

}



input, textarea{

	border:1px solid #cecece;

	font-size:14px

}



div#page{

	width:998px;

	text-align:left;

}



/*header*/

#header{

	width:998px;

	text-align:left;

}



#header_top{

	width:100%;

	height:100x;

}

#header h1 a {
	width: 998px;
	height: 100px;
	display: block;
	background: url(images/header_bg.gif) no-repeat top left;
}
#header h1 a span { 
	display: none; 
}


#header_end{

	width:100%;

	height:52px;

}



#header_title{

	color:#ffffff;

	font-size:31px;

        font-family: Arial Black, verdana, sans-serif;

	padding-top:40px;

	padding-left:35px;

}



#header_title span{

	color:#909090;

	font-size:16px;

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

	position:relative;

	top:-5px;

}



/*menu*/



#menu_items{

	width:100%;

	float:left;

        padding-top: 5px;

}



#menu_search_box{

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

	color:#7f7f7f;

	font-size:14px;

	float:left;

	width:27%;

	padding-top:19px;

}



#menu_search_box input.s{

	width:100px;

	font-size:14px;

	color:#666666;

	border:0px;

	background:none;

	position:relative;

	top:-7px;

}



#menu_search_box span{

	position:relative;

	top:-7px;

}



#menu{

	padding-left:15px;

}



div#menu #menu_pad{

	font-size:16px;

	color:#FFFFFF;

	height:52px;

}



div#menu a{

	color:#e2e2e2;

	font-weight:bold;

	padding-top:5px;

	padding-bottom:5px;

}



div#menu a:hover{

	color:#a0001b;

        background: #ffffff;

	font-weight:bold;

}



div#menu #menu_items div{

	float:left;

}





/* end menu */



/* end header */



/* blog*/



div#page #blog{

	background:url(images/body_bg.gif) repeat-y top left;

	float:left;

	width:100%;

}



div#blog #blog_center{

	width:560px;

	float:left;

	padding-top:25px;

	padding-left:10px;

}






div#blog #blog_left{

	width:180px;

	padding-left:35px;

	float:left;

}



/* sidebar*/



#blog_left #sidebar{

	padding-left:0px;

	margin-top:5px;

	width:100%;

}



#blog_left #sidebar ul{

	padding:0px;

	margin:0px;

}

#blog_left #sidebar li{

	padding:0px;

	margin:0px;

	list-style-type:none;

}



#blog_left #sidebar h2{

	color:#a0001b;

	font-size:20px;

	margin:0px;

	padding-bottom:5px;

	padding-top:6px;

	padding-left:5px;

	font-weight:normal;

	font-family:Georgia, "Times New Roman", Times, serif;

}



#blog_left #sidebar ul li{

	color:#8b8b8b;

	font-size:14px;

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

	font-weight:bold;

}



#blog_left #sidebar li a{

	color:#8b8b8b;

	font-size:14px;

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

	text-decoration:none;

	font-weight:normal;

	line-height:19px;

}



#blog_left #sidebar ul li ul li{

	font-size:14px;

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

	font-weight:bold;

	padding-right:5px;

	padding-bottom:5px;

	background:none;

}

#blog_left #sidebar ul li ul li ul li{

	font-size:14px;

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

	font-weight:normal;

	color:#8b8b8b;

	padding-bottom:0px;

}

#blog_left #sidebar ul li ul li ul li a{

	font-size:14px;

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

	font-weight:normal;

	color:#8b8b8b;

}



#blog_left #sidebar ul li ul li{

	border-bottom:0;

	background: url(images/solid_li.gif) left bottom no-repeat;

}



#blog_left #sidebar ul li.widget_categories ul li ul li{

	border-bottom:0;

	background: none;

}



#blog_left #sidebar ul li ul li ul{

	padding-left:5px;

}



#blog_left #sidebar ul li ul li a{

	background: url(images/bl_li.gif) left top no-repeat;

	padding-left:9px;

}



#blog_left #sidebar ul li.widget_categories ul li a{

	background: url(images/cat_li.gif) left top no-repeat;

	padding-left:9px;

}



#blog_left #sidebar ul li.widget_archives ul li a{

	background: url(images/ar_li.gif) left top no-repeat;

	padding-left:9px;

}



#blog_left #sidebar ul li.widget_meta ul li a{

	padding-left:9px;

}



#blog_left #sidebar ul li.widget_categories li ul.children li a{

	background: url(images/line_li.gif) left top no-repeat;

	padding-left:9px;

}





/* sidebar2*/




/*inside*/



#blog_center #blog_comm{

	margin-left:30px;

	float:left;

	width:520px;

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

}



#blog_center #blog_comm h2, h3{

	font-size:23px;

	font-weight:normal;

	color:#ffffff;

	position:relative;

	padding-left:0px;

}



#blog_center #blog_comm .comm_panel{

	height:16px;

	padding-right:10px;

	padding-left:10px;

	padding-top:4px;

	padding-bottom:4px;

	width:520px;

	font-size:14px;

	color:#ffffff;

}



#blog_center #blog_comm .comm_panel a{

	font-weight:bold;

	color:#ffffff;

	text-decoration:underline;

}



#blog_center #blog_comm .comm_text{

	line-height:18px;

	padding-top:0px;

	padding-bottom:5px;

	padding-left:5px;

	padding-right:5px;

	border-bottom:1px solid #ffffff;

	width:520px;

	color:#909090;

}



#blog_center #blog_comm .comm_text p{

	padding:0px;

	margin:0px;

	margin-top:10px;

	text-indent:20px;

}



#blog_center #comments_from_bg{

	background:url(images/blog_form_bg.gif) no-repeat top left;

	width:560px;

	padding-bottom:20px;

}



#blog_center #blog_comm #comm_post_title{

	width:430px;

	height:55px;

	font-size:17px;

	font-weight:normal;

	padding-left:20px;

	padding-top:15px;

	color:#ffffff;

}



#blog_center #blog_comm #comm_post_form{

	padding-left:25px;

}



#blog_center #blog_comm #comm_post_form input.text{

	font-size:14px;

}



#blog_center #blog_comm #comm_post_form td{

	list-style:none;

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

	padding-bottom:10px;

	padding-right:10px;

	color:#909090;

}



#blog_center #blog_comm #comm_post_form td.right{

	text-align:right;

	vertical-align:top;

}



/* end sidebar*/



/* blog item*/



#blog_center .item_class{

	width:560px;

	padding-left:10px;

	padding-bottom:30px;

	float:left;

}



#blog_center .item_class .item_class_title{

	width:550px;

}



#blog_center .item_class .item_class_title_text{

	min-height:52px;

}



#blog_center .item_class .item_class_title_text .titles{

	float:left;

	width:95%;

	padding-bottom:5px;

}



#blog_center .item_class .item_class_title_text .top_title_top{

	font-size:14px;

	padding-right:10px;

	padding-left:10px;

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

	color:#ffffff;

}



#blog_center .item_class .item_class_title_text .top_title{

	padding-right:10px;

	padding-left:10px;

}



#blog_center .item_class .item_class_title_text .top_title a{

	font-size:21px;

	color:#ffffff;



}



#blog_center .item_class .item_class_title_text .end_title{

	font-size:14px;

	padding-right:10px;

	padding-left:10px;

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

	color:#909090;

}



#blog_center .item_class .item_class_title_text .end_title a{

	font-size:14px;

	color:#ffffff;

	font-weight:bold;

}



#blog_center .item_class .item_class_text{

	color:#909090;

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

	font-size:14px;

	line-height:20px;

	padding-left:5px;

	padding-right:0px;

	padding-bottom:5px;

	padding-top:5px;

	background:url(images/title_line.gif) no-repeat right top;

	float:left;

	width:550px;

}



#blog_center .item_class .item_class_text p{

	padding:0px;

	margin:0px;

	margin-top:10px;


}



#blog_center .item_class .item_class_panel{

	height:17px;

	margin-left:0px;

	padding-right:10px;

	padding-left:10px;

	padding-top:7px;

	float:left;

	width:540px;
        background-color:#101010;
        color: #101010;

}



#blog_center .item_class .item_class_panel a{

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

	font-weight:bold;

	font-size:14px;

	text-decoration:underline;
color: #101010;

}



#blog_center .item_class .item_class_panel a:hover{

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

	font-weight:bold;

	font-size:14px;

	text-decoration:underline;
color: #101010;

}



#blog_center .item_class .item_class_panel a.panel_read{

	padding-left:3px;

	color:#101010;

}



#blog_center .item_class .item_class_panel span.panel_comm a{

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

	padding-left:20px;

	color:#101010;

}



/* end blog */



/* footer */



#footer{

	width:100%;

	height:101px;

	text-align:center;

	float:left;

	background:url(images/footer_bg.gif) no-repeat top;

}



div#footer #footer_text{

	color:#0c0c0c;

	line-height:20px;

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

	padding-top:45px;

	padding-bottom:10px;

	padding-left:15px;

}



div#footer #footer_text a{

	color:#0c0c0c;	

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

	font-weight:normal;

}



div#footer #footer_text span a{

	color:#0c0c0c;	

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

	font-weight:normal;

}



/* end footer */







#blog_center .navigation{

	padding-bottom:40px;

	text-align:center;

}



#blog_center .navigation ul{

}



#blog_center .navigation ul li{

	list-style:none;

	display:inline;

	padding-right:20px;

}



#blog_center .navigation .alignright a{

	font-weight:bold;

	font-size:14px;

	padding-right:15px;

	color:#ffffff;

}



#blog_center .navigation .alignleft a{

	font-weight:bold;

	font-size:14px;

	padding-left:8px;

	color:#ffffff;

}



div#blog h2{

	margin:0px;

	padding:0px;

	padding-left:20px;

	padding-top:0px;

	font-size:19px;

	color:#ffffff;

}



div#blog .entry{

	padding-left:20px;

}



div#blog .entry p{

	margin:0px;

	padding:0px;

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

	line-height:16px;

	font-size:14px;

	color:#909090;

}


#blog_center .entry li{

	font-size:16px;

	color:#909090;

        margin-left: 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:5px;

}



.item_class blockquote blockquote, #blog_comm blockquote blockquote{

	background:url(images/block2_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:#909090;

}



.item_class ol li, #blog_comm ol li{

	color:#909090;

}



.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:#ffffff;

}