/* 
==============================================================================
Created for:	voltbox Hosting.
Date: 			June '06.
Created by: 	studio H2V.
				www.studioh2v.com
==============================================================================
*/




/************ default styles **************/

* {padding: 0; margin: 0;}
	
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address {margin: 1em 0;}

li, dd {
	margin-left: 5%;
	}

fieldset {
	padding: .5em;
	}

select option{ 
	padding: 0 5px;
	}

.hide, .print-logo, .close-button {display: none;}
.left {float: left;}
.right {float: right;}
.clear {clear: both; height: 0px; font-size: 0px; line-height: 0px;}

a img {
	border: none;
	}



/************ layout **************/

body{
	background: #000;
	color: #bfbfbf;
	font-size: 11px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
	}

/* This class sets the width and position for all rows */
.inside {
	width: 80%;
	min-width: 65em;
	max-width: 85em;
	margin: 0 auto;
	}

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

h1	{ 
	color: #9c0;
	font-size: 1.75em;
	font-weight: normal;
	margin: 1.5em 0;
	}

h2, h3 {
	font-size: 1.15em;
	color: #fff;
	font-weight: normal;
	}
	
#primary h2 {
	color: #9c0;
	}

p	{	
	line-height: 1.75em;
	font-weight: normal;
	color: #aaa;
	}

ul li {
	list-style-type: square;
	margin: 0.5em 0 0.5em 2em;
	}

blockquote {
	color: #555;
	font-size: 1.1em;
	padding-left: 1em;
	border-left: 2px solid #9C0;
	}



/************ header and styles **************/

#header {
	background: #000;
	}
	
#header .inside {
	padding: 30px 0 0 0;
	}

#header h2 { 
	font-size: 2.25em;
	margin: 0 0.5em 0 0;
	padding: 0 0.3em 0 0;
	border-right: 1px solid #808080;
	float: left;
	}
	
#header h2 a {
	text-decoration: none; 
	background: url("../images/logo.jpg") no-repeat left top;
	text-indent: -9999px; 
	display: block; 
	width: 225px; 
	height: 30px;
	border: 0; 
	}

#header p {
	padding: 1em 0;
	margin: 0;
	line-height: 1em;
	}



/************ navigation and utilitiy items **************/

#utils {
	border-bottom: 2px solid #9C0;
	}
	
#menu {
	height: 30px;
	background: #000;
	padding-top: 45px; _padding-top: 15px;						/*------ IE6 fix ------*/
	}
	
a.nav  {color: #2848bf; font-size: 1.2em; text-decoration: none; background: #eee url("../images/menuBase.jpg") repeat-x left top; display: block; margin: 0; padding: 7px 10px 6px; float: right; border-right: 1px solid #fff; border-bottom: 0 none; border-left: 1px solid #fff }
	
a.nav:hover {color: #fff; background: #2848bf url("../images/menuHover.jpg") repeat-x left top }

p.flavour{
	border-top: 1px solid #333;
	padding: 12px 0 0 0;
	}
	
#lime {background: url("../images/lime.jpg") no-repeat center; 
	text-indent: -9999px; 
	display: block; 
	margin: 3px 10px 0 0; 
	width: 13px; 
	height: 13px; 
	float: left 
	}


	
/************ search **************/

#blockSearch {
	position: relative;
	float: left;
	left: 0px;
	top: 25px; _top: 28px;										/*------ IE6 fix ------*/
	}

#search{
	position: absolute;
	width: 200px;
	margin: -0.8em 0 0 -12.2em;
	text-align: right;
	}
	
.faint {color: #888; font-size: 0.9em; word-spacing: 0.0em;}

#searching {
	background: url("../images/search.gif") no-repeat; 
	position: absolute; 
	top: 4px; 
	width: 14px; 
	height: 13px; 
	float: left; 
	margin-left: 12.4em;
	_position: absolute; 										/*------ IE6 fix ------*/
	_width: 16px; 												/*------ IE6 fix ------*/ 
	_margin-left: -2em;											/*------ IE6 fix ------*/ 
	}
	
#search input{ 
	width: 175px; 
	font-size: 1em; 
	background: #CCC;
	margin-top: 2px;
	}
	
#search input:focus {
	background: #fff;
	}

#searchform{
	margin: 1em 0;
	}

#searchform #s {
	background: #222;
	border: none;
	border-bottom: 1px solid #333;
	width: 30em;
	color: #666;
	padding: 0.25em;
	}

#searchform #searchsubmit {
	background: #000;
	color: #666;
	border: none;
	font-size: 0.9em;
	text-transform: uppercase;
	letter-spacing: 0.25em;
	}



/************ login form *******************/	  


form {width: 335px;}

.col1 {
	text-align: right; 
	margin: 0 2px 0 0; 
	width: 135px; 
	height: 31px; 
	float: left; 
	}

.col2 { 
	display: block; 
	margin: 0; 
	width: 195px; 
	height: 31px; 
	float: left;
	}

div.row {
	clear: both;
	width: 335px;
	}

.input {
	background-color: #333;
	font: 11px/14px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #fff;
	margin: 4px 0 5px 8px;
	padding: 1px;
	border: 1px solid #8595B2;
	}
	
.submit1 {margin-left: 145px;}
.submit2 {margin-left: 145px; padding-top: 95px;}

	
/************ primary items **************/

#primary  { color: #000; background: #fff url("../images/banner3.jpg") no-repeat left center; text-align: justify; padding: 2em 0; height: 50px; border-top: 1px solid #666;}

#primary.onecol-stories .primary {
	float: left;
	width: 50%;
	}
	
#primary.onecol-stories .secondary {
	float: right;
	width: 40%;
	margin: 0 0 0 10%;
	}

#primary.twoColBoxes .story  { background: url("../images/bg_trans.png") left top; display: inline; margin: 0 0 0 4%; padding: 10px; width: 50%; float: left }
	
* html #primary.twoColBoxes .story {
	margin-left:2%;
	}
	
#primary.twoColBoxes .first, * html #primary.twoColBoxes .first {
	margin: 0 0 0 48%;
	}
	
.story a {color: #9C0;}
.story a:hover {color: #000;}
.story h3 {font-size: 1.75em; margin: 0; font-weight: normal; border-top: 3px solid #9C0; padding-top: 10px; color: #ccc;}
.story h3 a {color:#9C0; text-decoration:none;}	/*border-bottom:1px dotted #666;*/
.story .details {margin: 5px 0 1.5em 0; text-align: left; border-bottom: 1px solid #9C0; padding: 0 0 10px 0; font-size: 0.95em; color: #666;}
.story .read-on a {display: block; text-align: right; text-decoration: none; margin-bottom: 1.5em;}
.story .details a {color: #9c0; text-decoration: none;}
.story .details a:hover{ color: #000;}



/************ aux items and main content **************/

.ancillary  { background: #000 url("../images/fadeBar.jpg") repeat-x left top; padding: 2.5em 0 2em; border-top: 1px solid #666;}
.ancillary .block {float: left; width: 30%; margin: 0 0 0 5%;}
.ancillary .blockFirst {float: left; width: 62%; margin: 0 0 0 3%;  _margin: 0 0 0 1%;}			/*------ IE6 fix ------*/
.ancillary .blockFirst a {color: #777;}
.ancillary .blockFirst a:hover {color: #fff;}

.ancillary .blockFirst .light {color: #888;}
.ancillary .blockFirst .bright {color: #ddd;}
.ancillary .blockFirst .arrow {color: #333;}

* html .ancillary .block {
	margin-left: 3.9%;
	}
	
.ancillary .twice-length {width: 65%;}
.ancillary .thrice-length {width: 100%;}
.ancillary .first, * html .ancillary .first {clear: both; margin: 0;}
.ancillary .block-separator {clear: both; height: 2.5em;}
.ancillary .block p, .ancillary .first p,  .ancillary .blockFirst p {margin: 0; padding: 0; font-size: 1.1em;}
.ancillary .block h2, .ancillary .blockFirst h2, .ancillary .block h3 {margin: 0 0 2em 0; font-size: 1.75em; border-bottom: 1px solid #2848bf;}
ul.dates, ul.counts, ul.blogroll ul, ul.pages, .ancillary .block ul {list-style-type: none; margin: 1.5em 0 2em 0; border-top: 1px solid #3D3D3D;}
ul.dates li, ul.counts li, ul.blogroll ul li, ul.pages li, .ancillary .block ul li, .ancillary .blockFirst ul li{list-style-type: none; margin: 0; padding: 0.5em 0; border-bottom: 1px solid #3D3D3D;}		/***** footer *****/
ul.dates .date {color: #858585; padding: 0 1.5em 0 0;}
ul.counts .count {float: right; color: #858585;}
.more {color: #2888bf; border-bottom-style: dotted; border-bottom-color: #2888bf; border-bottom-width: 0.1em;}
ul.dates a, ul.counts a, ul.blogroll a, ul.pages a {color: #bfbfbf; text-decoration: none; border-bottom: 0px;}
ul.dates a:hover, ul.dates a:hover .date, ul.counts a:hover, ul.counts a:hover .count, ul.blogroll a:hover, ul.pages a:hover {color: #fff;}
ul.blogroll {margin-top: 0;}
ul.blogroll li {list-style-type: none; margin:0;}
ul.pages ul {margin:0;}
ul.pages ul li {border: none; margin-left: 2em; list-style-type: square;}



/************ footer **************/

#footer {
	clear: both;
	color: #777;
	margin: 1em 0 5em 0;
	}
	
#footer .inside {
	border-top: 1px solid #333;
	padding: 0.5em 0;
	}
	
#footer p {
	margin: 0;
	font-size: 0.95em;
	}
	
#footer p.attributes { 
	float: right;
	padding: 0 0 0 1em;
	}
	
#footer p.attributes a {
	text-decoration:none;
	color:#777;
	border-bottom: 0px;
	}
	
#footer p.attributes a:hover {
	color: #fff;
	}
	
#footer div.footNotes {
	float: left;
	}
	
#footer a {
	text-decoration: none;
	border-bottom: 0px;
	}



/********* Legacy Typo CSS **********/

/***#searchResults {
	width: 30%;
	background: #333;
	padding: 0 0 0 0;
	float: right;					
	border-top: 1em solid #000;
	}
	
#searchResults h3 {
	font-weight: bold;
	text-align: left;
	margin: 0;
	padding: 0 0 1em 0;
	background: #000;	
	}
	
#searchResults small {
	display: block;
	text-align: left;
	font-size: 0.9em;
	padding: 0.5em 1em 0.7em 1em;
	border-top: 1px solid #666;
	border-bottom: 1px solid #555;
	}
	
#searchResults small a {
	color: #CCC;
	}
	
#searchResults ul li {
	list-style-type: none;
	padding: 0 1em 0.5em 1em;
	margin: 0.5em 0;
	}
	
#searchResults ul li:hover {
	background: #202020;
	}
	
#searchResult ul {
	margin: 0;
	}

#searchResults ul li a {
	text-decoration: none;
	border-bottom: 1px dotted #CCC;
	}

#search img.archives-icon {
	margin: 0 7px 0 0;
	top: 1px;
	}***/?