/* Main CSS Styles For Sweetwater Records */

body {
	background: url(images/2008-body-tile.jpg) repeat top center #5B0016;
	color: #000;
	font: 12px Arial, Helvetica, sans-serif;
	margin: 0;
	}
p { line-height: 16px; }
a { color: #BB5018; text-decoration: none; }
a:hover, a:focus, a:active { text-decoration: underline; }
#container {
	background: url(images/2008-content-bg.jpg) repeat-y top center #F4F0E8;
	margin: auto;
	position: relative;
	width: 828px;
	}
.clear { width: 100%; height: 0; clear: both; margin: 0; padding: 0; }
.noDisplay, .hide { display: none; }

/* Banner */
#banner {
	background: url(images/2008-banner.jpg) no-repeat top center #16457C;
	color: #F8F3E6;
	height: 112px;
	width: 100%;
	}
#banner h1 { font-size:44px; margin:0; padding:0; position:relative; top:32px; left:21px; z-index:100; width:534px;  }
#banner h1 a { display:block; }
#banner a { text-decoration: none; color: #F8F3E6; }
#banner img { margin-bottom: 3px; }
#banner span { font-size: 13px; font-weight: normal; letter-spacing: 1px; }

#bannerSearch { z-index: 3; position: absolute; top: 30px; right: 15px; text-align: right; }
#bannerSearch .brdr { border: 2px solid #B34B17; display: block; float: right; background: #F4F0E8; margin: 0 0 0 5px; }
#searchText { padding: 0; width: 110px; background: #F4F0E8; line-height: 12px; border: 0px solid #F4F0E8; text-align: left; }
#bannerSearch input[type=text], #bannerSearch input[type=text]:focus { outline: none !important; }
.bannerSearchBtn { vertical-align: middle; height: auto; }

/* Menu */
#menu { background: url(images/2008-menu-bg.jpg) no-repeat top center #BB5018; height: 37px; width: 100%; }
#menu a { color: #F8F3E6; display: block; font-size: 15px; font-weight: bold; line-height: 37px; padding: 0 23px; text-decoration: none; }
#menu ul { list-style: none; margin: 0; padding: 0; }
#menu li.first { border: none; }
#menu li { border-left: 2px dotted #E5C1A9; float: left; overflow:hidden; height:37px; }
#menu li.upload { float: right; background: url(/imgs/2008-menu-upload-btn.jpg) no-repeat top right #CB9C00; border-color: #143F72; width: 189px; }
#menu li.upload a { padding: 0 0 0 18px; } 
#menu li.upload span { background: url(/imgs/2008-menu-upload-arrow.jpg) no-repeat center right; color: #143F72; padding-right: 17px; }

/* Genres */
#genres {
	background: url(images/2008-genre-bg.jpg) no-repeat top center #5683B8;
	height: 23px;
	text-transform: uppercase;
	width: 100%;
	}
#genres a { color: #F8F3E6; line-height: 23px; padding: 3px 3px 3px 5px; text-decoration: none; font-size:12px; }
#genres ul { list-style: none; margin: 0 auto; padding: 0; text-align: center; width: 815px; }
#genres li { border-left: 1px dotted #C9CCCF; display: inline; }
#genres li.first { border: none; }

/* Content */
#content { margin: 15px auto; width: 780px; }
#welcomeBox h2 { color:#1A5192; font-size:45px; line-height:45px; padding:10px 0 0; margin:0; }
#welcomeBox h3 { color:#BE5118; font-size:18px; font-style:italic; font-weight:normal; padding:0; line-height:20px; margin:0; }
#welcomeBox p { margin:10px 0; }
#welcomeBox p.btns { margin:15px 0 0; padding-bottom:15px; }
#welcomeBox .uploadBtn { color: #39912C; /* margin-right:10px; */ }

/* Content Box */
.contentBoxHeader { background: url(images/2008-contentbox-header-lt.gif) no-repeat top left #194B88; color: #F8F3E6; float: left; font-size: 13px; line-height: 24px; margin: 10px 0 0; }
.contentBox { background: #F5EDE4; clear: left; width: 100%; }
.contentBoxHeader span { background: url(images/2008-contentbox-header-rt.gif) no-repeat top right; display:block; padding: 0 10px; }
.contentBox .top { background: url(images/2008-contentbox-top.gif) no-repeat top center; padding: 4px 0 0; width:100%; }
.contentBox .btm { background: url(images/2008-contentbox-btm.gif) no-repeat bottom center; padding: 0 0 4px; width:100%; }
.contentBox .center { border: solid #8CA9CA; border-width: 0 2px; padding: 10px 0; position: relative; }
.contentBox .content { margin: 0 auto; width:760px; overflow: auto; }

/* Homepage Styles */
.homeartist .top { background: url(/imgs/2008-homeartist-top.gif) no-repeat top center; padding: 10px 0 0; width:100%; }
.homeartist .btm { background: url(/imgs/2008-homeartist-btm.gif) no-repeat bottom center; padding: 0 0 10px; width:100%; }
.homeartist .center { border: solid #8CA9CA; border-width: 0 2px; padding: 0 0 0 20px; overflow: visible; }
#left_box { float: left; padding: 4px 0 !important; }
#right_box { float: right; width: 456px; }
#right_box iframe { background: url(/imgs/2008-homeartist-center.gif) repeat-y top center #1A5091; border: 0; padding: 0; margin: 0; }
#right_box iframe a { color: #F8F3E6 !important; }
#right_box iframe img { border: 2px solid #BB5018 !important; }

#BFPBox table { width:100%; }
#BFPBox td { padding: 3px 5px; }
#BFPBox .blueRow { background: #DFDDDB; }
#BFPBox a { font-weight: bold; font-size: 13px; }
#BFPBox .songNumbering { color: #000; font-size: 12px; font-weight: normal; text-decoration: none !important; }
#BFPBox strong a { color: #1A5091; font-style: italic; font-weight: normal; font-size: 12px; }
#BFPBox .homeTopDownloads { color: #194B88; font-size: 16px; margin: 0; }

/* "Brought to you by..." Box */
.brought2 { background: url(/imgs/2008-brought2-top.gif) no-repeat top center #F5EDE4; margin: 10px auto 0; padding: 4px 0 0; width: 325px; text-align: center; }
.brought2 .btm { background: url(/imgs/2008-brought2-btm.gif) no-repeat bottom center; padding: 0 0 4px; margin: 0; width: 100%; }
.brought2 .center { border: solid #8CA9CA; border-width: 0 2px; color: #194B88; display: block; font-size: 10px; padding: 3px 15px; text-decoration: none; }
.brought2 .center:hover, .brought2 .center:focus, .brought2 .center:active { text-decoration: none; }
.brought2 .center strong { color: #BB5018; }
.brought2 .center:hover strong, .brought2 .center:focus strong, .brought2 .center:active strong { text-decoration: underline; }
.brought2 img { margin-bottom: 5px; }

/* Footer */
#footer { background: url(/imgs/2008-footer-bg.jpg) no-repeat bottom center #16457C; color: #F8F3E6; height: 94px; width: 100%; }
#footer .text { float: left; margin-top: 22px; }
#footer a { color: #FE691B; }
#footer ul { list-style: none; margin: 0 0 0 10px; padding: 0; }
#footer li { border-left: 1px solid #B9BFC4; display: inline; margin: 0; padding: 0 3px 0 6px; }
#footer li.first { border-left: none; }
#footer .text p { margin: 5px 0 0 15px; }
#footer .mcAfee { float: right; margin: 15px 0 0; padding: 0; }
#footer .mcAfee a { display: block; margin-right: 10px; }

/* Cart Info in Header */
#bannerLinks { position: absolute; top: 6px; right: 15px; z-index: 1; text-align: right; }
#bannerLinks span { line-height: 21px; }
#cartInfo { border: 2px solid #b34b17; float: right; margin-left: 10px; }
#cartInfo img { vertical-align: middle; }
#cartInfo strong { font-weight: normal; padding: 0 7px 0 5px; }

/* Artists Page */
#cc_strip { height: 18px; }
#cc_strip a, #cc_strip strong { background: url(/imgs/2008-bc-inner.gif) no-repeat right center #BB5018; color: #F8F3E6; padding: 0 15px 0 10px; text-decoration: none; float: left; height: 18px; overflow: hidden; line-height: 18px; }
#cc_strip a.thisPage, #cc_strip strong.thisPage { background: url(/imgs/2008-bc-outer.gif) no-repeat right center #BB5018; }
#cc_strip strong { cursor: default; font-weight: normal; }
.inlineImg { vertical-align: middle; }

#img { float:left; background:#BB5018; border:2px solid #BB5018; margin:0 15px 10px 0; z-index:100; position:relative; }
#img a { color:#F8F3E6; }
#img a.morelink { padding:2px 0 2px 5px; display:block; }
#img img { display:block; }
#img br { display:none; }

#bio h2 { color: #194B88; font-size: 30px; margin: 0; }
#bio .loc { border-bottom: 1px dashed #A9BACE; color: #869bb4; margin: 0; padding: 0 0 3px; z-index: 1; }
#bio .loc strong { color: #194B88; font-weight: normal; }
#bio .loc strong a { font-weight: bold; }

#data { clear: both; }
#data .dashedHead { margin-bottom: 10px; }

h4.dashedHead, h4.dashedHeadBl { color: #194B88; font-style: italic; font-size: 13px; background: url(/imgs/2008-dashed-hdr-bg.gif) repeat-x right center; margin: 0; }
h4.dashedHead span, h4.dashedHeadBl span { background: #F5EDE4; padding-right: 3px; }
.infoList .col1 { float: left; width: 48%; }
.infoList .col2 { float: right; width: 48%; }
.infoList p, .otherInfoBox p { border-bottom: 1px dashed #A9BACE; line-height: normal; padding: 0 0 7px; margin: 0 0 7px; }
.infoList strong, .otherInfoBox strong { color: #194B88; }

h3.cbhBlue { background-image: url(images/2008-contentbox-header-lt-blue.gif); background-color: #BB5018; }
h3.cbhBlue span { background-image: url(images/2008-contentbox-header-rt-blue.gif); }
div.cbhBlue { background: #194B88; color: #F8F3E6; }
div.cbhBlue .cdstop { padding: 4px 0 0; width:100%; }
div.cbhBlue .btm { background: url(images/2008-contentbox-btm-blue.gif) no-repeat bottom center; padding: 0 0 4px; width:100%; }
div.cbhBlue .center { border: solid #E47C45; border-width: 0 2px; padding: 0; }
div.cbhBlue .content { width: 766px; margin: 0 0 0 10px; }
div.cbhBlue a { color: #FE691B; }

h4.dashedHeadBl { color: #F5EDE4; background-image: url(/imgs/2008-dashed-hdr-bg-bl.gif); }
h4.dashedHeadBl span { background: #194B88; }

#player { background: url(/imgs/2008-playerbg-tile.gif) repeat-y top center; width: 406px; float: right; }
#player .top { background: url(/imgs/2008-playerbg-top.gif) no-repeat top center; }
#player .btm { background: url(/imgs/2008-playerbg-btm.gif) no-repeat bottom center; min-height:100px; height:auto !important; height:100px; }
#player .inner { margin-left: 13px; }
#singles { float: left; padding: 0; margin-top: 4px; width: 360px; }
#singles table { margin-top: 10px; }
#singles a, #albums a { color: #FE691B; }
#singles a { display: block; }
#singles .odd, div.cbhBlue table .odd { background: #1F5999; }
#albums { clear: both; padding: 0 0 4px; margin-right: 10px; }
#albums h4 { margin-top: 4px; }
#albums table { width: auto; margin: 0 auto; }
#albums td { padding: 10px; }
#albums .albumArt { border: 2px solid #829DB8; margin-bottom: 3px; }
#albums a:hover .albumArt { border-color: #FE691B; }
#albums .btn { margin-top: 5px; }

#comments .even { background: #E4E1DD; }
#comments .commentImg { border: 2px solid #BB5018; margin: 0 10px 10px 0; }
#comments .addComment { margin: 0; }
#comments .addComment img { margin: 0 0 10px; }
#comments .commentBox { clear: both; padding: 5px; }
#comments .comment { overflow: auto; }
#comments .noComments { clear: both; color: #184984; font-style: italic; text-align: center; }
.feedbkNm { border-bottom: 1px dashed #A9BACE; font-size: 12px; color: #184984; font-style: italic; line-height: 14px; padding-bottom: 3px; margin: 0; }
.feedbkNm .name { font-size: 14px; color: #BB5018; }
.feedbkNm .date { font-style: normal; float: right; }

/* Search / Table view Sound Wave */
.content .soundWaveIcon { background-image:url(/imgs/sound.gif); background-repeat:no-repeat; background-position:7px 5px; }
.content .soundWaveIcon a { display:block; padding-left:18px !important; }

/* Error Message */
#content #errorMsg { border:1px solid #BD5748; background:url(/imgs/2008-error.gif) no-repeat 10px 8px #EEDBD5; color:#705E5C; margin:15px auto; padding:0; text-align:left; font-size:12px; }
#content #errorMsg p { margin:15px 15px 15px 50px; }
#content #errorMsg strong { font-size:14px; }

/* Success Message */
#content #successMsg { border:1px solid #90A232; background:url(/imgs/2008-success.gif) no-repeat 10px 8px #E6EBC3; color:#6A6260; margin:15px auto; padding:0; text-align:left; font-size:12px; }
#content #successMsg p { margin:15px 15px 15px 50px; }
#content #successMsg strong { font-size:14px; }