@charset "utf-8";

*, body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, img, form, fieldset, button, blockquote {
	margin: 0; padding: 0; border: 0;
	font-family: Verdana, Helvetica, Arial, sans-serif;
}

body {
	font-size: 70%;
	background: #333 url(../img/common/china_background.jpg) center fixed;
}

a, ins {
	text-decoration: none;
}

.clear {
	clear: right;
}

#wrapper {
	width: 960px; margin: 0 auto 20px auto;
	background: #fff;
}

	#header {
		height: 130px;
		padding: 20px 30px 20px 30px;
		background: url(../img/common/header.png) no-repeat;
	}
		#header h1 { color: #bf7864; font-family: Georgia, "Times New Roman", Times, serif; font-size: 8em; font-style: italic; text-align: center; }
	
	#content {
		overflow: hidden;
		background: url(../img/common/faux-columns.png) repeat-y;
	}
		#content .sidebar {
			float: left;
			width: 180px;
		}
			#content .sidebar.left { padding: 0 20px 20px 30px; text-transform: lowercase; }
			#content .sidebar.right { clear: right; padding: 0 30px 20px 20px; }
			#content .sidebar h2 {
				margin: 5px 0;
				color: #346208;
				border-bottom: 1px dotted #346208;
			}
				#content .sidebar.right h2 { text-transform: lowercase; }

			#content .sidebar ul, #content .sidebar li {
				list-style: none;
				color: #0a0201;
			}
				#content .sidebar li a {
					color: #0a0201;
					text-decoration: none;
				}

			#content .sidebar input {
				width: 100px;
			}
			#content .sidebar button {
				background: #c0c79b;
			}
				#content .sidebar button:hover, #content .sidebar button:focus { background: #d6dbbe; }

			#content .sidebar #twitter_update_list li {
				margin: 0 0 10px 0;
			}
				#content .sidebar #twitter_update_list li a {
					display: block;
					color: #346208;
					text-align: right;
				}
					#content .sidebar #twitter_update_list li a:hover { text-decoration: underline; }

				#content .sidebar #twitter_update_list li span a {
					display: inline;
					color: #bc3019;
				}
					#content .sidebar #twitter_update_list li span a:hover {
						border-bottom: 1px dashed #bc3019;
						text-align: inherit;
						text-decoration: none;
					}

	#content #main {
		width: 460px; float: left; padding: 0 20px 20px 20px; color: #666;
	}
		#content #main a {
			color: #bc3019;
			text-decoration: none;
		}
			#content #main a:hover { border-bottom: 1px dashed #bc3019; }
			#content #main a.img:hover { border: 0 !important; }

		#content #main h2 {
			margin: 5px 0; overflow: hidden;
			border-bottom: 1px dotted #000;
		}
		#content #main h3 {
			margin: 0 0 5px 0; overflow: hidden;
		}
		#content #main p {
			color: #666;
			margin: 0 0 15px 0;
		}
			#content #main p.gototop { text-align: right; }
				#content #main p.gototop.end { margin: 0; }

		#content #main ul, #content #main ol {
			margin: 15px 0 15px 30px;
		}
		#content #main table {
			margin: 15px auto 0 auto;
			border-collapse: collapse;
			width: 90%;
		}
			#content #main table.bottom { margin: 15px auto; }
			#content #main table th {
				color: #346208;
				background: #c0c79b;
			}
			#content #main table th,#content #main table td {
				padding: 5px;
			}
				#content #main table .alt {
					background: #d6dbbe;
				}

			#content #main table ul, #content #main table li {
				list-style: none;
			}
		#content #main .boxshot, #content #main .badge  {
			float: right;
			margin: 5px 0 0 15px;
		}
		#content #main .boxshot {
			border: 1px solid #ccc;
			margin: 5px 0 5px 15px;
		}
		#content #main .badge {
			width: 54px; height: 54px;
		}
			#content #main .badge.thum {
				width: 128px; height: 128px;
			}

		#content #main .zoom:hover { border: 0; cursor: url(zoomin.cur),url(cursor/zoomin.cur),default; }
		
		#content #main .screenshot {
			float: right;
			margin: 0 0 0 10px;
			border: 1px solid #ccc;
			padding: 10px;
			width: 170px; overflow: hidden;
			text-align: center;
		}
			#content #main .screenshot a {
				display: block;
				margin: 0 0 5px 0;
			}
				#content #main .screenshot a:hover { border: 0; }
				#content #main .screenshot a img {
					cursor: url(zoomin.cur),url(cursor/zoomin.cur),default;
				}

		#content #main table .badge {
			float: none;
			margin: 0;
		}

		#content #main #referenceguides h3 {
			font-family: Georgia, "Times New Roman", Times, serif;
		}

			#content #main .news .date { display:block; font-size: 0.8em; text-align: right; margin: 2px 0 10px 0; }
			#content #main .news .links { display: block; text-align: right; }

			#content #main .comment { margin: 5px 0; }
				#content #main .comment div { padding: 5px; }
				#content #main .comment .from, #content #main .comment .from a {
					color: #346208;
					font-weight: bold;
					background: #c0c79b;
				}
					#content #main .comment .from a:hover { border-bottom: 1px dashed #346208; }
					#content #main .comment .from .date { color: #0a0201; font-weight: normal; font-size: 0.8em; }

		#content #main address { font-style: normal; }
		#content #main form {
			position: relative;
			margin: 10px 0 0 0;
		}
			#content #main form textarea, #content #main form input {
				border: 1px solid #666;
			}
			#content #main form textarea {
				width: 350px;
				margin: 5px 0;
			}
			#content #main form button {
				background: #d6dbbe;
			}
				#content #main form button:hover, #content #main form button:focus { background: #c0c79b; }

				#content #main form .haslabel label {
					display: block;
					font-weight: bold;
					margin-bottom: -1em;
				}
				#content #main form .haslabel input {
					display: block;
					width: 150px;
					position: relative;
					top: -0.5em; left: 200px;
				}
				#content #main form .haslabel img {
					display: block;
					position: absolute;
					top: 3em; left: 155px;
				}
				#content #main #comment .haslabel img { top: 5em; }

			#content #main form p {
			margin: 5px 0 0 0;
			color: #bf7864;
		}

	#footer {
		clear: both;
		padding: 20px 30px 30px 30px;
		height: 34px;
		color: #666;
		text-align: center;
		background: url(../img/common/footer.png) no-repeat;
	}
		#footer a {
			color: #bc3019;
			text-decoration: none;
		}
			#footer a:hover { border-bottom: 1px dashed #bc3019; }

/* palette: http://www.colourlovers.com/palette/585837/(_f_r_i_d_a_) */