/*
THEME NAME: arthub_Sandbox 
THEME URI: http://www.plaintxt.org/themes/sandbox/
DESCRIPTION: Rich with powerful and dynamic semantic class selectors, Sandbox is a canvas for CSS artists
TAGS:  widgets, sandbox, microformats, hcard, hatom, xoxo
VERSION: 1.5
AUTHOR: aaajiao&shyi
AUTHOR URI:
*/

/* Two-column with sidebar on left from the /sandbox-layouts/ folder  */
@import url('sandbox-layouts/2c-r.css');

/*body*/
body{margin:0;padding:0;font-family:georgia,Courier new,sans-serif;font-size:13px;color:#000;font-weight:500;}
.clear{clear:both;}
h2{font-size:18px;}
h3{font-size:14px;}
img {border:none;}

/*wrapper*/
#wrapper{margin:0;padding:0;width:960px;}
#wrapper a{color:#000;font-weight:700;text-decoration:none;}
#wrapper a:hover{background:#ffff00;}
	
/*header*/
#header {background-color:#000;margin-top:-20px;padding-top:20px;font-size:12px;color:#000;}
*+html #header{background-color:#000;margin-top:0px;padding-top:2px;font-size:12px;color:#000;}
*html #header{background-color:#000;margin-top:0px;padding-top:2px;font-size:12px;color:#000;}
#blog-title a{display:block;width:191px;height:96px;background-image:url(arthublogo.jpg);margin-left:10px;}

/*menu*/
#menu{background:#8f8d8e;width:100%;height:32px;}
#menu ul a{text-decoration:none;}
#menu ul,#menu ul ul,#menu ul li{list-style:none;margin:0;padding:0;}
#menu ul{margin-left:15px;}
#menu ul li{float:left;}
#menu ul li a{padding:8px;color:#fff;display:block;font-size:14px;font-weight:700;}
#menu ul li a:hover{background:#ffff00;}
div#menu ul li a:active{background:#ffff00;}
#menu .current_page_item a{background:#ffff00;color:#000;}
#content .sub-category-list .current-cat a{color:#000;background:#ffff00;}
#content .sub-category-list li{font-size:12px;font-weight:700;float:left;}

#content .sub-category-list{position:absolute;top:98px;left:190px;}
*+html #content .sub-category-list{position:absolute;top:106px;left:190px;}
*html #content .sub-category-list{position:absolute;top:106px;left:190px;}
#content .sub-category-list li a{padding:6px;color:#fff;display:block;font-size:12px;font-weight:700;}
#content .sub-category-list a:hover{background:#ffff00;}
#content .sub-category-list a:active{background:#ffff00;}

#content .baa a{color:#000;background:#ffff00;}
#content .baa a:hover{color:#fff;;background:#000;}

div#menu ul ul{display:none;}
div#menu ul ul li{float:none;}

/*content*/
h2.entry-title{width:520px;float:left;}
h2.entry-date{float:left;font-size:12px;padding:8px;}

h3.entry-title{width:500px;float:left;}
h3.entry-date{float:left;font-size:12px;padding:6px;}
.entry-content{clear:both;height:auto;}

span.entry-titles{font-weight:bold;padding:0 0 4px 0;display:block;}
span.entry-dates{font-size:11px;padding:0 0 4px 0;display:block;font-weight:bold;}

div#container,div.sidebar{margin-top:2em;}
.post{padding-bottom:10px;margin-bottom:5px;}
.meta-nav {display:block;margin-top:10px;float:right;}

div#nav-above,div#nav-below{width:100%;height:1em;}
div#nav-above{margin-bottom:1em;}
div#nav-below{margin-top:1em;}

.alignleft,div.nav-previous{float: left;}
.alignright,.nav-next{float: right;}

form#commentform .form-label{margin:1em 0 0;}
form#commentform span.required{background:#fff;color:red;}
form#commentform,form#commentform p{padding:0;}
input#author,input#email,input#url{width:50%;}
input#author,input#email,input#url,textarea#comment{padding:0.2em;}
div.comments ol li{margin:0 0 3.5em;}
textarea#comment{height:13em;margin:0 0 0.5em;overflow:auto;width:66%;}

/*sidebar*/

.sidebar div,.sidebar ul,.sidebar li{margin:0;padding:0;}

.sidebar h3{font-size:14px;background:#000;color:#fff;padding:4px;margin:12px 0 4px 0;}
#quarterly ul{background: url("po.png"); background-repeat: repeat;}

div.sidebar input#s{width:13em;}
.sidebar li{list-style:none;margin:0 0 0.1em;}
.sidebar li form{margin:0.2em 0 0;padding:0;}
.sidebar ul ul{margin:0;}
.sidebar ul ul li{list-style:none;margin:3px 0 3px 5px;padding:0;}
div.sidebar ul ul ul{margin:0 0 0 0.5em;}
div.sidebar ul ul ul li{list-style:none;}

/*single*/
#content ul,#content ul li{list-style:none;margin:0;padding:0;}
#content #image-list li{float:left;padding:5px;}
#images{width:650px;}
#videos,#events,.sociable,#credits,#sponsors{float:left;width:650px;}
#images h3,#videos h3,#events h3,.sociable h3,#credits h3,#sponsors h3{background:#d2d2d2;margin:10px 0 10px 0;padding:5px;}

#content #images a{min-height:150px;display:block;}
*html #content #images a{height:150px;width:150px;display:block;overflow: hidden;}
+*html #content #images a{height:150px;width:150px;display:block;overflow: hidden;}
#content #images a:hover{background:#ffff00;color:#000;filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;}

#content #videos-list li{margin:15px;background:#888;color:#ffff00;float:left;width:200px;padding:5px;font-weight:700;}
#content #videos-list span{width:200px;	height:40px;overflow: hidden;display:block;}
#content #videos-list a{padding:2px;margin:4px;}

#content .st-related-posts li{width:640px;float:left;margin:8px;line-height:18px;padding:4px;}
.st_related_post_excerpt{padding:8px;}



/*cat*/
.banner,.st_related_post_image{float:left;margin:0 5px 5px 5px;}
.catl{min-height:190px;padding:0;margin:0;}
*html .catl{height:190px;}
+*html .catl{height:190px;}

#footer{float:left;margin:30px 0 15px 0;padding:8px;}
#nav-below{margin:0 0 25px 0;width:600px;}
.spanh{font-weight:700;}


#content .blocka a{color:#000;font-weight:normal;text-decoration:none;} 
#content .blocka div{min-height:180px;margin:0;padding:0;}
#content .pd{width:650px;}
#content .blocka div:hover{background:#ffff00;color:#000;filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;}

*html #content .blocka a{height:180px;display:block;font-weight:0;}
*html #content .blocka a:hover{background:#ffff00;color:#000;filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;}

+*html #content .blocka a{height:180px;display:block;font-weight:0;}
+*html #content .blocka a:hover{background:#ffff00;color:#000;filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;}

#content .sub-category-list-simple h3{margin:12px 0;}