/*======================================*
** af-stylesheet.css
** ------------------------------------------------------------*
** Created: 04-10-06 (dd-mm-yy)
** Author: Jenna Smith (Diagnostic Design)
** Website: urbanbirder.co.uk
**======================================*/


/*------------------------------------------------------------*
**  Global
**------------------------------------------------------------*/
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 83%; 
	text-align: center;
	margin: 0; 
	padding: 30px 0 0;
	color: #fff;
	background-color: #000;
	}
img {
	padding: 1px;
	border: 1px solid #999;
	background-color: #fff;
	}	
a { color: #fff; text-decoration: none; }
a.on,
a:hover { color: #ff0; }

form input,
form textarea { background: url(/img/txt_box.gif) no-repeat 0% 50%; border: 0; width: 204px; padding: 4px 0; }
form textarea { height: 100px; background: url(/img/txt_area.gif) no-repeat 0% 100%; padding: 0; font-family: Arial, Helvetica, sans-serif;  }
form input.btn { background: url(/img/btn_yellow.gif) no-repeat 0% 50%; width: 62px; }
form p label { width: 90px; display: block; float: left;  }
	
/*------------------------------------------------------------*
**  Container
**------------------------------------------------------------*/
#container { 
	margin: 0 auto;
	width: 675px;
	text-align: left;
	}
	
/*------------------------------------------------------------*
**  Header
**------------------------------------------------------------*/	
#header { background: url(/img/header_.gif) no-repeat 100% 15px; }
#header h1 { 
	background: url(/img/logo.gif) no-repeat;
	width: 319px;
	height: 215px;
	float: left;
	margin: 0 0 15px;
	}
#header h1 a { display: block; width: 100%; height: 100%; }	
#header h1 span { display: none; }	

#header form { margin: 163px 0 0; float: right; white-space: nowrap; }
#header form p { margin: 5px 0 0; color: #ff0; }	

#header ul {
	margin: 0; 
	padding: 15px 0;
	clear: both;
	list-style-type: none;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	cursor: default;
	}
* html #header ul { width: 100%; }	
#header ul li { 
	background: url(/img/nav_div.gif) no-repeat 0% 50%; 
	padding: 0 0 0 11px;
	display: inline; 
	}
#header ul li#l1 { background-image: none; padding-left: 0px; }	

/*------------------------------------------------------------*
**  Body
**------------------------------------------------------------*/	
#body { padding: 35px 0 25px; width: 100%; text-align: center; }
#body:after { 
	content: "."; 
	display: block; 
	clear: both; 
	visibility: hidden; 
	height: 0;
	}		
#body .col { 
	float: left; 
	width: 45%; 
	margin: 0 15px; 
	padding: 0; 
	text-align: left;
	}
* html #body .col { margin: 0 10px; }
#body p { margin: 0 0 15px; font-size: 0.9em; text-align: left; }
#body h2 { font-size: 1.1em; color: #ff0; margin: 0 0 15px; text-align: left;  }
#body h3 { font-size: 0.9em; color: #ff0; margin: 0 0 0 0px; text-align: left;  }
#body h4 { font-size: 0.6em; color: #fff; margin: 0 0 0 0px; text-align: left;  }
#body .ital { font-style: italic; }

/*------------------------------------------------------------*
**  Gallery
**------------------------------------------------------------*/
ul.gallery {
	margin: 0 auto;
	padding: 0;
	width: 96%;
	list-style-type: none;
	}
ul.gallery li {
	float: left;
	margin: 0 0 15px 15px;
	}		
ul.gallery a:hover img {
	border: 1px solid #ff0;
	}

/*------------------------------------------------------------*
**  Footer
**------------------------------------------------------------*/	
#footer { position: relative; border-top: 1px solid #fff; width: 100%; padding-top: 10px; }
#footer p { color: #666; font-size: 0.8em; margin: 0; }
#footer p span { position: absolute; right: 0; }