/* --------------------------------------------------------------------------------------------------
	Title:		LFC Entertainment CSS Document
	Author:		Squircle Inc.
	Artist:		Louis R. Stephens
	Date:		Febuary 08, 2008
------------------------------------------------------------------------------------------------------ */

* { margin: 0; padding: 0; }

body {
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 150%;
	text-align: center;
	background: #a3241d url('../images/bodyBackground4.jpg') repeat top left;
	/* background: #aa2520 url('../images/bodyBackgroundHeader3.jpg') no-repeat top center; */
}

#extraBackground { /* margin: 0 auto; background: transparent url('../images/bodyTopBackground.gif') no-repeat top center; */ }

div.clearer { height: 0; line-height: 0px; clear: both; }

.print { display: none; }

embed { z-index: 1; }

/*  ---------------------------------------------------------------------------
	=Framing
------------------------------------------------------------------------------- */

.frame { width: 100%; }

/*  ---------------------------------------------------------------------------
	=Global Layout
------------------------------------------------------------------------------- */

h1, h2, h3, h4 {  }
h1 { font-size: 18px; }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
h4 { font-size: 12px; }

h1 span { font-size: 14px; font-weight: normal; }

h1, h2, h3, h4, p, blockquote { padding: 12px 12px 0 12px; }

a  { color: #0033c0; text-decoration: none; }
a:hover { color: #e33b20; }

p span a {  }

img { border: none; }
a img {  }
a:hover img {  }

.mainContent ul, .mainContent ol { /*list-style-position: inside;*/ margin: 12px 0 0 35px; }

.finePrint { font-size: 10px; }

/* ---------- */

.constraint { position: relative; width: 950px; margin: 0 auto; text-align: left; }
#leftCurtain { position: absolute; width: 163px; height: 838px; top: 0; left: -140px; background: transparent url(../images/leftCurtain.gif) no-repeat top left; }
#rightCurtain { position: absolute; width: 164px; height: 842px; top: 0; right: -142px; background: transparent url(../images/rightCurtain.gif) no-repeat top left; }

.siteArea {  }

div.fullColumn, div.twoColumn, div.threeColumn, div.fourColumn { width: 100%; padding-bottom: 20px; }

.featureArea {
	height: 250px;
	background-color: #f7c874;
	background-color: #fff;
}

#libidoMediaGallery { margin-left: 12px; }

.mainContent { border-left: 2px solid #fff; border-right: 2px solid #fff; background: #fff url(../images/dotPattern2.jpg) repeat top left; }
.mainContent img {  }
.mainContent ul {  }

.entry {  }
.section {  }
.banner {  }
.container {  }
.box {  }

.libidoFacebook { float: left; display: block; width: 175px; height: 55px; margin: 10px 0 0 12px; background: transparent url(../images/buttons/libidoFacebook.gif) no-repeat top left; }
.libidoFacebook:hover { background-image: url(../images/buttons/libidoFacebookOver.gif); }

.libidoMyspace { float: left; display: block; width: 175px; height: 55px; margin: 10px 0 0 12px; background: transparent url(../images/buttons/libidoMyspace.gif) no-repeat top left; }
.libidoMyspace:hover { background-image: url(../images/buttons/libidoMyspaceOver.gif); }

.libidoMailingList { float: left; display: block; width: 146px; height: 55px; margin: 10px 0 0 12px; background: transparent url(../images/buttons/libidoMailingList.gif) no-repeat top left; }
.libidoMailingList:hover { background-image: url(../images/buttons/libidoMailingListOver.gif); }

#calendar { margin: 12px 0 0 9px; }

.mailingListSignUp { margin: 20px 0 0 12px; }
.mailingListSignUp h1 { margin: 0 0 12px 0; }
body#mailingList .mailingListSignUp { margin-left: 0; }

#bottomJeffContactInfo { text-align: center; padding-bottom: 8px; }

.couponLink { float: left; display: block; width: 520px; height: 91px; cursor: pointer; margin: 8px 0 0 12px; background: transparent url(../images/buttons/venueCouponLink.gif) no-repeat top left; }
.couponLink:hover { background-image: url(../images/buttons/venueCouponLinkOver.gif); }

/*	=TWO COLUMN
---------------------------------------------------------------- */

div.twoColumn {  }
div.twoColumn div.main { float: left; width: 635px; }

div.twoColumn div.column { float: left; width: 49%; }
div.twoColumn div.last { float: right; }

/*	=THREE COLUMN
---------------------------------------------------------------- */

div.threeColumn {  }
div.threeColumn div.main { float: left; width: 49.99%; }

div.threeColumn div.column { float: left; width: 33%; }
div.threeColumn div.last { float: right; }

/*	=FOUR COLUMN
---------------------------------------------------------------- */

div.fourColumn {  }
div.fourColumn div.column { float: left; width: 223px; }
div.fourColumn div.last { float: right; }

/*  =side & sideAlt
---------------------------------------------------------------- */

div.side { float: left; width: 300px; }
div.sideAlt { float: right; width: 300px; }

/*	=header
---------------------------------------------------------------- */

#header  { height: 289px; text-align: center; background: transparent url(../images/headerNavBackground.jpg) no-repeat top left; }
#header img {  }

/*	=navigation
---------------------------------------------------------------- */

.navigation { float: left; width: 100%; text-align: left; background: transparent url(../images/headerNavBackground.jpg) no-repeat bottom left; }
.navigation ul span { display: block; }
.navigation ul span.finePrint { font-size: 11px; font-weight: normal; text-transform: none; }
.navigation ul li.last { border-right: none; }

/* Dropdown */
.navigation ul { list-style-type: none; text-transform: uppercase; margin-left: 30px; }

.navigation ul li { position: relative; float: left; }

.navigation li ul {
	/* this width is needed for IE6 and should match with selector - div.navigation li ul li a (Sub Menu Styles) */
	width: 175px;
	position: absolute;
	top: 50px;
	left: -31px;
	display: none;
	text-transform: capitalize;
	/* border-top: 1px solid #abb7c4; */
}
.navigation li.L-music ul { left: -31px; }
.navigation li.L-music ul li a { width: 285px; }

/* Styles for Menu Items */
.navigation ul li a {
	height: 100%;	/* The dropdown disapears when you try to mouse-over it in IE7 - this fixes that issue. */
	/* color: #1a1a1a; */
	color: #fff;
	display: block;
	font-weight: bold;
	padding: 10px 14px;
	line-height: 15px;
	background-color: transparent;	/* IE6 Bug */
}
/* Fix IE. Hide from IE Mac \*/
* html .navigation ul li { float: left; height: 1%; }
* html .navigation ul li a { height: 1%; }

* html .navigation ul li a{ float: left; }
/* The selector below prevents the over links from appearing to display inline. */
* html .navigation li ul li { clear: both; }
/* End Fix IE*/

.navigation ul li a:hover, 
.navigation li ul li a:hover {
	color: #ffe400;
	/* background-image: url('../images/navOver.gif');
	background-repeat: no-repeat;
	background-position: bottom center; */
}
.navigation li ul li a:hover { /* background-image: none; */ background-color: #2d2d2d; }

.navigation li ul li a {
	/* Sub Menu Styles */
	/* width: 152px; */
	width: 204px;
	line-height: 15px;
	padding-top: 8px;
	padding-bottom: 8px;
	background-color: #111;
}

.navigation li ul li { border: 1px solid #abb7c4; border-top: none; }
.navigation li:hover ul, .navigation li.over ul { display: block; }		/* The magic */

/* End Dropdown */

/*  textNav page indicators
--------------------------------------- */

body#home li.L-home a,
body#shows li.L-shows a,
body#music li.L-music a,
body#songList li.L-music a,
body#promo li.L-music a,
body#information li.L-information a,
body#events li.L-information a,
body#faq li.L-information a,
body#bios li.L-information a,
body#reviews li.L-information a,
body#contact li.L-contact a { /* color: #e33b20; */ color: #ffe400; }

body#music li.L-music ul li a,
body#songList li.L-music ul li a,
body#promo li.L-music ul li a,

body#information li.L-information ul li a,
body#events li.L-information ul li a,
body#faq li.L-information ul li a,
body#bios li.L-information ul li a,
body#reviews li.L-information ul li a { color: #fff; }

body#music li.L-music ul li a:hover,
body#songList li.L-music ul li a:hover,
body#promo li.L-music ul li a:hover,

body#information li.L-information ul li a:hover,
body#events li.L-information ul li a:hover,
body#faq li.L-information ul li a:hover,
body#bios li.L-information ul li a:hover,
body#reviews li.L-information ul li a:hover { color: #ffe400; }

body#music li.L-music ul li.L-songSamples a,
body#songList li.L-music ul li.L-songList a,
body#music li.L-music ul li.L-photos a,
body#music li.L-music ul li.L-videos a,
body#promo li.L-music ul li.L-promoMaterial a,

body#events li.L-information ul li.L-events a,
body#faq li.L-information ul li.L-faq a,
body#bios li.L-information ul li.L-biographies a,
body#reviews li.L-information ul li.L-reviews a { color: #ffe400; background-color: #2d2d2d; }

body#home div.navigation li.L-home {
	/* background-color: #E6EBEF; */
	/*background-color: #fff; */
	/* background-image: url('../images/navOver.gif'); */
	/* background-repeat: no-repeat; */
	/* background-position: bottom center; */
}

/*	=footer
---------------------------------------------------------------- */

#footer { background-color: transparent; }

#textNav ul li a span { display: none; }

#footer #textNav ul li ul { display: none; }
#footer #textNav { text-align: center; padding: 95px 0 30px 0; background: transparent url(../images/bottomNavBkg.gif) no-repeat top left; }
/* the line below fixes an inconsistant padding issue in IE6 */
* html #footer #textNav { padding: 88px 0 18px 0; }
#footer #textNav ul { height: 10px; margin: 0 auto; padding-top: 5px; text-transform: capitalize; font-size: 80%; list-style-type: none; }
#footer #textNav li { display: inline; }
#footer #textNav a { color: #f1f1f1; padding: 3px 3px; }
#footer #textNav a:hover { color: #ffe400; background-color: #404040; }

/* div#footer div#textNav li.L-about, 
div#footer div#textNav li.L-services { display: none; } */

.credit { width: 900px; margin: 5px auto 20px auto; text-align: center; color: #fff; }
.credit a { padding: 2px; color: #ffff66; }
.credit a:hover { color: #b43127; background-color: #fff; }

/*  ---------------------------------------------------------------------------
	=home
------------------------------------------------------------------------------- */

body#home .side { width: 325px; }

body#home .adminContent { height: 150px; overflow: hidden; }

/* This was a temporary fix to avoid the music & media drop down. It was appearing under this widget.*/
/* body#home .side h1:first-child { margin-top: 130px; } */

body#home .main { width: 610px; }

body#home .mainContent p { padding-bottom: 0; }
body#home #calendar { width: 306px; }
body#home .widgetLink, body#shows .widgetLink { margin-left: 9px; }

.mailingListSignUp h1 { padding: 0; }

body#home #libidoMediaGallery { margin-top: 12px; }

/*  ---------------------------------------------------------------------------
	=about
------------------------------------------------------------------------------- */

body#about {  }

/*  ---------------------------------------------------------------------------
	=music
------------------------------------------------------------------------------- */

body#music .audioPlayer { margin: 20px 0 0 5px; }

/*  ---------------------------------------------------------------------------
	=shows
------------------------------------------------------------------------------- */
body#shows .mainContent .fullColumn { padding-bottom: 10px; }
body#shows div.twoColumn div.main { width: 700px; }
body#shows div.twoColumn div.sideAlt { width: 235px; }

body#shows #calendar { padding-left: 5px;/* width: 445px; */ }
body#shows #calendar embed { /* margin-top: 93px; */ }
body#shows .last p, body#shows .last h1 { padding-left: 0; }

body#shows .mailingListSignUp { /* margin: 75px 0 0 0; */ }

/*	=songlist
---------------------------------------------------------------- */

body#songList .column { text-align: center; margin-left: 4px; }

body#songList .column h1 { margin-bottom: 14px; }

body#songList .slFormats { padding-top: 20px; padding-bottom: 15px; }

body#songList .column ul { float: left; width: 49%; list-style-type: none; margin-left: 0; }

body#songList .listSong, body#songList .listArtist { font-size: 11px; }

body#songList .listSong { text-align: right; color: #000; margin-right: 2px; padding-right: 2px; border-right: 1px solid #990000; }
body#songList .listArtist { text-align: left; font-style: italic; }

body#songList ul li.alt { background-color: #fbe9c9; }

/*  ---------------------------------------------------------------------------
	=information
------------------------------------------------------------------------------- */

body#information .reviews { height: 555px; overflow: hidden; }

body#information ul.venues { margin-left: 9px; list-style-type: none; /* list-style-image: url(blueball.gif); */ }
body#information ul.venues li { line-height: 25px; display: inline; margin: 3px 4px 3px 0; padding: 2px 8px; background-color: #fbe9c9; }
body#information ul.venues li.alt { line-height: 25px; display: inline; margin: 3px 0; padding: 2px 0; background-color: transparent; }

.arrowlistmenu {  }
.arrowlistmenu .menuheader { cursor: pointer; }
.arrowlistmenu .openheader { /*CSS class to apply to expandable header when it's expanded*/ }
.arrowlistmenu ul {  }
.arrowlistmenu ul li {  }
.arrowlistmenu ul li a {  }
.arrowlistmenu ul li a:visited{  }
.arrowlistmenu ul li a:hover{ color: #A70303; background-color: #F3F3F3; }

/*  ---------------------------------------------------------------------------
	=faq
------------------------------------------------------------------------------- */

.question { margin-bottom: 3px; padding-bottom: 5px; }
.question span { padding-bottom: 3px; border-bottom: 1px solid #666666; }

.answer { margin: 0 10px 10px 10px; padding-top: 3px; padding-bottom: 3px; background-color: #fbe9c9; }

/*  ---------------------------------------------------------------------------
	=reviews
------------------------------------------------------------------------------- */

.sample { margin-bottom: 0; padding-bottom: 0; }

.reviewer { font-style: italic; padding-top: 0; }

blockquote { margin: 0 10px 10px 10px; padding-top: 3px; padding-bottom: 3px; background-color: #fbe9c9; }

/*  ---------------------------------------------------------------------------
	=biographies
------------------------------------------------------------------------------- */



/*  ---------------------------------------------------------------------------
	=contact
------------------------------------------------------------------------------- */

body#contact div.hr { margin: 10px 14px 15px 14px; padding-bottom: 15px; border-bottom: 1px solid #c01e1b; }

body#contact .sideAlt { border-left: 1px solid #c01e1b; margin-top: 12px; margin-bottom: 20px; padding-bottom: 8px; }
body#contact .sideAlt .firstParagraph { padding-top: 0; }

body#contact form { padding: 12px; }
body#contact .formBlock { float: left; width: 46%; }
body#contact .ext { width: 51%; }
body#contact label { padding-bottom: 0; }
body#contact .formRow { padding-bottom: 5px; }

/*  ---------------------------------------------------------------------------
	=form
------------------------------------------------------------------------------- */

form { /* width: 100%; */ }

.formSentFeedback p, .incompleteFeedback p { padding: 0; }
.formSentFeedback, .incompleteFeedback { color: #fff; font-size: 14px; margin: 12px 12px 5px 12px; padding: 10px 10px 13px 10px; background-color: #1381bc; }
.incompleteFeedback { background-color: #c01e1b; }
.formSentFeedback h1 { line-height: normal; }

p.interestedIn { padding-left: 0; }
p.interestedIn input { margin-left: 15px; }

.formBlock { float: left; width: 49%; /* padding-right: 15px; */ }
.formRow { width: 100%; padding-bottom: 15px; }

label { display: block; font-weight: bold; padding: 0 0 10px 0; }
label span { font-size: 90%; font-weight: normal; }

span.field { width: 100%; display: block; }
span.field input { margin-right: 8px; }
.required { color: #990000; font-weight: bold; }