/* Colour notes - base colours taken from satellite-back.jpg as to preserve palette

#a1cfff - The large solid colour and the main site note. 
	In satutation space
		100%	007dff
		 74%	429eff
		 37%	a1cfff
		 18%	d1e7ff
		  9%	e8f3ff
		  5%	f2f8ff

*/

/* Page Defaults -------------------------------------------------------*/

html, body{
	margin: 0; 
	border: 0; 
	padding: 0; 
	background: #f2f8ff;
} /*** All defaults zeroed. **/

body { 
	font: 75% verdana, "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", arial, helvetica; 
	background: #f2f8ff;
}

.smalltext, #footer, #right, .wp_meta, .rbcontent p, 
	.rbcontent li, table.drawn td, table.drawn th, 
	table.form td, table.form input, table.form select { font-size: 0.9em; line-height: 1.2em; }

/* Structural Markup ---------------------------------------------------*/

#header { height: auto; } 

#header-contents { height: 90px;  background: #f2f8ff url('../graphics/layout/satellite-back.jpg') 0 0 no-repeat;}

#header p { color: white; margin: 0; }

#navmenu { top: 90px; left: 0px; font: 1em "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", verdana, arial, helvetica; border-top: solid 1px white;  }

#breadcrumbs { border-bottom: 1px dashed #f2f8ff; margin-left: -1em; margin-top: 0.5em;}

#right { float: right; width: 180px; margin: 0; padding: 0; padding-right: 1em; background-color: transparent;  }

#main { background:white; margin: 0 200px 0 0; padding: 1px 2em; font-size: 1em; line-height: 1.5em; border-right: 1px solid #e8f3ff;}

#footer { background: white; border-top: solid 1px #d1e7ff; clear: both; text-align: right; }

/* Site wide classes ---------------------------------------------------*/

	.top { margin-top: 1em; } /* Main content holder - well if should be if I remembered to include it */
	.hidden  {display: none; } /* Always useful */
	
	
	.cen {text-align: center; } /* Positioning, mainly images, defaults */
	.pixleft { float:left; padding-right: 5px; position: relative;}
	.pixright { float:right; padding-left: 5px; position: relative; }
	.notes { color: #777; }
	/*
	table.drawn { background-color: #e7e7e7; border-spacing:1px;}
	table.drawn th { text-align: center; background: #e7e7e7; color: #666; border: 1px solid #FFF; text-transform:uppercase}
	table.drawn td { border: 1px solid #a1cfff; padding: 0.25em;  border: 1px solid #FFF;}
	*/
	table.drawn { background-color: #d1e7ff; border-spacing:1px; margin-left: auto; margin-right: auto;}
	table.drawn th { text-align: center; background: #a1cfff; color: white; border: 1px solid #FFF; text-transform:uppercase; padding: 0.25em 0.5em 0.25em 0.5em;}
	table.drawn td { border: 1px solid #a1cfff; padding: 0.25em;  border: 1px solid #FFF;}
	table.drawn td+td { text-align: center; }
	.tb0 { background: white;}
	.tb1 { background:#f9f9f9;  }
	.tb2 { background: #e7eef6; }

	table.blocks { border-collapse: collapse; width: 95%; margin-left: auto; margin-right: auto; border-spacing:0px; border-top: 1px solid #d1e7ff; }
	table.blocks td.under { border-bottom: 1px solid #d1e7ff; }
	.td0 { background: white; }
	.td1 { background: #f2f8ff; }
	
	
	a img { border: none; }
	a { color: #004eff; text-decoration: none; }
	a:visited { color: #004eff; }
	
	p.quote, blockquote { color: gray;
		border-left: 2px solid gray; 
		padding-left: 1em; 
		font-style: italic;}
	
	h1, h2, h3, h4, h5 { font-family: Eurostile, Verdana, "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", arial, helvetica; }
	h1 { font-size: 2.2em; }
	h2 { font-size: 1.6em;}
	h3 { font-size: 1.3em; }
	h4 { font-size: 1.15em; }
	h5 { font-size: 1em; }
	#right h2 { margin-top: 1.5em; }
	
	
	img { border: 0px; }
	
	div.label { text-align: right; font-weight: bold; color: #007dff; width: 10em; float: left; margin-right: 1em; }
	td.label {  font-weight: bold; color: #007dff; }
	div.field { float: left;  }
	div.fieldset { float: left; margin-top: 0.5em; display:  block;}
	
	/*
	.plabel { font-variant: small-caps; text-align: right; width: 15em; float: left; margin-right: 1em; }
	.pfield { float: left; min-width: 15em; padding-left: 15em; }
	.pfieldset {float: left; display: block; margin-top: 0.25em; clear: left;}
	*/
	.plabel { font-variant: small-caps;  }
	.pfield { padding-left: 2em; }
	.pfieldset {margin-left: 2em;  margin-top: 0.5em; }
	
	span.label { font-variant: small-caps; }
	
	form.smallform { border: 1px solid #007dff; padding: 0.33em; }
	form.smallform div.label { width: 5em; text-align: left;}
	
	input[type='text'] { border: 1px solid #d1e7ff; } 
	
	img.thumbnail { background-color: #eeeeee; padding: 0.25em 0.25em 1em 0.25em; border: 1px solid #dddddd; margin: 0.125em; }
	
	table, td, th { vertical-align: top; font-size: 100%;}

	div.third { width: 33%; float: left; }
	
/* Navigation Markup ---------------------------------------------------
	Used the Yet Another Dhtml Menu (yadm.js) from
	http://www.onlinetools.org/tools/yadm/reldropdown.html
	*/
	
	.hiddenChild{ position: absolute; left: -999em; }
	.shownChild{ left:-1px; }

	/* Static Menu without DHTMLization */

	ul#nav{ margin:0; padding:0; list-style-type:none; background: #d1e7ff;  width:10em; padding-left: 0.5em; border-bottom: 1px solid #d1e7ff;}
	ul#nav li ul { background: #f2f8ff; border-bottom: 1px solid #e8f3ff; margin:0; padding:0; border-bottom: 1px solid #e8f3ff; }
	ul#nav li { position:relative; margin:0; width:10em; padding:0; list-style-type:none; border-left: 1px solid white; color: white; background: #a1cfff; 	line-height:150%;}
	ul#nav li li { background: #f2f8ff; text-transform: none; font-weight: normal; padding: 0; border: 1px solid #e8f3ff; }
	
	ul#nav a { color: #007dff; display: block; border-bottom: none; text-decoration:none; }
	ul#nav a:hover { color: #f2f8ff; background: #a1cfff; }
	ul#nav li li a { padding-left:1em; color: #007dff; text-decoration:none; display:block; }
	ul#nav li li a:hover { color: #f2f8ff; background: #a1cfff; }

	/* Dynamic DHTML styles assigned by the yadm.js script upon execution */

	ul#nav.dhtml { position:relative; width:auto; background: #f2f8ff url('../graphics/layout/satellite-fade.jpg') 0 0 repeat-x; margin:0; padding:0; list-style-type:none; height:1.5em; padding-left: 0.5em; }
	ul#nav.dhtml li { position:relative; float:left; width:10em; border-right:1px solid white; }
	ul#nav.dhtml ul{ top:1.4em; position:absolute; border-top:none;	background: #e8f3ff; width:12em; z-index:10; }
	ul#nav.dhtml li a,ul#nav.dhtml li a:hover { border:none; }
	ul#nav.dhtml li a { padding:0 .5em; }
	ul#nav.dhtml ul li{ border:none; width:12em; margin: 1px;}
	ul#nav.dhtml li.isParent a {color: white;}
	ul#nav.dhtml li.isActive a {color: black; }
	ul#nav.dhtml li.isActive ul { border: 1px solid  #d1e7ff; background-color: #e8f3ff;}
	ul#nav.dhtml li.isActive ul a {	padding:0 .5em;  color: #007dff;}
	ul#nav.dhtml li.isParent a:hover{color: black; }
	ul#nav.dhtml li.isActive ul a:hover{color: #f2f8ff; background: #a1cfff;}

/* Leftovers -----------------------------------------------------*/

/* Sortable tables */
table.sortable a.sortheader {
    background-color:#eee;
    color:#666666;
    font-weight: bold;
    text-decoration: none;
    display: block;
}
table.sortable span.sortarrow {
    color: black;
    text-decoration: none;
}

.thisPageNav { border: 1px dashed #bfe4ff; margin-top: 3em; }
.thisPageNav h4 { padding-left: 1em; }
.thisPageNav ul { margin-left: 0; padding-left: 0; list-style: none;}
.thisPageNav ul { padding-left: 1em; }

ol.commentlist { list-style: none; margin-left: 0; padding-left: 0;}
ol.commentlist li { border: 1px solid #ccd8ec; margin: 0.5em; padding: 0.25em; }
ol.commentlist li.alt { background: #e7eef6; }

/*Stripy tables */
table.epList { border-collapse: collapse; border-right: 1px solid red; margin-top: 0; padding-top: 0; }
.b1 {background-color: #e7eef6; }
.b0 {background-color: white;   }
		tbody.b0 {margin-bottom: 2em; }
	
	tr.ep td { border-left: 1px solid red;  }
	td.epBlurb, td.epScreen { border-bottom: 1px solid red;  }
	td.epBlurb { border-top: 1px solid red;  }
	td.epScreen img { border: 1px solid  #a9a9a9; margin: 6px;}
	

/* Tab List */

/*Tab List */

div.tablist {
padding: 5px;
	border: 1px solid #ccd8ec;
	
}

	div.tablist ul {
		margin-left: 0;
		padding-left: 0;
		margin-bottom: 0;
		padding-bottom: 0;
		display: inline;
		} 

	div.tablist {
		padding: 5px 5px 4px;
		border-width: 0px 0px 1px 0px;
		margin-bottom: 0;
		}

	div.tablist a {
		text-decoration: none;
	}
			
		
	div.tablist ul li {
		
		list-style: none;
		display: inline;
		
		}
	
	div.tablist ul li a, div.tablist ul li.here {
		background-color: #e7eef6;
		margin-left: 10px;
		margin-bottom: 0;
		padding: 2px 15px 5px;
		border: 1px solid #ccd8ec;
		}

	div.tablist ul li a.this, div.tablist ul li.here {
		font-weight: bold;
		color: #0066b3;
		}	
		
	div.tablist ul li span.blank {
		background-color: #eeeeee;
		margin-left: 10px;
		margin-bottom: 0;
		padding: 2px 15px 5px;
		border: 1px solid #dddddd;
		color: #aaaaaa;
		}


/* Wordpress Classes ---------------------------------------------------*/

.wp_post { margin-bottom: 2em;  }
.wp_storytitle { margin-bottom: 0.25em; clear: left;}
.wp_storytitle a { text-decoration: none;  }
.wp_meta { padding-top: 0.25em; }

/* CDB Classes --------------------------------------------------------*/

table.lightTable { border-collapse: collapse; }
table.lightTable th { padding-right: 1em; border-bottom: 1px solid #eee; text-align: left;}
table.lightTable td { padding-right: 1em; border-bottom: 1px solid #eee;}

table.form { border-collapse: collapse; border: 1px dashed #ccd8ec;  }
table.form td.shade { color: #aaaaaa; }
table.form td.field { color: #777777; }
table.form textarea { font: 0.9em Verdana; } 

.preview { clear: left; }
.issuematrix {float: right; width: 50%; border-left: 1px dashed grey; }
.issuematrix td { text-align: center; }
span.caption { font-weight: bold; }
a.series, span.series, span.show { font-style: italic; }


#tabcontentcontainer{
padding: 5px;
}

p.interlude { border: 1px solid #ccd8ec; padding: 5px; background: #F7FAFF; }
	
.tabcontent{
display:none;
}
/* Tag Defaults --------------------------------------------------------*/



ul.post-categories, ul.collapse { list-style: none;
	display: inline;
	margin-left: 0;
	padding-left: 0;
}

ul.post-categories li, ul.collapse li { display: inline; }

ul.plain { 
	list-style: none; 	
	margin-left: 0;
	padding-left:10px;
}

ul.condense	 {
	padding-left: 20px; 
	margin-left: 0; 
	list-style-position: outside;
}

ul.plain li, ul.condense li { padding-bottom: 0.25em; }

hr { height: 2px; color: #EEF1F6;  background-color:#EEF1F6; border: 0; }

option.opt0 { font-weight: bold; }
option.opt1 { padding-left: 1.5em;  font-style: italic;  }
option.opt2 { padding-left: 3em;   }
option.opt3 { padding-left: 4.5em; color: grey; }

.hiddenList { display: none; }
/* DHTML ---------------------------------------------------------------*/

/* YADM - yet another dropdown menu http://www.onlinetools.org/yadm/ */
/*
ul#nav{
	list-style-type:none;
	background: transparent;
	padding:.5em;
	width:10em;
	
}
ul#nav li ul{
	margin:0;
	padding:0;
}
ul#nav li{
	position:relative;
	margin:0;
	width:10em;
	padding:0;
	list-style-type:none;
	background:transparent;
	color:#0066b3;
	line-height:150%;
	text-align: center;
}
ul#nav a{
	border:1px solid #cf9;
	color:#0066b3;
	text-decoration:none;
	display:block;
}
ul#nav a:hover{
	border:1px inset #be8;
	background:# ;
	color:#0066b3;
}
ul#nav li li a{
	padding-left:1em;
	color:#0066b3;
	text-decoration:none;
	display:block;
}
ul#nav li li a:hover{
	background: transparent;
}


.hiddenChild{
	position: absolute;
	left: -999em;
}
.shownChild{
	left:-1px;
}
#navmenu p{
	clear:both;float:none;
}
ul#nav.dhtml{
	position:relative;
	width:auto;
	background: transparent;
	margin:0;
	padding:0;
	list-style-type:none;
	height:1.5em;
}
ul#nav.dhtml li{
	position:relative;
	float:left;
	width:10em;
	border-right:1px solid #bfcfff;
}
ul#nav.dhtml ul{
	top:1.4em;
	position:absolute;
	border:1px solid #bfcfff;
	border-top:none;
	background: url('../graphics/layout/fade.png');
	width:10em;
	z-index:10;
}
ul#nav.dhtml li a,ul#nav.dhtml li a:hover{
	border:none;
}
ul#nav.dhtml li a{
	padding:0 .5em;
}
ul#nav.dhtml ul li{
	border:none;
	width:10em;
}
ul#nav.dhtml li.isParent, ul#nav.dhtml li.isActive{
	background: transparent;
}

ul#nav.dhtml li.isActive a{
	background:transparent;
}
ul#nav.dhtml li.isActive ul a{
	padding:0 .5em;
}
ul#nav.dhtml a:hover{
 	background:#bfcfff;
}
ul#nav.dhtml li.isParent a:hover{
	background:url(vertarrow.gif) 90% 50% no-repeat #9c6;
}
ul#nav.dhtml li.isActive ul a:hover{
	background:#bfcfff;
}

ul#nav .selected { background: url('../graphics/layout/graymenu.jpg') 0 0 repeat-x; }
ul#nav..selected  }

*/
#navclear { display: block; clear: both; height: 0;} 

/* CSS Drop Shadow from A List Apart by Sergio Villarreal after Dunstan Orchard
	Used unaltered, because it just works so well.
	http://www.alistapart.com/articles/cssdropshadows/		*/ 

.img-shadow {
  float:left;
  background: url('../graphics/layout/shadowAlpha.png') no-repeat bottom right ;
  background: url('../graphics/layout/shadow.gif') no-repeat bottom right;
  margin: 10px 0 0 10px ;
  margin: 10px 0 0 5px;
  }
  
.img-shadow img {
  display: block;

  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
  z-index: 5;
  }
  
  img.decor {border: 1px solid #a9a9a9;} 
  
  	div.webringBack { background: red;  border: 4px solid red;  margin-left: auto; margin-right: auto; text-align: center; margin-top: 15px;}
	div.webringHolder { border: 1px solid white; background: white; height: 78px; min-height: 78px; position: relative;}
	*>div.webringHolder { height: auto; position: relative;}
	p.webringP {clear: both; text-align: center; padding: 0px; margin: 0px; border-top: 4px solid red;  }
  

a.info{
	position:relative; /*this is the key*/
	z-index:24; background-color: transparent;
	text-decoration:none;
	border-bottom: 1px solid #aaaaaa;
	border-top: 1px solid white;
	display: block;
	padding: 0.25em;
}

a.info:hover{z-index:25; background-color: #dddddd;}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width: 180px;
    font-size: 0.8em; line-height: 1.2em;
    border:1px dashed #dddddd;
    background-color: #eeeeee; 
    color: #666;
    text-align: center}

/*    
a.info { 
	position:relative; 
	z-index:24; 
	background-color: transparent;
	text-decoration:none;
	
}

a.info:hover {
	z-index:25; 
	background-color:#dddddd;
}

a.info span {
	display: none;
}

a.info:hover span { 
	display:block;
	position:absolute;
	top:100%; 
	left:2em; 
	font-size: 0.8em; line-height: 1.2em;
	width:180px;
	border:1px dashed #dddddd;
	background-color: #eeeeee; 
	color: #666;
	padding: 0.25em;
}
*/

/* Feedback form layout */

	.formwrapper { width : 80%; background: white; padding: 5px; margin-left:auto; margin-right:auto;}
	.formwrapper form { padding: 1ex; }
	div.row { clear: both; padding-bottom: 0.25em; }
	div.row span.label {float: left; text-align: right; width: 22ex; padding-right: 1ex;}
	div.row span.field {float: right: text-align: left; width: 50%;}