/*  
// css/chinasmack.css
//
// Primary accent color: HOT PINK (#F05)
// Secondary accent color: #B3003C
*/

/* 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;
}

/* GLOBAL
======================================================*/

body {
	background: #222;
	color: #333;
	font: 12px/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: 12px/18px Verdana, Arial, Helvetica, sans-serif;
	padding: 3px;
}

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

a:hover {
	text-decoration: underline;
}

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

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

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

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4 {
	display: block;
	font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	letter-spacing: -1px;
	line-height: 1;
	text-align: left;
}

h1,
.h1 {
	font-size: 36px;
}

h2,
.h2 {
	font-size: 30px;
}

h3,
.h3 {
	font-size: 24px;
}

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

.entry h3,
.entry h4,
#about-site h4 {
	font-weight: normal;
}

p,
pre,
fieldset,
dl,
ul,
ol {
	list-style: none;
	margin: 1em 0;
}

blockquote {
	background: #eee url("../img/quote.png") no-repeat scroll 10px 10px; 
	margin-top: 12px;
	padding: 5px 20px 5px 35px; 
	}

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

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

dd {
	margin-left: 18px;
}

li,
dd {
}

acronym {
	font-size: 11.5px;
}

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

#page { /* Separates content from background */
	margin: 0 auto; 
	overflow: hidden; 
	width: 960px; 
}	 

.clear {
	clear: both;
}

.clear-left {
	clear: left;
}

.widget {
	color: #777;
	margin-top: 15px;
}

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

#header {
	border-bottom: 15px solid #F05;
	height: 90px;
	margin-top: 15px;
	padding: 0 0 15px 0;
	position: relative;
}

	#website-name {
		bottom: 10px;
		font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
		font-size: 42px;
		letter-spacing: -1px;
		line-height: 1;
		position: absolute;
	}

		#website-name a,
		#copyright-notice a {
			text-decoration: none;
		}

		#website-name a:hover,
		#copyright-notice a:hover {
			text-decoartion: none;
		}
		
		.china {
			color: #fff;
		}
		
		#sub-section-name {
			color: #777;
			font-size: 20px;
			text-align: right;
		}

	h1.page-title a,
	h1.category-archive-title a,
	h1.tag-archive-title a,
	h1.author-archive-title a {
		bottom: 2px;
		color: #fff;
		font-size: 100px;
		position: absolute;
		right: 0;
		text-transform: lowercase;
		opacity: 0.2;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
		filter: alpha(opacity=20);
	}

	h1.tag-archive-title a {
		bottom: 9px;
		font-size: 50px;
	}

	h1.author-archive-title a {
		font-size: 90px;
	}

/* Structure: HEADER (single)
======================================================*/
	
#recent-posts, 
#latest-from {
	margin-bottom: 15px;
	width: 975px;
}
	
	a.recent-post,
	a.rss-feed-item {
		font-weight: bold;
		float: left;
		font-size: 11px;
		line-height: 1.2;
		margin-right: 15px;
		position: relative;
		width: 180px;
	}
	
	a.recent-post:hover,
	a.rss-feed-item:hover {
		text-decoration: none;
	}

		.recent-post-thumb,
		.rss-feed-item-thumb {
			background: #111;
			float: left;
			height: 120px;
			width: 180px;
			opacity: 0.7;
			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
			filter: alpha(opacity=70);					
		}

		.recent-post-title {
			background: url("../img/vertical-gradients.png") repeat-x left -52px;
			bottom: 0;
			color: #fff;
			cursor: pointer;
			left: 0;
			padding: 15px 5px 5px 5px;
			position: absolute;
			text-shadow: 1px 1px 5px #000;
			width: 170px;
			visibility: hidden;
		}

			.recent-post-title  span {
				display: block;
				height: 100%;
				text-align: left;
				width: 100%;
				opacity: 0.8;
				-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
				filter: alpha(opacity=80);				
			}
		
		.recent-post-comments {
			color: #fff;
			font-size: 40px;
			position: absolute;
			right: 0;
			text-shadow: 0 0 5px #000;
			top: 78px;
			z-index: 1;
			opacity: 0.4;
			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
			filter: alpha(opacity=40);	
		}				

		.recent-post:hover span.recent-post-title {
			visibility: visible;
		}

		.excerpt:hover .excerpt-post-thumb,
		.recent-post:hover .recent-post-thumb,
		.latest-post:hover .latest-post-thumb,
		#recent-comments ol.commentlist li.comment:hover, 
		#site-sns a:hover span.icon,
		.rss-feed-item:hover .rss-feed-item-thumb
		{
			opacity: 1.0;
			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
			filter: alpha(opacity=100);				
		}

/* Structure: MAIN
======================================================*/

#main {
	margin-top: 15px;
}

	#content {
		float: left;
		width: 610px;
	} 

/* Structure: MAIN (home)
======================================================*/

#featured {
	background: #111;
	float: left;
	height: 441px;
	overflow: hidden;
	padding: 5px;
	position: relative;
	width: 600px;
}

	.featured-post {
		overflow: hidden;
	}

		a.latest-post {
			font-weight: bold;
			float: left;
			line-height: 1;
			position: relative;
		}
		
		a.latest-post:hover {
			text-decoration: none;
		}

			.latest-post-thumb {
				background: #000;
				float: left;
				height: 400px;
				width: 600px;
				opacity: 0.9;
				-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
				filter: alpha(opacity=90);					
			}

			.latest-post-title {
				background: url("../img/vertical-gradients.png") repeat-x left -52px;
				bottom: -1px;
				color: #fff;
				cursor: pointer;
				left: 0;
				padding: 17px 15px 15px;
				position: absolute;
				text-shadow: 1px 1px 5px #000;
				width: 570px;
				z-index: 1;
			}

				.latest-post-title  h2 {
					display: block;
					height: 100%;
					line-height: 1.1;
					width: 100%;
					opacity: 0.7;
					-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
					filter: alpha(opacity=70);				
				}

			.latest-post-comments {
				bottom: 0;
				color: #fff;
				font-size: 133px;
				position: absolute;
				right: 0;
				text-shadow: 0 0 5px #000;
				opacity: 0.4;
				-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
				filter: alpha(opacity=30);	
			}				

		.latest-post-description {
			background: #111;
			height: 45px;
			margin-top: 5px;
		}
		
			.latest-post-description a {
				color: #777;
				text-decoration: none;
			}

				.arrow-up {
					background: #333;
					cursor: pointer;
					float: left;
					font-size: 36px;
					height: 17px;
					margin-right: 5px;
					padding: 14px 3px 5px;
				}

ul#slider-nav {
	bottom: 8px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 1;
	margin: 0; 
	padding: 0;
	position: absolute;
	right: 5px;
	z-index: 10;
}

ul#slider-nav a { 
	padding: 1px 3px; 
	background: transparent; 
	color: #777; 
	margin: 0; 
	text-decoration: none;
}

ul#slider-nav a:hover {
	color: #F05;
}

ul#slider-nav a.activeSlide {
	color: #FFF;
	text-decoration: none;
}

#announcement {}

	.announcement-avatar  {
		float: left;
		margin-right: 15px;
	}

	h2 a.announcement-message {
		background: #333;
		color: #777;
		display: block;
		height: 30px;
		margin-left: 45px;
		padding: 5px;
		position: relative;
	}

	h2 a.announcement-message:hover {
		background: #fff;
		color: #F05;
	}

		#announcement .raquo,
		#popular-content .raquo {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-weight: normal;
			right: 2px;
			top: -8px;
		}

.single #announcement {
	height: 30px;
	margin: 0 0 12px;
	}

	.single .announcement-avatar  {
		margin-right: 10px;
	}

	.single .announcement-avatar  .avatar {
		height: 30px;
		width: 30px;
	}
	
	.single h2 a.announcement-message {
		height: 20px;
		margin-left: 35px;
		padding: 5px;
	}

		.single #announcement h2 {
			font-size: 20px;
		}
		
		.single #announcement .raquo {
			font-size: 40px;
		}
		
.home #recent-comments,
#as-seen-on {
	border-top: 15px solid #333;
	padding-top: 15px;
	width: 975px;
}

	a.popular-content-link,
	a.buzz-link {
		color: #555;
		background: none;
		display: block;
		height: 20px;
		padding: 6px 35px 4px 10px;
		position: absolute;
		right: 15px;
		top: 10px;
	}

		.popular-content-link .raquo,
		.buzz-link .raquo,
		.personals-header .raquo,
		.latest-from-header .raquo {
			font-size: 40px;
			top: -8px;
		}

	a.popular-content-link:hover,
	a.buzz-link:hover {
		color: #F05;
		background: #111;
		text-decoration: none;
	}

	.home #recent-comments ol.commentlist li.comment {
		float: left;
		height: 186px;
		margin: 0 15px 0 0;
		text-align: left;
		width: 280px;
	}

		.home #recent-comments ol.commentlist div.reply a {
			bottom: 15px;
			position: absolute;
			right: 25px;
		}
		
	#latest-from  {
	}
	
		.main_cs_color, .latest-from-header:hover .main_cs_title {
			color: #F05;
		}
		.ads_cs_color, .latest-from-header:hover .ads_cs_title {
			color: #F70;
		}
		.dsp_cs_color, .latest-from-header:hover .dsp_cs_title {
			color: #FC0;
		}
			
		.rss-feed-item {
			margin-top: 15px;
		}
			
			.rss-feed-item-thumb,
			.rss-feed-item-title {
				margin-bottom: 6px;
			}
		
			.rss-feed-item-description {
				color: #777;
				font-weight: normal;
			}
	
	#aso-links a,
	#mini-subscribe-follow a,
	#subscribe-follow a {
		display: block;
		float: left;
		opacity: 0.5;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
		filter: alpha(opacity=50);	
	}
	
	#aso-links a {
		height: 60px;
		margin: 0;
	}

		a.aso-ap {
			background: transparent url(../img/as-seen-on.jpg) no-repeat scroll left top;
			width: 130px;				
		}

		a.aso-cnn {
			background: transparent url(../img/as-seen-on.jpg) no-repeat scroll -130px top;
			width: 70px;				
		}

		a.aso-telegraph {
			background: transparent url(../img/as-seen-on.jpg) no-repeat scroll -200px top;
			width: 115px;				
		}

		a.aso-time {
			background: transparent url(../img/as-seen-on.jpg) no-repeat scroll -315px top;
			width: 95px;				
		}

		a.aso-afp {
			background: transparent url(../img/as-seen-on.jpg) no-repeat scroll -410px top;
			width: 125px;				
		}

		a.aso-bbc {
			background: transparent url(../img/as-seen-on.jpg) no-repeat scroll -535px top;
			width: 100px;				
		}

		a.aso-guardian {
			background: transparent url(../img/as-seen-on.jpg) no-repeat scroll -635px top;
			width: 150px;				
		}

		a.aso-nyt {
			background: transparent url(../img/as-seen-on.jpg) no-repeat scroll right top;
			margin-right: 0;
			width: 175px;				
		}

/* Structure: MAIN (single & page)
======================================================*/

.post,
.page #content,
.error404 #content {
	background: #fff;
	position: relative;
	text-align: justify;
	overflow: hidden;
	padding: 15px 25px;
	width: 560px;
} 

	.post img {
		max-width: 560px; 
	}

	.entry,
	.entry-title {
		position: relative;
		z-index: 2;
	}
	
	.entry a,
	#respond a,
	.commentlist a, 
	#pings a {
		color: #B3003C;
	}
	
	.post-header {
		color: #333;
		text-align: left;
	}		

		.post-header a {
			color: #333;
		}

		.post-header a:hover {
			color: #B3003C;
		}

			.post-category {
				font-size: 0.8em;
				text-transform: uppercase;
			}

			.post-byline {
				margin: 6px 0;
			}

				.post-author {
					font-weight: bold;
				}

				.post-date {}

				.post-comments a  {
					background: #fff;
					color: #bbb;
					font-size: 210px;
					font-weight: bold;
					line-height: 1;
					position: absolute;
					right: -14px;
					top: -36px;
					z-index: 1;
					opacity: 0.3;
					-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
					filter: alpha(opacity=30);
					}

					.post-comments span.comment-label {
						color: #000;
						font-size: 18px;
						position: absolute;
						right: 42px;
						top: 145px;
					}

				.post-comments a:hover {
					color: #999;
					text-decoration: none;
					opacity: 0.7;
					-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
					filter: alpha(opacity=70);
				}
	
	.pull-quote {
		font-size: 18px;
		line-height: 20px;
		padding: 9px 0;
		width: 200px;
	}

/* Plugin: YARPP */

#yarpp,
#error-404-posts {
	margin-top: 1em;
	width: 570px;
}

	#yarpp a,
	#error-404-posts a {
		float: left;
		margin-right: 10px;
		margin-top: 12px;
		position: relative;
		text-align: left;
		text-decoration: none;
		width: 180px;
	}

	.related-post-thumb,
	.error-404-post-thumb {
		background: #000;
		cursor: pointer;
		height: 120px;
		width: 180px;
		opacity: 0.7;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
		filter: alpha(opacity=70);					
	}

	.related-post-title,
	.error-404-post-title {
		color: #333;
		display: block;
		font-weight: bold;
		height: 45px;
		line-height: 1.2;
		padding: 5px 0;
		opacity: 0.7;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
		filter: alpha(opacity=70);					
	}

	.related-post-comments,
	.error-404-post-comments {
		color: #fff;
		cursor: pointer;
		font-size: 40px;
		font-weight: bold;
		line-height: 1;
		position: absolute;
		right: 0;
		text-shadow: 0 0 5px #000;
		top: 82px;
		opacity: 0.4;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
		filter: alpha(opacity=30);	
	}

/* Intermission */	

#intermission, 
#comments {
	width: 610px;
}

	/* Sharing Buttons */
	
	#share {
		background: #fff;
		margin-top: 15px;
		padding: 15px 25px;
	}
	
		#share .h3 {
			margin-bottom: 10px;
		}

		.sharing-buttons {}	

			.sharing-buttons a {
				color: #fff;
			}

			.gbuzz_button,
			.gplus_button,
			.linkedin_button,
			.stumbleupon_button,
			.reddit_button,
			.digg_button,
			.facebook_button,
			.twitter_button {
				float: left;
				height: 21px;
				margin: 3px 5px 0 0;
				overflow: hidden;
				padding-top: 2px;
			}
			
				.gplus_button iframe { 
					position:static !important; 
				}

	#buysellads-4x1 .advertisement-link {
		color: #555;
		position: relative;
	}

	/* Post Navigation */							

	.pagination,
	.post-nav {
		height: 46px;
		margin: 12px 0;
	}

		.previous,
		.post-nav-previous,
		.next,
		.post-nav-next{
			position: relative;
		}

			.previous a,
			.post-nav-previous a {
				float: left;
				padding: 5px 15px 5px 45px;
				width: 39%;
			}

			.next a,
			.post-nav-next a {
				float: right;
				padding: 5px 45px 5px 15px;
				text-align: right;
				width: 39%;
			}

			.laquo,
			.raquo {
				color: #666;
				font-size: 50px;
				line-height: 1;
				position: absolute;
				top: -6px;
			}
		
			.laquo {
				left: 5px;
			}

			.raquo {
				right: 5px;
			}

			.previous a:hover,
			.post-nav-previous a:hover,
			.next a:hover,
			.post-nav-next a:hover,
			.comments-nav a:hover {
				background: #111;
				text-decoration: none;
				}

	/* Comments */
	
	.comments-nav {
		margin: 12px 0;
	}

		.comments-nav a {
			text-decoration: none;
		}

		.comments-nav .page-numbers {
			padding: 3px 5px;
		}

		.comments-nav .prev {}

		.comments-nav .current {
			color: #ccc;
			font-weight: bold;
		}
		
		.comments-nav .next{}
	
	#comments h2,
	#pings h3 {
		color: #777;
	}

		ol.commentlist {}
		ol.commentlist ul {
			margin: 0;
		}
		ol.commentlist li {}
		ol.commentlist li.alt {}
		ol.commentlist li.bypostauthor {}
		ol.commentlist li.byuser {}
		ol.commentlist li.comment-author-admin {}
		ol.commentlist li.comment {
			background: #fff;
			line-height: 0;
			margin-top: 1em;
			padding: 15px 15px;
			position: relative;
			text-align: justify;
		}
		ol.commentlist li.comment div {
			line-height: 18px;
		}
		ol.commentlist li.comment div.comment-entry {
			padding-left: 49px;
			padding-right: 10px;
			}
		ol.commentlist li.comment div.comment-header {}
			ol.commentlist li.comment div.comment-author {}					
			ol.commentlist li.comment div.vcard {}
			ol.commentlist li.comment div.vcard cite.fn {
				font-size: 16px;
				font-weight: bold;
			}
			ol.commentlist li.comment div.vcard cite.fn a.url {}
			ol.commentlist li.comment div.vcard img.avatar {
				left: 0;
				position: absolute;							
				top: 0;
			}
			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 {}
			ol.commentlist li.comment div.commentmetadata {}
			ol.commentlist li.comment div.comment-meta {}
			ol.commentlist li.comment div.comment-meta a {
				color: #999;
				font-size: 10px;
			}
			ol.commentlist li.comment div.awaiting-moderation a {
				color: #999;
				font-size: 10px;
				font-weight: bold;
			}
				.awaiting-moderation-why {
					visibility: hidden;
				}
			ol.commentlist li.comment div.awaiting-moderation a:hover {
				color: #F05;
			}
				ol.commentlist li.comment div.awaiting-moderation a:hover .awaiting-moderation-why {
					visibility: visible;
				}
			ol.commentlist li.comment * {} 
			ol.commentlist li.comment div.comment-text{
				overflow: hidden;
				}
			ol.commentlist li.comment div.reply {
				text-align: right;
				}
			ol.commentlist li.comment div.reply a {}
			ol.commentlist li.comment ul.children {}
			ol.commentlist li.comment ul.children li {}
			ol.commentlist li.comment ul.children li.alt {}
			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 {
				border-color: #ddd #aaa #aaa #ddd;
				border-style: solid;
				border-width: 1px;
			}
			ol.commentlist li.comment ul.children li.depth-2,
			ol.commentlist li.comment ul.children li.depth-4 {
				background: #eee;
			}
			ol.commentlist li.comment ul.children li.odd {}
			ol.commentlist li.even {}
			ol.commentlist li.odd {}
			ol.commentlist li.parent {}
			ol.commentlist li.comment ul.children li.bypostauthor {}
			ol.commentlist li.comment ul.children li.byuser {
				border: 1px solid #F05;
			}

		#pings {}
		
			ol.pinglist {
				background: #fff;
				list-style: decimal outside none;
				padding: 15px 25px 15px 50px;
			}
			ol.pinglist li.pingback {
				padding: 6px 0;
			}
			ol.pinglist li.pingback div.comment-author {}
			ol.pinglist li.pingback div.vcard {}
			ol.pinglist li.pingback div.vcard cite.fn {}
			ol.pinglist li.pingback div.vcard cite.fn a.url {}
			ol.pinglist li.pingback div.vcard span.says {}
			ol.pinglist li.pingback div.commentmetadata {}
			ol.pinglist li.pingback div.comment-meta {}
			ol.pinglist li.pingback div.comment-meta a {}
			ol.pinglist li.pingback * {}
			ol.commentlist li.thread-alt {}
			ol.commentlist li.thread-even {}
			ol.commentlist li.thread-odd {}

		/* Respond Form */

		#respond {
			background: #fff;
			border: 2px solid #F05;
			margin-top: 15px;
			padding: 15px 25px;
			position: relative;
		}

			#respond p {
				margin: 9px 0;
			}

			#leave-a-reply {}

			#cancel-comment-reply {
				position: absolute;
				right: 25px;
				top: 15px;
			}

			#comment {
				margin-top: 9px;
				width: 420px;
			}

			#respond input {
				width: 155px;
			}

			#respond #submit {}

			#comment-form-tips {
				margin: 6px 0;
			}

				#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;
				}

/* Structure: MAIN (archive)
======================================================*/

#archive-description {
	color: #777;
}
		
#archive {
	width: 975px;
}

.author #archive {
	float: right;
	margin-top: -12px;
	width: 650px;
}

	a.excerpt,
	.archive-ad {
		background: #111;
		color: #777;
		float: left;
		height: 250px;
		margin: 12px 15px 0 0;
		padding: 5px;
		position: relative;
		text-align: left;
		width: 300px;
	}

	.archive-ad {
		text-align: right;
	}

	.author #archive a.excerpt, 
	.author #archive .archive-ad {
		margin: 12px 0 0 15px;
	}

	a.advertisement-link {
		bottom: 5px;
		color: #777;
		position: absolute;
		right: 5px;
	}

	a.advertisement-link:hover,
	#buysellads-4x1 a.advertisement-link:hover {
		color: #F05;
	}

	a.excerpt:hover,
	.archive-ad:hover {
		background: #fff;
		color: #F05;
		text-decoration: none;
	}

	.excerpt-post-thumb {
		background: #000;
		cursor: pointer;
		height: 200px;
		width: 300px;
		opacity: 0.8;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
		filter: alpha(opacity=80);					
	}

	.excerpt-post-title {
		display: block;
		font-family: Helvetica, Arial, sans-serif;
		font-size: 17px;
		font-weight: bold;
		line-height: 1.3;
		padding: 5px 0;
	}

	.excerpt-post-description {
		background: none repeat scroll 0 0 #fff;
		bottom: 0;
		color: #333;
		cursor: pointer;
		height: 70px;
		left: 5px;
		line-height: 1.3;
		padding: 5px 0 0;
		position: absolute;
		width: 300px;
		visibility: hidden;
		z-index: 1;
	}

	a.excerpt:hover .excerpt-post-description {
		visibility: visible;
	}

	.excerpt-post-comments {
		color: #fff;
		cursor: pointer;
		font-size: 67px;
		font-weight: bold;
		line-height: 1;
		position: absolute;
		right: 5px;
		text-shadow: 0 0 5px #000;
		top: 140px;
		opacity: 0.3;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
		filter: alpha(opacity=30);	
	}

.archive-navigation {
	margin-top: 15px;
}

	/* PLUGIN: Page Navi */

	.wp-pagenavi {
		float: left;
		font-size: 18px;
		margin-top: 6px;
	}
	
		.wp-pagenavi a  {
			margin-right: 5px;
			padding: 3px 5px;
			text-decoration: none;
		}

		.wp-pagenavi a:hover {
			background: #111;
		}

		.wp-pagenavi span.pages, 
		.wp-pagenavi span.extend {
			color: #777;
			margin-right: 5px;
			padding: 2px 0;
		}

		.wp-pagenavi span.current {
			color: #ccc;
			font-weight: bold;
			margin-right: 5px;
			padding: 2px 4px;
		}

	.archive-navigation .search-site {
		float: right;
		width: 310px;
	}

		.archive-navigation input.search-field {
			width: 214px;
		}

	.author .archive-navigation {
		padding-left: 15px;
	}

/* Structure: SIDEBAR (common)
======================================================*/

#sidebar {
	float: right;
	padding-left: 14px;
	width: 336px;
}

	.search-site {
		background: #fff;
		height: 30px;
		width: 336px;
	}

	#header .search-site {
		bottom: 15px;
		position: absolute;
		right: 0;
	}

	#sidebar .search-site {
		margin-bottom: 12px;
	}

		input.search-field {
			border: 1px solid #aaa !important;
			color: #333;
			float: left;
			font-size: 16px;
			height: 22px;
			padding: 4px 2px 2px 2px !important;
			width: 240px;
		}

		input.search-button {
			background: #555;
			border: none;
			color: #aaa;
			float: right;
			font-size: 16px;
			font-weight: bold;
			height: 30px;
			width: 90px;
		}

		input.search-button:hover {
			background: #F05;
			color: #fff;
			cursor: pointer;
		}

	#about-site {
		background: #111;
		padding: 15px 20px;
	}

		#about-site-text {
			margin-top: 6px;
		}

	#subscribe-follow {
		background: #111;
		height: 102px;
		padding: 6px;
	}

		#subscribe-follow a {
			height: 75px;
			margin: 8px 8px 0 0;
			width: 75px;
		}

		#subscribe-follow a:hover,
		#mini-subscribe-follow a:hover,
		#author-profile-subscribe-follow a:hover,
		#aso-links a:hover,
		#yarpp a:hover .related-post-thumb,
		#yarpp a:hover .related-post-title,
		#error-404-posts a:hover .error-404-post-thumb,
		#error-404-posts a:hover .error-404-post-title {
			color: #B3003C;
			text-decoration: underline;
			opacity: 1.0;
			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
			filter: alpha(opacity=100);	
		}				

		#subscribe-follow a.fan-on-facebook {
			background: transparent url("../img/chinasmack-sprites.png") no-repeat scroll -75px top;
		}

		#subscribe-follow a.follow-on-twitter {
			background: transparent url("../img/chinasmack-sprites.png") no-repeat scroll -75px -75px;
		}

		#subscribe-follow a.subscribe-by-email {
			background: transparent url("../img/chinasmack-sprites.png") no-repeat scroll left -75px;
		}

		#subscribe-follow a.subscribe-by-rss {
			background: transparent url("../img/chinasmack-sprites.png") no-repeat scroll left top;
			margin-right: 0;
		}

/* Structure: SIDEBAR (single)
======================================================*/

#active-discussions {
	position: relative;
}

	#sidebar a.excerpt {
		height: 267px;
		width: 326px;
	}

		#sidebar .excerpt-post-thumb {
			height: 217px;
			width: 326px;
		}

		#sidebar .excerpt-post-comments {
			font-size: 72px;
			top: 150px;
		}

		#sidebar .excerpt-post-description {
			width: 326px;
		}

#recent-comments,
#recent-comments-byuser,
#as-seen-on {
	position: relative;
}

	#recent-comments ol.commentlist li.comment {
		text-align: left;
		zoom: 1;
		opacity: 0.5;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
		filter: alpha(opacity=50);	
	}

	#recent-comments ol.commentlist li.comment .comment-text {
		color: #333;
	}

/* Structure: SIDEBAR (author archive)
======================================================*/

.author #sidebar {
	float: left;
	padding-left: 0;
	width: 310px;
}

	#author-profile {
		color: #777;
	}
	
		#author-profile-photo img {
			border: 5px solid #555;
		} 
		
		#author-profile-name {
			margin: 12px 0;
			position: relative;
		} 
		
		#author-profile-bio {}	
		
		#author-profile-subscribe-follow a {
			color: #aaa;
			display: block;
			font-size: 16px;
			font-weight: bold;
			height: 21px;
			margin-top: 12px;
			padding: 4px 0 0 37px;
			opacity: 0.5;
			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
			filter: alpha(opacity=50);	
		} 

			.author-profile-rss {
				background: transparent url("../img/chinasmack-sprites.png") no-repeat scroll -150px top;
			}		

			.author-profile-facebook {
				background: transparent url("../img/chinasmack-sprites.png") no-repeat scroll -150px -25px;
			}

			.author-profile-twitter {
				background: transparent url("../img/chinasmack-sprites.png") no-repeat scroll -150px -50px;
			}

			.author-profile-linkedin {
				background: transparent url("../img/chinasmack-sprites.png") no-repeat scroll -150px -75px;
			}

			.author-profile-google {
				background: transparent url("../img/chinasmack-sprites.png") no-repeat scroll -150px -100px;
			}
			
			.author-profile-greadershared {
				background: transparent url("../img/chinasmack-sprites.png") no-repeat scroll -150px -125px;
			}

			.author-profile-weibo {
				background: transparent url("../img/chinasmack-sprites.png") no-repeat scroll -150px -150px;
			}
	
	.author ol.commentlist li.comment {
		background: url("../img/quote-invert.png") no-repeat scroll 10px 10px #111;
		margin-top: 12px;
		padding: 5px 20px 5px 35px;
		text-align: left;
	}
	
/* Structure: FOOTER
======================================================*/
		
#navigation {
	border-top: 15px solid;
	font-weight: bold;
	margin-top: 15px;
}
	
/* Personals */

#personals {
	border-bottom: 15px solid;
	margin-top: 15px;
	padding-bottom: 8px;
	width: 968px;
	}

	a.personals-header,
	a.external-social-network,
	a.latest-from-header {
		background-color: #333;
		color: #777;
		display: block;
		padding: 5px 10px;
		position: relative;
		text-decoration: none;
	}
	
	a.personals-header,
	a.latest-from-header {
		margin-top: 15px;
		width: 940px;
	}

		.personals-title,
		.latest-from-title {
			font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
			font-size: 18px;
		}

	a.personals-header:hover,
	a.external-social-network:hover,
	a.latest-from-header:hover {
		background-color: #111;
	}

		a.personals-header:hover .personals-title,
		a.external-social-network:hover {
			color: #F05;
		}

	div.personals-avatar {
		float: left;
		margin-top: 8px;
	}

		div.personals-avatar a {
			color: #111;
			cursor: pointer;
			float: left;
			text-decoration: none;
		}
			
		div.personals-avatar a:hover div.personals-details {
			z-index: 1;
			opacity: 0.8;
			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
			filter: alpha(opacity=80);	
		}

		div.personals-details {
			background: #444;
			color: #fff;
			font-size: 10px;
			font-weight: bold;
			height: 109px;
			line-height: 1.5;
			overflow: hidden;
			padding: 2px 5px;
			position: absolute;
			text-align: right;
			width: 103px;
			opacity: 0.0;
			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
			filter: alpha(opacity=00);
		}

			div.personals-details span {
				color: #F05;
				font-size: 12px;
			}

		div.personals-avatar img {
			height: 113px;
			margin-right: 8px;
			width: 113px;
		}			

#footer {
	height: 16px;
	margin: 15px 0;
}

	#footer-links {
		float: left;
	}
	
		#footer-links a {
			margin-right: 6px;
		}

	#copyright-notice {
		color: #777;
		float: right;
	}				

	#mini-subscribe-follow {
		float: right;
		margin-left: 10px;
	}

		#mini-subscribe-follow a {
			height: 12px;
			margin: 2px 6px 0 0;
			width: 12px;
		}

			#mini-subscribe-follow a.fan-on-facebook {
				background: transparent url("../img/chinasmack-sprites.png") no-repeat scroll -36px -150px;
			}

			#mini-subscribe-follow a.follow-on-twitter {
				background: transparent url("../img/chinasmack-sprites.png") no-repeat scroll -24px -150px;
			}
			
			#mini-subscribe-follow a.subscribe-by-email {
				background: transparent url("../img/chinasmack-sprites.png") no-repeat scroll -12px -150px;
			}

			#mini-subscribe-follow a.subscribe-by-rss {
				background: transparent url("../img/chinasmack-sprites.png") no-repeat scroll left -150px;
				margin-right: 0;
			}			

#top-link a {
	bottom: 2px;
	display: block;
	font-size: 10px;
	padding: 0 3px;
	position: fixed;
	right: 2px;
	text-transform: uppercase;
}

#top-link a:hover {
	background: #111;
}

/* PLUGIN: Subscribe to Comments
======================================================*/

.subscribe-to-comments { 
	clear:none !important; 
}

.subscription-manager {
	background: #fff;
}

	.wrap {
		padding: 15px 25px;
	}

	.subscription-manager h2 {
		font-size: 2.2em;
	}

	.subscription-manager p {
		margin-top: 1em;
	}
		
	.subscription-manager input {
		margin-top: 1em;
	}

	.subscription-manager div.updated {
		margin-top: 2em; 
	}
		
	.subscription-manager fieldset {
		background: transparent none repeat scroll 0% 0%;
		border: 1pt dotted #aaa;
		margin: 1em 0em 2em 0em;
		padding: 1em;
	}

	.subscription-manager legend {
		background: #FFF;
		font-weight: bold;
		font-size: 1.3em;
		padding: 0px 5px 0px 5px;
	}

/* Plugin: WP-Polls
======================================================*/

fieldset.polls {
	border: 4px dotted #9DFF00;
	padding: 15px;
}

legend.polls {
	background: #fff;
	color: #F05;
	font-weight: bold;
	font-family: "Trebuchet MS", Arial, Sans-serif;
	padding: 0 10px;
	width: 50px;	
}

.wp-polls ul, .wp-polls-ul, .wp-polls-ans ul {
	list-style: none;
	margin: 0 25px;
}

.wp-polls-loading {
	display: none;
	text-align: center;
	height: 16px;
	line-height: 16px;
}

/* Alignments & Captions
======================================================*/

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

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

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

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

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

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

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

.wp-caption {
	margin-top: 1em;
}

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

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

.attachment img, .attachment-thumbnail, .entry-content .gallery img {
	background: #fff;
	border: 1px solid #ccc;
	padding: 3px;
}

.attachment img:hover, .attachment-thumbnail:hover, .entry-content .gallery img:hover {
	background: #F05;
	border: 1px solid #F05;
}
	
/* ADVERTISING
======================================================*/

.ad {
	background: #111;
	height: 100%;
}

.ad-728x90 {
	float: right;
	height: 90px;
	width: 728px;
}

.ad-300x250 {
	height: 250px;
	width: 300px;
}

.ad-336x280 {
	height: 280px;
	width: 336px;
}

.ad-120x600 {
	float: right;
	height: 600px;
	width: 120px;
}

.ad-160x600 {
	float: left;
	height: 600px;
	width: 160px;
}

#buysellads-4x1 {
	min-height: 150px;
	padding: 3px;
	text-align: center;
	width: 620px;
}

/* DEPRECATED, TRUNK, & MISC
======================================================*/

.more-credit {
	height: 100px;
	margin-bottom: 1em;
}

#menu-footer-links {
	margin: 0;
}

.menu-item {
	float: left;
	margin-right: 4px;
}

/** Override jQuery lightbox look */
#jqlb_loading { background-image:url('/wp-content/themes/chinaSMACK3/plugins/lightbox/images/loading.gif') !important }
#jqlb_closelabel { background-image:url('/wp-content/themes/chinaSMACK3/plugins/lightbox/images/closelabel.gif') !important; }
#prevLink, #nextLink{ background: transparent url('/wp-content/themes/chinaSMACK3/plugins/lightbox/images/blank.gif') no-repeat !important; }
#prevLink:hover, #prevLink:visited:hover { background: url('/wp-content/themes/chinaSMACK3/plugins/lightbox/images/prev.gif') left 50% no-repeat !important; }
#nextLink:hover, #nextLink:visited:hover { background: url('/wp-content/themes/chinaSMACK3/plugins/lightbox/images/next.gif') right 50% no-repeat !important; }
#outerImageContainer,#imageDataContainer { background-color: #000 !important; }
#overlay { background-color: #111 !important; }
#nextLinkText, #prevLinkText, #imageData #imageDetails { color:#666; !important; }

/** Fix Luminate CSS */

#pxzcont { 
	z-index: 99 !important; 
}

/* Voxel Sponsorship */

#hosting-sponsor {
	color: #777;
	float: right;
	margin: 10px 0 15px;
}
	
	a.voxel {
		background: url("/wp-content/themes/chinaSMACK3/img/chinasmack-sprites.png") no-repeat scroll -70px -150px transparent;
		display: block;
		float: right;
		height: 25px;
		margin: -3px 0 0 3px;
		width: 80px;
		opacity: 0.5;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
		filter: alpha(opacity=50);
	}
	
	a.voxel:hover {
		opacity: 1.0;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: alpha(opacity=100);		
	}

/*====================================================== SECTION SPECIFIC CUSTOMIZATIONS ======================================================*/

/* Random Backgrounds */

	#background-1 {
		background: #222 url(../img/bg-foggy-tricycle.jpg) no-repeat fixed center center; 
	}

	#background-2 {
		background: #222 url(../img/bg-tiger-and-tigger.jpg) no-repeat fixed center center; 
	}

	#background-3 {
		background: #222 url(../img/bg-sanitation-worker-granddaughter.jpg) no-repeat fixed center center; 
	}

	#background-4 {
		background: #222 url(../img/bg-running-on-water.jpg) no-repeat fixed center center; 
	}

	#background-5 {
		background: #222 url(../img/bg-reverse-somersault.jpg) no-repeat fixed center center; 
	}

	#background-6 {
		background: #222 url(../img/bg-suicide-bride.jpg) no-repeat fixed center center; 
	}

	#background-7 {
		background: #222 url(../img/bg-girl-holds-umbrella-for-disabled-beggar.jpg) no-repeat fixed center center; 
	}

	#background-8 {
		background: #222 url(../img/bg-salt-panic.jpg) no-repeat fixed center center; 
	}

	#background-9 {
		background: #222 url(../img/bg-chun-yun-crowd.jpg) no-repeat fixed center center; 
	}

	#background-10 {
		background: #222 url(../img/bg-chinese-dead-sea.jpg) no-repeat fixed center center; 
	}

	#background-11 {
		background: #222 url(../img/bg-chun-yun-motorcycles.jpg) no-repeat fixed center center; 
	}

	#background-12 {
		background: #222 url(../img/bg-garbage-dump-scavengers.jpg) no-repeat fixed center center; 
	}

	#background-13 {
		background: #222 url(../img/bg-police-vs-boar.jpg) no-repeat fixed center center; 
	}
	
/* Nav Cloud */

	#nav-cloud {
		height: 200px;
		line-height: 1.5;
		margin-top: 15px;
		position: relative;
		text-transform: lowercase;
	}

		#nav-cloud span,
		#nav-cloud a {
			color: #555;
			position: absolute;
		}

		#nav-cloud a:hover,
		#tags a:hover {
			color: #F05;
			text-decoration: none;
		}

		#nav-cloud span.nav-title {
			color: #777;
			font-size: 36px;
			left: -2px;
			position: absolute;
			top: -14px;
			z-index: 2;
		}
		
		#nav-cloud a.nav-stories {
			font-size: 140px;
			right: -4px;
			top: -40px;
		}
		
		#nav-cloud a.nav-pictures {
			font-size: 94px;
			left: -8px;
			top: 6px;
		}
		
		#nav-cloud a.nav-videos {
			font-size: 72px;
			left: 0px;
			top: 104px;				
		}
		
		#nav-cloud a.nav-secrets {
			font-size: 40px;
			right: 230px;
			top: -16px;
		}
		
		#nav-cloud a.nav-bloggers {
			font-size: 34px;
			left: 270px;
			line-height: 1.2;
			top: 118px;
			width: 180px;
		}
		
		#nav-cloud a.nav-more {
			font-size: 40px;
			right: 14px;
			top: 114px;
		}
		
		#nav-cloud a.nav-glossary {
			font-size: 80px;
			right: 140px;
			top: 90px;
		}

		#nav-cloud a.nav-about {
			font-size: 52px;
			left: 180px;
			top: -18px;
		}

		#nav-cloud a.nav-faq {
			font-size: 24px;
			left: 458px;
			top: -4px;
		}

		#nav-cloud a.nav-support {
			font-size: 34px;
			right: 0px;
			top: 154px;
		}
						
		#nav-cloud a.nav-personals {
			font-size: 28px;
			right: 16px;
			top: -1px;
		}

	/* Tags Navigation */

	#tags {
		background: #111;
		margin-top: 15px;
		overflow: hidden;
		padding: 5px;
		position: relative;
	}
	
		#tags div {
			height: 24px;
			line-height: 24px;
			overflow: hidden;
			width: 1060px;
		}

		#tags span,
		#tags a {
			color: #555;
			margin-right: 5px;
		}

		#tags span.nav-title {
			color: #777;
			font-size: 18px;
		}

		#tags div.fade {
			background: transparent url("../img/gradient-50x1.png") repeat-y scroll top right;
			display: block;
			height: 60px;
			position: absolute;
			right: 0;
			top: 0;
			width: 60px;
		}

/* Page: Glossary
======================================================*/

#glossary fieldset {
	background: transparent none repeat scroll 0% 0%;
	border: 2px dashed #FFBB00;
	font-size: 1.2em;
	font-weight: normal;
	line-height: 1.5em;
	padding: 1em;
}

#glossary legend {
	background: #FFF;
	font-weight: bold;
	font-size: 2.1em;
	line-height: 1em;
	padding: 0px 5px 0px 5px;
}

/* Page: Now
======================================================*/

.one-column {
	float: left;
	width: 310px;
}

.two-column {
	float: left;
	width: 635px;
}

.column-spacer {
	margin-right: 15px;
}

.now-recent-comments {
	height: 1670px;
	overflow: hidden;
	position: relative;
}

.now-recent-comments-fade {
	background: transparent url("../img/vertical-gradients.png") repeat-x scroll top left;
	display: block;
	height: 50px;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 635px;
}

#site-stats {
	background: #333;
	font-size: 18px;
	padding: 10px;
	text-align: center;
}

.stats-total-posts,
.stats-total-comments,
.stats-avg-comments,
.stats-feedburner-subscribers,
.stats-twitter-followers {
	font-size: 24px;
	font-weight: bold;
}

#site-sns {
	width: 975px;
}

	#site-sns a {
		background: #333;
		color: #777;
		font-size: 18px;
		float: left;
		height: 22px;
		margin-right: 14px;
		padding: 3px 0 0 35px;
		position: relative;
		text-decoration: none;
		width: 438px;
	}
	
		#site-sns span.icon {
			display: block;
			height: 25px;
			left: 0;
			position: absolute;
			top: 0;
			width: 25px;
			opacity: 0.5;
			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
			filter: alpha(opacity=50);
		}
	
		#site-sns span.sns-facebook {
			background: #333 url("../img/chinasmack-sprites.png") no-repeat scroll -150px -25px;
		}

		#site-sns span.sns-twitter {
			background: #333 url("../img/chinasmack-sprites.png") no-repeat scroll -150px -50px;
		}

		/* #site-sns span.sns-gfc {
			background: #333 url("../img/chinasmack-sprites.png") no-repeat scroll -150px -125px;
		} */

		#site-sns .raquo {
			font-size: 34px;
			right: 2px;
			top: -7px;
		}

	#site-sns a:hover {
		background: #111;
		color: #F05;
	}