/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*                 Layout StyleSheet - Yestertainment
*           Created by Jeremy S. Cargilo for ETR Consulting.
* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
* Purpose: 
*   This stylesheet contains the master layout css styles for the entire project.
*   All subpage styles, links, forms, and other non-layout items can be found in 
*   their respective style sheets.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* MasterPage Layout Styles
-------------------------------------------------------------------------------*/
* { 
	margin: 0px; 
	padding: 0px; 
}
body 
{
	font-size: 12px;
	color: #534115;
	font-family: Verdana, Arial, Helvetica, Sans-Serif; 
}
               
/* Master Header Section Styles
-------------------------------------------------------------------------------*/
#master_header { background: url("../../Images/header_bg.gif") repeat-x; }
#header_body 
{
	position: relative; 
	width: 860px; 
	height: 141px; 
	left: 50%; 
	margin-left: -430px;
	background: url("../../Images/master_header.gif") no-repeat #FFFFFF; 
}
.header_home_link
{
	float: left;
	position: relative; 
	left: 14px;
	width: 400px;
	height: 141px;
}
#header_trivia 
{ 
	float: right;
	position: relative;
	top: 80px; 
	right: 21px; 
	width: 349px;
	height: 42px;
	color: #FFFFFF;
	font-size: 12px;	
	font-weight: bold;
}


/* Master Body Section Styles
-------------------------------------------------------------------------------*/
#master_body 
{ 
	position: relative; 
	width: 860px; 
	left: 50%; 
	margin-left: -430px;
	background: url("../../Images/body_bg.gif") repeat-y;
	padding: 0px 10px 20px 14px; 
}
#sidenav 
{
	float: left; 
	position: relative;
	margin: -6px 12px 6px 0px;
	width: 197px; 
}
#master_content 
{
	float: left;
	margin: 10px 0px 10px 0px;
}

#sidenav_login 
{ 
	width: 197px; 
	height: 193px;
	background-color: #578621;
}
#sidenav_login table 
{
	width: 179px;
	color: #FFFFFF;
	margin: 11px 11px 8px 8px;
}
#sidenav_login input
{
	margin: 5px 0px 5px 0px;
	border: 1px solid #000000;
}
#login_links, #login_links a { color: #ECE653; }
#login_links a:link, #login_links a:visited { text-decoration: none; }
#login_links a:hover { color: #000000; }

#sidenav_leftmenu { margin-top: 10px; }
#sidenav_radios 
{ 
	width: 197px; 
	height: 41px; 
	background: url("../../images/sidenav_radios.gif") no-repeat; 
}
#sidenav_rss
{ 
	clear: left;
	width: 197px; 
	height: 41px; 
	background: url("../../images/sidenav_rss.gif") no-repeat; 
}

#sidenav_photo
{ 
	clear: left;
	width: 197px; 
	height: 41px; 
	background: url("../../images/sidenav_photographers.gif") no-repeat; 
}

#sidenav_contact
{ 
	clear: left;
	width: 197px; 
	height: 41px; 
	background: url("../../images/sidenav_contact.gif") no-repeat; 
}
.sidenav_link
{
	float: left;
	width: 167px; 
	height: 23px; 
	color: #57441B;
	text-decoration: none;
	padding: 3px 0px 0px 30px; 
	background: url("../../images/sidenav_link_bg.gif") no-repeat #F9F9F9; 
}
.sidenav_link_bottom
{
	float: left;
	width: 167px; 
	height: 30px; 
	color: #57441B;
	text-decoration: none;
	padding: 3px 0px 0px 30px; 
	background-color: #F9F9F9;
}
.sidenav_link_contact
{
	float: left;
	width: 182px; 
	height: 30px; 
	color: #57441B;
	padding: 3px 0px 0px 15px; 
	background-color: #F9F9F9;
}
.sidenav_ad img
{
	width: 197px;
	margin: 7px 0;
}
#sidenav_jingle
{
	position: relative; 
	top: 7px;
	margin-bottom: 7px;
	text-align: center;
}

/* Master Footer Section Styles
-------------------------------------------------------------------------------*/
#master_footer { background-color: #567526; }
#footer_body
{
	clear: left; 
	position: relative; 
	width: 860px; 
	height: 101px; 
	left: 50%; 
	margin-left: -430px;
	background: url("../../Images/master_footer.gif") no-repeat #FFFFFF; 
}
#footer_copyright 
{ 
	float: left;
	padding: 10px 0px 0px 24px;	
	color: #355014;
}
#footer_etr
{ 
	float: right;
	padding: 10px 24px 0px 0px;	
}
#footer_etr a { color: #355014; text-decoration: none; }
#footer_etr a:hover { color: #FFFFFF; }

/* CSS Hacks Section Styles
-------------------------------------------------------------------------------*/       

/* ----------------------------------------------------------------------------
    P.I.E. FLOAT CLEARING
    See http://www.positioniseverything.net/easyclearing.html 
-------------------------------------------------------------------------------*/
.clearfix:after {
    content: ".";
    clear: both;
    height: 0;
    visibility: hidden;
    display: block;
}
.clearfix {
    display: inline-block; /* Fixes IE/Mac */
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/*************************************************************/
/*   Aditional CSS for Yestertainment project           
/*   Author:  DVB		
/*	   Create Date:    May 8 -2007 																
/*************************************************************/

/*	For Registration Form  PasswordStrength*/
.contactform {width:418px; margin:2.0em 0 0 0; padding:10px 10px 0 10px; border:solid 1px rgb(200,200,200); background-color:rgb(240,240,240);}
.contactform fieldset {padding:20px 0 0 0 !important /*Non-IE6*/; padding:0 /*IE6*/; margin:0 0 20px 0; border:solid 1px rgb(220,220,220);}
.contactform fieldset legend {margin:0 0 0 5px !important /*Non-IE*/; margin:0 0 20px 5px /*IE6*/; padding:0 2px 0 2px; color:rgb(80,80,80); font-weight:bold; font-size:110%;}
.contactform label.left {float:left; width:120px; margin:0 0 0 10px; padding:2px; font-size:110%;}
.contactform label.Title {float:left; width:400px; margin:0 0 10px 10px; padding:2px; font-size:110%;}
.contactform p{height:25px}
.contactform input.field {width:265px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.contactform input.button {float:right; width:8.0em; margin-right:12px; padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; font-family:verdana,arial,sans-serif; color:rgb(150,150,150); font-size:110%;}
.contactform input.button:hover {cursor: pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}
.combo {width:155px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.reg_MSG{margin-left:30px;  color:rgb(228,28,28);}
.TypeAgain{  background-color: #FFFFC1; }
/*	For AJAX control  PasswordStrength*/
.TextIndicator{color:rgb(182,55,55); padding:3px; margin-left:12px;  border:1px; border-color:rgb(226,226,226); border-style:solid;}