/* 
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: "" "";}


.clear{margin:0;padding:0;}



/*
Here is a list of all the <DIV>s in Whiteboard.
*/
#contentpage{
color: white;
width: 520px;

}
.contactform{
margin: 30px auto;
width: 330px;
}

#content{
height: auto;
width:860px;
}
#container{
margin: 90px auto;
width: 860px;
height: auto;
min-height: 480px;
}


.textwrapper{
width: 900px;
height: auto;

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



body {
background-image: url(images/bg.png);
background-position: top center;
background-repeat: no-repeat;
color: #ffffff;
font-size: 13px;
background-color: #1b1d1f;

}

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

a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	
}



img {
margin-bottom: 30px;
}

h1 {
font-size: 31px;
}
h3 {
font-size: 16px;
}
h2 {
font-size: 14px;
color: #aaaaaa;
}
h4 {
font-size: 22px;
}
#box{
background-image: url(images/boxbg.png);
width: 565px;
padding: 10px;
margin-top: 20px;
}

#left{
margin-top:10px;
float: left;
width: 320px;
margin-right: 110px;


}
#right{
margin-top: 10px;
float: left;
width: 400px;
}

li {
background:url(images/bullet.png) center left no-repeat;
padding-left: 20px;
list-style: none;
padding-bottom: 6px;
padding-top: 6px;
border-bottom:dashed 1px  #3d3c3a;
font-size: 12px;

}

ul{
border-top: dashed  1px #3d3c3a;
margin-top: 16px;

}
#mail{ 
background-image: url(images/mail.png);
background-repeat: no-repeat;
background-position: left center;
padding-left: 40px;
height: 27px;
margin-top: 16px;
margin-bottom: 4px;
float: left;
width: 400px;
}

#skype{ 
background-image: url(images/skype.png);
background-repeat: no-repeat;
background-position: left center;
padding-left: 40px;
height: 27px;
margin-bottom: 6px;
float: left;
width: 400px;
}

#phone{ 
background-image: url(images/ph.png);
background-repeat: no-repeat;
background-position: left center;
padding-left: 40px;
height: 27px;
float: left;
width: 400px;
}
#twitter{ 
background-image: url(images/twitter.png);
background-repeat: no-repeat;
background-position: left center;
padding-left: 40px;
height: 27px;
float: left;
width: 400px;
margin-top: 7px;
}
.text{
padding-top: 7px;

}

.test{
width: 860px;
margin: 0px auto;
padding: 0px;
}


.post{
float: left;
width: 410px;

}