/* 
Theme Name: whiteboard
Theme URL: http://whiteboard.plainbeta.com/
Description: A blank theme for you to draw on.
Author: Brian Purkiss
Author URI: http://brianpurkiss.com
Version: 2.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/         */

/* 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 {
font-size: 18px;
font-family: Helvetica, Arial, sans-serif;
color: #000;
font-weight: 600;
line-height: 26px;
}

#container{}
#text {
float: left;
margin: 22px 0 0 50px;
width: 800px;
height: auto;
}

#text p {
font-size: 18px;
font-family: Helvetica, Arial, sans-serif;
color: #000;
font-weight: 600;
line-height: 26px;
margin: 0 0 18px 0;
}

#text p .highlight { background: #99ffcc; }
#text p .highlightyellow { background: #ffff99; }
#text p .highlighttwitter { color: #40b2e2; }

#text p a {
background: #f6f6f6;
color: #626262;
text-decoration: none;
outline: none;
border-bottom: 1px solid #cccccc;
}

#text p a:hover {
border-bottom: 1px solid #999999;
}

#text p a.follow { 
color: #8bd0ed; 
background: #d6ecf5; 
border-bottom: 1px solid #8bd0ed;
}
#text p a.follow:hover {
color: #40b2e2;
border-bottom: 1px solid #40b2e2;
}

/************************************************
 Social contacts icons
************************************************/
#social_container {
width: 16px;
height: 300px;
background: #fff;
float: left;
margin: 26px 10px 0px 10px;
position: fixed;
}

#social_container a {
display: block;
width: 16px;
height: 16px;
margin: 0px 0px 10px 0px;
outline: none;
text-indent: -90000px;
}

a.facebook { background: url(images/social_icns.jpg) no-repeat 0px 0px; }
a.facebook:hover {background: url(images/social_icns.jpg) no-repeat 0px -16px;}

a.twitter {background: url(images/social_icns.jpg) no-repeat 0px -32px;}
a.twitter:hover {background: url(images/social_icns.jpg) no-repeat 0px -48px;}

a.vimeo {background: url(images/social_icns.jpg) no-repeat 0px -64px;}
a.vimeo:hover {background: url(images/social_icns.jpg) no-repeat 0px -80px;}

a.linkedin {background: url(images/social_icns.jpg) no-repeat 0px -96px;}
a.linkedin:hover {background: url(images/social_icns.jpg) no-repeat 0px -112px;}

a.flickr {background: url(images/social_icns.jpg) no-repeat 0px -128px;}
a.flickr:hover {background: url(images/social_icns.jpg) no-repeat 0px -144px;}

a.lastfm {background: url(images/social_icns.jpg) no-repeat 0px -160px;}
a.lastfm:hover {background: url(images/social_icns.jpg) no-repeat 0px -176px;}

a.delicious {background: url(images/social_icns.jpg) no-repeat 0px -192px;}
a.delicious:hover {background: url(images/social_icns.jpg) no-repeat 0px -208px;}

a.mail {background: url(images/social_icns.jpg) no-repeat center bottom;}


h2.error {
line-height: 26px;
margin: 0;
padding: 0 4px 0 4px;
font-size: 18px;
background: #f29a79;
color: #fff;
border-bottom: 1px solid #ea6645;
display: inline;
}

.post{}
.postmeta{}
.postnavigation{}
#searchform{}
#sidebar{}
#comments
.comments_navigation{}
.comments_navigation{}
.comments_reply{}
.comments_text{}
.comments_meta{}