/* Hotaru Theme CSS by Nick Ramsay */

/*
 * Hotaru Logo Colors:
 * light blue: #ADCCE1
 * dark blue: #425769
 * yellow: #FFFF99
 * forum blue: #2D4153;
 */

/* BODY */
html, body {
	color: #444;
	background-color: #fff;
	font-family: Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
	margin: 0;
	padding: 0;
}

#header_back, #header, #footer_back { background-color: #2D4153; }
#container { background-color: #fff; }
#body { background-color: #fff; }

/* 960 */
.container_16 { overflow: hidden; }

/* DEFAULTS */

ul, ol { list-style-type: none; margin-bottom: 0; }
li { padding: 0.5em 0 0.5em 0; margin: 0; }
a { text-decoration: none; color: #425769; font-weight: bold; }
a:hover { background-color: #ADCCE1; }
form { padding: 1.0em; }
td { padding: 0.5em; }
small { font-size: 0.8em; }
del { text-decoration: line-through; }

.texttop {vertical-align: top; } 

#logo a:hover, #credits a:hover, #chiclets a:hover, #social_networking_icons a:hover { background-color: #2D4153; }

/* LAYOUT */

.clear	{ clear: both; margin: 0; line-height: 0em;} /* need line-height for IE */

/* HEADER */

#logo img { height: 110px; width: 110px; border: 0; }
#title_box { }
#title_ad { margin-top: 10px; }
.title { 
	display: inline;
	vertical-align: top; 
}

.title a { 
	font-family: Verdana, Verdana, Geneva, sans-serif;
	font-weight: bold;
	font-size: 32pt;
	line-height: 40pt;
	color: #fff; 
	text-transform: uppercase;
}

.title a:hover { 
	background-color: #2D4153;
}

.subtitle {
	font-weight: bold;
	font-size: 10.5pt;
	color: #fff; 
	vertical-align: top; 
	line-height: 18pt;
	text-transform: uppercase;
}

/* NAV TABS */

#nav_tabs ul li { 
	display: inline;
	padding: 5px 9px 5px 9px;
	margin-right: 4px;
	background-color: #d0d0d0;
	text-transform: uppercase;
	font-size: 1.1em;
	font-weight: bold;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-radius-top-left: 4px;
	-webkit-border-radius-top-right: 4px;
}

#nav_tabs ul li.active { background-color: #fff; }

#nav_tabs ul li:hover { background-color: #ADCCE1; }

#social_networking_icons {
	margin-top: -16px;
}

/* ANNOUNCEMENTS / MESSAGES */

#announcement {
	background-color: #FFFF99;
	border: 1px solid #2D4153;
	color: #2E2E2E;
	padding: 0.4em;
	margin: 0.4em 0 0.4em 0;
	text-align: center;
}

.message {
	margin: 1.0em auto 1.0em auto;
	width: 90%;
	padding: 0.8em;
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;
}

.green    { background-color: #99FF66; }
.yellow   { background-color: #fbe760; }
.red      { background-color: #FF6A55; color: #ffffff; }
.bold_red { color: red; font-weight: bold; }

/* MAIN */

#content {
	margin-top: 1.4em;
}

#main {
	margin-bottom: 1.0em;
}

/* SIDEBAR */

#sidebar { margin-top: 1.4em; }
#sidebar ul li { padding: 0.1em; border-bottom: solid 1px #eee; }

.intro_top {
	font-size: 1.2em;
}

.intro p {
	font-size: 1.1em;
	margin-bottom: 20px;
}

.intro_last p {	
	font-size: 1.1em;
	margin-bottom: 0px;
}

#download img { float: left; padding-right: 0.4em; }

#download {
	margin-bottom: 14px;
}

.download {
	display: inline;
	text-transform: uppercase;
	font-size: 1.4em;
}

.version {
	text-transform: uppercase;
	font-size: 0.8em;
	line-height: 0.8em;
}

/* ITEMS */

#items {
	margin-top: 20px;
}

.item h4 {
	margin-bottom: 0px;
}

/* ADVERTS */

#adverts.grid_16 { width: 960px; margin: 30px 5px 0 5px; }
.advert li { display: inline; }

/* SPOTLIGHT */

#spotlight_back {
	display: block;
	margin-top: 2.0em;
	border-top: 1px solid #425769;
	background-color: #ADCCE1;
}

#spotlight {
	padding: 1.0em 0 1.0em 0;
}

#spotlight .widget_head {
	margin-top: 0;
}

#spotlight p.rss_show_content, #spotlight h2 {
	margin-bottom: 0px;
}

.quote {
	text-align: right;
}

/* FOOTER */

#chiclets {
	padding: 0.5em 0 0.5em 0;
}

#footer p {
	text-align: left;
	padding: 0.5em 0 0.5em 0;
	margin: 0;
	font-size: 0.9em;
	color: #fff;
}

#footer p a { color: #fff; }
#footer p a:hover { color: #2D4153; background-color: #ADCCE1; }

#credits p { float: right; font-size: 0.84em; text-align: right; }

.debug { font-size: 0.8em; color: #aaa;}

/* SITE CLOSED MESSAGE */

#site_closed { background-color: #fff; border-top: 2px solid #000; border-bottom: 2px solid #000; 
		text-align: center; margin-top: 4em; font-size: 1.6em; line-height: 1.8em; }
		
#site_closed_admin_link { font-size: 8pt; margin-top: 1.0em; }

/* MAIN SLIDESHOW */

ul.slideshow {
	list-style:none;
	width:580px;
	height:360px;
	overflow:hidden;
	position:relative;
	margin:0;
	padding:0;
	
}	

ul.slideshow li {
	position:absolute;
	left:0;
	right:0;
}

ul.slideshow li.show {
	z-index:500;	
}

ul img {
	border:none;	
}

#slideshow-caption {
	width:580px;
	height:60px;
	position:absolute;
	bottom:0;
	left:0;	
	color:#fff;
	background:#2D4153;
	z-index:500;
}

#slideshow-caption .slideshow-caption-container {
	padding:5px 10px;	
	z-index:1000;	
}

#slideshow-caption h3 {
	margin:0;
	padding:0;	
	font-size:14px;
	text-transform: uppercase;
}

#slideshow-caption p {
	margin:5px 0 0 0;
	padding:0;
}

#pages h3 { font-size: 1.2em; }
#pages p { margin-bottom: 20px; }
#pages table tr.headers td { font-weight: bold; }
#pages table td { padding: 0.5em 1.0em; }
#pages div.demo { margin-top: 20px; }
#pages img { float: left; margin-top: 4px; margin-right: 20px; }

.shadow {
	-moz-box-shadow: 3px 3px 4px #000;
	-webkit-box-shadow: 3px 3px 4px #000;
	box-shadow: 3px 3px 4px #000;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}