/*  
Theme Name: cosxp
Theme URI: http://www.storyday.com/
Description:  WordPress theme based on the famous <a href="http://www.storyday.com/" target="_blank">cosbeta</a>.
Version: 1.0
Author: Jiangdong
Begin Typography & Colors */
body {margin: 0;padding:0;font-size:12px;TEXT-ALIGN: center;
font-family: verdana,arial, helvetica, sans-serif;TEXT-ALIGN: center;background:#e5e2dd;}
 HTML BODY {TEXT-ALIGN: center;}
div{MARGIN: 0px auto; font-family: verdana,arial, helvetica, sans-serif;text-align:left;}
#page ,div.page{width:998px;overflow:visible;text-align:center;}
#main{float:left;width:725px;text-align:left;margin:5px 0 0 2px;}
#sidebar{float:left;width:262px;margin-top:0;overflow:hidden;margin-top:15px;
#margin-top:0}
}
#main p{ line-height: 25px ;font-size:14px;
}
.corner-out,.corner-out2{
width:720px;background: url(images/gbg.png) no-repeat 0 0;height:15px;clear:both;
float:left;
}
.corner-out2{background-position:0 -24px;height:5px;}

.corner{
width:720px;background: url(images/gbg.png) repeat-y -984px 0;
float:left; width:720px;overflow:hidden; 
 padding:0 4px;}

#sidebar .corner-out,#sidebar .corner-out2{
width:260px;background:url(images/gbg.png) no-repeat -720px 0;height:15px;clear:both;
float:left;
}
#sidebar .corner-out2{background-position: -720px -20px;}
#sidebar .corner{width:250px; padding:0 5px;
background: url(images/gbg.png) repeat-y -1715px 0;
}

a img{border:0;}
p a img{
border:1px solid #eee;padding:2px;margin:3px;
}
.disnone{display:none}
#commentsDiv{width:99%;margin:5px 0 ;}
h1.title{
border-bottom:1px dashed #ccc;
}
h1.title a:link,h1.title a:visited,h1.title{
font-size:16px;
font-weight:bold;
color:#cc0000;
margin:0 8px;padding:2px;
}
h1.title a:link:hover,h1.title a:visited:hover{
color:#009966;
text-decoration:none;
}
#banner{
text-align:left; width:100%;float:left; 
background:url(images/gbgvert.png) repeat-x 0 -25px;
height:90px;
clear:both;

}
.gray{
color:#678;
}
#main div.posts{
margin:10px 0 0 0;
}
h1.sgtitle,#main .cr{
text-align:center;
}
h1.sgtitle{
color:#c00;font-size:18px;margin:0 10px;
}

.cr ,.cr a,.cr a:visited,.cr a:link{
color:#888;font-size:12px;
}
.st-related-posts{list-style:none;}
.st-related-posts li{height:20px;}
#main div.meta,#main div.meta a{
color:#888;margin:0 0 4px 0;
text-indent:10px;
}
#main div.entry,#main div.meta{
margin:4px 20px 0 10px;
line-height:180%;
text-align:left;
}
.entry h2,.entry h4{
background:#eee;padding:2px 10px ;font-size:180%;border-bottom:1px solid #ccc;
}
#main div.entry p{
 font-size:14px;line-height:180%;
}
#main div.entry p img{
 border:1px solid #eee; padding:2px;margin:2px;
}

#addform{width:98%;}
.cmt-div{height:30px;clear:both;float:left}
div.cmt label.label,
div.cmt label.label2{display:block;
width:360px;float:left;
}
div.cmt label.label{
margin:10px 1px;font-weight:bold;width:60px;text-align:right;
}
span.authorhint{
color:red;font-weight:bold;font-size:16px;
}

#LoadingStatus{
background:#c44;color:#fff;width:70px;padding:2px;
}
A:link,A:visited{   COLOR: #66f;	 TEXT-DECORATION: none;
}
a:link:hover,a:visited:hover{
color:#114477;TEXT-DECORATION: underline;
}
#menu {
float:right;margin:20px 0px 0 0;overflow:hidden;width:720px;
}
#submenu,
ul#navsite,
#navsite ul {
    font: 12px Verdana, sans-serif;
    list-style: none;
    }
#navsite li {
    float: left;  
    text-align: center;
	margin:0 10px 0 0;
    }
#navsite li a,#navsite li.current-cat a{
display:block;float:left;
width:71px;height:42px;text-align:center;
padding-top:6px;
#padding-top:8px;
color:#fff;
margin:0 -1px;
background:url(images/navshadow.png) no-repeat 0 0;
font-size:12px;
}
#navsite li.current-cat a,
#navsite li a:link:hover,
#navsite li a:visited:hover{
background:url(images/navshadow.png) no-repeat  -71px 0;
text-decoration:none;
}
#navsite li ul {
    position: absolute;
    top: auto;
    left: -999em; 
    }
/* end of the menu */



div.blogroll{

float:left;width:48%;height:20px
}

blockquote{
color:#888;
border-left:2px solid #eee;
padding:0 0 0 10px;
}
 li#subcat ul.children {
margin:0 0 0 20px;
}


#searchResults {
  margin-right: 25px;
}
#searchResults .gsc-control {
  width : 100%;
}

#searchResults .gsc-resultsbox-visible {
  border-bottom : 1px solid #e9e9e9;
  margin-bottom : 10px;
}
.gs-snippet b{
color:red;
}
.gsc-search-box{
padding:0;margin:0;
}
#main div.entry li{
font-size:14px;
}

/* plugin page nav*/
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	color: #555;
}
.wp-pagenavi a:hover {	
	color: #114477;
font-weight:bold;
}
.wp-pagenavi span.pages {
	padding: 2px 4px 2px 4px; 
	margin: 2px 2px 2px 2px;
	color: #000000;
}
.wp-pagenavi span.current {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	font-weight: bold;
	color: #000000;
}
.wp-pagenavi span.extend {
	padding: 2px 4px 2px 4px; 
	margin: 2px;	
	color: #000000;
}
/* end of plugin page nav*/
.gvt{
border:1px solid #ccc;padding:1px; margin:1px; width:30px;
}
small,small a:link{
font-size:12px;
}


/*global */

.alignleft {display:block; float: left; }
.alignright { display:block;float: right; }
.textleft { text-align: left; }
.textright { text-align: right; }
.highlight{
background:#f96;border:1px solid #333;}
.clear{clear:both}
.shadow{border:1px solid #ccc;
border-right:2px solid #777;
border-bottom:2px solid #777;}
.footer{
margin-top:15px;
background:url(images/gbgvert.png) repeat-x 0 -126px;
padding-top:20px;
height:50px;color:#fff;
}
.footer a{color:#fff}
ul,form{
margin:0;padding:0;
}
/*global */

/* comment */

div.cmt{clear:both;float:left;width:100%;margin:2px 0;}
/* comment */
.nolist,.nolist ul{list-style:none;}
.nolist li{margin: 2px;}
.nolist li.title{cursor:pointer;font-weight:bold;color:red;border-bottom:1px dashed #eee}
input.sub{
background:#fc0;color:#fff;padding:2px;
}
input.reg{
background:#67a54b;color:#fff;padding:4px;
}
.searchcomments{list-style:none;width:100%;display:block;background:#fff;}

.page-nav{text-align:right}
.rss_hint{background:url(images/rss.png) no-repeat right 0;text-indent:10px;height:50px;width:160px}
.post_nav,.post_nav div{margin:3px 0;}
.readnext{
border-top:1px dashed #fc0;margin:2px 6px;width:100%;padding:4px 0 0 0;
}
#ajax-status{
border-right:1px solid #333;
border-bottom:1px solid #333;
color:#fff;font-weight:bold;
padding:3px 10px;display:none;
background:red ;
z-index:10000;
position:fixed !important;/*important针对FF， */
position:absolute;/* 针对IE */
float:right;
top:10%;
top: expression( ( 100 + ( noValue = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
left:50%;
text-align:center;
}

code,pre,.coscode{
	font-size: 12px; 
	background-color: #E7E5DC;
	width: 99%;
	overflow: auto;
	margin: 0 0 12px 0 !important;
	padding-top: 1px; /* adds a little border on top when controls are hidden */
	
}
/* clear styles */
.coscode ol,
.coscode ol li,
.coscode ol li span 
{
	margin: 0;
	padding: 0;
	border: none;
}
.coscode a,
.coscode a:hover
{
	background: none;
	border: none;
	padding: 0;
	margin: 0;
}
.coscode ol
{
	list-style: decimal; /* for ie */
	background-color: #fff;
	margin: 0px 0px 1px 40px !important; /* 1px bottom margin seems to fix occasional Firefox scrolling */
	padding: 0px;
	color: #5C5C5C;
}


.coscode ol li,
.coscode .columns div
{
	list-style: decimal-leading-zero; /* better look for others, override cascade from OL */
	list-style-position: outside !important;
	border-left: 3px solid #6CE26C;
	background-color: #F8F8F8;
	color: #5C5C5C;
	padding: 0 3px 0 10px !important;
	margin: 0 !important;
	line-height: 14px;
}
.coscode ol li{border-right:1px solid #E7E5DC;}
.codeopt{}
.codeopt a,.codeopt a:link,.codeopt a:visited{color:#000;background: #E7E5DC;}
#sidebar ul{margin:0 5px;}
.hot{background:url(images/hotbg.png) no-repeat 0 0;width:720px;height:30px;color:#fff;padding:33px 0 0 10px}
.hot a,.hot a:visited{color:#fff;}
.lifeed{background:url(images/feed-icon.png) no-repeat 0 2px;padding:0 0 0 20px}
.cmtstar a img{width:46px;height:46px;border:1px solid #ccc;margin:2px;}