/* 
Theme Name: whiteboard
Theme URL: http://plainbeta.com/whiteboard/
Description: A blank theme for you to draw on.
Author: Brian Purkiss
Author URI: http://brianpurkiss.net
Version: 1.0

Obviously, you may edit the above info upon your customization.
Though I wouldn't mind a link somewhere... *hint hint*
*/
/*  The following CSS Reset was written by Dejan Cancarevic
http://stylizedweb.com/2008/02/14/10-best-css-hacks/         */

* {
	vertical-align: baseline;
	font-weight: inherit;
	font-family: inherit;
	font-style: inherit;
	font-size: 100%;
	border: 0 none;
	outline: 0;
	padding: 0;
	margin: 0;
}

.clear {clear:both; height:0; overflow:hidden; margin:-1px 0 0 0;}

body {
	font-family:"Helvetica Neue", Helvetica,Arial,sans-serif;
	background-color:#333;
	color:#fafafa;
}

#wrapper {
	width:625px;
	padding:10px 20px 0;
}

#content {margin-bottom:15px;}
	body.page #content {border:0;}

#header {font-weight:bold;padding-bottom:15px;border-bottom:1px solid #888;position:relative;}

	ul.menu {margin-bottom:10px;margin-top:-10px;}
		ul.menu li {float:left;list-style-type:none;margin-right:10px;margin-bottom:10px;}
		ul.menu li.close, ul.menu li.close-archives {display:none;}

#footer {color:#fafafa;padding:20px 0 0;border-top:1px solid #888;margin-top:20px;}
	#footer ul {width:130px;padding-right:10px;margin-right:15px;border-right:1px solid #888;float:left;margin-top:-20px;padding:15px 0;}
		#footer ul.last {border:0;width:185px;padding-right:0;margin-right:0;}
	#footer li {font-size:11px;list-style:none;line-height:1.5;}
	#footer li.title {margin-bottom:5px;font-size:13px;font-weight:bold;}
		#footer li a {font-weight:bold;color:#888;}
		#footer li a:hover {color:#999;text-decoration:none;}

#sidebar {overflow:hidden;}

#commentsform {padding:15px 0 10px;}
form#commentform {margin-top:10px;}
input {padding:5px;margin-top:5px;margin-bottom:5px;background:#555;color:#fafafa;font-size:11px;font-weight:bold;}
input:focus {background:#888;}
textarea {padding:5px;background:#555;color:#fafafa;font-size:11px;font-weight:bold;margin-top:5px;width:615px;}
textarea:focus {background:#888;}
textarea#commentpop {width:250px;}
#sbutt {padding:5px;margin-top:10px;cursor:pointer;background-color:#555;color:#fff;font-size:11px;}
	#sbutt:hover {background:#888;}

ul.commentlist {margin-top:15px;border-bottom:1px solid #888;padding-bottom:15px;}
ul.commentlist li {list-style:none;font-size:11px;margin-bottom:15px;padding-bottom:15px;border-bottom:0px solid #888;}
	ul.commentlist li p {padding-left:63px;}

cite.fn {font-size:13px;padding-left:79px;margin-left:0;background:#222;padding-top:7px;padding-bottom:7px;display:block;}

div.avatar {width:64px;float:left;margin-right:15px;margin-top:0px;}
div.comment-author {margin-bottom:10px;font-weight:bold;}
div.comment-meta {margin-top:10px;font-weight:bold;padding-left:79px;}

ol#commentlist {list-style-type:none;background-color:#f4f4f4;padding:10px;}

.entry {padding:15px 0 5px;border-bottom:1px solid #888;color:#fafafa;}
.entry:last-child {border:0;margin-bottom:0;}
.entry img {margin-bottom:10px;}
.entry object {margin:10px 0;}
.entry pre {font-size:12px;background:#000;padding:10px !important;margin-bottom:10px;}

.post-header {position:relative;}

.comment-number {width:25px;height:25px;background:url(images/circle.png) no-repeat;font-size:10px;color:#fff;font-weight:bold;text-align:center;float:right;padding-left:1px;}
	.comment-number a {display:block;width:25px;height:25px;color:#fff;padding-top:6px;}
		.comment-number a:hover {color:#fff;}
	.comment-number:hover {background-position:-25px 0;}

#postmeta {font-size:9px;margin-top:10px;color:#909090;cursor:default;}
	#postmeta a {color:#909090;}

a {color:#777;text-decoration:none;}

	a:hover {color:#888;}

.entry p {margin-bottom:10px;}

p {font-size:12px;line-height:1.5;}

	p a {text-decoration:none;font-weight:bold;}
		p a:hover {border:none;text-decoration:underline;}

em {font-style:italic;}
strong {font-weight:bold;}

h1 {font-size:64px;font-weight:bold;}

h2 {font-size:36px;font-weight:bold;padding-bottom:15px;border-bottom:1px solid #888;margin-bottom:15px;}

	h2 a {border:none;}
	
	h2.cat {margin-top:15px;font-size:18px;margin-bottom:5px;}
	
h3 {font-size:11px;color:#fafafa;margin-bottom:5px;font-weight:bold;}

h6 {font-size:11px;}

ul.archives {font-size:15px;font-weight:bold;}
	ul.archives li {list-style-type:none;margin-bottom:5px;}
	ul.archives li a {}

/* page navigation */

.navigation {clear:both;margin:15px 0 0 0;padding-top:5px;}
	.navigation a {background-color:#444;color:#fafafa;text-decoration:none;font-weight:bold;font-size:13px;padding:4px 7px;display:block;float:left;width:298px;}
	.navigation span a {text-align:right;}
	.navigation a:hover {background-color:#555;}

.navigation span {float:right;}

.nav-previous {float:right;}
	
/* info panel */

.info-panel {float:right;font-size:18px;}

#info {color:#fafafa;position:absolute;top:0;right:0;text-align:right;}
	#info p {font-weight:bold;font-size:11px;line-height:1.3;}