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

html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
 background-color: #161616;
 background-image: url(images/bodybg.png);
 background-repeat:repeat-x;
 font-family:"Lucida Sans Unicode","Lucida Grande","Lucida Sans",Lucida,sans-serif;
 color:#FFFFFF;
 font-size:11pt;

 line-height: 160%;
 
} 

a {
color: #ffffff;
text-decoration:none

}
wpsc_category_details h2:hover,
a:hover {
color:#3399ff
}


ul#nav {
position:relative; top:20px;left:4px;
background:url(images/navbackground.png) no-repeat;
width: 670px;
height:80px;padding-left:15px;

}

#nav li {

float:left;
display:block;
width:160px;
font-family: Arial, Helvetica, sans-serif ;
font-size:14px;
letter-spacing: 2px;
color:#FFFFFF;
text-transform:uppercase;

line-height:80px;

}





#nav li a {margin: 0 auto; text-align:center;
 display:block;
 background:url(images/navback.png);
width:160px;
height:80px;
}

#nav li a:hover {  background:url(images/navbackover.png);
}

#strapline li  {

float:left;
display:block;
width:160px;
height:40px; 
line-height:40px;
padding-right:8px;
font-family: Arial, Helvetica, sans-serif;  
font-size:12px;
color:#FFFFFF;
letter-spacing:3px;
text-transform:uppercase;
text-align: center;

}

#strapline li a {

float:left;
display:block;
width:160px;
height:40px; 
line-height:40px;
padding-right:6px;
font-family: Arial, Helvetica, sans-serif;  
font-size:12px;
color:#FFFFFF;
letter-spacing:3px;
text-transform:uppercase;
text-align: center;
background:url(images/subnavback.png) no-repeat
}

#strapline li a:hover {

float:left;
display:block;
width:160px;
height:40px; 
line-height:40px;
padding-right:6px;
font-family: Arial, Helvetica, sans-serif;  
font-size:12px;
color: #3399ff;
letter-spacing:3px;
text-transform:uppercase;
text-align: center;
background: url(images/subnavbackover.png) no-repeat
}


#strapline{
margin-left:8px;
margin-top:70px;
clear:left;
 height:30px; 
   width:100%;
color:#FFFFFF;

text-align: left
} 
#container{
 width:970px; margin: 0 auto;
 text-align:center;
}

#contentWrapper {
width:970px;}


 #content { float: left; 
 display:inline; 
 text-align:left;

 width:620px; }
 
 .pageback {background:url('http://www.cjs-services.co.uk/wp-content/themes/whiteboard 2.0.1/images/prodback.png') repeat-y
}

 #post p, #content p,  .post p, .pageback p{ 
 font-family:"Lucida Sans Unicode","Lucida Grande","Lucida Sans",Lucida,sans-serif;
 color:#FFFFFF;
   margin-left: 18px ;
 margin-right:20px;
 font-size:11pt;
 margin-top:20px}
 
 #post h1,  .post h1, #content h1, .pageback h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
 color: #ffffff;;
   margin-left: 18px ;
 padding-top:14px; margin-bottom:14px;
 font-size:18px;
 line-height:18px;
 text-transform:uppercase;
 letter-spacing: 3px;
 }
 
 
  #post h2,  .post h2, #content h2, .pageback h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
 color: #ffffff;;
 padding-top:14px;
  font-size:16px; margin-bottom:14px;
   margin-left: 18px ;
 line-height:16px;
 text-transform:uppercase;
  letter-spacing: 3px;
 }
 
   #post h3,  .post h3, #content h3, .pageback h3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
 color: #ffffff;;
 padding-top:14px;
  font-size:14px; 
  margin-bottom:14px;
   margin-left: 18px ;
 line-height:14px;
 text-transform:uppercase;
  letter-spacing: 3px;
 }
 
 
 #post ul,  .post ul,  #content ul { 
margin-left: 24px; }
 
   #post li,  .post li,  #content li {
 font-family:"Lucida Sans Unicode","Lucida Grande","Lucida Sans",Lucida,sans-serif;
 color:#FFFFFF;
line-height:160%;
list-style: none;
list-style-image:url(images/knob.png);

/*background-image: url(../grafx/knob.png);
background-repeat: no-repeat;
background-position: 0 .5em;*/
 margin-top:14px;
margin-left: 24px;
padding-left: 24px;

 }
 
 
 
h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
 color: #ffffff;;
 padding-top:14px;
  font-size:16px;
  line-height:16px;
  text-transform:uppercase;
  letter-spacing:3px; margin-bottom:14px;
 }
.postmeta{}
.postnavigation{}
#searchform{}
#sidebar{
text-align:left;
 width:330px; 
 float:right; 
/*margin-top:6px;*/

 
 }
 
 .widget  {
 background:url(images/widgetback.png) repeat-y;
 padding-left:20px;

 }
 
 
 .widget h2, .widget ul, .widget p, .widget img{ }
 
 

 #sidebar li {list-style:none}
 #footer {
 
 border-top:3px solid #0099ff;
clear:both;
height:50px;
margin-top:6px;
}

#subfooter {

width:970px;
margin:0 auto
}


#footer p {text-align:right;
 font-size:.9em}
 
 
 .leftfoot {
 margin-top:10px; float:left;
 list-style: none;
 font-size:.85em;
 text-align:left;
  margin-left:18px;
  
 }
 
 
  .rightfoot {float:right; margin-top:10px;
 list-style: none;
 font-size:.85em;
 text-align:right;
 margin-right:18px;
 }
 
#comments
.comments_navigation{}
.comments_navigation{}
.comments_reply{}
.comments_text{}
.comments_meta{}

/**
  theme requirements as per 
  http://codex.wordpress.org/CSS
*/
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;

}

.alignright {
   float: right;
   margin-left:12px;
   padding-right:18px;	

}


.alignnone  {


}


strong {font-weight:bold}

.cform {
font-size:.9em;
}

.cform label {
display:block;
width:400px;
}

.linklove {font-size:.8em}
.prodBottom {
background-image:url('http://www.cjs-services.co.uk/wp-content/themes/whiteboard 2.0.1/images/prodbackbottom.png'); 
background-repeat:no-repeat; 
width:622px; height:19px;margin:0 padding:0; background-position:top
}

.wpsc_description p {
margin-right:28px

}

a:hover.wpsc_category_link h2  {color:ffcc00}
/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #1F1F1F;
	padding-top: 4px;
	margin: 10px;
	margin-left:24px;
	-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 */