/* ----------------------------------- */
/* GLOBAL
/* ----------------------------------- */

* {
	margin: 0px;
	padding: 0px;
	border: 0px;
}
html, body {
	height: 100%;
	font: 12px Helvetica, Arial, sans-serif;
	margin:0;
	color: #fff;
}
ul, ol {
	margin:0;
}
li {
	margin:0;
}
h1 {
	font-size:22px;
	color:#b99b5a;
}
h2 {
	font-size:18px;
	color:#b99b5a;
}
h3 {
	font-size:14px;
}
.error {
	border: solid 1px #6cf;
	background:#FFFFCC;
	width:750px;
	height:30px;
	padding-top:4px;
}
img {
	border:none;
}
.required {
	color:#f00;
}
hr {
	border-bottom:#fff solid 1px;
	margin: 10px 0 10px 0;  /* top right bottom left*/
}
.clear {
	clear:both;
}
/* ----------------------------------- */
/* MAIN
/* ----------------------------------- */
#container {
	width: 970px;
	margin: 0 auto;
	min-height: 100%;
	height: auto !important;
	height: 100%; /*stoopid ie*/
}
#header {
	height: 380px;
	padding-top:40px;
	text-align:center;
}
#musicplayer {
	height: 40px;
	margin-left:20px;
}
#footer {
	text-align:center;
	width: 970px;
	clear:both;
	margin: 20px 0 20px 0;
	color:#000;
}
#footer p {
	margin: 10px 0 10px 0;  /* top right bottom left*/
}
#footer .left {
	width: 300px;
	float: left;
	text-align:left;
}
#footer .right {
	width: 670px;
	float:right;
	text-align:right;
}
#footer a:link, a:visited {
	color: #444;
	text-decoration:none;
}
#footer a:hover {
	color: #6cf;
	text-decoration:none;
}
/* ----------------------------------- */
/* MENU
/* ----------------------------------- */
#menu {
	height: 60px;
	font: 16px bold Helvetica, Arial, sans-serif;
	margin-left:250px;
}
#menu ul {
	margin-left:5px;
}
#menu li {
	float: left;
	list-style: none;
	_display: inline;		/* fixes IE/Win double margin float bug (safe) */
	margin:20px;
}
#menu a {
	color:#fff;
	text-decoration:none;
}
#menu a:hover {
	color:#b99b5a;
	text-decoration:none;
}
/* ----------------------------------- */
/* CONTENT
/* ----------------------------------- */
#content-left {
	float:left;
	width: 250px;
	margin-left:20px;
}
#content {
	float:left;
	width: 460px;
	text-align:left;
	border: 1px solid #fff;
	margin: 0 20px 0 20px;
	padding:5px;
}
#content ul, #content ol {
	margin: 10px;  /* top right bottom left*/
	list-style:none;
}
#content li {
	margin-bottom:4px;
}
#content a {
	color: #b99b5a;
	text-decoration:none;
}
#content a:hover {
	color: #fff;
	text-decoration:none;
}
#content-right {
	float:left;
	width: 170px;
}
#content-right ul {
	color:#fff;
	list-style:none;
}
#content-right li {
	margin-bottom:10px;
}
#content-right a {
	color:#fff;
	text-decoration:none;
}
#content-right a:hover {
	color:#b99b5a;
	text-decoration:none;
}
#content-right .image {
	margin:3px;
	height:70px;
	width:70px;
	overflow:hidden;
	float:left;
}
.png_bg {
	background:url(/images/black_bg.png);
}
.box {
	background:url(/images/black_bg.png);
	border: 1px solid #fff;
	padding: 5px;
	margin-bottom:15px;
}
.title {
	background:#000;
	border:solid 1px #fff;
	margin-bottom:5px;
	padding:5px;
	font-size:14px;
}
#albumbucket {
	float: left;
	width: 215px;
	background: #111;
	margin: 5px 5px 5px 0;  /* top right bottom left*/
	border:solid 5px #000;
	text-align:center;
}
#albumbucket p {
	margin: 10px 10px 10px 10px;  /* top right bottom left*/
}
#albumbucket img {
	margin: 10px 0 10px 0;  /* top right bottom left*/
}
#albumdetails img {
	margin: 5px;  /* top right bottom left*/
	border:solid 5px #000;
	float: left;
}
#albumdetails p {
	margin: 10px;  /* top right bottom left*/
	text-align:left;
}
#albumdetails h2 {
	margin: 20px 0 10px 5px;  /* top right bottom left*/
	color:#fff;
	text-align:left;
}


/* ----------------------------------- */
/* FORM
/* ----------------------------------- */
form.newsletter {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
	font:100% Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	width:auto;
}
form.newsletter input, select, form.newsletter textarea {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:100px;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	background:#fff url(/images/form_bg.gif) repeat-x;
	color:#000;
	padding:4px;
}
form.newsletter input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}
form.newsletter .button {
	width: 30px;
}