/*=================================================================
Author: Zhuoshi Xie
License: Creative Commons Attribution-Noncommercial-No Derivative 
         http://creativecommons.org/licenses/by-nc-nd/3.0/us/
=================================================================*/

*{
	margin:0; padding:0;}

body{
	background:#aeafab url(images/bg.gif);
	font:11px/18px helvetica, arial, sans-serif;}

.left{
	float:left;
	width:146px;
	padding:0 10px 0 12px;}

.right{
	float:right;
	width:146px;
	padding:0 12px 0 12px;}

a{
	color:#000;
	text-decoration:none;
	border-bottom:1px dotted #b6b6b6;}

a:hover{
	color:#444;
	border-color:#d3d3d3;}

#wrapper{
	width:380px;
	margin:50px auto;}

#nav{
	text-align:right;
	padding-right:25px;
	margin-bottom:-5px;
	text-transform:lowercase;
	font-size:10px;
	color:#fff;}

#nav a{
	color:#fff;
	border-bottom:0;}

#nav a:hover{
	color:#ddd;}	

#nav a.hide{
	display:none;}

#header{
	background:url(images/headerbg.png) left -20px no-repeat;
	height:72px;
	overflow:hidden;
	padding:0 20px;}

#header h1{
	width:169px;
	padding-top:39px;
	height:0;
	font-size:0;
	overflow:hidden;
	background:url(images/zhuoshixie.png) no-repeat;
	margin: 20px;}

#content{
	background:url(images/contentbg.png) left top repeat-y;
	padding:0 20px;}

.content-inner{
	background:url(images/contentborder.gif) 168px top repeat-y;
	overflow:hidden;
	padding-bottom:10px;}

#contact.content-inner{	
	background:url(images/contentborder.gif) 138px top repeat-y;}

.hide{
	display:none !important;}

.headings{
	background:url(images/headingsbg.png) -21px top no-repeat;
	height:17px;
	overflow:hidden;
	padding: 10px 0;
	margin-bottom:7px;}

.headings .left{
	border-right:1px solid #99bf41;}

.headings .right{
	border-left:1px solid #c8de95;}

.headings h2{
	font-size:14px;
	font-weight:normal;
	text-shadow: #cde78e 1px 1px;}

#contact .left{
	width:116px;}

#contact .right{
	width:176px;}

h3{
	background:#ccc;
	padding:3px 10px;
	font-size:12px;
	color:#666;
	text-shadow:#e4e4e4 1px 1px;
	font-weight:normal;
	text-transform:lowercase;}

.left h3{
	margin: 18px -11px 10px -12px;}

.right h3{
	margin:18px -10px 10px -14px;}

.content-inner p{
	margin-bottom:10px;}

ul li{
	list-style:none;}

ul li em{
	font-style:normal;
	font-weight:bold;}

dt{
	display:inline;}

dd{
	color:#999;
	display:inline;
	text-transform:lowercase;}

dl#networks dt{
	 padding:2px 0 2px 24px;}

dt#flickr{
	background:url(images/flickr.png) no-repeat;}

dt#facebook{
	background:url(images/facebook.png) no-repeat;}

dt#linkedin{
	background:url(images/linkedin.png) no-repeat;}

dt#delicious{
	background:url(images/delicious.png) no-repeat;}

dt#twitter{
	background:url(images/twitter.png) no-repeat;}

dt#readernaut{
	background:url(images/readernaut.png) no-repeat;}

dt#goodreads{
	background:url(images/goodreads.png) no-repeat;}

dd.clear{
	display:block;
	clear:both;}

dl#networks dd.clear{
	height:5px;}

form dt{
	display:block;}

form dd{
	margin-bottom:5px;}

input{
	width:160px;}

input#submit{
	width:100%;
	background:#9fcb37;
	border:1px solid #8eba26;
	color:#fff;
	width:60px;}

p.error{
	color:#c00;}

p.success{
	color:#8eba26;}

#footer{
	background:url(images/footerbg.png) left top no-repeat;
	line-height:12px;
	font-size:10px;
	text-align:center;
	padding-top:20px;
	color:#848580;}

#footer a{
	color:#848580;
	text-decoration:none;
	border-bottom:1px dotted;}

#footer a:hover{
	color:#666;}