/*
Theme Name: BlackGray
Theme URI: http://AskGraphics.com/
Description: Widget Supported xhtml compliant template sponsored by Romow Online Advertising and Web Directory
Version: 1.0
Author: AskGraphics
Author URI: http://www.askgraphics.com/
This theme is free to use under Creative Commons (Attribution-ShareAlike 2.5),
therefore all the attribution links in the footer must remain intact.
*/
body{
padding:0px;
margin:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
background:#666666;
}
img{
border:0px;
}
a{
color:#265099;
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:994px;
text-align:left;
background:#FFFFFF;
border:7px solid #ffffff;
}
/*header*/
#header{
width:100%;
height:178px;
text-align:left;
}
#header_top{
width:100%;
height:132px;
background:#000000;
}
#header_end{
width:100%;
height:46px;
background:url(images/header2_bg.png) no-repeat bottom;
}
#header_end #header_text_pad{
padding-top:7px;
padding-left:10px;
}
#header_title{
color:#ffffff;
font-size:31px;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding-top:45px;
padding-left:35px;
}
#header_title span{
color:#ffffff;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
/*menu*/
#menu{
width:100%;
}
div#menu #menu_pad{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
padding-left:15px;
padding-top:7px;
}
div#menu #menu_pad td.menu{
background:url(images/menu_sep.png) right no-repeat center;
}
div#menu #menu_pad a{
color:#303030;
}
div#menu #menu_pad a:hover{
color:#7C9BCF;
text-decoration:underline;
}
div#menu #menu_pad #right_search_box{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
padding-left:235px;
color:#cccccc;
}
div#menu #menu_pad #right_search_box input.s{
width:110px;
font-size:11px;
background:#ffffff;
border:1px solid #ffffff;
color:#666666;
}
/* end menu */
/* end header */
/* blog*/
div#page #blog{
width:100%;
background:url(images/blog_bg.png) repeat-y top center;
}
div#page #blog #blog_top{
width:100%;
}
div#page #blog #blog_end{
width:100%;
height:45px;
background:url(images/blog_bg3.png) no-repeat top center;
}
div#blog #blog_left{
width:600px;
}
div#blog #blog_left_bg{
width:100%;
padding-left:10px;
}
div#blog #blog_right{
width:359px;
padding-left:0px;
background:url(images/blog_bg_right.png) repeat-y top left;
}
/* sidebar*/
div#blog #blog_right #blog_right_pad #sidebar{
padding-top:15px;
}
div#blog #blog_right #blog_right_pad #sidebar ul{
padding:0px;
margin:0px;
}
div#blog #blog_right #blog_right_pad #sidebar li{
padding:0px;
margin:0px;
list-style-type:none;
}
div#blog #blog_right #blog_right_pad #sidebar h2{
color:#566379;
font-size:18px;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
margin:0px;
padding-left:20px;
padding-right:0px;
padding-top:5px;
padding-bottom:0px;
height:27px;
background:url(images/h2_bg.png) no-repeat left center;
}
div#blog #blog_right #blog_right_pad #sidebar td.td_right h2{
color:#566379;
}
div#blog #blog_right #blog_right_pad #sidebar table ul li{
color:#818181;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
background:url(images/sidebar_title_bg.png) no-repeat top;
padding-left:14px;
padding-bottom:7px;
padding-top:3px;
}
div#blog #blog_right #blog_right_pad #sidebar table td.td_right ul li{
color:#818181;
}
div#blog #blog_right #blog_right_pad #sidebar li a{
color:#818181;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
font-weight:normal;
line-height:19px;
}
div#blog #blog_right #blog_right_pad #sidebar td.td_right li a{
color:#818181;
}
div#blog #blog_right #blog_right_pad #sidebar ul li ul li{
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
padding-left:0px;
padding-right:25px;
padding-bottom:5px;
background:none;
}
div#blog #blog_right #blog_right_pad #sidebar ul li ul li ul li{
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
padding-left:0px;
padding-right:0px;
background:none;
}
div#blog #blog_right #blog_right_pad #sidebar ul li ul li{
border-bottom:0;
background: url(images/solid_li.png) center bottom no-repeat;
}
div#blog #blog_right #blog_right_pad #sidebar td.td_right ul li ul li{
border-bottom:0;
background: url(images/solid2_li.png) left bottom no-repeat;
}
div#blog #blog_right #blog_right_pad #sidebar ul li.widget_categories ul li{
border-bottom:0;
background: url(images/solid_li.png) left bottom no-repeat;
}
div#blog #blog_right #blog_right_pad #sidebar ul li.widget_categories ul li ul li{
border-bottom:0;
background: none;
}
div#blog #blog_right #blog_right_pad #sidebar ul li ul li ul{
padding-left:12px;
}
div#blog #blog_right #blog_right_pad #sidebar ul li ul li ul li {
border:0px;
background: none;
}
div#blog #blog_right #blog_right_pad #sidebar td.td_right ul li ul li ul li {
border:0px;
background: none;
}
div#blog #blog_right #blog_right_pad #sidebar li ul li ul li a{
background: url(images/line_li.png) no-repeat left;
padding-left:7px;
}
div#blog #blog_right #sidebar ul li ul li a{
padding-left:8px;
background: none;
}
div#blog #blog_right #sidebar td.td_right ul li.widget_meta ul li a{
padding-left:8px;
background: none;
}
/* end sidebar*/
div#blog .navigation{
padding-left:130px;
}
div#blog .navigation .alignright_bg{
height:24px;
}
div#blog .navigation .alignright_bg .alignright a{
font-weight:bold;
font-size:11px;
padding-right:15px;
color:#021f5f;
}
div#blog .navigation .alignleft_bg{
height:24px;
}
div#blog .navigation .alignleft_bg .alignleft a{
font-weight:bold;
font-size:11px;
padding-left:8px;
color:#021f5f;
}
div#blog #blog_left h2{
font-size:16px;
color:#021f5f;
margin:0px;
padding-top:10px;
padding-left:0px;
}
/* blod item*/
div#blog #blog_left .item_class{
padding-left:10px;
padding-right:20px;
padding-top:20px;
}
div.item_class .item_titles{
background:url(images/item_title1.png) no-repeat top left;
padding:5px;
}
div.item_class .item_title1 a{
color:#00000B;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:22px;
padding-left:0px;
}
div.item_class .item_title2{
color:#b3b3b3;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:15px;
line-height:18px;
padding-left:0px;
padding-bottom:5px;
border-bottom:1px #dedede dashed;
}
div.item_class .item_title2 a{
color:#b3b3b3;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
}
div.item_class .item_text{
color:#9a9a9a;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
line-height:20px;
padding-bottom:10px;
}
div.item_class .item_text p{
padding:0px;
margin:20px;
}
div.item_class .item_panel{
background:#f2f2f2;
width:100%;
height:30px;
}
div.item_class .item_panel .panel_links{
padding-left:10px;
padding-top:5px;
}
div.item_class .item_panel .panel_links span.comm a{
color:#3d3d3d;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
text-decoration:none;
background:url(images/comm.png) no-repeat left;
padding-left:20px;
}
div.item_class .item_panel .panel_links span.read a{
color:#3d3d3d;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
text-decoration:none;
background:url(images/read.png) no-repeat left;
padding-left:14px;
}
div.item_class .alignleft{
padding-right:10px;
padding-bottom:20px;
}
div.item_class .alignleft a{
color:#21395f;
font-weight:bold;
}
div.item_class .alignright{
padding-right:10px;
padding-bottom:20px;
}
div.item_class .alignright a{
color:#21395f;
font-weight:bold;
}
/* blog comm*/
div#blog #blog_left .blog_comm{
padding-left:0px;
padding-right:15px;
text-align:left;
}
div#blog #blog_left .blog_comm .comm_title{
color:#12127D;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:17px;
font-weight:bold;
padding-bottom:15px;
padding-left:25px;
}
div#blog #blog_left .blog_comm .comm_count{
color:#1919B3;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
padding-top:4px;
padding-left:10px;
background:url(images/comm_panel.png) repeat-x top;
width:100%;
height:30px;
padding-bottom:10px;
}
div#blog #blog_left .blog_comm .comm_data{
background:url(images/comm_bg.png) repeat-x top;
margin-left:30px;
margin-top:0px;
}
div#blog #blog_left .blog_comm .comm_data_pad{
color:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
padding-top:7px;
padding-left:5px;
}
div#blog #blog_left .blog_comm .comm_data_pad a{
color:#000000;
}
div#blog #blog_left .blog_comm .comm_text{
color:#1919B3;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
line-height:20px;
padding-left:5px;
padding-top:5px;
padding-bottom:10px;
margin-left:30px;
}
div#blog #blog_left .comm_text p{
margin:0px;
padding:0px;
}
div#blog #blog_left #comm_form
{
background:url(images/form_comm_bg.png) no-repeat top left;
padding-left:5px;
padding-top:0px;
padding-bottom:20px;
padding-right:0px;
text-align:left;
margin-left:20px;
}
div#blog #blog_left #comm_form #form_title{
height:60px;
}
div#blog #blog_left #comm_form #form_title #form_title_text{
color:#1919B3;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:normal;
padding-left:20px;
padding-top:10px;
}
div#blog #blog_left #comm_form .form_table{
background:none;
width:95%;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
padding-left:0px;
padding-bottom:10px;
}
div#blog #blog_left #comm_form .form_comm_end{
background:url(images/form_comm_end_bg.png) no-repeat top left;
height:14px;
padding-left:0px;
padding-bottom:00px;
}
/* blog comm end*/
/* end blog */
/* footer */
#footer{
width:100%;
height:104px;
text-align:center;
background:url(images/footer_bg2.png) no-repeat top left #000000;
}
div#footer div{
padding-top:30px;
padding-bottom:10px;
padding-left:20px;
color:#ffffff;
line-height:20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
div#footer div a{
color:#566379;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
}
/* end footer */
.item_class blockquote, .blog_comm blockquote{
background:url(images/bq_li.png) no-repeat left top;
padding-left:30px;
padding-right:0px;
margin-right:0px;
margin-left:8px;
padding-top:10px;
}
.item_class blockquote blockquote, .blog_comm blockquote blockquote{
background:url(images/bq_li2.png) no-repeat left top;
padding-left:30px;
padding-right:0px;
margin-right:0px;
margin-left:8px;
}
.item_class ol, .blog_comm ol{
background:url(images/oll_li.png) repeat-y left;
color:#993300;
}
.item_class ol li, .blog_comm ol li{
blog_item:#7c7c7c;
}
.item_class ul, .blog_comm ul{
list-style:url(images/list_li.png);
padding-left:30px;
}
.item_class img, .blog_comm img{
float: left;
margin:5px;
}