/***********************************************************************************
/
/	 	     OLM Site Styles For Common Sections
/
/***********************************************************************************/

@import url(basic.css);

body{
	background: url(../../images/bgTile.jpg);
}

a{ color: #fff; text-decoration: none; outline: none; }

a:hover, a.selected{ color: #800000; }

img{ border: 0; }

.clear{ clear: both; }

.hide{ display: none; }

h1 {
	margin: 10px 0;
	padding-left: 5px;
}

.redArrow{ margin-left: 10px; }

.noData{
	font-size: 14px;
	color: #894b13;
	font-weight: bold;
	margin-top: 20px;
}

/************************Header, Content, Footer**********************/

#container{
	background: url(../../images/containerTile.jpg);
	width: 918px;
	position: relative;
	margin: 0 auto;
}

#header{
	background: url(../../images/bgHeader.jpg) no-repeat;
	height: 413px;
	position: relative;
	z-index: 0;
}

#header #mailingList{
	width: 135px;
	height: 87px;
	display:inline;
	float: left;
	margin: 81px 0 0 42px;
	text-indent: -9999px;
}

#header #center{
	width: 523px;
	float: left;
	margin: 44px 0 0 5px;
}

#header #center #logo{
	width: 416px;
	height: 80px;
	display:inline;
	float: left;
	margin-left: 50px;
	text-indent: -9999px;
}

#header #center #navBar{
	float: left;
	margin: 40px 0 0;
	list-style-type: none;
	padding: 0;
	width:600px;
}

#header #navBar li{
	margin-left: 5px;
	float: left;
}

#header #navBar li.first{
	margin: 0;
}

#header #navBar li a{
	display:block;
	height: 19px;
	background: url(../../images/navBar.gif) no-repeat;
	text-indent: -9999px;
}

#header #navBar li a.news		{ width: 54px; 	background: url(../../images/navNews.gif)		0 0; }
#header #navBar li a.artist		{ width: 54px; 	background: url(../../images/navArtists.gif)	0 0; }
#header #navBar li a.tours		{ width: 54px; 	background: url(../../images/navTours.gif) 		0 0; }
#header #navBar li a.whoweare	{ width: 84px; 	background: url(../../images/navWho.gif) 		0 0; }
#header #navBar li a.shop		{ width: 54px; 	background: url(../../images/navShop.gif) 		0 0; }
#header #navBar li a.musicsup	{ width: 123px;	background: url(../../images/navMusic.gif) 		0 0; }
#header #navBar li a.blog		{ width: 54px; 	background: url(../../images/navBlog.gif) 		0 0; }
#header #navBar li a.twitter		{ width: 54px; 	background: url(../../images/navTwitter.gif) 		0 0; }


#header #navBar li a.selected,
#header #navBar li a:hover{
	background-position: 0 -19px;
}

#header #player{
	width: 78px;
	height: 100px;
	display:inline;
	float: right;
	margin: 70px 71px 0 0;
	text-indent: -9999px;
}

#footer{
	background: url(../../images/bgFooter.jpg) no-repeat;
	height: 234px;
	position: relative;
	z-index: 0;
}

#footer #links{
	float: left;
	margin: 130px 0 0 250px;
	list-style-type: none;
	padding: 0;
	_display: inline;
}

#footer #links li{
	margin-left: 35px;
	float: left;
}

#footer #links li.first{
	margin: 0;
}

#footer #links a{
	_line-height: 1.7em;
}

#footer #links li a{
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
}

#content{
	background: url(../../images/contentTile.jpg);
	width: 727px;
	margin: -209px auto -113px;
	position: relative;
	z-index: 1;
	overflow-x: hidden;
	padding: 30px 0 30px;

	min-height:262px;
	height:auto !important;
	height:262px;
	overflow-y: visible;
}

#content a{ color: #000; }
#content a:hover{ color: #800000; }

/**********************End: Header, Content, Footer********************/

/*************************** Flyouts Section **************************/
#artistList{
	position: absolute;
	top: 183px;
	left: 240px;
	background-color: #644b23;
	z-index: 20;
}

#shopList{
	position: absolute;
	top: 183px;
	left: 360px;
	background-color: #644b23;
	z-index: 20;
}

#artistList ul,
#shopList ul{
	padding: 0 8px 5px 8px;
	list-style-type: none;
	margin: 0;
}

#artistList ul li a,
#shopList ul li a{
	color: #d8d2c8;
	font-size: 11px;
	font-weight: bold;
	_line-height: 1.9em;
}

*:first-child+html #artistList ul li a,
*:first-child+html #shopList ul li a{
	line-height: 1.9em;
}

#artistList ul li a:hover,
#shopList ul li a:hover{
	color: #fff;
}

/**********************End: Flyouts Section ****************************/

/************************ SignUp Section *******************************/
#signUp{
	background: url(../../images/contentTile.jpg) 50px 0;
	width: 220px;
	height: 380px;
	padding-left: 20px;
	overflow: hidden;
}

#signUp h1{
	margin: 20px 0 20px 1px;
	padding: 0;
}

#signUp .fieldWrapper{
	float: left;
	width: 210px;
	height: 54px;
	overflow: hidden;
}

#signUp .fieldName{
	font-size: 11px;
	font-weight: bold;
}

#signUp input{
	background-color: #fff;
	border: 2px solid #998354;
	width: 156px;
	height: 15px;
	font-size: 11px;
	padding: 1px 1px 0 1px;
}

#signUp #signUpSubmit{
	float: left;
	margin-top: 4px;
	padding-left: 7px;
}

#signUp #signUpSubmit a{
	background: url(../../images/submit.gif) no-repeat;
	width: 119px;
	height: 27px;
	display: block;
	text-indent: -9999px;
}

#signUp .fieldWrapper .error {
	background: url(../../images/unchecked.gif) no-repeat;
	height: 14px;
	padding-left: 16px;
	margin: 1px 0 0 3px;
	color: #ff3333;
	font-size: 11px;
	line-height: 1.5em;
	_line-height: 1.2em;
	visibility: hidden;
}

*:first-child+html #signUp .error {
	line-height: 1.2em;
}

#signUp h3.confirmationMsg{
	color: #894b13;
	padding-right: 20px;
	font-size: 13px;
	font-weight: bold;
}

#signUp h3.error{
	color: #ba1500;
}

#TB_title{
	background: none;
	height: 22px;
	margin-bottom: -23px;
	position: relative;
	z-index: 1;
}

#TB_closeAjaxWindow{
	padding: 7px 10px 0 0;
	font-family: Tahoma;
	font-weight: bold;
}

/************************ End: SignUp Section **************************/

/*************************** Thickbox Section **************************/
body.TB_BODY { margin: 0; }
body.TB_BODY {background:none;}

/************************ End: Thickbox Section ************************/


.twtr-doc {

clear:both;

}