@charset "utf-8";
/**
 * © Copyright 2008 Stasis Media (http://www.StasisMedia.com)
 *
 * support@StasisMedia.com
 * 
 * Author:		Craig Mason <Mason@StasisMedia.com>
 * Version:		SVN: $Id: screen.css 80 2008-11-20 16:07:15Z cmason $
 */
@import "screen-body.css";

body, html {
	font-family:		"Trebuchet MS", Trebuchet, Helvetica, Arial, Tahoma, Verdana, sans-serif;
	font-size:			1em;
	line-height:		1.5em;
	color:				#555555;
	margin: 			0px;
	padding: 			0px;
	background-image:	url('../images/layout/page-bg.png');
	background-repeat:  repeat-x;
	background-position: 0 -40px;
}

img {
	border: 			none;
}

a {
	color:				#3687cb;
}

a:hover {
	color:				#5d9e11;
}


/**
 * Page structure
 */

div#header{
	width: 				930px;
	height: 			200px;
	margin:				0 auto;
	position:			relative;
}
div#body-wrapper{
	width:				960px;
	margin:				0 auto;
	position:			relative;
	overflow:			hidden;
}
div#content{
	float:				left;
	width:				660px;
	padding-bottom:		90px;
}
div#sidebar{
	float:				right;
	width:				300px;
}
div#footer{
	width:				100%;
	background-image:	url('../images/layout/footer-bg.png');
}


/**
 * Header
 */
div.banner-advert {
	width:				468px;
	height:				60px;
	background-color:	#969696;
	color:				#FFFFFF;
	text-align:			center;
	line-height:		60px;
}

div.banner-advert2 {
	width:				60px;
	height:				468px;
	background-color:	#969696;
	color:				#FFFFFF;
	text-align:			center;
	line-height:		60px;
}

div#header div.banner-advert {
	position: 			absolute;
	right:				0;
	top:				25px;
}


h1 {
	background-image:	url('../images/layout/logo.png');
	margin:				0;
	padding:			0;
	width:				400px;
	height:				64px;
	position:			absolute;
	top:				28px;	
}

h1 a {
	display:			block;
	width:				400px;
	height:				64px;
	text-indent:		-9999em;	
}


/**
 * Main Navigation
 */
ul#main-navigation { 
	position:			relative;
	top:				108px;
	list-style:			none;
	font-weight:		bold;
	height:				80px;
	margin:				0;
	padding:			0;
}
ul#main-navigation li {
	float:				left;
	padding-right:		14px;
	background-image:	url('../images/layout/main-navigation-bg-cap.png');
	background-position:bottom right;
	background-repeat:	no-repeat;
}

ul#main-navigation li a {
	float:				left;
	color:				#555555;
	display: 			block;
	height:				48px;
	line-height:		48px;
	padding-left:		22px;
	padding-right:		8px;
	text-decoration:	none;
	background-image:	url('../images/layout/main-navigation-bg.png');
	background-position:bottom left;
	background-repeat:  no-repeat;
}



ul#main-navigation li:hover {
	background-position: top right;
}
ul#main-navigation li:hover a {
	background-position: top left;
	color:				#FFFFFF;
}
ul#main-navigation li:hover ul {
	display:			block;
}


ul#main-navigation li ul {
	margin: 			0;
	padding: 			0;
	list-style:			none;
	position: 			absolute;
	top:				44px;
	left:				0;
	width:				900px;
	height:				36px;
	background-image:	url('../images/layout/sub-nav-bg.png');
	display:			none;
}

ul#main-navigation li ul li {
	background-image:	none;
	height:				36px;
	margin:				0;
	padding:			0;
}
ul#main-navigation li ul li a {
	background-image:	url('../images/layout/sub-nav-button.png');
	height:				36px;
	line-height:		36px;
	margin:				0 0 0 20px;
	padding:			0 0 0 12px;
}
ul#main-navigation li ul li a:hover {
	color:				#98ee31;
}


/**
 * Header search bar
 */
form#search {
	display:			block;
	z-index:			10;
	margin:				0;
	padding:			0;
	width:				270px;
	height:				40px;
	position:			absolute;
	right:				0;
	top:				110px;
}
form#search input {
	position:			absolute;
	top:				0;
	width:				214px;
	height:				28px;
	margin:				0;
	padding:			0;	
	padding-top:		12px;	
	padding-left:		12px;
	color:				inherit;
	font-family:		inherit;
	background-image:	url('../images/layout/search-bg.png');
	border:				none;
	background-position:left;
	background-repeat:	no-repeat;
	overflow:			hidden;
	background-color:	transparent;
}
form#search button {
	position:			absolute;
	top:				0;
	right:				0;
	width:				44px;
	height:				40px;
	border:				none;
	background-color:	transparent;
	background-image:	url('../images/layout/search-button-bg.png');
	text-indent:		-99999em;
}

/**
 * Admin status
 */

#menu-header {
    color: #fff;
    padding: 25px 5px 5px 25px
}

/**
 * Member status
 */
div#member-status {
	width:				300px;
	height:				290px;
	background-image:	url('../images/layout/member-side-bg.png');
	background-repeat:	no-repeat;
}
div#member-status p.text {
	color:				#FFFFFF;
	font-size:			0.8em;
	line-height:		1.2em;
	margin:				0.5em 0 1em 20px;
	width:				260px;
}
div#member-status a {
	color:				#bbff5b;
	text-decoration:	none;
}
div#member-status a:hover {
	text-decoration:	underline;
}
div.sign-in p.title {
	display: 			block;
	width:				300px;
	height:				55px;
	background-image:	url('../images/layout/member-sign-in.png');
	text-indent:		-9999em;
	margin:				0;
	padding:			0;
}
form#member-sign-in {
	display: 			block;
	width:				280px;
	margin:				10px 0 10px 10px;
	padding:			0;
	overflow:			hidden;
}
form#member-sign-in label {
	display:			block;
	height:				20px;
	background-repeat:	no-repeat;
	background-position:10px;
	text-indent:		-99999em;	
}
form#member-sign-in label.username {
	background-image:	url('../images/layout/member-status-username.png');
}
form#member-sign-in label.password {
	background-image:	url('../images/layout/member-status-password.png');
}

form#member-sign-in input.text {
	width:				260px;
	height:				26px;
	background:			transparent url('../images/layout/member-status-input.png');
	border:				none;
	margin:				0;
	padding:			0;	
	padding-top:		10px;	
	padding-left:		10px;
	color:				inherit;
	font-family:		inherit;
}
form#member-sign-in button {
	float:				right;
	margin-right:		10px;
	background:			transparent url('../images/layout/button-sign-in-bg.png');
	width:				94px;
	height:				40px;
	border:				none;
	font-family:		inherit;
	font-weight:		bold;
	color:				#FFFFFF;
	text-align:			left;
	padding-left:		32px;
}


/**
 * Body content
 */
div#content p {
	margin-left:	40px;
	font-size:		0.9em;
	line-height:	1.4em;
}


/**
 * Page images
 */
p.inline-content-image {
	float:				right;
	width:				230px;
	overflow:			hidden;
	margin:				1em;
	padding:			0;
}
p.inline-content-image img {
	float: 				left;
}
p.inline-content-image span {
	float: 				left;
	font-size:			0.7em;
	line-height:		1em;
	text-align:			center;
	padding:			0.1em;
}

/**
 * Page headers
 */
h2 {
	margin:				0 0 40px 40px;
}
h2.graphical {
	height: 			50px;
	text-indent:		-9999em;
	background-repeat:	no-repeat;
	padding:				0;
}

/**
 * Footer
 */
div#footer-content {
	position:			relative;
	width:				900px;
	min-height:			100px;
	margin:				0 auto;
}

div#footer-content p.logo {
	display:			block;
	position:			absolute;
	top:				30px;
	margin:				0;
	padding:			0;
	width:				322px;
	height:				46px;
	background-image:	url('../images/layout/footer-logo.png');
	text-indent:		-99999em;
}

ul#footer-navigation {
	position:			absolute;
	top:				12px;
	right:				0;
	list-style:			none;
	overflow:			hidden;
}
ul#footer-navigation li {
	height:				27px;
	float: 				left;
	padding-right:		4px;
	margin-left:		14px;
	background-image:	url('../images/layout/footer-nav-bg-cap.png');
	background-position:right;
	background-repeat:	no-repeat;
}

ul#footer-navigation li a {
	display:			block;
	float:				left;
	height:				27px;
	line-height:		27px;
	background-image:	url('../images/layout/footer-nav-bg.png');
	background-position:left;
	background-repeat:	no-repeat;
	padding-left:		16px;
	padding-right:		12px;
	color:				#FFFFFF;
	font-size:			0.8em;
	text-decoration:	none;
}

ul#footer-navigation li a:hover {
	text-decoration:	underline;
}

div#footer-content p.info {
	position: 			absolute;
	top:				48px;
	right:				0;
	width:				550px;
	text-align:			right;
	font-size:			0.8em;
	line-height:		1em;
	color:				#FFFFFF;
}