/*
Theme Name: Whiteboard
Theme URI: http://wordpress.org/
Description: Theme trying to mimic a whiteboard.
Version: 0.1
Author: Qingbo Zhou
Author URI: http://qingbo.org/
Tags: 
*/

body {
	background-color: #FFFFFF;
	margin: 0;
	padding: 0;
	font-family: Tahoma, Helvetica, Arial, sans-serif;
	color: #333333;
	font-size: 12px;
	text-align: center;
}

/* common styles */
img {
	border: none;
}

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

a:hover, a:active {
	text-decoration: underline;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

img.alignleft {
	margin: 5px 5px 5px 0;
}

img.alignright {
	margin: 5px 0 5px 5px;
}

img.alignleft, img.alignright {
	padding: 5px;
	border: 1px solid #FFBFBF;
}

.info {
	background-color: #FFFBE2;
	border: 1px solid #FFE222;
	padding: 10px;
	margin: 10px 0;
}

a:hover img.alignleft, a:hover img.alignright {
	border-color: #CC0000;
}

.clear {
	clear: both;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block; /* for IE/Mac */
}

html[xmlns] .clearfix{
	display: block;
}

* html .clearfix {
	zoom: 1; /* triggers hasLayout */
	display: block; /* resets display for IE/Win */
}

.navigation {
	margin-bottom: 20px;
}

.navigation .alignleft {
	overflow: hidden;
	padding-left: 20px;
	background: transparent url(images/arrow-left.gif) left center no-repeat;
}

.navigation .alignright {
	overflow: hidden;
	padding-right: 20px;
	background: transparent url(images/arrow-right.gif) right center no-repeat;
}

/* structures */
#page {
	width: 1000px;
	margin: auto;
	text-align: left;
	background: transparent url(images/page-back.gif) left top repeat-y;
}

#header {
	background: transparent url(images/page-top.gif) left top no-repeat;
	padding: 30px 25px;
}

#content {
	clear: both;
	float: left;
	width: 620px;
	padding: 0 45px 0 25px;
	overflow: hidden;
}

#sidebar {
	float: left;
	width: 265px;
	padding-right: 45px;
	overflow: hidden;
}

#footer {
	clear: both;
	padding: 30px 25px;
	background: transparent url(images/page-bottom.gif) left bottom no-repeat;
}

/* header */
#header h1 {
	margin: 0;
	font-size: 18px;
	font-weight: bold;
}

#header h1 a {
	color: #0000CC;
}

#header .logo {
	margin: 15px;
}

#header .description {
	padding: 0 0 10px 15px;
}

hr.header-bottom {
	color: #508D0F;
	background-color: #508D0F;
}

#subscribe {
	padding-top: 20px;
	float: right;
}

#subscribe ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* page menu */
#page-menu {
    margin: 0;
    padding: 0 0 10px 30px;
    list-style-type: none;
	font-size: 16px;
	font-weight: bold;
	background: transparent url(images/blue-line.gif) left bottom repeat-x;
}

#page-menu li {
    display: block;
    float: left;
}

#page-menu .page_item a {
    display: block;
    width: 100px;
	text-align: center;
	padding: 5px 0;
}

#page-menu .current_page_item a {
	background: transparent url(images/menu-current.gif) center center no-repeat;
}

#page-menu .page_item a:hover {
	text-decoration: none;
	background: transparent url(images/menu-current.gif) center center no-repeat;
}

/* post styles */
.post, .wp-page {
	clear: both;
	padding-bottom: 5px;
	margin-bottom: 40px;
}

.crumb {
	font-size: 16px;
	padding-bottom: 16px;
}

.post-date {
	float: left;
	width: 42px;
	font-weight: bold;
	font-size: 16px;
	line-height: 16px;
	text-align: center;
	color: #0000CC;
	padding: 7px 0 3px;
	background: transparent url(images/date-back.gif) left top no-repeat;
}

.post-title {
	float: left;
	margin-left: 8px;
	width: 570px;
}

.post h2 {
	margin: 0;
	font-size: 18px;
	color: #0000CC;
}

.post h2 a:link, .post h2 a:visited, .post h2 a:hover, .post h2 a:active {
	color: #0000CC;
}

.post-title .postmetadata {
	padding-top: 5px;
}

.wp-page .page-title {
	padding-left: 20px;
	background: transparent url(images/page.gif) no-repeat left center;
}

.entry {
	clear: both;
	width: 570px;
	margin-left: 50px;
	overflow: hidden;
	padding-top: 10px;
	font-size: 12px;
	line-height: 18px;
}

.wp-page .entry {
	width: 600px;
	margin-left: 20px;
}

.entry p {
	margin: 0 0 10px;
}

.entry .dp-highlighter {
	width: 99%;
}

.entry .postmetadata {
	padding: 0 40px;
}

.entry .postmetadata small {
	font-size: 12px;
	color: #AAAAAA;
	line-height: 14px;
}

.entry blockquote {
	margin: 0 0 0 40px;
	padding-left: 10px;
	background: transparent url(images/blue-vline.gif) left top repeat-y;
}

.entry ul {
	padding-left: 10px;
	list-style: none;
}

.entry ul li {
	padding-left: 10px;
	background: transparent url(images/red-ring.gif) left 8px no-repeat;
}
/* end post styles */

/* sidebar styles */
#s {
	vertical-align: middle;
}

#sidebar h2 {
	color: #473133;
	margin: 15px 0 5px;
	font-size: 16px;
}

#sidebar ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#sidebar ul li ul {
	padding-left: 20px;
}

#sidebar ul li ul li a:link, #sidebar ul li ul li a:visited, #sidebar ul li ul li a:hover, #sidebar ul li ul li a:active {
	color: #444444;
}

#sidebar .recent-comment {
	clear: both;
	margin-bottom: 5px;
	padding-left: 20px;
}

#sidebar .recent-comment .gravatar {
	float: left;
	width: 20px;
	padding: 3px 5px 0 0;
}

#sidebar .recent-comment .rc-content {
	float: left;
	width: 220px;
	overflow: hidden;
}
/* end sidebar styles*/

/* comments styles */
h3#comments {
	color: #508D0F;
	font-size: 14px;
}

ol.commentlist {
	margin: 10px 0;
	padding: 0;
	list-style-type: none;
}

ol.commentlist ul.children {
	margin: 0 0 0 40px;
	padding: 0;
	list-style-type: none;
}

ol.commentlist li.comment, ol.commentlist li.pingback, ol.commentlist li.trackback, #respond {
	border: 1px solid #C4EF95;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-top: 10px;
	padding: 10px;
	overflow-x: auto;
}

ol.commentlist li.thread-even, ol.commentlist li.thread-even li.depth-3, ol.commentlist li.thread-even li.depth-5,
ol.commentlist li.thread-odd li.depth-2, ol.commentlist li.thread-odd li.depth-4 {
	background-color: #FFFFFF;
}

ol.commentlist li.thread-odd, ol.commentlist li.thread-odd li.depth-3, ol.commentlist li.thread-odd li.depth-5,
ol.commentlist li.thread-even li.depth-2, ol.commentlist li.thread-even li.depth-4 {
	background-color: #FAFAFA;
}

ol.commentlist .author-avatar {
	float: left;
	margin-right: 8px;
}

ol.commentlist .reply {
	font-size: 0.8em;
	float: right;
}

ol.commentlist blockquote {
	margin: 0 0 0 20px;
	padding-left: 10px;
	background: transparent url(images/blue-vline.gif) repeat-y scroll left top;
	font-style: italic;
}

#respond .cancel-comment-reply {
	float: right;
}

#respond h3 {
	color: #508D0F;
	font-size: 14px;
	margin: 0;
}

#respond p {
	margin: 10px 0 0;
}

ol.commentlist #respond {
	margin-left: 40px;
}

#commentform {
	margin: 0 0 0 40px;
}

#respond .div-avatar-preview {
	float: left;
	font-size: 11px;
}

#avatar-preview {
	padding-top: 10px;
}

#avatar-preview .avatar {
	float: none;
}

#comment {
	width: 550px;
	border: 1px solid #C4EF95;
	font-size: 12px;
}

.depth-1 #comment {
	width: 490px;
}

.depth-2 #comment {
	width: 430px;
}

.depth-3 #comment {
	width: 370px;
}