/* 
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:url(images/bodybg.png) repeat-x #000000;
font-family:Arial, Helvetica, sans-serif;
 font-size:.9em}

#container{
width:970px;
margin:6px auto
}


#topTitle { background:url(images/header.png) no-repeat; width:100%; height:85px;
}

#topTitle ul { padding-left:350px; padding-top:50px; }

#topTitle li {float:left; list-style:none; margin-right:40px; font-size:1.1em	
}


#topTitle li a {color:#000000;
 font-weight:bold;
 text-decoration:none
 }
 
 
#topTitle  li a:hover {color: #000099    }
.post{}

#frontSplash{
position:relative;
background: url(images/topbg.png) repeat-x;

width:970px;
height:396px;
margin-top:10px

}


img.first , img.second, img.third{position: absolute;top:20px;
left:20px;}

.loginimage {background:#333333}

#splashContainer {
position:relative;
top:21px;
left:23px;
}
.splashLink { float:left;
background: url(images/blue80.png);
clear:both;
color:#FFFFFF;

margin-top:2px;
width:278px;
height:114px;
}
.splashLink h2 { font-weight:bold; margin:5px; font-size:1.1em}
.splashLink p {font-size:0.9em;
 margin:5px;}



#frontContent {
background: url(images/contentback.png) repeat-x #CCCCCC;
margin-top:20px;
padding-bottom: 20px
}
#post {
margin-top:20px;
margin-left:20px;

background-color:#FFFFFF;
width:612px;

border:1px solid #012148;
float:left

}
#frontPost { 
margin-top:20px;
margin-left:20px;

background-color:#FFFFFF;
width:612px;
height:200px;
border:1px solid #012148;
float:left
}

.bloginfo{font-size:1.4em;font-weight:bold  ;padding-top:12px;padding-left: 24px; color:#000000}
#post h1 {font-size:1.4em;font-weight:bold ;color:#012148;margin:12px;}
#post h2 {font-size:1.3em;font-weight:bold ;color:#012148;margin:12px;}
#post h3 {font-size:1.1em;font-weight:bold ;color:#012148;margin:12px;}


 a {color:#012148; text-decoration:none; font-weight:bold }
 a:hover {color: #0000CC }
#frontPost p, #post p {
margin:12px;
line-height:160%

}

#frontPost li, #post li {
margin-left:26px;
line-height:160%

}

.frontWidgetBox {
width:295px;
float:left;
height:200px;
background-color:#FFFFFF;
border:1px solid #012148;
margin-top:20px;
margin-left:20px;

}

#meettheteam {
background-image:url(images/gavinfoster.jpg);
background-repeat:no-repeat;
width:295px; height:172px;}

#satcoverage {
background-image:url(images/satcoverage.jpg);
background-repeat:no-repeat;
width:295px; height:172px;
}

.frontWidgetBox h2 {
background-color:#012148;
font-family:Arial, Helvetica, sans-serif;
 color:#FFFFFF;
 font-weight:bold;
 padding:6px;
}

.frontWidgetBox h2 a{
color:#FFFFFF}

.frontWidgetBox  p{
margin:12px;
line-height:140%;
}


.frontWidgetBox ul {line-height:140%;
margin-top:12px;}
.frontWidgetBox li {

margin-left:24px;


}
.frontWidgetBox ul li ul  {
margin-top:0px;}

.frontWidgetBox li ul li ul li {

margin-left:0px;


}

.postmeta{}
.postnavigation{}
#searchform{}
#sidebar{ float:right; width:335px;}
#comments
.comments_navigation{}
.comments_navigation{}
.comments_reply{}
.comments_text{}
.comments_meta{}



.moreLink, .more { width: auto;height:38px;  background-image:url(images/moreleft.png); background-repeat:no-repeat; float:right; padding-left:20px; margin:12px;
}

.moreLink a, .more a { background-image:url(images/moreright.png); background-position:right; background-repeat: no-repeat; height:38px;display:block; color:#FFFFFF; text-decoration: none; line-height:38px;padding-right:40px; }

.morelink a:hover {background-image:url(images/morerightover.png) ;background-position:right; background-repeat: no-repeat;color:#FFcc00; height:38px;display:block}

.bottomwidget {width:242px; float:left;
 margin-top:20px; color:#FFFFFF;font-size:.9em}
 
 .bottomwidget li {list-style:none}
.bottomwidget a {color:#FFFFFF; text-decoration:none}

.bottomwidget a:hover  {color: #F0F0FF  }
.bottomwidget li a {
color:#FFFFFF;
text-decoration:none;
line-height:160%;


}
/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */


/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */

strong {font-weight:bold}
.clearboth {
clear:both;
}


.dsfaq_qa_block{ border-top: 1px solid #aaaaaa; margin-top: 20px; }
.dsfaq_ol_quest{ }
.dsfaq_ol_quest li{ }
.dsfaq_ol_quest li a{ }
.dsfaq_quest_title{ font-weight: bold; }
.dsfaq_quest{ }
.dsfaq_answer_title{ font-weight: bold; }
.dsfaq_answer{  padding:12px; line-height:140% }
.dsfaq_tools{ text-align: right; font-size: smaller; }
.dsfaq_copyright{ display: block; text-align: right; font-size: smaller; }

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}