/* CSS Document */
/* JoFan Redesign - begun 29th of April 2006 */

/* Basics */
* {margin: 0; padding: 0;}
body {
	background-color: #121212;
	font: 14px, "Trebuchet MS";
	color: #999;
	text-align: left;}
h1 {}
h3 {
	padding-bottom: 20px;
	color: #252525;
	font-size: x-large;
	font-weight: normal;}
p {margin: 10px 0 20px 0;}

/* Site structure */
#top {
	position: relative;
	height: 100px;
	width: 100%;}
#slogan {
	position:absolute;
	top:78px;
	left:550px;
	color:#444;}
#content {
	position: relative;
	min-height: 450px;
	border-top: 1px solid #202020;
	border-bottom: 1px solid #202020;
	background: black url(cave.jpg) no-repeat 90% 0;}
#half_content {
	width: 50%;
	padding: 50px 0 0 0;
	/*text-align: center;*/
	}
#extras {
	width: 100%;
	min-height: 150px;
	margin: 25px 0;
	}
#extras_left {
	float: left;
	width: 48%;
	text-align: right;
	}
#extras_right {
	float: right;
	width: 48%;
	}
#footer {
	clear: both;
	position: relative;
	bottom: 0;
	height: 28px;
	width: 100%;
	margin-top: 0px;
	padding-top: 12px;
	font: 12px Arial;
	color: #666;
	text-align: center;
	/*border-top: 1px dashed #252525;*/
	}
	
/* Custom headers and text */
#extras p {margin-bottom: 15px;}
#ir {
	width: 380px !important;
	height: 106px !important;
	position: relative;
	}
#ir span {
	background: url(images/intro_text.png) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	}
#half_content h1#ir {font-size: 1px; margin: 0 auto;}
#ir2 {
	width: 230px;
	height: 30px;
	position: relative;
	}
#ir2 span {
	background: url(view_header2.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	}
#half_content h2 {font-size: 14px; margin: 0 auto;}

/* Menu and other links */
a:link {text-decoration: none; color: white;}
a:visited {text-decoration: none; color: white;}
a:hover {text-decoration: none; color: gold;}
a:active {text-decoration: none; color: gold;}

ul#menu {
	list-style: none;
	margin-left:15px;
	font: 14px Arial;
	letter-spacing: 1px;
	}
ul#menu li {
	float: left;
	width: 98px;
	height: 45px;
	margin:54px 2px 0 0;
	background-color: #212121;
	text-align: center;
	}
ul#menu a {
	display: block;
	padding: 16px 0 39px 0;
	border-bottom: none;
	}
ul#menu a:link, a:visited {
	text-decoration: none;
	color: #666;
	}
ul#menu a:hover {
	text-decoration: none;
	color: white;
	background-color: #333;
	}
ul#menu li .current {
	background-color: #666;
	/*border-bottom: 1px dashed #aeaeae;*/
	}
a img {border: 0;}
	
/* Decorations and Logo */
#logo {
	float: right;
	margin-top: 35px;
	margin-right: 20px;}
	
/* Page specific style */
#random_img {
	float: right;
	margin-right: 10%;
	}
#latest_images {
	position: relative;
	top: 50px;
	width: 272px;
	margin: 0 auto;
	color: #666;
	text-align: center;
	}
#latest_images p {font-variant: small-caps; letter-spacing: 3px;}
#latest_images ul {
	list-style: none;}
#latest_images li {
	float: left;
	margin: 0 10px 10px 10px;}
#latest_images li a {
	border: none;
	text-decoration: none;}
#latest_images a:link img{border: 4px solid #333;}
#latest_images a:hover img {border: 4px solid white;}
#header {
	clear: left;
	position: relative;
	width: 100%;
	margin: 200px 0 0 0;}
#header h2 {font: 16px Trebuchet MS; font-variant:small-caps; letter-spacing: 2px; text-align: center;}