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

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/         */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, del, dfn, em, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;}caption, th, td {text-align:left;font-weight:normal;}table {border-collapse:separate;border-spacing:0;}blockquote:before,blockquote:after,q:before,q:after {content: "";}blockquote, q {quotes: "" "";}
{margin:0;padding:0;}


/*
Here is a list of all the <DIV>s in Whiteboard.
*/

body {
        background: #1a1a1a /* #862334 */;
        font-family: "Georgia";
        font-size: 12px;
}

#container {
        background: url(images/pagebg2.gif) repeat-y;
        width: 740px;
        margin: auto;
}

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

a:hover {
        text-decoration: underline;
}

/* ---------- HEADER/NAVIGATION ----------*/

#header {
        background: url(images/header4.png);
        width: 740px;
        height: 300px;
}

#twitter_div {
	position: relative;
	/* top: 40px; */
        top: 48px;
	left: 127px;
        width: 275px;
        height: 97px;
        text-align: justify;
}

ul#twitter_update_list {
	list-style: none;
}

ul#twitter_update_list li span a {
	display: inline;
}

/*
#secret {
        width: 43px;
        height: 43px;
        position: relative;
        left: 506px;
        top: 105px;
}

#secret a {
        display: block;
        width: 43px;
        height: 43px;
}
*/

#navbar {
        background: url(images/navbar.png);
        width: 740px;
        height: 70px;
}

#navbar ul {
	float: left;
}
		
#navbar ul li {
	float: left;
	list-style-image: none;
	list-style-type: none; 
}
	
#navbar ul li a {
	display: block;
	float: left;
	padding: 23px 10px 23px 10px;
	color: #FFFFFF;
	font-size: 20px;
	border: 0;
        text-decoration: none;
}
	
#navbar ul li a:hover {
	background: #00c300;
	text-decoration: none;
}

/* ---------- COLUMN WRAPPER ---------- */

#main {
        width: 740px;
        overflow: hidden;
}

/* ---------- CONTENT ---------- */

#content {
        width: 500px;
        padding: 10px 10px 10px 10px;
        float: left;
        display: inline;
}

#content .posthead {
        line-height: 1.5em;
        font-size: 11px;
}

#content .posthead .info {
        font-style: italic;
        color: #737373;
}

#content .post {
        text-align: justify;
        line-height: 1.7em;
}

#content .post p {
        margin-bottom: 8px;
}

#content .postmeta {
        border-bottom: 1px solid #009900;
}

#content ul {
        padding-left: 25px;
}

#content ol {
        padding-left: 25px;
}

#content .postnavigation{}

#searchform {}

/* ---------- SIDEBAR ---------- */

#sidebar {
        float: right;
        width: 210px;
        margin-top: 12px;
        margin-left: 10px;
        padding-bottom: 10px;
}

#sidebar ul ul {
        margin-left: 10px;
        padding-top: 5px;
        padding-bottom: 10px;
}

#sidebar ul ul li:before {
	content: "\00BB \0020";
}

#sidebar ul li {
        list-style-image: none;
        list-style-type: none;
}

#sidebar ul li ul li {
        list-style-image: none;
        list-style-type: none;
}

/* ---------- COMMENTS ----------- */

#comments {
        width: 460px;
        background: #f0f0f0;
        padding: 10px 10px 10px 30px;
}

.comments_navigation{}
.comments_navigation{}
.comments_reply {}
.comments_text{}
.comments_meta{}

.author {
        background: #e0e0e0;
        padding: 5px 10px 5px 10px;
}

.author .comment_text p {
        color: #009900;
}

/* ---------- FOOTER ---------- */

#footer {
        width: 740px;
        height: 60px;
        background: #009900;
        color: #FFFFFF;
        text-align: center;
}

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

#footer a:hover {
        text-decoration: underline;
}

#scrolltotop {
        float: right;
        padding: 0px 5px 0px 0px;
}

/* ---------- MISCELLANEOUS ---------- */

h2 {
        color: #009900;
        font-size: 16px;
        font-weight: bold;
}

h2 a {
        color: #009900;
        text-decoration: none;
}

h2 a:hover {
        color: #00c300;
        text-decoration: none;
}

blockquote {
        margin: 15px 30px 0 10px;
        padding-left: 20px;
        border-left: 2px solid #009900;
        color: #000000;
}

.search-form input {
        width: 198px;
        margin: 0px 0px 10px 0px;
        color: #009900;
        border: 1px solid #009900;
        font-family: "Georgia";
}

strong {
        font-weight: bold;
}

em {
        font-style: italic;
}