@charset "utf-8";
/* CSS Document */

/*ALL PAGES*/

/*Background*/
body {background-image: url(../images/LemonvineSiteAmpBackground.jpg); background-color: #7A7686;} 

div#container {margin: 0 auto; width: 90%; height: 90%; padding: .5em; background-color: #C7BD03; border-style: dotted; border-color: #FFFFFF; border-width: .09em;}

/*Text*/
body,td,th {color: #000000; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; text-align: center;} 
a:link {color: #000000;}

a:visited {color: #FFFFFF;}

a:hover {color: #97041E;}

h1 {font-size: 26px; color: #97041E; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic;}

h2 {font-size: 22px; color: #000000;}

h3 {font-size: 22px; color: #97041E;}

h4 {font-size: 18px; color: #000000;}

h5 {font-size: 18px; color: #97041E;}

h6 {font-size: 14px; color: #000000;}

/*TOP CONTENT*/
/*Main Navigation*/
#main_nav {margin-top: -18em;}

#main_nav ul {list-style-type: none; margin: 0; padding: 0; text-align: center;}

#main_nav ul li {display: inline;}

#main_nav ul li a {text-decoration: none; padding: .2em 1em; color: #FFFFFF; background-color: #162326; border-color: #FFFFFF; border-style: outset; border-width: 1.4px;}

#IEroot #main_nav ul li a {border-width: 2px;}

#main_nav ul li a:hover {color: #C7BD03;}

#main_nav ul li a:active {color: #97041E;}

div#firefox {width: 12%; padding: 0; margin: 0 0 0 50em;}

#IEroot div#firefox {width: 11%; padding: 0; margin: 1em 0 0 39em;}

div#firefox h6 {font-size: 11px; font-weight: bold; line-height: 150%; color: #C7BD03;}

div#firefox h6 a:link {color: #FFFFFF;}

div#firefox h6 a:hover {color: #1034DB;}

/*BOTTOM CONTENT*/
/*Amp Bottom Graphic*/
div#amp_bottom {height: 100%; margin-top: -.5em;}

#IEroot div#amp_bot {margin-bottom: 2em;}

div#firefox_2 {height: 100%; margin-left: auto; margin-right: auto; margin-right: .05em; margin-bottom: .05em;}

div#firefox_2 h6 {color: #97041E;}

div#firefox_2 h6 a:link {color: #000000;}

div#firefox_2 h6 a:visited {color: #1034DB;}

div#firefox_2 h6 a:hover {color: #FFFFFF;}

/*Sub Navigation*/
div#nav_sub {height: 100%; clear: both; margin: 0 auto; padding-top: .05em; padding-bottom: 0; letter-spacing: .09em;}

div#nav_sub li {list-style-type: none;}

div#nav_sub a:link {color: #FFFFFF;}

div#nav_sub a:visited {color: #000000;}

div#nav_sub a:hover {color: #97041E;}

/*Footer*/
div#top {height: 100%; margin: 0 auto;}

div#footer h6{font-size: 11px;}

/*TEST PAGE*/

div#hor_top {height: 100%; width: 50em; margin-left: auto; margin-right: auto; margin-top: 1em; border-color: #FFFFFF; border-style: dotted; border-width: 1.4px; background-image: url(../images/LemonvineSiteBackground2.png); background-repeat: repeat;}

div#hor_bot {height: 100%; width: 50em; margin: auto; border-color: #FFFFFF; border-style: dotted; border-width: 1.4px; background-image: url(../images/LemonvineSiteBackground3.png); background-repeat: repeat;}

div#mid_content {height: 100%; padding: 1em;}

div#mid_content h1 {padding: 0; margin: 0}

/*INDIVIDUAL PAGES*/

/*MIDDLE CONTENT*/
/*Home*/
div#welcome {height: 100%; width: 65%; margin: -17em 8em 1em 19em; padding: 1em;}

#IEroot div#welcome {margin-top: -19em;}

div#welcome_info {height: 100%; margin: 0 auto; padding: .05em 5em 0 6em;}

div#welcome_info h4 {line-height: 130%; letter-spacing: .03em; word-spacing: .05em; text-align: left;}

div#sign_up {height: 100%; width: 25%; margin: 18em -2em 0 5em;}

#IEroot div#sign_up {margin-left: -45em;}

/*Music*/
div#music {height: 100%; margin: 3.8em 11em 0 15em; padding: 1em 1em 0 1em;}

#IEroot div#music {margin-top: 5em;}

div#music h2, div#music h3 {line-height: 120%; letter-spacing: .03em; word-spacing: .05em;}

div#music_info{height: 100%; display: inline; float: left; margin: 4em 0 1em 8em; padding: 0 1.2em 0 0; border-color: #FFFFFF; border-style: dotted; border-width: 1.4px; background-image: url(../images/LemonvineSiteBackground2.png); background-repeat: repeat;}

#IEroot div#music_info {padding-top: 1em;}

div#music_info li {list-style-type: none; text-align: left; font-size: 16px; line-height: 300%;}

div#mp3_player {height: 100%; float: right; margin: 0 5em 1em 0}

#IEroot div#mp3_player {margin-bottom: -31em;}

/*Shows*/
div#shows {height: 100%; width: 50%; margin: -11em 14em 0 17em; padding: 1em;}

#IEroot div#shows {margin-top: -9em; margin-bottom: 2em;}

div.show_infoA {width: 45%; height: 100%; margin: auto; padding: 1em 1em 1.5em 16em; background-image: url(../images/LemonvineAmpCasesBackground.png); background-repeat: repeat;}

div.show_infoB {width: 45%; height: 100%; margin: auto; padding: 1em 1em 1.5em 16em; background-image: url(../images/LemonvineAmpCases_B.jpg); background-repeat: repeat;}

div.show_infoC {width: 45%; height: 100%; margin: auto; padding: 1em 1em 1.5em 16em; background-image: url(../images/LemonvineAmpCases_C.jpg); background-repeat: repeat;}

div.show_infoA h3, div.show_infoB h3, div.show_infoC h3 {text-align: left; letter-spacing: .06em; word-spacing: .04em; line-height: 1.4em;}

div.show_infoA h4, div.show_infoB h4, div.show_infoC h4 {text-align: left; letter-spacing: .05em; word-spacing: .03em; line-height: 1.3em;}

/*Shows*/
/*Video*/
/*Links*/
div#icon_right {height: 100%; width: 15%; margin: 6em 0 1em 55em; border-style: none;}

/*About*/
div#about {height: 100%; width: 50%; margin: -31em 12em 0 18em; padding: 1em;}

#IEroot div#about {margin-top: -31em;}

div#about h4 {text-align: left; line-height: 150%; letter-spacing: .07em; word-spacing: .07em;}

div#border_right {height: 100%; width: 15%; margin: -13em 0 1em 56em; border-style: none;}

/*About*/
/*News*/
div#icon_left {height: 100%; width: 15%; margin: 16em 0 1em 8em; border-style: none;}

/*News*/
div#news {height: 100%; width: 50%; margin: -26em 12em 0 18em; padding: 1em;}

#IEroot div#news {margin-top: -21em;}

div#news h2, div#news h3 {line-height: 120%; letter-spacing: .03em; word-spacing: .05em;}

div#news h2 {text-align: left;}

div#news h3 {font-style: italic;}

div#border_right_news {height: 100%; width: 15%; margin: -18em 0 1em 56em; border-style: none;}

#IEroot div#border_right_news {margin-top: -22em; margin-right: 15em;}

/*Videos*/
div#vid_info {height: 100%; width: 50%; margin: -11em 14em 0 18em; padding: 1em;} 

#IEroot div#vid_info {margin-top: -9em;}

div#vid_info h2 {line-height: 135%;}

div#vid_posters_1L {height: 100%; display: inline; float: left; margin: 2em 0 1em 7em}

div#vid_posters_1R {height: 100%; float: right; margin: 2em 7em 1em 0}

div#video {height: 100%; margin: 0 11em 0 14em;}

/*Links*/
div#links {height: 100%; margin: -11em 12em 0 15em; padding: 1em;}

#IEroot div#links {margin-top: -10em;}



/*SPRY VALIDATION TEXT FIELD*/

/* SpryFormValidation.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* These are the classes applied on the error messages
 * which prevent them from being displayed by default.*/ 
.textfieldRequiredMsg, 
.textfieldInvalidFormatMsg, 
.textfieldMinValueMsg,
.textfieldMaxValueMsg,
.textfieldMinCharsMsg,
.textfieldMaxCharsMsg,
.textfieldValidMsg {display: none;}

/* These selectors change the way messages look when the widget is in one of the error states.
 * These classes set a default red border and color for the error text.
 * The state class (e.g. .textfieldRequiredState) is applied on the top-level container for the widget,
 * and this way only the specific error message can be shown by setting the display property to "inline".*/
.textfieldRequiredState .textfieldRequiredMsg, 
.textfieldInvalidFormatState .textfieldInvalidFormatMsg, 
.textfieldMinValueState .textfieldMinValueMsg,
.textfieldMaxValueState .textfieldMaxValueMsg,
.textfieldMinCharsState .textfieldMinCharsMsg,
.textfieldMaxCharsState .textfieldMaxCharsMsg
{display: inline; color: #97041E; border: none;}

/* The next three group selectors control the way the core element (INPUT) looks like when the widget is in one of the states: * focus, required / invalid / minValue / maxValue / minChars / maxChars , valid 
 * There are two selectors for each state, to cover the two main usecases for the widget:
 * - the widget id is placed on the top level container for the INPUT
 * - the widget id is placed on the INPUT element itself (there are no error messages)*/
 
 /* When the widget is in the valid state the INPUT has a green background applied on it. */
.textfieldValidState input, input.textfieldValidState {background-color: #B8F5B1;}

/* When the widget is in an invalid state the INPUT has a red background applied on it. */
input.textfieldRequiredState, .textfieldRequiredState input, 
input.textfieldInvalidFormatState, .textfieldInvalidFormatState input, 
input.textfieldMinValueState, .textfieldMinValueState input, 
input.textfieldMaxValueState, .textfieldMaxValueState input, 
input.textfieldMinCharsState, .textfieldMinCharsState input, 
input.textfieldMaxCharsState, .textfieldMaxCharsState input {background-color: #97041E;}

/* When the widget has received focus, the INPUT has a yellow background applied on it. */
.textfieldFocusState input, input.textfieldFocusState {background-color: #FFFFCC;}

/* This class applies only for a short period of time and changes the way the text in the textbox looks like.
 * It applies only when the widget has character masking enabled and the user tries to type in an invalid character. */
.textfieldFlashText input, input.textfieldFlashText{color: red !important;}