/* CSS Highway To Kell */

form {margin: 0px; padding: 0px; border:0;}
body {font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; margin: 0px; padding: 0px; 
background-color: #190D01; }

h1 {font-size:15px; color:#ffc785; display:inline;}
h2 {font-size:13px; color:#FFFFFF; font-weight:bold; display:inline;}
h3 {font-size:10px}

big {
	text-transform: uppercase;
	font-size: 18px;
	margin: 10px;
	} 

a img {filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8; -khtml-opacity:0.8; border:0px}
a:hover img {filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; -khtml-opacity:1.0; border:0px}

a:active, a:visited, a:link {color: #fff; text-decoration: underline;}

a:hover {font-style: italic; color: #fff;}

.header { font-size: 14px; color: #ffc785; font-weight: bold; } 
.news { font-size: 12px; color: #ffffff; line-height:1.4;} 
.smalltext { font-size: 11px; color: #ffffff; } 
.comments { font-size: 11px; color: #ffffff; } 

.links { font-size: 11px; color: #ffffff; } 
a.news:link { color: #ffffff; text-decoration: underline; font-weight: bold; } 
a.smalltext:link { color: #ffffff; text-decoration: underline;} 
a.comments:link { color: #ffffff; text-decoration: underline; font-weight: bold; } 
a.links:link { color: #ffffff; text-decoration: underline; font-weight: bold; } 
a.news:hover { color: #b7b7b7; text-decoration: none; } 
a.smalltext:hover { color: #b7b7b7; text-decoration: none; } 
a.comments:hover { color: #b7b7b7; text-decoration: none; } 
a.links:hover { color: #b7b7b7; text-decoration: none; } 

.submit { color: #000000; background-color: #BFBFBF;} 

textarea, select, option, input { font-family: Verdana, Arial, Helvetica; font-size: 12px; }

hr.clear { 
clear: both; 
display: block; 
height: 0; 
line-height: 0px; 
visibility: hidden; 
border: 0; 
padding: 0;  
}

div.clear { 
clear: both; 
text-align: center;
line-height: 0px;  
border: 0; 
padding: 0; 
}

/* Ibox Text */

#ibox_w{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index:100;
	width: 100%;
	height: 100%;
	background-color: #000;
	margin:0;
	padding:0;
	filter:alpha(opacity=0);
	-moz-opacity: 0.0;
	opacity: 0.0;
	overflow:hidden;
}

#ibox_progress {	
	margin:0;padding:0;
	position: absolute;
	z-index:105;
}

#ibox_wrapper {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index:1000;
	padding:10px;
	border:1px solid #000;
	width:300px;
	height:300px;
	background-color:#951D1C;
	padding-bottom:30px;
	margin:0;
	overflow:hidden;
}

#ibox_content {
	background-color:#580000;
	font-size:12px;
	width: 100%;
	height: 100%;
	margin-bottom:5px;
	position:relative;
	top:0px;
	left:0px;
	border:1px solid #000;
	padding:2px;
	overflow:hidden;
}

#ibox_footer_wrapper {
	position:relative;
	padding:0;margin:0;
	top:0px;left:0px;
	color:#fff;
	font-size:12px;
	overflow:hidden;
}

/* Thumbnail box */

#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 10px;
padding-bottom: 0;
background: #951D1F;
border:4px ridge #FFC785;
visibility: hidden;
z-index: 10;
cursor: hand;
cursor: pointer;
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: bold 14px;
letter-spacing: 3px;
line-height: 1.1em;
font-weight:bold;
color: white;
padding: 5px 0;
text-align: right;
}


#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: white;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #EFEFEF;
padding: 5px;
z-index: 5;
}

/* Hoverbox */

.hoverbox
{
	cursor: default;
	list-style: none;
	text-align: left;
	margin: 0px;
	padding: 0px;
	list-style-point: none;
	z-index:0;
}

.hoverbox a .preview
{
	display: none;
}

.hoverbox a:hover .preview
{
	display: block;
	position: absolute;
	top: 0px;
	left: 60px;
	z-index:105;
}

.hoverbox li
{
	display: inline;
	position: relative;
	text-align: left;
	z-index:0;
}

.hoverbox .preview
{
	border:2px ridge #FFC785;
	width: 200px;
	height: 200px;
}