@charset "UTF-8";
/*
Red Cellar 2009 - Screen CSS
Copyright (c)2009 Tyler Harvey DBA Red Cellar. All rights reserved.
Last modified: April 20, 2009
*/

/* ----------------------- MAIN SETUP -----------------------  */

body {
	background-color: #fff;
	background-image: url('images/base/bg_gradient.png');
	background-repeat: repeat-x;
	margin: 0 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.975em;
	}

.container {
	width: 960px;
	margin: 41px auto;
	}

.header {
	display: block;
	}

.header-logo {
	display: block;
	float: left;
}

/*  ----------------------- TOP MENU -----------------------  */

.header_menu {
	text-align: right;
	display: block;
	float: right;
	vertical-align: middle;
}

@media only screen and (max-device-width: 480px) {
	.header_menu {
	font-size: 0.6em;
	}
	}

.mmenu, .mmenu-active {
	margin-right: 30px;
	text-shadow: 0px 2px 3px white;
	}

a.mmenu:link {
	text-decoration: none;
	color: #000;
	}

a.mmenu:visited {
	text-decoration: none;
	color: #000;
	}
	
a.mmenu:hover {
	text-decoration: none;
	text-shadow: 0px -65px 75px #0066ff;
	}
	
a.mmenu:active {
	text-decoration: none;
	color: #0066ff;
	}

a.mmenu-active:link {
	text-decoration: none;
	color: #0066ff;
	}

a.mmenu-active:visited {
	text-decoration: none;
	color: #0066ff;
	}

a.mmenu-active:hover {
	text-decoration: none;
	color: #0066ff;
	}

a.mmenu-active:active {
	text-decoration: none;
	color: #0066ff;
	}

/* TOP NAV - SUBMENUS */

div.header_menu span { /*--Drop down trigger styles--*/  
    width: 17px;  
    height: 35px;  
    float: left;  
    background: url('/images/base/subnav_btn.gif') no-repeat center top;  
}  	

span.subhover {background-position: center bottombottom; cursor: pointer;} /*--Hover effect for trigger--*/  
ul.subnav {  
    list-style: none;  
    position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/  
    left: 0; top: 35px;  
    background: #333;  
    margin: 0; padding: 0;  
    display: none;  
    float: left;  
    width: 170px;  
    border: 1px solid #111;  
}  
ul.subnav li{  
    margin: 0; padding: 0;  
    border-top: 1px solid #252525; /*--Create bevel effect--*/  
    border-bottom: 1px solid #444; /*--Create bevel effect--*/  
    clear: both;  
    width: 170px;  
}  
ul.subnav li a {  
    float: left;  
    width: 145px;  
    background: #333 url(dropdown_linkbg.gif) no-repeat 10px center;  
    padding-left: 20px;  
}  
ul.subnav li a:hover { /*--Hover effect for subnav links--*/  
    background: #222 url(dropdown_linkbg.gif) no-repeat 10px center;  
}  

/*  ----------------------- FOOTER MENU -----------------------  */

a.fmenu:link {
	text-decoration: none;
	color: #000;
	}

a.fmenu:visited {
	text-decoration: none;
	color: #000;
	}

a.fmenu:hover {
	text-decoration: none;
	color: #000;
	}
a.fmenu:active {
	text-decoration: none;
	color: #000;
	}

a.fmenu-active:link {
	text-decoration: none;
	color: #0066ff;
	}

a.fmenu-active:visited {
	text-decoration: none;
	color: #0066ff;
	}

a.fmenu-active:hover {
	tex-decoration: none;
	color: #0066ff;
	}

a.fmenu-active:active {
	text-decoration: none;
	color: #0066ff;
	}
	
/*  ----------------------- CONTENT FORMATTING -----------------------  */

.content {
	display: block;
	clear: both;
	background-color: #151515;
	background-image: url('images/base/content_bg.png');
	background-repeat: repeat-x;
	padding: 35px 40px;
	color: white;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	}
	
.content p {
	font-size: .8em;
	line-height: 160%;
	}

.content h1 {
	margin: 0;
	text-align: right;
	}

.content h2 {
	text-align: right;
	font-size: 1em;
	color: #C0FF59;
	margin: 30px auto;
	}

.content h3 {
	color: #1ABEFD;
	font-size: .9em;
	text-shadow: 0px 5px 10px #383838;
	}
	
.content ul {
	list-style: square;
	line-height: 160%;
	}

.content li {
	font-size: .8em;
	}

.content a:link {
	text-decoration: none;
	color: white;
	border-bottom: dotted 1px #BFFF5E;
	}

.content a:visited {
	text-decoration: none;
	color: white;
	border-bottom: dotted 1px #BFFF5E;
	}

.content a:hover {
	text-decoration: none;
	color: white;
	border-bottom: none;
	}
	
.content a:active {
	text-decoration: none;
	color: white;
	border-bottom: dotted 1px #BFFF5E;
	}

.homebox {
	float: left;
	background-color: #151515;
	background-image: url('images/base/content_bg.png');
	background-repeat: repeat-x;
	padding: 35px 40px;
	color: white;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	font-size: 0.8em;
	height: 115px;
	}

.homebox h3 {
	text-align: left;
	color:#1ABEFD;
	font-size: 1.2em;
	text-shadow: 0px 5px 10px #383838;
	margin: 0 0 10px 0;
	}

.homebox input {
	margin: 5px 0;
	}

A.loginhelp:link, A.loginhelp:visited, A.loginhelp:active {
	color: #B1FF51;
	text-decoration: none;
	}

A.loginhelp:hover {
	text-decoration: underline;
	}

.clear { clear: both; }


/*  ----------------------- FOOTER FORMATTING (besides menu, which is above) -----------------------  */
	
.footer-left, .footer-right {
	display: block;
	font-size: 9px;
	padding: 20px 10px;
	}
	
.footer-left {
	float: left;
	clear: left;
	}
	
.footer-right {
	float: right;
	}
	

/*  --------------------------------------- SUBMENU FORMATTING ----------------------------------------  */

.submenu { text-align: right; margin-bottom:0; color: #C0FF59; font-weight: bold; }
.submenu li { font-size: 14px; list-style-type: none; display: inline; padding-left: 30px;}
.submenu li a:link { color: #C0FF59; text-decoration: none; border: none; }
.submenu li a:visited { color: #C0FF59; text-decoration: none; border: none; }
.submenu li a:hover { color: #fff; text-decoration: none; border: none; }
.submenu li a:active { color: #C0FF59; text-decoration: none; border: none; }