/*  
// css/chinadivide.css
*/

/* Reset: based on http://meyerweb.com/eric/tools/css/reset v1.0 | 20080212, sans table styles
============================================================================================== */

* {
	margin: 0; 
	padding: 0;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
hr {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

:focus {
	outline: 0;
}

cite,
address {
	display:inline;
	font-style:normal;
}

/* Typography
======================================================*/

body {
	background: #ddd;
	color: #333;
	font: 13px/18px Verdana, Arial, Helvetica, sans-serif;
}

code {
	font-family: "Lucida Console", Monaco, monospace;
}

*[lang] {
	font-style: italic;
}

del {
	text-decoration: line-through;
}

acronym {
	text-transform: uppercase;
}

pre {
	overflow: auto;
}

sup {
	font-size: 10px;
	line-height: 8px;
	padding-left: 1px;
}

textarea {
	font: 13px/18px Verdana, Arial, Helvetica, sans-serif;
	padding: 3px;
}

/* Links */

a,
a:visited {
	color: #ff7f01;
	text-decoration: none;
}

a:focus,
a:hover,
a:active {
	text-decoration: underline;
}

h1 a,
h2 a,
h3 a,
h4 a,
h1 a:visited,
h2 a:visited,
h3 a:visited,
h4 a:visited {
	color: #333;
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover  {
	color: #ff7f01;
	text-decoration: none;
}

/* elements with title attribute */
abbr[title],
acronym[title],
dfn[title],
span[title],
del[title] {
	cursor: help;
}

/* Font sizes and vertical measure */
h1,
h2,
h3,
h4 {
	display: block;
	line-height: 1;
	margin-bottom: 9px;
}

h1,
.h1 {
	font-size: 30px;
	text-align: left;
}

h2,
.h2 {
	font-size: 24px;
	text-align: left;
}

h3,
.h3 {
	font-size: 18px;
	text-align: left;
}

h4,
.h4 {
	font-size: 16px;
}

p,
pre,
dl,
ul,
ol {
	list-style: none;
	margin-bottom: 18px;
}

blockquote {
	border-left: 2px solid #ddd;
	margin: 0 9px 9px;
	padding-left: 10px;
}

.entry ol {
	list-style: outside decimal;
	margin-left: 36px;
}

.entry ul {
	list-style: outside square;
	margin-left: 36px;
}

dd {
	margin-left: 18px;
}

li,
dd {
	margin-bottom: 9px;
}

.entry li {
	margin-bottom: 0px;
}

acronym {
	font-size: 11.5px;
}

hr {
	background: #ccc;
	color: #ccc;
	height: 1px;
	margin: 0 0 18px;
}

hr.short {
	background: #ccc;
	color: #ccc;
	height: 1px;
	margin: 0 30px 18px;
}


/* Structure: HEADER
======================================================*/

		#page { /* separates content from background */
			background: #ddd url(../img/background.jpg) repeat-y right top;
			margin: 0px auto; 
			overflow: hidden; 
			padding: 0 10px 0 5px; 
			width: 945px; 
		} 
	
/* Version B */
	
			#website-name-vertical {
				float: left;
				width: 55px;
			}
			
				a.vertical-name {
					background: transparent url(../img/chinadivide-fff.jpg) no-repeat;
					display: block;
					height: 315px;
					margin: 30px 5px 30px 0;
					width: 50px;
				}
				
				a.vertical-name:hover {
					background: transparent url(../img/chinadivide-777.jpg) no-repeat;
				}
								
/* */

				#subscribe-follow a {
					display: block;
					font-size: 18px;
					line-height: 20px;
					padding: 0 0 0 27px;
				}

				a.subscribe-by-rss {
					background: transparent url(../img/rss-20x20.jpg) no-repeat;
				}
				
				a.subscribe-by-email {
					background: transparent url(../img/email-20x20.jpg) no-repeat;
				}

				a.follow-on-twitter {
					background: transparent url(../img/twitter-20x20.jpg) no-repeat;
				}

				
			#main {
				float: left;
				width: 590px;
			}
			
			.clear {
				clear: both;
			}
			
				#header {
					width: 590px;
				}
				
					.thumbnailed-links {
						font-size: 11px;
						font-weight: bold;
						line-height: 1.2;					
					}

					#sidebar .thumbnailed-links {
						font-size: 14px;
					}
				
					#featured-posts {
						height: 150px;
						overflow: hidden;
						padding: 10px 35px 0 20px;
						line-height: 0;
					}
						
						.featured-post {
							float: left;
							height: 150px;
							margin: 0 7px 0 0;
							position: relative;
							width: 100px;
						}
							
							.featured-post-thumb img,
							.yarpp-post-thumb img,
							.most-commented-thumb img,
							.random-posts-thumb img {
								border: 1px solid #ddd;
								float: left;
								margin-right: 7px;
							}
													
							#content .most-commented-comments,
							#content .random-posts-comments,
							.yarpp-post-comments {
								bottom: 0;
								position: absolute;
								right: 0;
								text-align: right;
							}

							#header .featured-post-comments a,
							#sidebar .most-commented-comments a,
							#sidebar .random-posts-comments a {
								color: #aaa;
							}

					#ad-468x60 {
						height: 60px;
						margin: 10px auto 0;
						width: 468px;
					}
				
					#tear-effect-top {
						background: #fff url(../img/tear-effect-top.jpg);
						height: 40px;
					}
				
					#tear-effect-bottom {
						background: #fff url(../img/tear-effect-bottom.jpg);
						height: 40px;
					}

/* Version A					
					#website-name  {
						background: #ddd;
						font-size: 60px;
						display: none;
						font-weight: normal;
						height: 70px;
						letter-spacing: -3px;
						line-height: 1;
						padding-left: 25px;
					} 

						#website-name  a {
							color: #fff;
							text-decoration: none;
						}
						
						#website-name  a:hover {
							color: #777;
							text-decoration: none;
						}
						
						#website-rss {} 
						
						#website-twitter {} 
*/

				#content {
					padding: 10px 40px 10px 20px;
					width: 530px;
				} 

/* Structure: HOME
======================================================*/

#recent-comments li,
#recent-comments-byuser li {
	height: 100px;
}

/* Structure: ARCHIVE
======================================================*/

.date {
	background: #34cbff;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	margin: -9px 0 7px -20px;
	padding: 2px 5px;
	text-align: right;
	width: 132px;
}

.excerpt,
.notes-post {
}

.excerpt {
	padding-bottom: 13px;	
}

.excerpt-post-title {}

.excerpt-post-thumb {
	border: 1px solid #ddd;
	height: 353px;
	margin: 0 -1px;
	width: 530px;
}

.excerpt-post-description {
	position: relative;
}

a.more-link {
}

.excerpt-post-comments {
	color: #ccc;
	font-size: 16px;
	font-weight: bold;
	margin-top: 9px;
	text-align: right;
}

/* Structure: POST
======================================================*/

					.post {
						position: relative;
						text-align: justify;
					} 
					
					.post img {
					    max-width: 530px; 
					}
						
						.post-header {
							text-align: left;
						}		
							
							.post-title,
							.widget h2 {
								letter-spacing: -1px;
							}
							
							.post-byline {
								margin-bottom: 18px;
							}
								
								.post-author {
									font-weight: bold;
								}
								
								.post-date {}
								
								.post-comments {
									float: right;
									font-size: 16px;
									font-weight: bold;
									letter-spacing: -1px;
								}
						
						.post-image {
							margin-bottom: 9px;
						}
						
						.entry {}

						.pull-quote {
							font-size: 18px;
							line-height: 20px;
							padding: 9px 0;
							width: 200px;
						}
						
						/* PLUGIN: WP-Footnotes
						======================================================*/

						.footnotes {
							margin-bottom: 18px;
						}
						
						.footnotes p {
							color: #999;						
							font-size: 11px;
							line-height: 16px;
							margin-bottom: 9px;
						}

						/* YARPP
						======================================================*/

							#yarpp {
							}

								#yarpp ol {
									list-style: none;
								}
								
								#yarpp li {
									color: #777;
									height: 71px; 
									margin: 0 0 5px -34px; 
									position: relative;
								}

									#yarpp a {
										font-size: 13px;
									}

									.yarpp-post-description,
									.most-commented-description,
									.random-posts-description {
										font-weight: normal;
									}
																		
					.pagination,
					.post-nav {
						height: 40px;
						margin: 0 0 18px 0;
					}
						
						.previous,
						.post-nav-previous {
							float: left;
							width: 40%;
						}
						
						.next,
						.post-nav-next {
							float: right;
							text-align: right;
							width: 40%;
						}

						/* PLUGIN: Page Navi
						======================================================*/

							.wp-pagenavi a, 
							.wp-pagenavi a:link {
								border: 1px solid;
								margin: 2px;
								padding: 2px 4px;
								text-decoration: none;
							}

							.wp-pagenavi a:visited {
							}

							.wp-pagenavi a:hover,
							.wp-pagenavi a:active {
								color: #fff;
								background: #ff7f01;
								border: 1px solid #ff7f01;
							}

							.wp-pagenavi span.pages, 
							.wp-pagenavi span.extend {
								border: 1px solid #777;
								color: #777;
								margin: 2px;
								padding: 2px 4px;
							}

							.wp-pagenavi span.current {
								color: #333;
								border: 1px solid #333;
								font-weight: bold;
								margin: 2px;
								padding: 2px 4px;
							}

					#comments {}
											
						ol.commentlist {
							margin: 0;
						}
						ol.commentlist li {
							list-style: none;
							margin-top: 18px;
						}
						ol.commentlist li.alt {}
						ol.commentlist li.bypostauthor {}
						ol.commentlist li.byuser {}
						ol.commentlist li.comment-author-admin {}
						ol.commentlist li.comment {
							line-height: 0;
						}
						ol.commentlist li.comment div {
							line-height: 18px;
						}
						.notes-post-author,
						.recent-comments-author,
						ol.commentlist li.comment div.comment-author {
							float: left;
							font-size: 11px;
							overflow: hidden;
							text-align: right;
							width: 80px;
							}
						.notes-post-author,
						.recent-comments-author {
							height: 100px;
						}						
						ol.commentlist li.comment div.vcard {}
						ol.commentlist li.comment div.vcard cite.fn {}
						ol.commentlist li.comment div.vcard cite.fn a.url {}
						ol.commentlist li.comment div.vcard img.avatar {}
						ol.commentlist li.comment div.vcard img.avatar-32 {}
						ol.commentlist li.comment div.vcard img.photo {}
						ol.commentlist li.comment div.vcard span.says {}
						.notes-post-excerpt,
						.recent-comments-excerpt,
						ol.commentlist li.comment div.comment-text {
							background: #eee;
							border: 1px solid #ddd;
							margin: 0 0 18px 90px;
							padding: 7px 13px;
							position: relative;
						}
						ol.commentlist li.byuser div.comment-text {
						}

						ol.commentlist li.comment div.comment-text div.commentmetadata {}
						.notes-post-meta,
						ol.commentlist li.comment div.comment-text div.comment-meta {
							font-size: 11px;
							margin-bottom: 13px;
							}
						ol.commentlist li.comment div.comment-text div.comment-meta a {}
						ol.commentlist li.comment div.awaiting-moderation {
							font-weight: bold;
						}
						ol.commentlist li.comment * {} 
						.notes-post-more,
						ol.commentlist li.comment div.reply {
							text-align: right;
							margin-right: -6px;
							}
						ol.commentlist li.comment div.reply a {}
						ol.commentlist li.comment ul.children {
							margin-left: 18px;
						}
						ol.commentlist li.comment ul.children li {}
						ol.commentlist li.comment ul.children li.alt {}
						ol.commentlist li.comment ul.children li.bypostauthor {}
						ol.commentlist li.comment ul.children li.byuser {}
						ol.commentlist li.comment ul.children li.comment {}
						ol.commentlist li.comment ul.children li.comment-author-admin {}
						ol.commentlist li.comment ul.children li.depth-2 {}
						ol.commentlist li.comment ul.children li.depth-3 {}
						ol.commentlist li.comment ul.children li.depth-4 {}
						ol.commentlist li.comment ul.children li.depth-5 {}
						ol.commentlist li.comment ul.children li.odd {}
						ol.commentlist li.even {}
						ol.commentlist li.odd {}
						ol.commentlist li.parent {}

					#pings {}

						ol.commentlist li.pingback {}
						ol.commentlist li.pingback div.comment-author {}
						ol.commentlist li.pingback div.vcard {
							background: #eee;
							border: 1px solid #ddd;
							padding: 10px 20px;
							position: relative;
						}
						ol.commentlist li.pingback div.vcard cite.fn {}
						ol.commentlist li.pingback div.vcard cite.fn a.url {}
						ol.commentlist li.pingback div.vcard span.says {}
						ol.commentlist li.pingback div.commentmetadata {}
						ol.commentlist li.pingback div.comment-meta {}
						ol.commentlist li.pingback div.comment-meta a {}
						ol.commentlist li.pingback * {}
						ol.commentlist li.pingback div.reply {}
						ol.commentlist li.pingback div.reply a {}
						ol.commentlist li.pingback ul.children {}
						ol.commentlist li.pingback ul.children li {}
						ol.commentlist li.pingback ul.children li.alt {}
						ol.commentlist li.pingback ul.children li.bypostauthor {}
						ol.commentlist li.pingback ul.children li.byuser {}
						ol.commentlist li.pingback ul.children li.comment {}
						ol.commentlist li.pingback ul.children li.comment-author-admin {}
						ol.commentlist li.pingback ul.children li.depth-2 {}
						ol.commentlist li.pingback ul.children li.depth-3 {}
						ol.commentlist li.pingback ul.children li.depth-4 {}
						ol.commentlist li.pingback ul.children li.depth-5 {}
						ol.commentlist li.pingback ul.children li.odd {}
						ol.commentlist li.thread-alt {}
						ol.commentlist li.thread-even {}
						ol.commentlist li.thread-odd {}

						/* PLUGIN: Poll Daddy Rating
						======================================================*/

						.pd-rating {
							position: absolute;
							right: 7px;
							top: 7px;
						}
						
						.pd-rating div {
							width: 20px;
						}
						
						/* PLUGIN: Comments Vote
						======================================================*/

							.commentsvote {
							}

							span.commentsvote_positive,
							span.commentsvote_negative,
							a.commentsvote-plus,
							a.commentsvote-minus,
							div.commentsvote-feedback {
								float: right;
								font-weight: bold;
								margin-left: 3px;
								position: relative;
								right: -7px;
								top: -33px;
							}

							a.commentsvote-plus,
							a.commentsvote-minus {
								background: #fff;
								border: 1px solid #ff7f01;
								color: #ff7f01;
								text-align: center;
								text-decoration: none;
							}

							a.commentsvote-plus:hover,
							a.commentsvote-minus:hover {
								background: #ff7f01;
								border: 1px solid #ff7f01;
								color: #fff;
							}

							a.commentsvote-plus {
								padding: 0 3px;
							}

							a.commentsvote-minus {
								padding: 0 5px;
							}

							div.commentsvote-feedback {
								position: absolute;
								right: 5px;
								top: 26px;
							}

							span.commentsvote_positive,
							span.commentsvote_negative {
								color: #fff;
								padding: 1px 5px;
								text-align: right;
								width: 25px;
							}

							span.commentsvote_positive {
								background: #FF7F01;
							}

							span.commentsvote_negative {
								background: #777;
							}

					#respond {
						border: 1px solid #ff7f01;
						padding: 13px 13px 0;
						position: relative;
					}
										
						#respond p {
							margin: 9px 0;
						}
					
						#leave-a-reply {
							font-size: 18px;
							font-weight: bold;
						}
						
						#cancel-comment-reply {
							position: absolute;
							right: 10px;
							top: 13px;
						}
												
						#comment {
							margin-top: 9px;
							width: 384px;
						}
						
						#respond input {
							width: 155px;
						}
												
						#respond #submit {
						}
						
						#comment-form-tips {
						}
						
						#comment-form-tips ul {
							background: #eee;
							border: 1px solid #aaa;
							color: #777;
							font-size: 11px;
							padding: 10px 30px;
						}
						
						#comment-form-tips ul li {
							list-style: square outside;
							margin: 0;
						}

						/* PLUGIN: Subscribe to Comments
						======================================================*/
					
							.subscribe-to-comments {
							}

							.subscription-manager {
								padding-top: 13px;
							}
							
							.subscription-manager legend {
								font-weight: bold;
							}

/* Structure: FOOTER
======================================================*/

				#footer {
					margin-left: 55px;
					padding: 0 20px;
					width: 530px;				
				}
		
				#footer ul {
					height: 22px;
					margin: 9px 0;
					white-space: nowrap;
					width: 700px;
				}
				
				#footer li {
					float: left;
					margin: 0 10px 0 0;
				}	
									
					#footer-links {
						border: 1px solid #777;
						background: #023;
						font-size: 18px;
						overflow: hidden;
						padding: 10px;
						position: relative;
					}				

						.fade {
							-moz-background-clip:border;
							-moz-background-inline-policy:continuous;
							-moz-background-origin:padding;
							background: transparent url(../img/fade-trends.png) repeat-y scroll -60px 0;
							display: block;
							height: 150px;
							position: absolute;
							right: 0;
							top: 0;
							width: 60px;
						}
						
					#copyright-notice {}					
		
					#top-link {
						background: #eee;
						bottom: 5px;
						display: block;
						font-size: 11px;
						padding: 2px 5px;
						position: fixed;
						right: 5px;
						text-transform: uppercase;					
					}
					
/* Structure: SIDEBAR
======================================================*/

			#sidebar {
				color: #777;
				float: left;
				padding-top: 10px;
				width: 300px;
			}
			
				.widget {
					margin-bottom: 20px;
				}

					.widget h2 {
						border-bottom: 3px solid #ccc;
						font-size: 18px;
						padding-bottom: 9px;
					}
					
				#ad-300x250 {
					height: 250px;
					width: 300px;
				}
				
				#search-site {
					height: 30px;
				}
					
					.search-field {
						color: #777;
						font-size: 18px;
						width: 200px;
					}
				
					.search-button {
						color: #777;
						font-size: 16px;
						font-weight: bold;
						width: 90px;
					}
					
				#about-site {
					height: 290px;
					overflow: hidden;
				}
				
				#ad-160x600,
				#author-profile-160x600 {
					float: left;
					height: 600px;
					overflow: hidden;
					width: 160px;
				}

				#author-profile {
					overflow: hidden;
				}
				
					#author-profile-photo {} 
					
					#author-profile-name {
						font-size: 14px;
						font-weight: bold;
						height: 20px;
						margin: 2px 0;
						position: relative;
					} 
										
						.author-profile-rss,						
						.author-profile-twitter {
							height: 14px;
							position: absolute;
							top: 3px;
							width: 14px;
						} 

						a.author-profile-rss {
							background: transparent url(../img/rss-14x14.jpg) no-repeat;
							right: 0;
						}		
						
						a.author-profile-twitter {
							background: transparent url(../img/twitter-14x14.jpg) no-repeat;
							right: 15px;
						}
					
					#author-profile-bio {}	
									
				#ad-120x600,
				#random-posts-banner-120x600 {
					float: right;
					height: 600px;
					overflow: hidden;
					width: 120px;
				}
								
				#recent-comments,
				#recent-comments-byuser, {
					position: relative;
				}

					.recent-comments-excerpt{
						border: 1px solid #ccc;
						font-size: 11px;
						height: 80px;
						line-height: 1.2;
						overflow: hidden;
						width: 192px;
					}
													
				#most-commented-posts li ,
				#most-commented-posts-byuser li ,
				#active-discussions li,
				#random-posts li {
					height: 69px;
					position: relative;
				}
				
					.most-commented-number {
						color: #eee;
						cursor: pointer;
						font-size: 50px;
						left: 0;
						position: absolute;
						text-decoration: none;
						top: -13px;
						opacity: 0.7;
						filter: alpha(opacity=70);
					}		
								
				img.random-posts-banner-thumb {
					background: #ddd;
					margin-top: -5px;
					opacity: 0.7;
					filter: alpha(opacity=70);
				}

				img.random-posts-banner-thumb:hover {
					opacity: 1.0;
					filter: alpha(opacity=100);
				}
				
/* Contact Form 7
======================================================*/

.wpcf7 input {
	width: 260px;
}

.wpcf7 textarea {
	width: 521px;
}

.wpcf7 .contact input {
	width: 100px;
}

/* Alignments & Captions
======================================================*/
				
/* including for compatibility */

.alignleft {
	float: left;
	margin-right: 7px;
	text-align: left;
}

img.alignleft {
	margin-right: 14px;
}

.alignleft  p {
	margin-bottom: 0;
	padding-right: 10px;
}

.alignright {
	float: right;
	margin-left: 7px;
	text-align: right;
}

img.alignright {
	margin-left: 14px;
}

.alignright p {
	margin-bottom: 0;
	padding-left: 10px;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.wp-caption {
}

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

.wp-caption p.wp-caption-text {
	color: #999;
	font-size: 11px;
	font-weight: bold;
	line-height: 18px;
}

			
/* TRUNK */

.loading {
	background: url(../img/spinner.gif) 10px 17px no-repeat;
	clear: both;
	color: #ccc;
	height: 50px;
}
.loading span {
	display: block;
	padding: 17px 32px 0;
}
.close {
	background-color:#e9eaea;
	border-bottom: 1px solid #ddd;
	padding: 8px 0 6px;
	text-align: center;
}
