/*   
Theme Name: Harbin Cheeatow
Theme URI: http://www.harbin-cheeatow.com/
Description: Custom Wordpress theme for Harbin Cheeatow
Author: Axis 80 Interactive
Author URI: http://www.axis80.com/
Template: 
Version: 1.0
.
.
*/

body {
	margin: 17px 0 0 0;
	padding: 0;
	background-image: url("/wp-content/themes/harbinchee/images/body_bg.png");
	background-repeat: repeat-x;
	font-family: Georgia, Bookman, Times, serif;
	/*  font-family: Helvetica, Arial, sans-serif; */
}

h2 {
	color: #1e3e66;
}

h3 {
	font-size: 16px; 
}

h4 {
	font-size: 14px;
	color: #1e3e66;
}

address {
	font-style: normal;
}

a:link,a:visited { 
	color: #1e3e66; 
	text-decoration: none	;
}

a:hover,a:active {
	color: #1e3e66; 
	text-decoration: underline;
}

.clearer {
	clear: both;
}

#pagewrapper {
	width: 960px;
	margin-left: auto; 
	margin-right: auto;
}

#header {
	width: 100%;
}

#header-left {
	width: 277px;
	padding-left: 40px;
	float: left;
}

#header-logo {
	border: 0;
	margin-left: 40px;
}

#header-right {
	padding-right: 40px;
	padding-top: 18px;
	text-align: right;
	font-size: 14px;
	font-weight: normal;
	float: right;
	padding-right: 40px;
}

#header-right h1 {
	font-size: 24px;
	font-weight: normal;
	color: #365376;
}

#content-wrapper {
	padding: 33px 0 30px 0;
}

#content-left {
	width: 215px;
	padding: 0 0 0 40px;
	margin: 0;
	float: left;
}

#nav ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

#nav ul li {
	font-size: 18px;
	background-image: url(/wp-content/themes/harbinchee/images/nav-divider.png);
	background-repeat: no-repeat;
	background-position: 0px 37px; 
	padding-left: 13px;
	padding-top: 9px;
	padding-bottom: 9px;
}

#nav ul li a {
	text-decoration: none;
	font-weight: normal;
	color: #1e3e66;
}

#nav ul li a:hover {
	text-decoration: underline;
}

#content-right {
	width: 624px;
	padding-left: 40px;
	padding-right: 40px;
	float: left;
}

#footer-outer {
	width: 100%;
	height: 90px;
	background-color: #1e3e66;
}

#footer {
	width: 960px;
	margin-left: auto; 
	margin-right: auto;
}

p.footer-credits {
	padding-left: 40px;
	margin: 0;
	font-size: 10px;
	font-weight: normal;
	color: #ccc;
	float: left;
	line-height: 90px;
}

p.footer-credits a {
	color: #bbb;
}

#footer-right {
	width: 620px;
	padding-right: 40px;
	float: right;
	text-align: right;
	color: #fff;
	font-size: 14px;
}

#footer-right h1 {
	font-size: 16px;
}

#subfooter {
	width: 880px;
	margin-left: auto; 
	margin-right: auto;
	font-size: 10px;
	padding: 10px 0px 0px 0px;
}

/* Begin Contact page */
#contact-form-wrapper {
	background-color: #cccccc;
	width: 270px;
	float: right;
	padding: 5px 15px 0px 15px;
	margin: 0 30px 0 0;
	font-size: 14px;
}

.wpcf7-form-control-wrap input {
	width: 260px;
	padding: 0;
	margin: 0;
}

#contact-form-wrapper textarea {
	width: 260px;
}

.wpcf7-mail-sent-ok {
	color: #0000cc;
	font-weight: bold;
}

/* End Contact page */


/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */

/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 18px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */



/* Blog and blog posts on home page */

p.home-recent-blog-posts {
	font-weight: normal;
	font-size: 30px;
	color: #1e3e66;
	margin: 44px 0 33px 0;
	padding: 0 0 0 0;
}

/*  Each post is wrapped with this */
div.blog-post-container {
	padding-bottom: 28px;
}

h3.blog-headline {
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
	font-size: 18px;
}

h3.blog-headline a {
	color: #000;
}

div.blog-postinfo-container {
	width: 622px;
	height: 23px;
	background-image: url("/wp-content/themes/harbinchee/images/bg-blog-postinfo-container-622.png");
	background-repeat: none;
	vertical-align: middle;
}

div.blog-postinfo-container-widedate {
	width: 622px;
	height: 23px;
	background-image: url("/wp-content/themes/harbinchee/images/bg-blog-date-author-category-widedate.png");
	background-repeat: none;
	vertical-align: middle;
}

div.blog-postinfo-date {
	width: 93px;
	height: 23px;
	font-size: 14px;
	font-weight: bold;
	color: #1e3e66;
	text-align: center;
	line-height: 23px;
	vertical-align: middle;
	float: left;
}

div.blog-postinfo-date-widedate {
	width: 119px;
	height: 23px;
	font-size: 14px;
	font-weight: bold;
	color: #1e3e66;
	text-align: center;
	line-height: 23px;
	vertical-align: middle;
	float: left;
}

span.blog-postinfo-link {
	font-style: italic;
}

div.blog-postinfo-author-category {
	height: 23px;
	margin-left: 10px;
	font-size: 12px; 
	font-weight: normal;
	color: #342f36;
	line-height: 23px;
	vertical-align: middle;
	float: left;
}

div.blog-post-summary {
	font-size: 12px;
	color: #342f36;
	padding: 8px 0 0 12px;
}

.blog-post-more-link {
	font-size: 14px;
	font-weight: bold;
	color: #1e3e66;
}

.blog-single-content {
	font-size: 15px;
	font-weight: normal;
}

p.blog-single-thingsyoucando {
	font-size: 14px;
}
/* End blog and blog posts on home page */



/*  Comments  */

div.comment {
	border: 1px solid #cbccce;
	padding: 12px;
	margin-bottom: 10px;
	background-color: #f9f9f9;
}

// Textarea for adding a new comment
#comment {

}

/*  End comments  */
 

/*  Sideboxes  */

.sidebox-container {

}

.sidebox-container ul {
	margin: 4px 0 8px 12px;
	padding: 0;	
	/* border: 1px solid #cc0000; */
} 

.sidebox-container li {
	margin: 0 0 0 24px;
	padding: 0;	
	font-size: 14px;
	color: #000;
	/* border: 1px solid #00cc00; */
}

.sidebox-container a {
	color: #000;
}
	

h4.sidebox-header {
	font-size: 18px;
	margin: 0;
	padding: 0;	
}

h5.sidebox-subheader {
	font-size: 16px;
	color: #1e3e66;
	margin: 12px 0 10px 12px;
}

p.sidebox-text {
	font-size: 14px;
	/* color: #1e3e66; */
	color: #000000;
	width: 200px;
	/* border: 1px solid #00cc00; */
}

p.sidebox-readmore {
	font-size: 12px;
}

p.sidebox-readmore a {
	text-decoration: underline;
}

/*  End Sideboxes  */