/*
Design by rooeh.net
http://www.rooeh.net
Released for free under a Creative Commons Attribution 3.0 License
*/

body {
padding:0;
margin: 0;
background-color: #fff;
color: #302c50;  
text-align:left;
}

p, body {
	font: 11px 'Verdana';  
	color: #06036f;
	text-align: left;
	margin-top:0;
	margin-bottom:8px;
	line-height: 190%;
    }

p.center {
	text-align: center;
    }

p.right {
	text-align: right;
    }

p.left {
	text-align: left;
    }

p.links {
	float: left; 
	width: 225px; 
	margin-right: 50px; 
	}
	
	blockquote strong{
	color: #9FD80B;
	font-family: Arial;
	font-size: 12px;}

		p#first:first-letter {
	color: #f963ad;
	font-size: 32px;
	font-weight: bold;
	float: left;
	margin-left: 20px;
	padding: 8px 3px 0px 5px;
	text-transform: uppercase;
	}
	
	input, textarea {
	font: 11px Verdana;
	color:#fff;
	padding: 3px;
	background-color: #f87a62;
	border: 1px solid #ff4325;
	}
/* Universal stylistics (<strong>, <em>, etc) */


blockquote {
	text-align: left;
	font-size: 20px;
	line-height: 190%;
	letter-spacing: 2px;
	color: #fc0088;
	font-weight: normal;
	padding: 10px 15px 10px 15px;
	font-family: Verdana;}

blockquote strong{
	color: #9FD80B;
	font-family: Arial;
	font-size: 12px;}


strong {
	font-size: 11px;
	color: #5da5f9;
	font-family: Arial ;
	text-transform: uppercase;}
                                                              
em {
 	color: #6abe85;
	font-size: 11px; }

	/* Footer */

	#footer2 a{
		color: #f87a62; }
		
	#footer2 a:hover{
		color: #f87a62;
		border-bottom: 1px solid #57a9f9;
	}
	#about p{
		background-image: url(h2.gif);
		background-repeat: no-repeat;
		padding: 10px 0 10px 20px;
		font: 12px 'Century Gothic';
		color: #95BF28;
	}

	#about strong{
		color: #f953ad;
		font: 11px 'Georgia';
		font-weight: bold;
	}


	#footer p {
		padding:5px;
		font-size: 7pt;
		text-align: center;
		margin:0;
		color: #6abe85;
    }

	#footer p a {
		padding: 1px 3px;
		color: #f87a62;
    }

	#divider a{
		color: #f953ad;
		background-image: none;
	}

	#stats p{
		background: #cef4e1;
		padding: 10px;
		font: 12px 'Century Gothic';
		color: #000;
	}

	#stats strong{
		color: #f953ad;
		font: 12px 'Century Gothic';
	}

	#stats a{
		color: #ff4325;
		padding: 0 2px;
	}

	#stats a:hover{
		color: #ff4325;
		border-bottom: 1px solid #57a9f9;
	}


#headercontainer{
padding:10px;
margin:0 auto;
width:600px;}

#headerinfo{
width:200px;
float:left;}


#header{
width:100%;
height:390px;
margin:0 auto;
padding:0;
text-align:justify;
background-color: #fff;}


#logo {
float:right;
margin:0;
padding:0; 
width:400px;
height:390px;
text-align:center;
background-color:transparent;
}

#container{
width:800px;
height:100%;
margin:0 auto;
padding:60px;
background-color:transparent;}


#content { 	
width:700px;
padding:10px;
float:right;
background-color:transparent;
}

#content h2{
margin:0;
padding:10px 0 0 0;
font-size:1.1em;
font-weight:normal;
}
#content h3{
margin:0;
padding:00;
font-size:.8em;
font-weight:lighter;
letter-spacing:.1em;
}


#footer {
clear:both;
bottom:0;
margin:0;
padding:10px;
line-height:12px;
text-align:center;
font-size:.9em;
color:#000;
background-color:transparent;
}


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

a:hover {
color:#99CCCC;
text-decoration:none;
}

    
    /* Header classes */

h1 {
	margin: 0 5px 6px 8px;
	color: #03bb3e;
	font-family: century gothic;
	font-size: 20px;
	letter-spacing: 6px;
	font-weight: normal;
	padding: 5px 5px 5px 5px;
	background-image: url(/images/h2.gif);
	background-repeat: no-repeat;
	text-transform: uppercase;}


h3 {
	margin: 3px 0 3px 0px;
	color: #a62f9b;
	font-family: Century Gothic, sans-serif;
	font-size: 10px;
	font-weight: normal;
	letter-spacing: 2px;
	text-transform: uppercase;
}

td.left {
	background-color: #af8fb0;
	color: #F4E8D7;
	font: 12px Century Gothic;
	text-transform: uppercase;
	text-align: right;
	padding: 1px 5px;
	width: 150px;
	}

td.left:hover {
	background-color: #e9d3e6;
	}

td.left a{
	color: #B2160B;
	background-image: none;
	}

td.left a:hover {
	color: #D74229;
	background-image: none;
	}

td.right {
	background-color: #dbeaf1; 
	color: #325B6F;
	font: 12px Arial;
	letter-spacing: 1px;
	padding: 1px 5px;
	}

table.statistics {
	width: 596px; 
	margin: 5px 50px 5px 50px;
	}
	
	img.gallery {
	border: 10px solid #bedbe8;
		margin: 5px 10px 10px 5px;
    }

img.gallery:hover {
	border: 10px solid #a9c1a7;
		margin: 5px 10px 10px 5px;
    }

img.right {
	float: right;
	border: 7px solid #F3F3F3;
	margin: 7px 5px 5px 10px;
    }

img.left {
	float: left;
	border: 7px solid #F3F3F3;
	margin: 7px 10px 3px 0;
    }
    
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../gallery/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../gallery/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }