/* CSS Document */

/* Normalize margin and padding */
* {padding: 0; margin: 0;} 
	
/* Normalize font-size for headers */
h1, h2, h3	{
	font-size: 100%;
	}

/* Remove list-style from lists */
ul	{
	list-style: none;
	}

/* Remove border from img */
img	{
	border: none;
	}

/* this is a hack to force scrollbars on at 
     all times so that the page does not jump
     when going from short to long pages */
html, body {height: 100.5%;}
	
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #c3c3c3;
	line-height: 1.125em;
	text-align: center;
	width: 100%;
	margin: 0;
	padding: 0;
	}

a {
	color: #e1b336;
	text-decoration: none;
	}
	
a:hover {
	color: #999;
	text-decoration: none;
	}
	
h2 {
	margin: 5px;
	padding: 5px;
	font-size: 1.2em;
	}
	
h3 {
	margin: 5px;
	padding: 5px;
	font-size: 1.05em;
	}
	
h4 {
	margin: 0px 5px 5px 5px;
	padding: 0px 5px 5px 5px;
	font-size: 0.95em;
	}
	
ol {
	margin: 5px 5px 10px 5px;
	padding: 5px 5px 15px 70px;
	}
	
ol li {
	font-size: 0.95em;
	font-style: italic;
	}
	
p {
	margin: 5px;
	padding: 5px;
	}
	
/* Body Ids & Formatting
---------------------------------------------------------------------------------------------------------------------------*/
#home, #catalog {
	background: #873232 url(images/body-bg-cherrysoda.png) repeat-x center top;
	}

#about {
	background: #875532 url(images/body-bg-owlglasses.png) repeat-x center top;
	}
	
#press {
	background: #54241f;
	}
	
#contact {
	background: #876e32 url(images/body-bg-musgoo.png) repeat-x center top;
	}




#home #container, #catalog #container {
	margin: 0 auto;
	padding: 0;
	text-align: left;
	width: 1000px;
	background: url(images/container-cherrysoda.png) no-repeat center top;
	position: relative;
	}
	
#about #container {
	margin: 0 auto;
	padding: 0;
	text-align: left;
	width: 1000px;
	background: url(images/container-owlglasses.png) no-repeat center top;
	position: relative;
	}
	
#press #container {
	margin: 0 auto;
	padding: 0;
	text-align: left;
	width: 1000px;
	background: url(images/container-barro.png) no-repeat center top;
	position: relative;
	}
	
#contact #container {
	margin: 0 auto;
	padding: 0;
	text-align: left;
	width: 1000px;
	background: url(images/container-musgoo.png) no-repeat center top;
	position: relative;
	}
	
#wrapper {
	width: 800px;
	margin: 0 auto;
	padding: 0;
	position: relative;
	}

/* Header Formatting
---------------------------------------------------------------------------------------------------------------------------*/
#header {
	height: 288px;
	margin: 0;
	padding: 0;
	}
	
#home #header h1, #catalog #header h1, #about #header h1, #press #header h1, #contact #header h1 {
	position: relative;
	width: 553px;
	height: 275px;
	font-size: 1.4em;
	line-height: 150px;
	margin: 0;
	padding: 0;
	text-align: center;
	text-indent: -99999px;
	overflow: hidden;
	}

#home #header h1 span, #catalog #header h1 span, #about #header h1 span, #press #header h1 span, #contact #header h1 span  {
	background: url(images/logo.png) no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	}	
	
/* Navigation Formatting
---------------------------------------------------------------------------------------------------------------------------*/
div#nav {
	width: 505px;
	height: 36px;
	margin: 10px 0 0 55px;
	padding: 0;
	}
	
div#nav ul {
	list-style: none;
	padding: 0;
	}
	
div#nav li {
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	font-size: 0.80em;
	line-height: 36px;
	overflow: hidden;
	}
	
div#nav li a {
	display: block;
	color: #c3c3c3;
	text-decoration: none;
	}
	
div#nav li a:hover {
	display: block;
	color: #e1b336;
	text-decoration: none;
	}
	
#home div#nav li.home, #home div#nav li.catalog, #home div#nav li.press,
#home div#nav li.about, #home div#nav li.contact,
#catalog div#nav li.home, #catalog div#nav li.catalog, #catalog div#nav li.press,
#catalog div#nav li.about, #catalog div#nav li.contact,
#press div#nav li.home, #press div#nav li.catalog, #press div#nav li.press,
#press div#nav li.about, #press div#nav li.contact,
#about div#nav li.home, #about div#nav li.catalog, #about div#nav li.press,
#about div#nav li.about, #about div#nav li.contact,
#contact div#nav li.home, #contact div#nav li.catalog, #contact div#nav li.press,
#contact div#nav li.about, #contact div#nav li.contact {
	height: 36px;
	position: relative;
	display: block;
	}

div#nav li.home {
	width: 83px;
	}
	
div#nav li.catalog {
	width: 113px;
	}
	
div#nav li.press {
	width: 90px;
	}
	
div#nav li.about {
	width: 95px;
	}
	
div#nav li.contact {
	width: 124px;
	}
	
div#nav li.home span, div#nav li.catalog span, div#nav li.press span,
div#nav li.about span, div#nav li.contact span,	
#home div#nav li.home span, #home div#nav li.catalog span, #home div#nav li.press span,
#home div#nav li.about span, #home div#nav li.contact span,
#catalog div#nav li.home span, #catalog div#nav li.catalog span, #catalog div#nav li.press span,
#catalog div#nav li.about span, #catalog div#nav li.contact span,
#press div#nav li.home span, #press div#nav li.catalog span, #press div#nav li.press span,
#press div#nav li.about span, #press div#nav li.contact span,
#about div#nav li.home span, #about div#nav li.catalog span, #about div#nav li.press span,
#about div#nav li.about span, #about div#nav li.contact span,
#contact div#nav li.home span, #contact div#nav li.catalog span, #contact div#nav li.press span,
#contact div#nav li.about span, #contact div#nav li.contact span {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	}

#home div#nav li.home span {
	width: 83px;
	background: url(images/button-home-cherrysoda.jpg) no-repeat left top;
	}	
		
#home div#nav li.catalog span {
	width: 113px;
	background: url(images/button-catalog-cherrysoda.jpg) no-repeat 0 -36px;
	}
	
#home div#nav li.press span {
	width: 90px;
	background: url(images/button-press-cherrysoda.jpg) no-repeat left top;
	}
	
#home div#nav li.about span {
	width: 95px;
	background: url(images/button-about-cherrysoda.jpg) no-repeat left top;
	}
	
#home div#nav li.contact span {
	width: 124px;
	background: url(images/button-contact-cherrysoda.jpg) no-repeat left top;
	}	
		
#catalog div#nav li.home span {
	width: 83px;
	background: url(images/button-home-cherrysoda.jpg) no-repeat left top;
	}	
		
#catalog div#nav li.catalog span {
	width: 113px;
	background: url(images/button-catalog-cherrysoda.jpg) no-repeat 0 -36px;
	}
	
#catalog div#nav li.press span {
	width: 90px;
	background: url(images/button-press-cherrysoda.jpg) no-repeat left top;
	}
	
#catalog div#nav li.about span {
	width: 95px;
	background: url(images/button-about-cherrysoda.jpg) no-repeat left top;
	}
	
#catalog div#nav li.contact span {
	width: 124px;
	background: url(images/button-contact-cherrysoda.jpg) no-repeat left top;
	}	
	
#press div#nav li.home span {
	width: 83px;
	background: url(images/button-home-barro.jpg) no-repeat left top;
	}	
		
#press div#nav li.catalog span {
	width: 113px;
	background: url(images/button-catalog-barro.jpg) no-repeat left top;
	}
	
#press div#nav li.press span {
	width: 90px;
	background: url(images/button-press-barro.jpg) no-repeat 0 -36px;
	}
	
#press div#nav li.about span {
	width: 95px;
	background: url(images/button-about-barro.jpg) no-repeat left top;
	}
	
#press div#nav li.contact span {
	width: 124px;
	background: url(images/button-contact-barro.jpg) no-repeat left top;
	}	
	
#about div#nav li.home span {
	width: 83px;
	background: url(images/button-home-owlglasses.jpg) no-repeat left top;
	}	
		
#about div#nav li.catalog span {
	width: 113px;
	background: url(images/button-catalog-owlglasses.jpg) no-repeat left top;
	}
	
#about div#nav li.press span {
	width: 90px;
	background: url(images/button-press-owlglasses.jpg) no-repeat left top;
	}
	
#about div#nav li.about span {
	width: 95px;
	background: url(images/button-about-owlglasses.jpg) no-repeat 0 -36px;
	}
	
#about div#nav li.contact span {
	width: 124px;
	background: url(images/button-contact-owlglasses.jpg) no-repeat left top;
	}	
	
#contact div#nav li.home span {
	width: 83px;
	background: url(images/button-home-musgoo.jpg) no-repeat left top;
	}	
	
#contact div#nav li.catalog span {
	width: 113px;
	background: url(images/button-catalog-musgoo.jpg) no-repeat left top;
	}	

#contact div#nav li.press span {
	width: 90px;
	background: url(images/button-press-musgoo.jpg) no-repeat left top;
	}
	
#contact div#nav li.about span {
	width: 95px;
	background: url(images/button-about-musgoo.jpg) no-repeat left top;
	}

#contact div#nav li.contact span {
	width: 124px;
	background: url(images/button-contact-musgoo.jpg) no-repeat 0 -36px;
	}	

div#nav li.home:hover span, div#nav li.catalog:hover span, div#nav li.press:hover span,
div#nav li.about:hover span, div#nav li.contact:hover span,
#home div#nav li.home:hover span, #home div#nav li.catalog:hover span, #home div#nav li.press:hover span,
#home div#nav li.about:hover span, #home div#nav li.contact:hover span,	
#catalog div#nav li.home:hover span, #catalog div#nav li.catalog:hover span, #catalog div#nav li.press:hover span,
#catalog div#nav li.about:hover span, #catalog div#nav li.contact:hover span,
#press div#nav li.home:hover span, #press div#nav li.catalog:hover span, #press div#nav li.press:hover span,
#press div#nav li.about:hover span, #press div#nav li.contact:hover span,
#about div#nav li.home:hover span, #about div#nav li.catalog:hover span, #about div#nav li.press:hover span,
#about div#nav li.about:hover span, #about div#nav li.contact:hover span,		
#contact div#nav li.home:hover span, #contact div#nav li.catalog:hover span, #contact div#nav li.press:hover span,
#contact div#nav li.about:hover span, #contact div#nav li.contact:hover span {
	background-position: 0 -36px;
	cursor: pointer;
	}

/*Content Formatting
---------------------------------------------------------------------------------------------------------------------------*/
#content {
	position: relative;
	margin: 0;
	padding: 53px 0px 0px 0px;
	}
	
#about #content {
	text-align: justify;
	padding: 25px 0px 0px 0px;
	}

#press #content {
	text-align: justify;
	margin: 0 0 0 0px;
	padding: 25px 0 0px 0;
	}

#contact #content {
	padding: 30px 0px 0px 0px;
	}
		
#content p {
	font-size: 0.9em;
	}

div.cd-cover {
	float: left;
	clear: left;
	margin: 0;
	padding: 0;
	}
	
body.catalog-home div.cd-cover {
	float: left;
	clear: none;
	margin: 0;
	padding: 0 10px;
	}

#catalog-wrapper {width: 650px; margin: -30px auto 0 auto;}

#tracklisting {
	float: right;
	margin: 0;
	padding: 0;
	}
	
#tracklisting span.name {padding-left: 10px;}

#cd-divider {
	clear: both;
	float: left;
	height: 19px;
	margin: 20px 0 0 7px;
	padding: 0;
	}
	
* html #cd-divider {position: relative;}

#linernotes {
	clear: both;
	margin: 0;
	padding: 0;
	text-align: justify;
	}
	
#linernotes p {
	margin: 5px;
	padding: 5px;
	}

#credits {
	text-align: center;
	padding: 0 0 20px 0;
	}

#credits p {
	margin: 0 5px 0 5px;
	padding: 2px 5px 2px 5px;
	} 
		
#address {
	text-align: center;
	padding: 0;
	margin: 0 0 0 -10px;
	}
	
#address p {
	margin: 0 5px 0 5px;
	padding: 2px 5px 2px 5px;
	}

/* Divider Formatting 
---------------------------------------------------------------------------------------------------------------------------*/
#home div.divider {
	background: url(images/divider-cherrysoda.jpg) no-repeat center center;
	height: 78px;
	clear: both;
	}
	
#catalog div.divider {
	background: url(images/divider-cherrysoda.jpg) no-repeat center center;
	height: 78px;
	clear: both;
	}
	
#press div.divider {
	background: url(images/divider-barro.jpg) no-repeat center center;
	height: 78px;
	clear: both;
	}
	
#about div.divider {
	background: url(images/divider-owlglasses.jpg) no-repeat center center;
	height: 78px;
	clear: both;
	}
	
#contact div.divider {
	background: url(images/divider-musgoo.jpg) no-repeat center center;
	height: 78px;
	clear: both;
	}

/* Breadcrumb Formatting
---------------------------------------------------------------------------------------------------------------------------*/
#content p.breadcrumb {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.7em;
	font-weight: normal;
	font-style: italic;
	margin: -20px 5px 5px 0;
	padding: 0 5px 15px 0;
	}

/* Linernotes Navigation Formatting
------------------------------------------------------------------------------------------------------*/	
div#menu {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	}
	
div#menu ul {
	margin: 0;
	padding: 0;
	}
	
div#menu li {
	position: relative;
	list-style: none;
	margin: 0;
	float: left;
	width: 266px;
	text-align: center;
	line-height: 26px;
	}
	
div#menu li a {
	display: block;
	padding: 3px;
	text-decoration: none;
	width: 260px;
	}
	
div#menu>ul a, div#menu>ul a:hover {
	width: auto;
	}
	
div#menu li a:hover {
	display: block;
	padding: 3px;
	text-decoration: none;
	width: 260px;
	}
	
div#menu ul ul {
	position: absolute;
	width: 266px;
	display: none;
	}
	
div#menu ul.level1 li:hover ul.level2 li a {
	color: #333;
	}

div#menu ul.level1 li:hover ul.level2 li a:hover {
	color: #666;
	}	
	
div#menu ul.level1 li:hover ul.level2 {
	display: block;
	background: #c4c6c5;
	border: 1px solid #000;
	font-size: 0.85em;
	}
	
div#menu ul.level2 {
	top: 26px;
	left: 0px;
	}

/* Footer Formatting
---------------------------------------------------------------------------------------------------------------------------*/
#footer {
	text-align: center;
	font-size: 0.8em;
	padding: 0 0 40px 0;
	}

#press #footer, #contact #footer {
	margin: 0 0 0 -10px;
	}
	
#contact #footer p {
	margin: 0 5px 0 5px;
	}


/* Form Formatting
---------------------------------------------------------------------------------------------------------------------------*/
form#orderform {
	width:500px;
	margin: 20px 0 20px 190px;
	padding: 20px;
	text-align: left;
	}

#orderform #name {
	margin: 0 0 0 50px;
	padding: 0;
	}

#orderform #address1  {
	margin: 0 0 0 22px;
	padding: 0;
	text-align: left;
	}
	
#orderform #address2 {
	margin: 0 0 0 22px;
	padding: 0;
	}
	
#orderform #city {
	margin: 0 0 0 64px;
	padding: 0;
	}
	
#orderform #email {
	margin: 0 0 0 50px;
	}
	
#orderform #state {
	margin: 0 0 0 52px;
	}
	
#orderform #zip {
	margin: 0 0 0 22px;
	}
	
#orderform #submit {
	width: 70px;
	margin: 0 0 0 157px;
	}

/* Miscellaneous Formatting 
---------------------------------------------------------------------------------------------------------------------------*/
.bio {
	margin: 0;
	padding: 30px 0 0 0;
	}

.center {
	text-align: center;
	}	

.clear {
	clear: both;
	}
	
.clearRight {
	clear: right;
	}
	
.conductor {
	font-weight: bold;
	margin: 5px 5px 5px 0;
	padding: 5px 5px 5px 50px;
	}
	
#linernotes .credit {
	margin: 0px 5px 5px 5px;
	padding: 0px 5px 5px 5px;
	font-size: 0.60em;
	text-align: center;
	}	

.floatLeft {
	float: left;
	clear: left;
	margin: 0;
	padding: 5px 18px 3px 2px;
	}
	
	
.floatRight {
	float: right;
	clear: right;
	margin: 0;
	padding: 10px 0 3px 18px;
	}
	
.paddingRight {
	margin: 0;
	padding: 10px 0 3px 18px;
	}
	
.floatRight2 {
	float: right;
	clear: right;
	margin: 0;
	padding: 26px 0 3px 18px;
	}
	
	
.name {
	font-style: normal;
	text-align: center;
	margin: 5px 0 5px 0;
	padding: 5px 0 5px 0;
	}
	
#about h3.name {
	font-style: normal;
	text-align: center;
	margin: 5px 18px 5px 0;
	padding: 5px 18px 5px 0;
	}
	
#linernotes div.nav2 {
	float: left;
	width: 266px;
	text-align: center;
	margin: 0;
	padding: 0;
	}
	
#linernotes div.nav3 {
	float: left;
	width: 266px;
	text-align: center;
	margin: 0;
	padding: 0;
	}
	
.nodisplay {
	display: none;
	}
	
.order {
	padding: 5px 0;
	margin: 0;
	clear: both;
	}
	
form#paypal {float: right; padding: 0 140px 20px 0;}
	
div.photo {
	float: right;
	clear: right;
	width: 234px;
	}

body.oshtali div.photo {
	float: right;
	clear: right;
	width: 252px;
	}
	
#sf-bio {
	width: 755px;
	height: 120px;
	}
		
#sf-bio h2 {
	position: relative;
	width: 755px;
	height: 120px;
	font-size: 1.1em;
	line-height: 35px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	overflow: hidden;
	}

#sf-bio h2 span {
	background: url(images/sf-logo-bio.jpg) no-repeat;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	}

#press h2.session {padding-left: 150px;}
#press p.video {padding-left:150px;}

ul.press {
 	margin: 5px;
	padding: 5px 5px 5px 150px;
	list-style: disc;
	}
	
ul.press li {
	padding: 5px;
	}
	
h2.general-press {margin-top: 20px;padding-left: 150px;}