/*
Theme Name: BBQQ STUDIO
Description: BBQQ STUDIO TEMPLATE
Version: 1.0
Author: bruce li
Author URI: http://qstufie.com
*/
body{
margin:0;
padding:0;
font:12px 'lucida sans', arial, verdana;
color:#333;
/*
background:#015293;
*/
background:url('images/bg/tree.jpg');
}

#bq_seabed{
float:left;
width:100%;
/*
background:#DDF7C9 url('images/sea.png') repeat-x 0 bottom;
*/
background:url('images/sea.png') repeat-x 0 bottom;
}

.fl{
float:left;
}

#bq_wrapper{
width:100%;
background:url('images/bg.png') repeat-x 0 0;
}

#bq_header{
width:100%;
min-width:1160px;
height:auto;
overflow:hidden;
background:url('images/top.png') no-repeat 0 0;
}

#bq_body{
width:100%;
clear:both; 
}

.left a,
.right a{
font-weight:bold;
text-decoration:none;
color:#000;  
}

.left a:hover,
.right a:hover{
color:#ff9a00;
}

/**
 * start of content: logo
 */
h1.header,
ul#main-navigation li a span{display:none;} 

/**
 * main nav
 */
ul#main-navigation{
padding:0;
margin:90px 0 0 580px;
list-style:none;
}

ul#main-navigation li,
ul#main-navigation li a{
margin:0;
padding:0;
width:124px;
height:200px;
list-style:none;
}

ul#main-navigation li a{
background:url('images/navigation.png') no-repeat 0 70px;
}

ul#main-navigation li#nav1{
margin-top:40px;
}

ul#main-navigation li#nav2{
margin-top:30px;
}

ul#main-navigation li#nav3{
margin-top:20px;
}

ul#main-navigation li#nav4{
margin-top:15px;
}

ul#main-navigation li a:hover,
ul#main-navigation li a.active{
background-position:0 -181px;
}

ul#main-navigation li#nav2 a{
background-position:-132px 70px;
}

ul#main-navigation li#nav2 a:hover,
ul#main-navigation li#nav2 a.active{
background-position:-132px -181px;
}

ul#main-navigation li#nav3 a{
background-position:-265px 70px;
}

ul#main-navigation li#nav3 a:hover,
ul#main-navigation li#nav3 a.active{
background-position:-265px -181px;
}

ul#main-navigation li#nav4 a{
background-position:-397px 70px;
}

ul#main-navigation li#nav4 a:hover,
ul#main-navigation li#nav4 a.active{
background-position:-397px -181px;
}


/**
 * body
 */
div#bq_body,
div#bf_footer{
width:100%;
float:left;
clear:both;
}

div#bq_body{
background:url('images/mainbg.png') repeat-y 0 0;
margin-top:80px;
}

div#bq_body_main{
background:url('images/mainbgtop.png') no-repeat 0 -10px;
}

/**
 * search form
 */
#bq_body form#searchform{
margin:14px 0 12px 480px;
padding:0;
background:transparent url('images/search.png') no-repeat 0 0;
width:250px;
height:32px;
overflow:hidden;
} 

#bq_body form#searchform label.screen-reader-text{display:none;}

#bq_body form#searchform input#s{
border-style:none;
font:12px arial;
width:192px;
min-width:182px;
color:#999;
background:transparent;
margin:8px 0 0 12px;
}

#bq_body form#searchform input#searchsubmit{display:none;}

/**
 * footer
 */
div#bf_footer{
padding-top:142px;
background:url('images/mainbgbot.png') no-repeat 0 0;
}

div#bf_footer #footer{
float:right;
margin-right:50px;
}

#footer a.bbqq span{
display:none;
}

#footer a.bbqq{
width:245px;
height:80px;
margin-bottom:20px;
position:relative;
top:-16px;
display:block;
float:right;
background:url('images/smalllogo.png') no-repeat 0 0;
}

#footer .cp{
color:#ccc;
font-size:9px;
}

/*
 * the actual content part...
 */
.left .post h2,
.left h2.pagetitle{
font:bold 18px times;
text-align:left;
letter-spacing:2px;
text-transform:uppercase;
color:#fff;
margin:12px 0 42px 0;
padding:2px;
}

.left h2.pagetitle{
font-size:28px;
}



/* mid section */
div#bq_body .left,
div#bq_body .right{
float:left;
width:auto;
}

div#bq_body .left{
width:645px;
overflow:auto;
text-align:justify;
line-height:1.8;
padding:0 90px 0 20px;
margin:32px 50px 0 40px;
}

div#bq_body .right
div#bq_body_right{
float:left;
}

/* wp widgets*/
div.widget{
width:260px;
/* color:#37b2f4; */
color:#fff;
float:left;
margin:0 0 32px 32px;
padding:0;
}

div.widget a{
color:#ccc;
padding:2px;	
}

div.widget div.widgettitle{
/*
font:bold 22px arial;
text-transform:uppercase;
float:left;
clear:both;
padding:0;
width:100%;
text-indent:12px;
color:#37b2f4;
margin:0;
border-bottom:1px solid #37b2f4;
*/
display:none;
}

div.widget div.widgetBody{
width:230px;
/*
background:#D3F4FF;
border-bottom:16px solid #37B2F4;
border-top:12px solid #fff;
*/
min-height:180px;
list-style:none;
padding:0 10px;
overflow:hidden;
}

div.widget div.widgetBody ul,
div.widget div.widgetBody ul li{
float:left;
width:100%;
margin:0;
padding:0;
list-style:none;
}

div.widget div.widgetBody ul li{
padding:2px 0;
width:220px;
border-bottom:1px dotted #ccc;
}

div.widget div.widgetBody ul li ul,
div.widget div.widgetBody ul li ul li{
border:none;
font-size:11px;
}

div.widget table#wp-calendar{
width:220px;
margin:0 auto;
}

div.widget table#wp-calendar td,
div.widget table#wp-calendar th{
text-align:center;
font:12px arial;
border-bottom:1px solid #ccc;
}

div.widget table#wp-calendar td#prev,
div.widget table#wp-calendar td.pad,
div.widget table#wp-calendar td#next{
border:none;
}

/**
 * posts... 
 */
div.post{
margin:0 0 50px 0;
}

div.post h3{
font-size: 22px;
line-height:1.2;
margin:12px 0;
position:relative;
left:-10px;
text-align:left;
padding:4px 0;
float:left;
width:100%;
clear:both;
}

div.post h3 a{
color:#666;
float:left;
width:88%;
}

div.post h3 small{
font-size:9px;
color:#999;
width:500px;
}

div.post h3 div.bq_postTime{
float:left;
height:52px;
position:relative;
color:#fff;
width:55px;
text-align:center;
padding:8px 2px 0 2px;
margin-right:16px;
background:url('images/calendar.png') no-repeat 0 0px;
}

div.post h3 div.bq_postTime label{
font:bold 11px verdana;
color:#000;
display:block;
clear:both;
}

div.post h3 div.bq_postTime span{
font:28px times;
}


/* post related */
p.postmetadata small,
p.postmetadata{
font:9px verdana;
text-align:center;
line-height:1.5;
color:#666;
}

p.postmetadata{
padding:3px 0;
}

div.navigation{
float:left;
width:100%;
text-align:center;
font-size:11px;
padding:4px 0;
}

div.navigation .alignleft,
div.navigation .alignright{
display:inline;
}

div.navigation .alignleft a{
border-right:1px solid #ccc;
padding:0 12px 0 0;
margin:0 12px 0 0;
}


/* respond */
div#respond{
float:left;
width:100%;
background:#ddd;
margin-top:12px;
}

div#respond h4{
float:left;
width:100%;
margin:0 0 12px 0;
padding:6px 0;
font:bold 16px arial;
letter-spacing:1px;
text-indent:12px;
background:#ff9a00;
border-bottom:2px solid #fff;
color:#fff;
}

div#respond form{
padding:4px 14px 32px 14px;
float:left;
width:96%;
}

div#respond form input#submit,
form input[type="submit"]{
border:4px solid #fff;
background:url('images/sea.png') 0 -120px;
padding:6px;
color:#fff;
text-align:center;
font:bold 14px arial;
text-transform:uppercase;
}

div#respond form input#submit:hover,
form input[type="submit"]:hover{
border:4px solid #000;
color:#000;
}

div#respond form th,
div#respond form td{
vertical-align:top;
text-align:left;
}

form input{
border-style:none;
width:100%;
min-width:350px;
background:none;
border-bottom:2px solid #ccc;
}

form textarea{
border:4px solid #ccc;
width:100%;
height:200px;
}

ol.commentlist{
margin:12px 0;
padding:0;
}

ol.commentlist li{
padding:12px;
margin:0;
border-bottom:4px dotted #ccc;
border-top:4px dotted #ccc;
list-style:none;
}

ol.commentlist li.alt{
background:#dbf2bf;
border:none;
}

.comment-meta{
font-size:9px;  
}

.left{
min-height:400px;
}

div.widget div.widgetBody ul li ul li{
padding-left:32px;
}