/*  
Theme Name:Unnamed
Theme URI:http://xuyiyang.com/wordpress-themes/unnamed/
Description:<a href="http://xuyiyang.com/wordpress-themes/unnamed/">Unnamed</a> is a three-column, widget-ready wordpress theme with some AJAX functions. It is easy to use and highly customizable.
Version:1.22
Author:Xu Yiyang
Author URI:http://xuyiyang.com/

I get the AJAX commenting from K2 by Michael, Chris, Zeo and Steve Lam. Thanks for their great work.
You can get K2 here:
http://getk2.com/

The Live Search originally based on the code of K2 Live Search Mod by Steve Lam:
http://stevelam.org/2006/04/k2-live-search-mod/

This theme uses the wonderful Sweetie Icons by Joseph North:
http://sweetie.sublink.ca/

The theme is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
*/

/* General */
*, html {
	margin:0;
	padding:0;
}
body  { font-size: 10px; font-family: Arial, sans-serif }
fieldset, select, img {
	border:0;
}
hr, #searchform br, .counter {
	display:none;
}
a, a:link, a:active, a:visited  { font-weight: bold; text-decoration: none }
a:hover  { font-weight: bold; text-decoration: none }
p {
	margin:0 0 10px;
}
ol li {
	list-style:decimal outside;
}
acronym, abbr, span.caps {
	cursor:help;
}
acronym, abbr {
	border-bottom:1px dashed #fc0;
}
blockquote {
	border-left:3px solid #ccc;
	margin:20px;
	padding-left:10px;
}
cite, ins {
	text-decoration:none;
}
code, pre, kbd {
	font:1em 'Courier New', Courier, sans-serif;
}
small  { color: #777; font-size: 10px; font-variant: normal }
strike, del {
	color:#777;
	text-decoration:line-through;
}
label {
	cursor:pointer;
}
h1, h2, h3, h4  { font-family: Arial }
h1 {
	font-size:1.8em;
	text-align:left;
	padding:21px 0 5px 20px;
}
h2 {
	margin:5px 0;
	font-size:1.6em;
}
h3, h4  { font-size: 1.2em; margin: 15px 0 0 }
/* Container */
#container {
	position:relative;
	margin:0 auto;
	font-size:1.2em;
	width:970px;
	background:url(images/bg_content.png) repeat-y center top;
}
#content {
	width:960px;
	margin:0 auto;
}
#directory   { margin: 0; padding: 0 30px; width: 900px }
/* Header and Navigation */
#header {
	margin:0 auto;
	line-height:1.2em;
	width:960px;
}
.description  { font-size: 1em; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; text-align: left; padding: 0 0 5px 20px }
#nav {
	display:block;
	height:32px;
	margin:0 auto !important;
	margin:0;
	padding:0;
	text-align:left;
	letter-spacing:0.15em;
	text-transform:uppercase;
	width:960px;
	background:url(images/bg_nav.png) repeat-x left top transparent;
	list-style:none;
	z-index:8;
}
#nav li {
	float:left;
	padding:0;
	margin:0;
}
#nav li a {
	display:block;
	line-height:32px;
	padding:0 10px;
	color:#fff;
	text-decoration:none;
}
#nav li a:hover {
	color:#fff;
	background:#333;
}
#nav li li {
	width:200px;
}
#nav ul a {
	color:#fff;
	line-height:24px;
}
#nav ul {
	position:absolute;
	z-index:500;
	top:auto;
	list-style:none;
	display:none;
	width:200px;
	list-style:none;
	text-align:center;
	border:1px solid #333;
	background:url(images/bg_nav_ul.png) repeat left top transparent !important;
	background:#444;
}
#nav ul ul {
	top:0;
	left:100%;
}
#nav li:hover, #nav li.sfhover {
	color:#fff;
	background:#333;
	cursor:pointer;
	z-index:100;
}
#nav li:hover ul ul, #nav li li:hover ul ul, #nav li li li:hover ul ul, #nav li li li li:hover ul ul, #nav li.sfhover ul ul, #nav li li.sfhover ul ul, #nav li li li.sfhover ul ul, #nav li li li li.sfhover ul ul {
	display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul, #nav li li li li.sfhover ul {
	display:block;
}
/* Primary Content and Entries */
#primary-content   { line-height: 1.6em; text-align: left; float: left; display: inline; margin: 0; padding: 0 30px; width: 500px; overflow: hidden }
.pagetitle {
	margin-top:15px;
	text-align:center;
}
.entry  { text-align: left; padding: 0 }
.entry ul, .entry ol  { margin: 0 0 0 40px }
.entry li  { padding-bottom: 8px }
.entry-header    { font-size: 18px; line-height: 18px; background-repeat: repeat-x; background-attachment: scroll; margin: 0 0 20px; padding: 0 0 10pt 10px; border-bottom: 1px solid #cdcdcd; border-left: 5px solid #919191 }
.entry-date  { color: #ccc; font-size: 0.9em; background-color: transparent; text-align: right }
.entry-footer {
	color:#ccc;
	font-size:0.9em;
	text-align:right;
	margin:0 0 20px;
	line-height:1.2em;
	padding:4px 0;
	background:url(images/bg_meta.png) no-repeat top center;
}
/* Sidebar */
#sidebar     { text-align: left; float: left; margin: 0; padding: 0; width: 400px }
#sidebar h2    { font-size: 12px; font-weight: bold; background-image: url(images/bg_header_menu.jpg); background-repeat: repeat-x; background-attachment: scroll; background-position: 0; vertical-align: middle; margin: 20px 0 0; padding: 0 0 0 10px; border-left: 5px solid #919191; height: 20px }
#sidebar ul  { color: #777; list-style: none; margin: 0; padding: 0 }
#sidebar li  { margin: 0; padding: 0; width: 100% }
#sidebar ul ul li  { vertical-align: middle; margin: 0; padding: 10px 0 0 15px; width: 100% }
#sidebar ul ul li a, #sidebar ul ul li a:link, #sidebar ul ul li a:visited  { margin: 0; padding: 0 }
.left-sidecolumn    { float: left; clear: left; margin: 20px 20px 0 0; padding: 0; width: 180px }
.right-sidecolumn   { float: left; clear: right; margin: 20px 0 0; padding: 0; width: 180px }
.intro {
	font-size:.9em;
	color:#777;
	width:90%;
	margin:8px 4%;
	padding:0 0 15px 0;
	background:url(images/bg_meta.png) no-repeat center bottom;
	line-height:1.4em;
}
/* Shelf */
#shelf {
	float:left;
	line-height:1.2em;
	width:100%;
}
#toggle {
	width:960px;
	margin:0 auto !important;
	margin:0;
	text-align:left;
	background:#000;
	list-style:none;
	overflow:hidden;
}
#toggle h2  { color: #fff; font-size: 1.2em; font-weight: 400; margin: 15px 2px 10px }
#toggle ul {
	list-style:none;
	margin:10px 0 10px;
}
#toggle li {
	float:left;
	width:21%;
	background:transparent;
	margin-left:1.8% !important;
	margin-left:1.5%;
	padding:0 4px 6px 4px;
	display:inline;
}
* html #toggle li  { width: 20% }
#toggle ul li   { margin: 0; padding: 0; width: 100%; height: 20px }
#toggle ul li a, #toggle ul li a:link, #toggle ul li a:visited   { color: #4c4c4c; text-decoration: none; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0; vertical-align: middle; white-space: nowrap; display: block; margin: 0; padding: 0; height: 20px }
#toggle ul li a:hover    { color: #fff; margin: 0; padding: 0; height: 30px }
#toggle li.tags {
	width:45%;
}
#toggle li.tags a:hover {
	background:none;
	text-decoration:underline;
}
#sidebar ul ul, #toggle ul {
	margin:0;
	padding:0 0 10px;
}
/* Footer */
#footer {
	clear:both;
	height:64px;
	margin:0 auto;
	width:970px;
	background:url(images/bg_footer.png) no-repeat top center transparent;
}
#footer p  { color: #fff; font-size: 12px; text-align: center; padding: 12px 0 0 }
/* Search */
#search {
	width:100%;
	line-height:1em;
	display:block;
}
.searchinput  { font-size: 1em; background: #f4f4f4 url(images/bg_search.png) no-repeat right; margin: 5px 4% 5px 0; padding: 3px; border: solid 1px #ccc; width: 370px; height: 16px }
.searchinput:focus, .searchinput:hover {
	border:1px solid #fc0;
	background:url(images/bg_search.png) right -16px no-repeat #fff;
}
#live-results {
	margin:0;
	padding:2px 0;
}
#live-results h2 {
	margin:5px 0;
	padding:0;
}
#live-results h3 {
	font-size:1em;
	font-weight:400;
	margin:0;
	padding:0;
}
.more-results {
	display:block;
	background:url(images/search-more.png) left center no-repeat;
	margin:5px 15px 0 0;
	padding:2px 0 2px 18px;
}
#search-loading {
	margin:-25px 0 0 94%;
	height:18px;
	width:18px;
	background:url(images/spinner.gif) center center no-repeat;
}
#search-reset {
	margin:-25px 0 0 94%;
	height:18px;
	width:18px;
	background:url(images/cancel.png) center center no-repeat;
	cursor:pointer;
}
#search-results {
	width:90%;
	margin:5px 4%;
}
#search-results li {
	background:url(images/item.png) left center no-repeat;
	margin:0;
	padding:0;
}
#search-results h3 {
	margin:0;
	padding:0 0 0 8px;
}
/* Comments and Trackbacks */
.comment-section {
	margin:30px 10px;
	text-align:left;
}
#leavecomment {
	margin:30px 25px 20px 0 !important;
	text-align:center;
	color:#ccc;
	font:1.8em Georgia, "Times New Roman", Times, serif;
}
.section-title {
	font-size:1.6em;
	font-weight:400;
	text-align:center;
	margin:5px 25px 5px 0;
}
#commentform {
	margin:15px 0;
}
#authorinfo {
	width:100%;
}
input#author, input#email, input#url, textarea#comment {
	border:1px solid #ccc;
	padding:1px;
	background:#f4f4f4;
}
#commentform input:focus, #commentform textarea:focus, #commentform input:hover, #commentform textarea:hover {
	border:1px solid #fc0;
	background:#fff;
}
textarea#comment {
	width:99%;
}
#submit, #previewcomment {
	float:right;
	margin:0 0 0 10px;
	border:1px solid #3465A4;
	color:#fff;
	background:#5D8BB3;
	padding:0 2px;
}
#submit:hover, #previewcomment:hover {
	border:1px solid #3465A4 !important;
	color:#fff !important;
	background:#3465A4 !important;
}
.comment-header {
	text-align:left;
	margin:4px 0;
	font:1.6em Georgia, "Times New Roman", Times, serif;
}
.comment-content {
	margin:10px;
}
.comment-footer {
	text-align:left;
	margin:4px 0 0;
	font-size:.9em;
}
#commentlist, #pinglist, #previewlist {
	list-style:none;
}
#commentlist li, #pinglist li, #previewlist li {
	margin:10px 0;
	list-style:none;
	padding:4px 0;
	line-height:1.8em;
	background:url(images/bg_meta.png) no-repeat top center;
}
#commentlist li .counter, #pinglist li .counter {
	display:none;
}
#commentlist li img {
	padding:0;
	border:0;
}
#commentlist li img.gravatar {
	float:right;
	margin:2px;
	border:1px solid #ccc;
	width:32px;
	height:32px;
}
#error {
	margin:2px;
	padding:2px;
	text-align:center;
	color:#FF0000;
	background:#FFFF99;
	border-left:1px solid #fc0;
	padding:2px 5px;
}
#commentload {
	padding-top:3px;
	float:right;
	vertical-align:middle;
	height:18px;
	width:18px;
	background:url(images/spinner.gif) center center no-repeat;
}
/* Images */
img {
	border:0;
}
p img {
	border:0;
	max-width:100%;
	padding:2px;
}
img.center, img[align="center"] {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
img.alignright, img[align="right"] {
	padding:4px;
	margin:0 0 2px 7px;
	display:inline;
}
img.alignleft, img[align="left"] {
	padding:4px;
	margin:0 7px 2px 0;
	display:inline;
}
img.noborder {
	border:0 !important;
}
.feedlink img {
	display:inline;
	float:left;
	margin:0;
	padding:0;
}
/* Text align */
.center {
	text-align:center;
}
.alignleft {
	float:left;
}
.alignright {
	float:right;
}
.item {
	text-align:right;
}
/* Float */
.floatright {
	float:right;
}
.floatleft {
	float:left;
}
/* Miscellaneous */
.content-top  { font-size: 0.9em; background: url(images/bg_content_top.png) repeat-x; text-align: right; vertical-align: middle; margin: 0 1px 0; padding-top: 10px; width: 958px; height: 30px }
.content-top a {
	margin:0 15px 0;
}
.content-bottom {
	background:url(images/bg_content_bottom.png) repeat-x bottom left;
	height:6px;
	margin:0 1px;
	width:958px;
}
.navigation {
	display:block;
	font-size:.9em;
	text-align:center;
	padding:10px 0;
}
.alert {
	color:#FF0000;
	background:#FFFF99;
	border-left:1px solid #fc0;
	text-align:center;
	margin:10px auto;
	padding:5px;
}
.metacmt {
	background:url(images/comment.png) left center no-repeat;
	padding:2px 0 2px 17px;
}
.metacat {
	background:url(images/tag1.png) left center no-repeat;
	padding:2px 0 2px 16px;
}
.metatag {
	color:#ccc;
	background:url(images/tag2.png) left center no-repeat;
	padding:0 0 0 16px;
}
.metaedit {
	background:url(images/edit.png) left center no-repeat;
	padding:2px 0 2px 17px;
}
.clear {
	clear:both;
}









.pagenavigationbox  { text-align: center; padding: 5px 0 }

	.pagenav, .pagenavcurrent {
		border: 1px solid #CCCCCC;
		margin: 0 3px;
		padding: 5px;
	}

	.pagelink  { color: #eb0000 !important; margin: 0 3px; padding: 5px; border: solid 1px #eb0000 }

	.pagelink:hover  { color: #ffffff !important; background-color: #f19090; border: solid 1px #eb0000 }

	.menubox a  { text-transform: uppercase }