/* Soona Songs Sync v1a CSS */

/* styled hmtl elements */
body {
	color: #FFFFFF;
	background-color: #996633;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 130%;	
	margin-top: 12px;
	margin-bottom: 12px;
	margin-left: 0px;
	margin-right: 0px; 
	padding: 0px;
	text-align: center;	
}

a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	/*font-weight: bold;*/
	/*color: #4E2218;*/
	color: #FFFFFF;
}


h1 {
	color: #4E182A;
}

h2 {
	color: #DAA520;
}

h3 {
	font-weight: bold;
	color: #4E2218;	
}

ol {
	line-height: 1.6em;
}

p {	
	text-indent: 1em;
}

p.alt {
	text-indent: 1em;
	margin: 5px;	
	background-color: #8D6033;
}

hr {
	color: #4E2218;
	background-color: #4E2218;
	border: none;
}

blockquote {
	
}

/* Custom divs and classes */

#pagecontainer {
	color: #FFFFFF;
	background-color: #996633;	
	margin-left: auto;
	margin-right: auto;
	width: 1000px;
	position: relative;
	visibility: visible; 
	display: block;
	/*border: 1px solid #FFFFFF;*/
	/*text-align: left;*/ /* this aligns IE to be the same as Firefox */	
}

#header1container {
	width: 80%;
	margin-left: auto;
	margin-right: auto;		
}

#header1container a {
	text-decoration: none;
	color: White;
	font-size: small;	
	font-weight: normal;
}

#header1container a:hover {
	background-color: #8B0000;
}

#header1logo {
	background-image: url(images/soonasongs_title_logo_03.gif);
	background-repeat: no-repeat;
	width: 50%;
	height: 57px;
	float: left;
}

#header1snackbox {
	background-color: #4E182A;
	width: 25%;	
	margin-top: 20px;
	margin-bottom: 3px;	
	margin-right: 20px;
	font-size: small;
	text-align: center;
	float: right;
}

#header1emailbox {
	background-color: #4E182A;
	width: 21%;	
	margin-top: 20px;
	margin-bottom: 3px;
	font-size: small;
	text-align: center;
	float: right;
}


#header2container {
	width: 80%;
	height: 226px;
	margin-left: auto;
	margin-right: auto;
	clear: both;
}

#header2 {
	background-color: #8B0000;
	/*width: 536px;*/
	width: 100%;
	height: 200px;	
	float: left;
	text-align: center;	
}

#header2textbox {	
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: x-large;
	font-style: italic;
	font-weight: bold;
	letter-spacing: 0.3em;	
	text-align: center;
}

#nav {
	background-color: #4E2218;
	/*width: 67%;*/
	width: 100%;
	/*width: 285px;*/
	height: 22px;	
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;	
	letter-spacing: normal;
	font-weight: normal;
	font-style: normal;
}

#nav a {
	text-decoration: none;
	font-weight: normal;
	color: White;
}

#nav a:hover {
	background-color: #8B0000;
	border-bottom: 2px solid #8B0000;	
}


#subnav {
	background-color: #4E182A;
	/*width: 33%;*/
	width: 47%;
	/*width: 250px;*/
	height: 22px;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;	
	letter-spacing: normal;
	font-weight: normal;
	font-style: normal;
}

#subnav a {
	font-weight: normal;
	color: White;
	text-decoration: none;
	font-size: x-small;	
}

#subnav a:hover {
	background-color: #8B0000;
	border-bottom: 2px solid #8B0000;
}

#storenav {
	background-color: #4E182A;
	width: 100%;
	height: 20px;
	float: left;
	font-size: medium;
}

#storenav a {
	font-weight: normal;
	color: White;
	text-decoration: none;
	font-size: small;	
}

#storenav a:hover {
	background-color: #8B0000;
	/*border-bottom: 3px solid #8B0000;*/
}

.deadlink {
	background-color: #8B0000;
	border-bottom: 2px solid #8B0000;	
}

.deadlinksub {
	background-color: #8B0000;
	border-bottom: 2px solid #8B0000;	
	font-size: x-small;	
}

.deadlinkfooter {
	background-color: #8B0000;
	border-top: 2px solid #8B0000;	
	border-bottom: 2px solid #8B0000;	
}


#contentcontainer {
	width: 80%;
	/*margin-top: -18px;*/ /*fixes top gap for ie but moves top of page off screen for FF!*/
	/*
	margin: 0px;
	padding: 0px;
	*/
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #996633; /* forces FF and IE to have the same height */
}

#content {
	/*background-color: #996640;*/
	/*width: 80%*/
	width: 600px;
	text-align: left;	
	float: left;
	/*background-color: #966330;	*/
	padding: 10px;	
	/*border: 1px solid #FFFFFF;*/
}

#content100 {
	/*width: 100%*/
	width: 800px;
	text-align: left;	
	float: left;	
	/*background-color: #966330;*/
}

#content100 p {
	text-indent: 0px;
	margin: 10px;
}

#content100 p.alt {
	margin: 10px;	
	background-color: #8D6033;
}

#storefrontheaderbox {
	width: 100%;
	padding-bottom: 10px;
	border: 1px solid #996633;
}

#storefrontbox {
	width: 100%;
	text-align: center;
}

.storefrontalbumbox {
	float: left;
	padding: 10px;
}

#storedetailheaderbox {
	width: 100%;
	padding-bottom: 10px;
	border: 1px solid #996633;
}

.storedetailquotebox {
	width: 50%;
	background-color: #8D6033;
	padding: 30px;
}

.storedetailquotebox2 {
	width: 50%;
	background-color: #8D6033;
	padding: 30px;
	clear: both;
}

.storefrontcartbox {
	float: right;
}

.leftstoreitem {
	border: 1px solid #996633;
	width: 100%;
	height: 20%;
	clear: both;
	margin-top: 40px;
	margin-bottom: 40px;
	background-color:	#8D6033;
}
	
.rightstoreitem {
	border: 1px solid #996633;
	width: 100%;
	height: 20%;
	clear: both;
	margin-top: 40px;
	margin-bottom: 40px;
}

.leftstoreitembar {
	width: 630px;
	float: right;
	padding-bottom: 20px;
}

.leftstoreitembar2 {
	width: 790px;
	height: 160px;
	padding-bottom: 10px;
	background-color: #8D6033;
	padding-top: 10px;
	padding-left: 10px;
}

.rightstoreitembar {
	width: 630px;
	float: left;
	padding-bottom: 20px;	
}

.storepurchasebar {
	color: #003300;
	font-size: small;
	font-weight: bold;
	width: 620px;
	float: right;
	padding-right: 10px;
   /*border: 1px solid #FFFFFF;*/
}

.storepurchasebar2 {
	color: #003300;
	font-size: small;
	font-weight: bold;
	width: 300px;
	float: left;
	padding: 10px 10px 0px 0px;
	margin: 10px 10px 0px 0px;
}


.storepurchasebartextinput {
	background-color: #8B0000;
	font-size: xx-small;
	color: #FFFFFF;	
}

.storepurchasebar select {
	font-size: xx-small;
	background-color: #8B0000;
	color: #FFFFFF;
}

.storeitunesbar {
	float: right;
	background-color: #FFFFFF;
	color: #000000;	
	width: 22%;	
	padding: 10px;	
	margin: 10px;
	border: 1px solid #000000;
}

.storeitunesbar2 {
	float: left;
	background-color: #FFFFFF;
	color: #000000;	
	width: 22%;	
	padding: 10px;	
	margin: 10px;
	border: 1px solid #000000;
}


.leftalbumdescription {
	width: 620px;
	float: right;
	padding-right: 8px;
	/*border: 1px solid #FFFFFF;*/
}

.rightalbumdescription {
	width: 620px;
	float: left;
	/*border: 1px solid #FFFFFF;*/
}

#albumdescriptionbox {
	width: 450px;
	margin-top: 0px;
	margin-bottom: 30px;
	/*margin: 10px;*/
	/*padding: 20px;*/
	/*border: 1px solid #FFFFFF;*/
	float: left;
}


.albumpagebar {
	width: 630px;
	float: left;
	margin-bottom: 0px;
	padding-bottom: 0px;		
	/*border: 1px solid #FFFFFF;*/
}

.leftartistbox {
	border: 1px solid #996633;
	width: 100%;
	height: 20%;
	clear: both;
	margin-top: 40px;
	margin-bottom: 40px;
	background-color: #4E182A;	
}

.leftartistbox a {
	color: #FFFFFF;
}

.leftartistboxtext {
	padding-right: 10px;
}
	
.rightartistbox {
	border: 1px solid #996633;
	width: 100%;
	height: 20%;
	clear: both;
	margin-top: 40px;
	margin-bottom: 40px;
	/*background-color: #966330;	*/
}

.leftartistbar {
	width: 605px;
	float: right;
	padding-bottom: 20px;
	/*border: 1px solid #FFFFFF;*/	
}

.rightartistbar {
	width: 605px;
	float: left;
	padding-bottom: 20px;	
}

/*
#artistdetailcontent {

}
*/

#artistdetailbiobox {
	margin-top: 20px;
	margin-bottom: 40px;	
}

#artistdetailalbumbox {	
	width: 72%;
	background-color: #4E182A;
	border: 1px solid #FFFFFF;
	padding: 12px;
	margin-top: 40px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
}

.artisttinyalbumbox {
	width: 72px;
	height: 72px;
	clear: right;
	float: left;
	margin-top: 3px;
	margin-bottom: 3px;
	margin-left: 3px;
	margin-right: 10px;
	text-align: center;
	vertical-align: middle;
}


#artistdetailcensusbox {
	/*width: 60%;*/
	width: 70%;
	background-color: #996640;
	border: 1px solid #4E2218;
	padding: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
}

#artistdetailcensusbox a {
	color: #FFFFFF;
}

.artistdetailcensusphotobox {
	float: right;
}

.censusquestion {
	color: #4E2218;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: bold;
}

#ghostdogblogbox {
	width: 95%;
	background-color: #996640;
	border: 1px solid #4E2218;
	padding: 20px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
}

.soonasnacksbox {
	width: 70%;
	/*background-color: #996640;*/
	background-color: #4E182A;
	/*border: 1px solid #4E2218;*/
	border: 1px solid #FFFFFF;
	padding: 20px;
	margin-top: 0px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;	
}

.soonasnacksbox a {
	color: #FFFFFF;
}

.title {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: bold;
	color: #FFFFFF;
}

.artist {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;	
	color: #FFFFFF;
	text-decoration: none;	
}

.titlefancymed {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: large;
	font-style: italic;
	font-weight: bold;
	color: #FFFFFF;	
}

.artistfancymed {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: large;
	font-weight: bold;
	color: #FFFFFF;	
}

.titlefancybig {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: x-large;
	font-style: italic;
	font-weight: bold;
	color: #FFFFFF;	
}

.artistfancybig {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: x-large;
	font-weight: bold;
	color: #FFFFFF;	
}


.smalltext {
	font-size: small;
	font-style: italic;
}

.rightbox {
	background-color: #996640;
	border: 1px solid #4E2218;
	width: 19%;
	height: 30%;
	clear: right;
	float: right;
	margin-top: 3px;
	margin-bottom: 40px;
	margin-left: 3px;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
}

.rightbox2 {
	background-color: #996640;
	border: 1px solid #4E2218;
	width: 19%;
	height: 30%;
	clear: right;
	float: right;
	margin-top: 10px;
	margin-bottom: 12px;
	margin-left: 3px;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
}

.rightboximage {
	width: 19%;
	height: 30%;
	clear: right;
	float: right;
	margin-top: 3px;
	margin-bottom: 15px;
	margin-left: 3px;
	text-align: center;	
}

.rightalbumbox {	
	/*border: 1px solid #4E2218;*/
	width: 150px;
	height: 150px;
	clear: right;
	float: right;
	margin-top: 3px;
	margin-bottom: 3px;
	margin-left: 3px;
	text-align: center;	
}


.rightboxwide {
	background-color: #996640;
	border: 1px solid #4E2218;
	width: 40%;
	height: 30%;
	clear: right;
	float: right;
	margin-top: 3px;
	margin-bottom: 3px;
	margin-left: 30px;
	text-align: center;
	padding: 10px;
}

#tracklistbox {	
	background-color: #4E182A;
	border: 1px solid #FFFFFF;
	width: 32%;
	height: 60%;
	float: right;
	margin-top: 3px;
	margin-bottom: 3px;
	margin-left: 3px;
	text-align: left;	
	padding: 10px;
	font-size: small;	
}

#tracklistbox a {
	color: #FFFFFF;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
}

#tracklistbox a:hover {

}

#tracklistbox2 {	
	background-color: #4E182A;
	border: 1px solid #FFFFFF;
	width: 32%;
	height: 60%;
	float: right;
	/*
	margin-top: 3px;
	margin-bottom: 3px;
	margin-left: 3px;
	*/
	text-align: left;	
	padding: 10px;
	font-size: small;	
}

#tracklistbox2 a {
	color: #FFFFFF;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
}


.tracktablec1 {
	width: 10%;
}

.tracktablec2 {
	width: 50%;
}

.tracktablec3 {
	width: 15%;
}

.tracktablec4 {
	width: 25%;
}

#tracklistbox td {
	/*border: 1px solid #FFFFFF;	*/
}

#tracklistbox tr {
	/*padding: 10px;*/
	border: 1px solid #FFFFFF;	
}

#tracklistbox2 td {
	/*border: 1px solid #FFFFFF;	*/
}

#tracklistbox2 tr {
	/*padding: 10px;*/
	border: 1px solid #FFFFFF;	
}



/*
.tracklistitembox {
	width: auto;
	height: auto;
	border: 1px solid #FFFFFF;
}

.musicplayerbox {
	width: 23px;
	height: 17px;
	background-color: #FFFFFF;
	text-align: center;
}
*/

.leftbox {
	background-color: #996640;
	border: 1px solid #4E2218;
	width: 19%;
	height: 30%;
	/*clear: right;*/
	float: left;
	margin-top: 3px;
	margin-bottom: 3px;
	margin-left: 3px;
	margin-right: 10px;
	text-align: center;
}

.leftalbumbox {
	/*background-color: #996640;*/
	/*border: 1px solid #4E2218;*/
	width: 150px;
	height: 150px;
	clear: right;
	float: left;
	margin-top: 3px;
	margin-bottom: 3px;
	margin-left: 3px;
	margin-right: 10px;
	text-align: center;
}

.leftartistphotobox {
	/*background-color: #996640;*/
	/*border: 1px solid #4E2218;*/
	width: 175px;
	height: 175px;
	clear: right;
	float: left;
	margin-top: 3px;
	margin-bottom: 3px;
	margin-left: 3px;
	margin-right: 10px;
	text-align: center;
}

.leftartistphotobox200 {
	width: 200px;
	/*height: 175px;*/
	clear: right;
	float: left;
	margin-top: 3px;
	margin-bottom: 3px;
	margin-left: 3px;
	margin-right: 10px;
	text-align: center;
}


.rightartistphotobox {	
	/*border: 1px solid #4E2218;*/
	width: 175px;
	height: 175px;
	clear: right;
	float: right;
	margin-top: 3px;
	margin-bottom: 3px;
	margin-left: 3px;
	text-align: center;	
}

.centerbox {
	background-color: #996640;
	border: 1px solid #4E2218;
	width: 19%;
	height: 30%;
	margin-top: 3px;
	margin-bottom: 3px;
	margin-left: 3px;
	text-align: center;
	display: block;
	margin: 0 auto 5px auto;
}


#artistfrontheaderbox {
	width: 100%;
	border: 1px solid Orange;	
}


#footer {
	background-color: #4E2218;
	width: 80%;
	height: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: smaller;
	font-weight: normal;
	clear: both;
	float: none;
	margin-top: 20px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	/*border: 1px solid #4E2218;*/
}

#footer a {
	font-weight: normal;
	font-size: small;
	text-decoration: none;
	color: White;
}

#footer a:hover {
	background-color: #8B0000;
	border-top: 2px solid #8B0000;	
	border-bottom: 2px solid #8B0000;	
}

#footer2 {
	width: 80%;
	/*height: auto;*/
	height: 100px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: smaller;
	font-weight: normal;
	clear: both;
	float: none;
	margin-top: 20px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
	padding-bottom: 10px;
	border: 1px solid #4E2218;
}

.clearbox {
	clear: both;	
	/*border: 1px solid #FFFFFF;	*/
}

.mediali {
	list-style-type: none;
	margin-bottom: 20px;
}

.medialink {
	font-size: small;
}

.mediabox {
	float: left;
	background-color: #996640;
	border: 1px solid #4E2218;
	width: 80%;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 3px;
	padding: 15px;
	text-align: left;
}

.syncbox {
	float: left;
	background-color: #8D6033;
	border: 1px solid #4E2218;
	width: 99%;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 3px;
	padding: 15px;
	text-align: left;
}

.syncboxv {
	float: left;
	background-color: #8D6033;
	width: 194px;
	/*height: 450px;*/
	height: 490px;
	margin: 2px;
	text-align: left;
	font-size: small;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.promotionbox400 {
	float: left;
}

.fancyheadingbig {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: x-large;
	font-style: italic;
	font-weight: bold;
}

.fancyheadingmed {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: large;
	font-style: italic;
	font-weight: bold;
}