/* Stylesheet for blackmaria.co.uk
 *
 * Copyright Green Box Productions
 *
 * Date: 01/09/2007
 * Revision: 1.0
 * Author: Nick Williams
 * Graphics by David Hardcastle.
 * Based on a theme by Tim Williams
 *
 */

#biog_container {
    background: url('../img/biog_bg.gif');
    height: 100%;
    background-repeat: repeat-y    
}

#biog_content {
    float: right;
    width: 490px;
    margin: 0; 
    padding: 20px;
}

#biog_sidebar {
    	float: left;
    	width: 160px;
   	padding: 5px;
	/* background: #000; */
}

body {
	margin: 0;
	padding: 0 0 0 0;
	font-family: "Lucida Grande","Lucida Sans Unicode", Tahoma, Helvetica, Verdana, sans-serif;
	background: #000;
	font-size: small;
}

h1 span { display: none }

h2, h3 { 
	font-family: "Georgia", "Minion Pro", "Bitstream Vera Serif", serif;
	letter-spacing: -0.05em; 
	font-weight: normal;  
	font-size: 200%;
	line-height: 1; 
	margin: 0;
}

h3 {
	font-size: 170%;
}

a img { border: none; }

br.clearfix { clear: both; }

#container {
	background: url('../img/wolf_bg_full.jpg') top right no-repeat; 
	height: 650px;
	width: 100%;
}

#header { 
	height: 145px;
	width: 100%;
	margin: 0 auto;
}

#header div.inner {
	background: url('../img/maria_title.jpg') bottom left no-repeat; 
	width: 748px;
	height: 145px;
	margin: 0 auto;
}

#content {
	width: 700px;
	margin: 0 auto;
	background: #fff;
}

#content p, #content .article ul {
	line-height: 1.5;
	text-align: justify;
}

a img { border: none; }

a { color: #000; }

br.clearfix { clear: both; }

#content {
	padding: 0 20px 20px 20px;
}

#content img.right {
	float: right;
	margin: 5px 0 10px 15px;
}

#content img.left {
	float: left;
	margin: 5px 15px 10px 0;
}

#content img.middle {
	padding-top: 20px;
	display: block;
	margin: 0 auto;
}

#content .article {
	border-bottom: 3px solid #000;
}

#content .article .indent {
	margin-left: 25px;
}

#content .article p.caption {
	margin: 0 auto;
	padding: 10px;
	background: #ccc;
	color: #333;
	width: 580px;
	font-size: 90%;
	font-style: italic;
}

#content .leftcol .article h2.first {
	margin-top: 0;
}

#footer {
	color: #fff;
	width: 700px;
	text-align: right;
	padding: 10px;
	font-size: 75%;
	clear: both;
	margin: 0 auto;
}

#footer p { margin: 0; }

.email { 
	background: url('../img/email.gif') no-repeat center left;
	padding-left: 24px; 
}

/*****************
 * Nav stylings
 * ***************/

ul.nav {
	margin: 0;
	padding: 0;
	text-align: left;
	font-size: 110%;
	font-weight: bold;
}

ul.nav li {
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.nav li a.selected, ul.nav li a.selected:hover, ul.nav li a.selected:visited { 
	border-bottom: 5px solid #94CD5F;
	color: #94CD5F;
}

ul.nav li a, ul.nav li a:visited { 
	padding: 0px 5px 0px 5px;
	text-decoration: none;
	color: #000;
}

ul.nav li a:hover { border-bottom: 5px solid #94CD5F; }

ul#navmain {
	border-bottom: 3px solid #000;
}

ul#navsub { 
	padding-top: 5px; 
	font-size: 100%;
	font-weight: bold;
	text-align: left;
}

ul#navsub li a.selected, ul#navsub li a.selected:hover, ul#navsub li a.selected:visited { 
	border-bottom: 2px solid #94CD5F;
	color: #94CD5F;
}

ul#navsub li a:hover { border-bottom: 2px solid #94CD5F; }


/*** biog nav links ***/

ul#navbiog { 
	padding-top: 5px; 
	font-size: 100%;
	font-weight: normal;
	text-align: left;
	color: #94CD5F;
}

ul#navbiog li a, #navbiog ul.nav li a:visited{ 
	color: #fff;
}

ul#navbiog li a:hover { border-bottom: 2px solid #fff; }

ul#navbiog li a.selected, ul#navbiog li a.selected:hover, ul#navbiog li a.selected:visited { 
	border-bottom: 3px solid #94CD5F;
	color: #94CD5F;
}

/*** home page - has black background and white links! ***/

#content .home {
	color: #fff;
}

#content_home a, #content_home h2, #content_home h3 {
  color: #94CD5F;
}

#content_home .article {
	border-bottom: 3px solid #000;
}

ul#navmain_home {
	border-bottom: 3px solid #fff;
}

#content_home {
	width: 700px;
	margin: 0 auto;
	color: #fff;
}

ul#navmain_home li a, #navmain_home ul.nav li a:visited{ 
	color: #fff;
}

ul#navsub_home li a, #navsub_home ul.nav li a:visited {
  color: #fff;
}

ul#navmain_home li a.selected, ul#navmain_home li a.selected:hover, ul#navmain_home li a.selected:visited { 
	border-bottom: 5px solid #94CD5F;
	color: #94CD5F;
}

#content_home img.left {
	float: left;
	margin: 5px 15px 10px 0;
}

#content_home img.right {
	float: right;
	margin: 5px 0 10px 15px;
}
