/*

Theme Name: Chinarchy
Theme URI: 
Description: 
Author: 
Author URI: 
Version: 1.5


*/



/* Reset */

html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, address, code, img, 
small, strong, dl, dt, dd, ol, ul, li,
fieldset, form, label {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 14px;
	vertical-align: baseline;
	background: transparent;
}

/* End Reset */

body {
 background: url(images/bg.png) repeat-x #d9d9d9;
 background-position: 0 -50px;
 width: 100%;
 line-height: 1.5;
 font-family: verdana, arial, sans-serif;
}

#stars {
	background: url(images/bg-stars.png) no-repeat;
	float: left;
	width: 591px;
	height: 458px;
	position: absolute;
	left: 50%;
	z-index: -1;
	margin: -60px 0 0 -600px;
}

#bigwrap {
 background: url(images/crenels.png) repeat-x;
 background-position: 0 -50px;
 width: 100%;
 min-height: 600px;
 height: 100%;
}

#wrap {
 width: 960px;
 margin: 0 auto;
}


h3 {
	color: #333333;
	border-bottom: solid 1px #999999;
	margin: 0 0 10px 0;
	}
	

p {
  font-size: 14px;
  color: #262626;
}

a {
  text-decoration: none;
  color: #4e4e4e;
  
}
a:hover {
  color: black;
  
}

ul {
	list-style: disc;
	

}

ol {
	list-style: decimal;
	
}

.clearfix {
	clear:both;
}

/* sIFR */
			
.title
			{
				font-size:44px;
				font-family: Verdana;
			}
			
.sIFR-active .title
			{
				visibility: hidden;
				font-family: Verdana;
				font-size: 44px;
   				color: #333333;
   				line-height:50px;
                font-weight: bold;
			}
			

/* Logo  */

#header h1{
	background: url(images/chinarchy.png) no-repeat;
	text-indent: -99999px;
	width: 960px;
	height: 200px;
	display: block;
	background-position: top right;
}
#header h1 a{
	text-indent: -99999px;
	width: 960px;
	height: 200px;
	display: block;
}

/* Main Content */


#content {
	background: transparent url(images/post-top.png) no-repeat;
	background-position: top center;
	float: left;
	width: 640px;
	padding-top: 45px;
	margin: 0 0 125px 0;	
}

.post-item {
	padding: 0 40px 40px 40px;
	background: transparent url(images/post-bg.png) repeat-y;
	width: auto;
}

 p {
	padding-bottom: 15px;
}

.post-item h2 {
   color: #333333;
   line-height: 50px;
   width:450px;
   float: left;
   font-size: 44px;
}

.post-item h2 a{
   color: #333333;
   font-size: 44px;
}

.post-item h2 a:hover {
   color: black;

}

.post-item .title {
	font-family: arial;
}

.post-item .title a{
	text-decoration: none;
}

.post-item .sIFR-replaced {
	margin-bottom: -15px;
}
.commentbox {
	width: 62px;
	height: 62px;
	background: transparent url(images/commentbox.png) no-repeat;
	float: right;
	text-align: center;
	line-height: 58px;
	color: white;
	text-shadow: 0 1px 0 black;
	font-size: 20px;
}

.post-item .commentbox a, .post-item .commentbox a:hover{
	color: white;
	text-decoration: none;
	text-shadow: 0 1px 0 black;
	font-size: 20px;
	display: block;
	width: 62px;
	height: 62px;
	}

.post-item .meta {
	margin: 0px 0px 5px 5px;
	padding: 5px 0 10px 0;
	color:#999999;
	font-size: 12px;
	text-decoration: none;
	width: 400px;
}

.post-item .meta a {
	color:#999999;
	font-size: 12px;
	text-decoration: none;
}

.post-item .meta a:hover {
	color: #262626;
}

.post-item a {
	text-decoration: underline;
}

.post-item a:hover {
	text-decoration: none;
}

.post-item ol, .post-item ul {
	padding: 0 0px 10px 25px;
        color: #262626;
}
.post-item li {
	padding: 2px 0;
        
}

.post-item blockquote {
        padding: 0px 20px;
        font-style: italic;
}

.post-item .more-link {
	float: right;
	width: 150px;
	height: 20px;
	background: #660000;
	margin: 0px 10px 30px 0px;
	font-size: 11px;
	color: white;
	text-shadow: 0 1px 0 black;
	text-align: center;
	text-decoration: none;
	line-height: 20px;
	border-bottom: 1px solid black;
	
}

.post-item .more-link:hover {
	text-decoration: none;
	background: #990000;
	font-size: 11px;
	color: white;
	text-shadow: 0 1px 0 black;
}

#post-tags p {
	float: left;
	color:#999999;
	font-size: 12px;
	text-decoration: none;
	height: 70px;
	width: 300px;
}

#post-tags a{
	font-size: 12px;
 	color: #999999;
	text-decoration: none;
}
 
 #post-tags a:hover {
 	font-size: 12px;
 	color: #262626;
	text-decoration: none;
 }
 
#RTbutton {
	float: right;
	height: 70px;
	margin-right: 20px;
}
.postdivider {
	clear:both;
	background: url(images/post-line.png) no-repeat;
	width: 579px;
	height: 10px;
	margin: 30px 0 -10px 0;
}

#OlderNewer
	{
	background: transparent url(images/post-bottom.png) no-repeat;
	background-position: bottom center;
	width: 100%;
	height: 45px;
	text-align: center;
	font-weight: bold;
	}


/* Comments */

#comments {
	background: url('img/sidebar-div.jpg') repeat-x;
	background-position: top;
	margin-top: 30px;
	margin-bottom: 30px;
	padding: 20px 0px 10px 0px;
}

#comments a{
 	font-size: 11pt;
 	color: #262626;
 	text-decoration: underline;
}

#commentform {
	background-color: #d9d9d9;
	border-bottom: 1px solid #999999;
    border-right: 1px solid #999999;
	padding: 20px;
	width: 498px;
}

.post-item .comments {
	overflow: hidden;
	padding: 10px 0 0 0;
}

.post-item .comments li{
	overflow: hidden;
	padding: 20px 0 0 0;
	list-style: none;
}
.author {
	clear:both;
	float:left;
	padding: 0;
	margin: 0;
	width: 60px;
	font-size: 7pt;
	font-style:normal;
	text-align: center;
}

.author img {
	border: 1px solid #999999;
	margin-right: 10px;
	margin-bottom: 2px;
	
}

#comments a.url {
	font-size: 7pt;
	font-style: normal;
	color: #999999;
	text-decoration: none;
}

.author h4 {
	font-style: normal;
	color: #999999;
	font-size: 7pt;
}
.main_comment {
	float:right;
	padding: 20px;
	width: 430px;
	font-size: 10pt;
	position: relative;
	color: #262626;
	background-color: #d9d9d9;
	border-bottom: 1px solid #999999;
    border-right: 1px solid #999999;
}

.main_comment.admin {
	background-color: #d9a3a3;
}
#comments a {
	font-size: 10pt;

}

span.arrow {
width:0; 
	height:0; 
	border-left: 20px solid transparent; 
	border-right: 0px solid transparent;
	border-top: 30px solid #d9d9d9;
	border-bottom: 0;
	position: absolute;
	top: 20px;
	left: -20px;
	
}

span.arrow.admin {
	border-top: 30px solid #d9a3a3;
}
#respond {
	clear: both;
	
	border: 1px solid white;
	padding: 20px;
	margin-top: 20px;
}

input#author, input#email, input#url {
	background-color: white;
}
textarea#comment {
	background-color: white;
}

	
/* Sidebar */

#sidebar {
	position: relative;
	top: 150px;
	width: 320px;
	float: right;
	margin: 0 0 125px 0;
	font-size: 14px;
}

#sidebar ol, #sidebar ul, #sidebar li {
	list-style: none;

}

#twitterbird {
	float: right;
	width: 127px;
	height: 94px;
	text-indent: -99999px;
	margin: -78px -65px -12px 0px;
	background: url(images/twitterbird.png) no-repeat;
	background-position: 0 0;
 position: relative;
 z-index: 1;
}

#twitterbird:hover {
	background: url(images/twitterbird.png) no-repeat;
	background-position: -126px 0;
}

#twitterbird a {
	display: block;
	width: 127px;
	height: 94px;
}

#helpoutlink {
 width: 300px;
 height: 139px;
 margin: 5px auto 23px auto;
      box-shadow: 0px 0px 5px #4a4a4a;
    -moz-box-shadow: 0px 0px 5px #4a4a4a;
    -webkit-box-shadow: 0px 0px 5px #4a4a4a;
}

#helpoutlink a {
 display: block;
}

#sidebar .widget {
	clear:both;
	padding: 0 15px 20px 15px;
    margin: 0 10px 20px 10px;
	color: #333333;
    background: white;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
     box-shadow: 0px 0px 5px #4a4a4a;
    -moz-box-shadow: 0px 0px 5px #4a4a4a;
    -webkit-box-shadow: 0px 0px 5px #4a4a4a;

}

#sidebar .widget h2 {
	color: #333333;
	margin: 0 0 10px 0;
	font-size: 19px;
	font-weight: bold;
	padding: 10px 0 0 0;
	height: auto;
	text-align: center;
}
#sidebottom {
	/* background: transparent url(images/side-bottom.png) no-repeat; */
	background-position: center bottom;
	width: 100%;
	height: 45px;
	text-indent: -99999px;
}

/*Sidebar Nav */

#entertainment
	{
		background: url(images/topic-entertainment.png) no-repeat;
		padding: 0 0 10px 30px;
		margin-left: 5px;
	}

#webdesign
	{
		background: url(images/topic-webdesign.png) no-repeat;
		padding: 0 0 10px 30px;
		margin-left: 5px;
	}	
	
#truth
	{
		background: url(images/topic-truth.png) no-repeat;
		padding: 0 0 10px 30px;
		margin-left: 5px;
	}	
	
#psych
	{
		background: url(images/topic-psych.png) no-repeat;
		padding: 0 0 10px 30px;
		margin-left: 5px;
	}		

#china
	{
		background: url(images/topic-china.png) no-repeat;
		padding: 0 0 10px 30px;
		margin-left: 5px;
	}	

#teaching
	{
		background: url(images/topic-teaching.png) no-repeat;
		padding: 0 0 10px 30px;
		margin-left: 5px;
	}	
	
/* Footer */

#footer {
	background: #1a1717 url(images/footer.png) repeat-x;
	background-position: top;
	clear: both;
	margin: 100px 0 0 0;
	padding-bottom: 20px;
	width: 100%;
	height: auto;
        overflow: hidden;
}

#footerside {
	 width: 960px;
 	 margin: 0 auto;
	 padding: 30px;
         overflow: hidden;
}

#footerside p, #footerside a {
	text-decoration: none;
	color: #999999;
}
#footerside .widget {
	float: left;
	width: 250px;
	padding: 0 20px;
	height: auto;
}


#footerside li.widget:nth-child(2) {
       border-right: 1px solid #333333;
       border-left: 1px solid #333333;
}



#footerside .widget h2 {
	text-align: center;
	color: white;
	font-size: 16px;
	padding-bottom: 10px;
	text-shadow: 0 1px 1px black;
}

#footerside ol, #footerside ul, #footerside li {
	list-style: none;

}
/* Wordpress Image Alignment */
img.alignright {float:right; margin:5px 0 5px 1em; border: 1px solid #191919;}
img.alignleft {float:left; margin:5px 1em 5px 0; border: 1px solid #191919;}
img.aligncenter {display: block; margin: 5px auto;  border: 1px solid #191919;}
a img.alignright {float:right; margin:5px 0 5px 1em;}
a img.alignleft {float:left; margin:5px 1em 5px 0}
a img.aligncenter {display: block; margin: 5px auto;}