@import url('http://www.very-pc.co.uk/css/style.css');


/* 
Theme Name: whiteboard
Theme URL: http://plainbeta.com/2008/05/20/whiteboard-a-free-wordpress-theme-framework/
Description: A blank theme for you to draw on.
Author: Brian Purkiss
Author URI: http://brianpurkiss.com
Version: 1.0.4

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

#container{}
#post{ margin-top: 15px; margin-left: 200px;}
#postmeta{margin-top: 10px; margin-bottom: 20px;}
#postnavigation{}
#searchform{width: 50px;}
#sidebar{ height: auto; margin-bottom: 10px; float: left; visibility: visible; display: block; width: 220px;}
div#sidebar ul{ list-style-type: none; }



.breadcrumb{margin-bottom: 10px;}

input#s{ margin-left: 3px; width: 150px; }

textarea#s4{ width: 600px; }

.feed {
  margin-left: 3px;
  padding: 0 0 0 19px;
  background: url("images/feed-icon-14x14.png") no-repeat 0 50%;
}

.tag {
  margin-left: 3px;
  padding: 0 0 0 19px;
  background: url(images/tag_green.png) no-repeat 0 50%;
}

.comment {
  margin-left: 3px;
  padding: 0 0 0 19px;
  background: url(images/comment.png) no-repeat 0 50%;
}

.edit {
  margin-left: 3px;
  padding: 0 0 0 19px;
  background: url(images/pencil.png) no-repeat 0 50%;
}

.category {
  margin-left: 3px;
  padding: 0 0 0 19px;
  background: url(images/book_open.png) no-repeat 0 50%;
}

.writtenon {
	font-size: 11px;
	font-style: italic;
	color: #7f7f7f;
}

.share {
	margin-top: 5px;
}

logo2 {
	height: 50px;
	width: 270px;
}


/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

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

.rightblock{
float: right;
border-left-color: #cccccc;
border-left-style: dotted;
border-bottom-style: none;
border-right-style: none;
border-top-style: none;
border-left-width: 1px;
min-height: 400px;
display: block;
height: 100%;
width: 50%;

}

.leftblock{
float: left;
padding-right: 10px;
margin-right: 10px;
border-right-style: dotted;
border-right-color: #cccccc;
border-right-width: 1px;
min-height: 400px;
display: block;
height: 100%;
width: 49%;

}

.macaddress{
	margin-bottom: 10px;
	margin-top: 10px;
	display: block;
	font-size: 14px;
	margin-left: 0px;
	padding: 10px;
	height: auto;
	width: 350px;
	border-color: #e6e6e6;
	border-style: dotted;
	border-width: 1px;
}

.macaddress dt {
	padding-right: 10px;
	text-align: right;
	font-style: italic;
	font-weight: bold;
}

.downloads{
	margin: 0px;
	background-color: #f9fee9;
	padding: 10px;
	height: auto;
	width: 200px;
	border-color: #567223;
	border-style: solid;
	border-width: 1px;
}

.downloads h3 {
	border-bottom-color: #698b2b;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	margin-bottom: 10px;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
}

.downloads ul {
	font-size: 13px;
	border-bottom-width: 1px;
	list-style-type: none;
}

.downloads li {
	border-bottom-color: #b3b3b3;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}

dt {
float: left;
width: 90px;
}

dd {
margin-left: 90px;
}

.content_block_left {
	display: block;
	clear: left;
	margin-right: 10px;
	float: left;
	height: 200px;
	width: 470px;
}

.content_block_right {
	display: block;
	clear: right;
	margin-left: 10px;
	float: right;
	height: 200px;
	width: 470px;
}

.content_block {
	display: block;
	margin-top: 10px;
	margin-bottom: 20px;
	width: 960px;
}

.ddsg-wrapper li {
	font-size: 14px;
}


ul#main-nav{
width:auto;
}


ul#main-nav li a{
font-weight: bold;
}

ul#main-nav ul a{
font-weight: normal;
}

ul#main-nav ul a {
width: 175px;
display: block;
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #CCCCCC;
border-collapse:collapse;
padding:5px 0 5px 5px;
}


#category-menu h2 {
	margin-bottom: 5px;
	margin-top: 15px;
}

#category-menu li {
}.widgettitle {
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	border-bottom-width: 2px;
	border-bottom-style: none;
	border-top-width: 2px;
	border-top-style: none;
}

.widgettitle a {
	font-size: 16px;
	color: black;
}

.widgettitle h2 {
	font-size: 14px;
}

#category-menu ul li ul {
	margin-left: 10px;
}

#smallslide {
	height: 277px;
	width: 760px;
}


.slidecontentwrapper_small {
height:277px;
overflow:hidden;
position:relative;
width:760px;
}

.slidecontenttoggler_small {
margin-top:6px;
position:absolute;
text-align:right;
width:760px;
z-index:750;
}


.slidecontent {
background:white none repeat scroll 0 0;
position:absolute;
visibility:hidden;
width:760px;
height:277px;
}



	/* 'widths' sub menu */
	#layoutdims {
		clear:both;
		background:#eee;
		border-top:4px solid #000;
		margin:0;
		padding:6px 15px !important;
		text-align:right;
	}
	/* column container */
	.colmask {
		clear:both;
		float:left;
		width:100%;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;
		position:relative;
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:0 0 1em 0;
		overflow:hidden;
	}
	/* 2 Column (double page) settings */
	.doublepage {		/* right column background colour */		                                    
	}
	.doublepage .colleft {goo
		right:50%;			/* right column width */
		background:#fff;		/* left column background colour */
	}
	.doublepage .col1 {
		margin-left: -15px;
		padding-right: 20px;
		border-right-color: #cccccc;
		border-right-style: dotted;
		border-right-width: 1px;
		width: 46%;			/* left column content width (column width minus left and right padding) */
		left:52%;			/* right column width plus left column left padding */
	}
	.doublepage .col2 {
		margin-left: -10px;
		width: 50%;			/* right column content width (column width minus left and right padding) */
		left: 56%;			/* (right column width) plus (left column left and right padding) plus (right column left padding) */
	}
	ul#contentlist {
		padding-bottom: 20px;
		list-style-type: disc;
	}
	ul#contentlist li {
		margin-left: 20px;
		left: 20px;
	}
	.addtoany_share_save_container {
		clear: left;
	}
	div.home-block.left {
		clear: left;
	}
	div.home-block.right {
		clear: right;
	}
	
	
	
	/*OVERRIDES*/
	
	a {
		color: #126280; }
		
	a:hover {
		color: #f1582a; }
	
	div#masthead {
		border-bottom: none; }
		
	img#logo {
		float: none; }
		
	div#nav-wrapper {
		position: absolute;
		left: 0;
		width: 100%;
		background: #126280 url(images/nav-background.png) repeat-x; }
		
	ul#main-nav {
		margin: 0 auto;
		width: 960px; }
	
	ul#main-nav li {
		width: auto; }
		
	ul#main-nav > li {
		border-right: 2px solid #fff; }
			
	ul#main-nav > li:first-child {
		border-left: 2px solid #fff; }
		
	ul#main-nav li a {
		border-bottom: none;
		color: #fff;
		display: block;
		font-weight: bold;
		font-size: 16px;
		padding: 8px 0 12px 0;
		text-align: center;
		width: 180px; }	
		
	ul#main-nav li ul {
		margin: 0 0 0 -2px;
		width: 180px;
		-moz-box-shadow: 8px 5px 5px rgba(0, 0, 0, .5);
		-webkit-box-shadow: 8px 5px 5px rgba(0, 0, 0, .5); }

	
	ul#main-nav li a:hover {
		background: #F1582A url(images/nav-background-hover.png) repeat-x;
		border-bottom: 0; }
		
	ul#main-nav ul li a {
		background: #126280 url(images/nav-background.png) repeat-x; }
		
	ul#main-nav ul li a, ul#main-nav ul li a:hover {
		border-top: 1px solid #fff;
		border-right: 2px solid #fff;
		border-bottom: 1px solid #fff;
		border-left: 2px solid #fff; } 
		
	div#footer {
		background: #126280; }
		
		
	div#content ol#controls {
		height: 20px;
		margin: 5px 0 18px 0;
		padding: 0;
		position: absolute;
		right: 0;
		top: 0; }
	
	ol#controls li a {
		background: #F1582A;
		color: #126280; }
	
	ol#controls li a img {
		border: none; }
	
	ol#controls li a:hover {
		background: #126280;
		color: #fff; }
	
	ol#controls li.current a {
		background: #F1822A;
		color: #fff; }	
		
		p#breadcrumb {
			margin-top: 50px; }