/* RESET */
/* ----------------------------------------- */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight: bold }
em { font-style: italic }
a img { border:none } /* Gets rid of IE's blue borders */


/*
-----------------------
	COLORS USED:
		brown: #281c0e 
		lt brown: #645f41
		pink: #feb7b3
		green: #88b88c
------------------------
*/



/*---------------------------------------------
	GENERAL STUFF
---------------------------------------------*/

body {
	background: #281c0e url(../images/background_gradient.jpg) repeat-x center top;
	font: 12px arial, helvetica, sans-serif;
	text-align: center;
}

html { 
	height: 100%; margin-bottom: 20px;
	text-align: center;   
}

a:link, a:visited {
	text-decoration: none;
	color: #281c0e;
	font-weight: bold;
}
a:hover, a:active {
	color: #88b88c;
}

p {
	text-align: left;
	margin-bottom: 20px;
}

h1 {
	font-size: 18px;
	font-weight: bold;
	color: #87815d;
	text-align: left;
	margin-bottom: 5px;
}

h2 {
	font-size: 22px;
	font-weight: bold;
	color: #281c0e;
	text-align: center;
	margin-bottom: 5px;
}

/*---------------------------------------------
	MAIN STRUCTURE
---------------------------------------------*/
#page-wrap {
	width: 800px;
	margin: 0 auto;
	padding-top: 186px;
	background-image:  url(../images/banner_top.jpg);
	background-repeat: no-repeat;
}

#footer {
	clear: both;
	background-color: #281c0e;
	height: 200px;
	width: 800px;
}


/*---------------------------------------------
	LEFT COLUMN
---------------------------------------------*/
#content-box {
	clear: right;
	float: left;
	width: 477px;
	padding-left: 31px;
}

#content-top {
	background-image:  url(../images/content_top.png);
	background-repeat: no-repeat;
	height: 67px;
	width: 470px;
}
	ul.navbar {
	padding-top: 16px;
	padding-left: 40px;
	text-align: left;
	}
	ul.navbar li {
	list-style: none;
	display: inline;
	margin-right: 25px;
	color: #281c0e;
	font-size: 30px;
	font-weight: bold;
	}
	ul.navbar li a:link, ul.navbar li a:visited {
	text-decoration: none;
	color: #645f41;
	font-size: 30px;
	}
	ul.navbar li a:hover, ul.navbar li a:active {
		color: #fdaba7;
	}

#content {
	background-image:  url(../images/content_repeat.png);
	background-repeat: repeat-y;
	width: 470px;
	min-height: 200px;
	text-align: left;
}	
	.text {padding: 20px 20px 10px 20px;}
	.text-listen {padding: 20px 20px 10px 20px; text-align: center;}
	.h2-centered {padding-left: 69px; }

#content-footer {
	background-image:  url(../images/content_footer.png);
	background-repeat: no-repeat;
	height: 64px;
	width: 470px;
	padding-top: 15px;
	color: #645f41;
}



/*---------------------------------------------
	RIGHT COLUMN
---------------------------------------------*/
#sidebar-box {
	float: right;
	width: 269px;
	padding: 20px 10px 0 0;
}
	.album { margin-bottom: 17px; text-align: left; }
	.album a:link, .album a:visited {display: block; background:  url(../images/album_cover.jpg) no-repeat left top; width: 259px; height: 258px;}
	.album a:hover, .album a:active {display: block; background:  url(../images/album_coverSWAP.jpg) no-repeat left top;}
	
	.store-BTN { margin-bottom: 28px; text-align: left; }
	.store-BTN a:link, .store-BTN a:visited {display: block; background:  url(../images/store_BTN.jpg) no-repeat left top; width: 259px; height: 50px;}
	.store-BTN a:hover, .store-BTN a:active {display: block; background:  url(../images/store_SWAP.jpg) no-repeat left top;}
	
#shows { 
	width: 259px;
	background-image:  url(../images/shows_repeat.jpg);
	background-repeat: repeat-y;
}
	.shows-header {
	background-image:  url(../images/shows_top.jpg);
	background-repeat: no-repeat;
	height: 26px;
	width: 259px;
	font-weight: bold;
	text-align: center;
	font-size: 18px;
	padding-top: 11px;
	}

	.shows-content {
	padding: 8px 15px 10px;
	text-align: left;
	min-height: 100px;
	}

	.shows-footer {
	background-image:  url(../images/shows_footer.jpg);
	background-repeat: no-repeat;
	height: 22px;
	width: 259px;
	}


/*---------------------------------------------
	LISTEN PAGE MISC
---------------------------------------------*/
#flashPlayer {
	background-color: #c5be91;
	padding: 15px;
	margin: 0 auto 8px auto;
	height: 220px;
	width: 315px;
	border: 1px dashed #281c0e;
	-moz-border-radius: 10px; -webkit-border-radius: 10px;
}

#player-wrap {
	width: 400px;
	margin: 0 auto;
	padding-top: 70px;
}

#player-body {
	font-weight: bold;
	color: #281c0e;
	background-color: #f6f6cd;
	text-align: center;
	padding: 20px 0 20px 43px;
	width: 400px;
	border: 5px solid #e9e9c4;
	-moz-border-radius: 20px; -webkit-border-radius: 20px;
}

.instruction-box {
	background: #c5be91; 
	border: 1px solid #8e8864;
	width: 350px;
	padding: 20px;
	margin: 20px auto 25px auto;
	font-size: 24px;
	font-weight: bold;
	color: #4f8053;
	text-align: center;
	-moz-border-radius: 10px; -moz-border-radius: 10px;
	
}

.msg_list {
	margin: 0px;
	padding: 0px;
	width: 100%;
}
.msg_head {
	font-size: 22px;
	font-weight: bold;
	color: #281c0e;
	padding: 5px 10px 2px 10px;
	cursor: pointer;
	position: relative;
}
.p1 {background: #aaa379; border: 1px solid #645f41;}
.p2 {background: #c5be91; border: 1px solid #8e8864;}

.msg_body {
	padding: 15px 10px 10px 12px;
	margin-bottom: 20px;
	-moz-border-radius: 10px; -webkit-border-radius: 10px;
}
	.msg_body a:link, .msg_body a:visited {text-decoration: none; color: #281c0e ; font-weight: bold;}
	.msg_body a:hover, .msg_body a:active {text-decoration: none; color: #fe9b95; font-weight: bold;}



/*---------------------------------------------
	MISC STUFF
---------------------------------------------*/
#flashcontent {
	width: 400px;
	padding-bottom: 50px;
	margin: 0 auto;
}