/*  
Theme Name: CSS
Theme URI: http://yingna.yinten.com/
Description: Completely CSS except for a header image
Version: 1.0
Author: Yingna Liu
Author URI: http://yingna.yinten.com/
*/

body {
	margin: 0;
	padding: 0;
	font: 0.8em Arial, Helvetica, sans-serif;
	color: #333333;
	background: #1a1a1a;
	}

a {
	color: #000066;
	text-decoration: none;
	font-weight: bold;
	}

a.none {
	color: #333333;
	font-weight: normal;
	}

a.none:hover {
	border: 0 !important;
	}
	
.clear {
	clear: both;
	}

.aligncenter {
	text-align: center;
	}

.alignright {
	text-align: right;
	}

.alignleft {
	text-align: left;
	}

blockquote {
	font: italic 1.3em "Times New Roman", Times, serif;
	line-height: 1.5em;
	width: 90%;
	margin: 0 auto;
	color: #4d4d4d;
	box-shadow: 0px 0px 8px #818181;
	-webkit-box-shadow: 0px 0px 8px #818181;
	-moz-box-shadow: 0px 0px 8px #818181;
	filter: progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=0, offY=0, positive=true);
	padding: 10px;
	background: #f6f7da;
	}

img {
	padding: 10px;
	background: #FFF;
	box-shadow: 0px 0px 8px #818181;
	-webkit-box-shadow: 0px 0px 8px #818181;
	-moz-box-shadow: 0px 0px 8px #818181;
	filter: progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=0, offY=0, positive=true);
	}

pre {
	background: #f6f7da;
	border: 1px solid #cecfb1;
	padding: 5px;
	font-size: 1.2em;
	}

code {
	font-size: 1.2em;
	}
	
#wrap {
	width: 925px;
	margin: 0 auto;
	background: #eceec4;
	}

/** Top Navigation **/
#topnav {
	background: #0e243f;
	padding: 10px;
	}

ul#nav {
	margin: 0;
	float: left;
	padding: 0;
	list-style: none;
	}

ul#nav li {
	float: left;
	border-right: 1px solid #415c7d;	
	}

#topnav a {
	color: #FFF;
	display: block;
	padding: 5px 20px;
	font-weight: normal;
	}

#topnav a:hover {
	background: #4d698b;
	}

#login {
	float: right;
	text-align: right;
	}

/** Header **/
#header {
	text-align: center;
	background: #d9c220 url("header.png");
	padding: 10px;
	}

#header a {
	color: #f8f6ef;
	}

h1 {
	margin: 0;
	padding: 10px;
	font: italic 4.3em Georgia, "Times New Roman", Times, serif;
	text-shadow: #4d3f00 6px 4px 5px;
	}

#header input {
	background: #efd972;
	padding: 5px;
	border: 1px solid #8f7706;
	color: #8f7706;
	}

#header input:hover, #header input:focus {
	background: #f0e6b8;
	}

input#search {
	width: 500px;
	}

/** Photo **/
#photo {
	background: #0e243f;
	text-align: center;
	}

#photo ul {
	margin: 0 auto;
	padding: 0;
	list-style: none;
	width: 885px;
	}

#photo ul li {
	float: left;
	}

#photo img {
	width: 60px;
	height: 60px;
	padding: 5px;
	display: block;
	margin: 20px 25px;
	background: #FFF;
	border: 3px solid #2f4e74;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	filter: none;
	}

#photo img:hover {
	border-color: #CCCCCC;
	}

/** Entry **/
.entry {
	width: 90%;
	margin: 0 auto;
	line-height: 1.8em;
	}

h2 {
	font: 2.0em "Times New Roman", Times, serif;
	margin: 20px 0 0 0;
	}

h2 a {
	color: #000;
	font-weight: normal;
	}

h2 a:hover {
	border: 0 !important;
	color: #415c7d;
	}


.entry a:hover, #comments a:hover {
	border-bottom: 1px dotted #000066;
	}

.meta {
	margin-top: 30px;
	line-height: 0;
	text-align: center;
	border-bottom: 2px solid #d2d4af;
	}

.meta span {
	background: #eceec4;
	padding: 0 10px;
	}

/** Comments **/
#comments {
	width: 80%;
	margin: 0 auto;
	}

h3 {
	font: normal 1.5em Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	}

img.avatar {
	width: 64px;
	height: 64px;
	padding: 5px;
	background: #FFF;
	float: left;
	}

.commentcontent {
	float: right;
	width: 88%;
	}

.author {
	font: 1.3em Geneva, Arial, Helvetica, sans-serif;
	}

.date {
	font-size: 0.9em;
	color: #767676;
	}

.comment {
	line-height: 1.6em;
	border-bottom: 1px dashed #d2d4af;
	margin: 20px 0;
	}

.comment p img {
	background: none;
	border: 0;
	padding: 0;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	}

label {
	display: block;
	margin-bottom: 5px;
	}

#comments input {
	width: 180px;
	margin-bottom: 10px;
	}

#leftla {
	float: left;
	width: 190px;
	}

#rightla {
	float: right;
	text-align: keft;
	width: 70%;
	}

input.submit {
	width: 150px;
	float: right;
	display: block;
	border: 1px solid #d2d4af;
	padding: 5px 0;
	margin-top: 10px;
	background: #0e243f;
	color: #fff;
	font-weight: bold;
	}

#comments textarea {
	font: 1.0em Arial, Helvetica, sans-serif;
	padding: 5px;
	width: 98%;
	height: 120px;
	line-height: 1.5em;
	}

	
/** Pagination **/
.navigation {
	margin-top: 20px;
	}

.title {
	font-weight: bold;
	}
	
ol.wp-paginate {
	list-style: none;
	margin: 20px 0;
	font: 1.0em Arial, Helvetica, sans-serif;
	}

ol.wp-paginate li {
	display: inline;
	float: left;
	}

.wp-paginate a {
	padding: 2px 5px;
	border: 1px solid #d2d4af;
	margin: 0 5px;
	background: #0e243f;
	color: #FFF;
	display: block;
	text-decoration: none;
	}

.wp-paginate a:hover {
	background: #4d698b;
	}

.current {
	padding: 2px 5px;
	border: 1px solid #d2d4af;
	margin: 0 5px;
	background: #173b67;
	color: #FFF;
	display: block;
	}

span.title {
	line-height: 1.5em;
	}
	
/** Footer **/
#footer {
	text-align: center;
	padding: 10px;
	background: #0e243f;
	color: #FFF;
	margin-top: 20px;
	}

#footer a {
	font-weight: bold;
	text-decoration: none;
	color: #fff;
	}

#footer a:hover {
	border-bottom: 1px dotted;
	}