/* .......... Pterosaur.net Formatting .......... */

body{
	background:#5e737f url(assets/body.bg.png) repeat-y fixed;
	}

#visible{
	position:relative;
	width:750px;
	margin:10px auto 10px auto;
	padding:0;
	color:#455154;
	font-size:12pt;
	font-family: Times, Times New Roman, Serif;
	background:#ccc;
	}

/* ............ General Formatting ............. */

a{
	color:black !important;
	text-decoration:none;
	cursor:pointer;
	}
	
a:hover{
	color:teal !important;
	text-decoration:none;
	}
p{
	text-align:justify;
	line-height:1.2em;
	margin:.6em 0;
	text-indent:2em;
	}

h1,h2,h3,h4,h5,h6{
	margin: 1.2em 0 .6em 0;
	font-family: Garamond, Bookman Old Style, Times, Times New Roman, Serif;
	}
	
.heading_note{
	font-size:70%;	
	}

hr{
	height:1px;
	border:none;
	background:black;
	opacity:0.2;
	clear:both;
	}

.pusher{
	clear:both;
	margin:0;
	height:0;
	border:0;
	background:transparent;
	}

cite{
	display:block; 
	margin: .5em 0 .5em 0;
	font-style: normal; 
	font-size: 90%;
	}


/* ........ Header & Footer Formatting ........ */

#header{
	width:750px;
	border-bottom:solid 1px #4f5c5f;
	}

#header,#footer{
	position:relative;
	background:url(assets/header.bg.jpg) center center transparent;
	_background-position:0px -50px; 
	overflow:hidden;
	}

.bg_fader{
	background:url(assets/header.bg.png) top right no-repeat;
	position:absolute;
	top:0;left:0; z-index: 1;
	width:100%;height:1000px;
	}
#header_fader{
	position:absolute; 
	top:0; left:0; 
	width:100%; height:100%;
	background:#aaa; 
	opacity:0.5;
	filter:alpha(opacity=50);
	}

#title{
	margin:0;
	padding:100px 0 0 70px;
	color:white;
	font-weight:normal;
	font-size:350%;
	text-shadow: black 0px 0px 5px;
	opacity:0.7;
	filter: Shadow(Color=black,Direction=150,Strength=5) alpha(opacity=70);
	}
	
#title_net{
	text-transform:lowercase;
	font-size:50%;
	opacity:0.7;
	filter: alpha(opacity=70);
	}

#title_net:first-letter{font-size:300%;}

#subtitle{
	margin:0 0 0 2em;
	padding:0 0 0 80px;
	color:black;
	font-size:150%;
	text-shadow: rgb(170,160,140) 0px 0px 5px;
	opacity:0.9;
	filter: Shadow(Color=#ffffff,Direction=150,Strength=2) alpha(opacity=70);
	}

#navigation{
	position:relative;
	z-index:5;
	width:200px;
	height:auto;
	float:right;
	padding:40px;
	text-transform:uppercase;
	font-size:8pt;
	background:white;
	opacity:0.7;
	filter:alpha(opacity=70);
	}
	
#navigation a{
	display:block;
	color:black;
	margin:3px;
	}

	
#header h1, #header h2, #footer_content{
	position:relative;
	z-index:2;
	}

#footer{
	border-top:solid 1px #4f5c5f;
	width:750px;
	}
	
#footer_content	{
	color:#e3dfda;
	margin:1em;
	font-size:8pt;
	}
	
.footer_sect{
	float:left;
	clear:right;
	width:22%;
	padding:1%;
	}
	
#footer p{
	text-indent:0;
	margin:0 0 1em 0;
	text-transform: none;
	text-align: left; 
	}
	
#footer a{
	text-transform:uppercase;
	color:black;
	display:block;
	}
	
#footer .bg_fader {
	opacity:0.8;
	filter:alpha(opacity=80);
	background:#aaa;
	}
	
#copyright{
	clear:both;
	text-transform: none;
	text-align:center;
	}




/* ............ Content Formatting ............. */

#content{
	border-left-style: none;
	padding:0 20px 2em 25px;
	margin:0;
	}

.figure{
	border:solid 1px #4f5c5f;
	margin:10px;
	background:#fff;
	}
.caption, .figure p{
	color:#4f5c5f;
	font-size:90%;
	margin:7px;
	text-indent:0;
	}


/* ........ The login bar at the top ........ */

#login{
	width:100%;
	overflow:visible;
	position:fixed;
	top:0;left:0;
	padding:0;
	margin:0;
	text-align:right;
	}

#loggedout{
	position:absolute;
	top:0;right:0;z-index:10;
	padding:.5em;
	color:grey;
	width:100%;
	text-align:right;
	text-transform:uppercase;
	font-size:9pt;
	opacity:0.4;
	}
	
#loggedin{
	position:absolute;
	top:0;right:0;z-index:10;
	padding:.5em;
	width:100%;
	text-align:right;
	background:rgb(150,30,10);
	opacity:0.7;
	filter: alpha(opacity=70);
	text-transform:uppercase;
	font-size:9pt;
	color:white !important;
	}
#loggedin a {color:white !important;}



/* .......... Gallery Formatting ........... */

.gallery_cameo{
	position:relative;
	float:left;
	width:210px;
	height:210px;
	background:white !important;
	}
.gallery_cameo a{
	position:absolute;
	top:0;left:0;z-index:3;
	width:210px;height:210px;
	}
.gallery_cameo .caption{
	position:absolute;
	bottom:0;left:0;z-index:2;
	margin:0;
	width:200px;
	padding:5px;
	background:white !important;
	opacity:0.80;
	filter:alpha(opacity=80);
	text-align:center;
	}
.cameo_image{
	position:absolute;
	top:0;left:0;z-index:1;
	width:100%;
	height:100%;
	background:center center no-repeat;
	}
	
.gallery_image{
	margin:30px 0 20px 0;
	}
.figure{
	text-align:center;
	}
.figure.caption{
	margin-bottom:20px;
	}