/*
-----------------------------------------------
Carmen Productions - CSS Styles
Author:   Karol Golka
Company:  http://www.webstruments.com
Version:  July 19, 2005
----------------------------------------------- 
*/


/* generics
-------------------- */
body {
	background: #F7F2F2; /* url(../images/bkgnd.gif) repeat-x 0% 0%; */
	margin: 0 auto 20px;
	padding: 0;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: small;
	line-height: 1.4em;		
	}	
div { margin: 0; padding: 0; }
img { display: block; border: none; }
p { padding: 0; margin: 0 0 1.5em 0; }
ul { margin: 0 0 0 3em; padding: 0; list-style: none;}
br.clear { clear: both; }

h3 {
	letter-spacing: -1px;
	font-weight: bold;
	font-size: 90%;
	text-transform: uppercase;
	color: #500001;		
	margin: 0;
	padding: 0;
	}
#c1 h3 {
	border-bottom: 1px solid #C5C5C5;
	padding-bottom: 3px;
	margin-bottom: 20px;	
	}
#c1 h3 a {
	color: #cc0001;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px dotted #cc0001;
	}
#c1 h3 a.hanging, #c1 h3 strong.hanging {
	font-weight: normal;
	color: #666;
	text-transform: none;
	text-decoration: none;
	}
#c1 h3 strong.hanging {	
	margin-left: 15px;
	}	
#c1 h3 a.hanging:hover {	
	color: #cc0001;
	}
#c2 h3 strong {
	color: #cc0001;
	font-size: 80%;
	font-weight: normal;
	text-transform: none;
	padding-left: 10px;
	}


/* hyperlinks
-------------------- */	
a, a:link {
	color: #CC0001;
	text-decoration: underline;
	font-weight: normal;			
	}
a:visited {
	color: #CC0001;
	text-decoration: underline;
	font-weight: normal;			
	}
a:hover {
	color: #500001;
	text-decoration: underline;
	font-weight: normal;
	background: #F2EFEF;			
	}
a:active {
	color: #500001;
	text-decoration: underline;
	font-weight: normal;
	background: #F2EFEF;
	}

/* layout
-------------------- */	
#container {
	text-align: left;
	background: #F7F2F2;
	margin: 0 auto;
	width: 786px;
	background: #fff url(../images/carmen-bkgnd.gif) repeat-y 0% 0%;
	border-top: 30px solid #F7F2F2;
	}
body.noright #container {
	background: none;	
	}
body.noright #c1 {
	padding-bottom: 2em;
	}	
#header {
	background: #F7F2F2 url(../images/carmen-header.jpg) no-repeat 0% 0%;
	width: 786px;
	height: 137px;
	position: relative;
	}	
#c-left {
	width: 571px;	
	float: left;
	}
#c-right {
	width: 215px;		
	float: right;	
	padding-top: 120px;
	background: url(../images/carmen-rose.jpg) no-repeat 2px 0%;
	color: #464545;
	}
#c1 {
	margin: 20px 30px 0 28px;
	padding-bottom: 2em;
	}
#c2 {
	margin: 5px 20px 30px 20px;	
	}	
	
/* header
-------------------- */		
#header a {
	text-decoration: none;
	}
h1 {
	display: none;
	}
#header h2 {	
	position: absolute;
	overflow: hidden;
	margin: 0;
	padding: 0;
	text-indent: -9000px;
	}
h2.partnermessage {
	background: #F7F2F2 url(../images/carmen-partnermessage.gif) no-repeat 0% 0%;
	width: 426px;
	height: 9px;
	top: -10px;
	right: 20px;		
	}

/* navigation
-------------------- */	
ul#nav {
	position: absolute;
	bottom: 3px;
	left: 28px;
	margin: 0;
	padding: 0;
	list-style: none;
	}
ul#nav li {
	display: block;
	padding: 0;
	float: left;
	height: 28px;
	}
ul#nav li a {
	font-size: 100%;
	font-weight: normal;
	color: #fff;
	float: left;
	height: 28px;
	line-height: 28px;
	}
ul#nav li a span { padding: 0 1.2em; }
ul#nav li a:hover {
	background: url(../images/nav-left.gif) no-repeat 0% 0%;	
	color: #500001;
	}	
ul#nav li a:hover span {
	background: url(../images/carmen-right.gif) no-repeat top right;
	line-height: 28px;
	display: block;
	}	
ul#nav li a.current, ul#nav li a.current:hover {
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	background: url(../images/nav-current-left.gif) no-repeat 0% 0%;		
	}
ul#nav li a.current:hover span {
	background:	url(../images/carmen-current-right.gif) no-repeat top right;
	}
ul#nav li a.current span {
	background: url(../images/carmen-current-right.gif) no-repeat top right;
	line-height: 28px;
	display: block;
	}	

/* right column
-------------------- */	
#c2 a:hover {
	background: #C8C3C3;
	color: #500001;
	}
p.welcome a {
	overflow: hidden;
	color: #464545;
	font-weight: normal;
	text-decoration: underline;
	}
p strong {
	letter-spacing: -1px;
	}
#c2 p { 
	padding: 0;
	margin: 0 0 1.5em;
	}
#c2 ul {
	margin: 0 0 1.5em;
	padding: 0;
	list-style: none;
	}
#c2 ul li {
	background: url(../images/icon-bullet.gif) no-repeat 0% 70%;
	padding-left: 20px;
	margin-bottom: 1px;
	}
#c2 p.partners {
	margin: 0;
	}
#c2 ul.plain {
	margin: 0 0 1.5em;
	padding: 0;
	list-style: none;
	}
#c2 ul.plain li {
	background: 0;
	padding: 0;
	margin-bottom: 1px;
	}
#c2 ul.plain li	a {
	color: #464545;
	}
#c2 ul.plain li	a:hover {
	color: #500001;
	}

#c2 form.cart-form {
	margin: 1em 0 1em 10px;
	}

/* home / welcome
-------------------- */	
p.homepage-welcome span {
	border-left: 4px solid #ccc;
	padding-left: 20px;
	display: block;
	background: #F2EFEF;
	padding: 10px 10px 10px 20px;
	}
p.homepage-welcome span em {
	font-size: 90%;
	color: #666;
	}
ul.logos {
	margin: 0;
	padding: 0;
	list-style: none;		
	}
ul.logos li {
	display: block;
	float: left;
	padding-right: 12px;	
	padding-bottom: 20px;
	}
ul.logos li a {
	float: left;
	text-indent: -9000px;
	text-decoration: none;
	display: block;		
	}
div.logo-clear {
	clear: both;	
	}
/* pbs */
a#logo-pbs { background: url(../images/logo-pbs.jpg) no-repeat 0% 0%; width: 57px; height: 32px; }
a#logo-pbs:hover { background-position: 0% -32px; }
/* whyy */
a#logo-whyy { background: url(../images/logo-whyy.jpg) no-repeat 0% 0%; width: 80px; height: 27px; }
a#logo-whyy:hover { background-position: 0% -27px; }
/* npr */
a#logo-npr { background: url(../images/logo-npr.jpg) no-repeat 0% 0%; width: 65px; height: 21px; margin-top: 5px; }
a#logo-npr:hover { background-position: 0% -21px; }
/* bet */
a#logo-bet { background: url(../images/logo-bet.jpg) no-repeat 0% 0%; width: 59px; height: 34px; }
a#logo-bet:hover { background-position: 0% -34px; }
/* webstruments */
a#logo-webstruments { background: url(../images/logo-webstruments.jpg) no-repeat 0% 0%; width: 95px; height: 12px; overflow: hidden; margin-top: 10px;}
a#logo-webstruments:hover { background-position: 0% -12px; }
/* operadog */
a#logo-operadog { background: url(../images/logo-operadog.jpg) no-repeat 0% 0%; width: 84px; height: 39px; }
a#logo-operadog:hover { background-position: 0% -39px; }
/* universal */
a#logo-universal { background: url(../images/logo-universal.jpg) no-repeat 0% 0%; width: 92px; height: 60px; }
a#logo-universal:hover { background-position: 0% -60px; }
/* xm */
a#logo-xm { background: url(../images/logo-xm.jpg) no-repeat 0% 0%; width: 66px; height: 37px; }
a#logo-xm:hover { background-position: 0% -37px; }
/* disc*/
a#logo-disc{ background: url(../images/logo-disc.jpg) no-repeat 0% 0%; width: 135px; height: 27px; }
a#logo-disc:hover { background-position: 0% -27px; }


/* about
-------------------- */	
blockquote {
	background: #F2EFEF;
	margin: 0 .9em 0;
	padding: .5em 1em;
	font-size: 130%;	
	line-height: 130%;
	color: #444;
	border-top: 1px solid #ddd;	
	}
blockquote strong {
	color: #500001;
	}
	
/* product categories table
---------------------------- */
table {
	border: none;
	width: 100%;
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	}
th, td {
	padding: 0 20px 0 0;
	vertical-align: top;
	}
td {
	text-align: left;
	padding: 15px 20px 15px 0;	
	border-top: 1px solid #C5C5C5;	
	}	
th {
	letter-spacing: -1px;
	font-weight: bold;
	font-size: 90%;
	text-transform: none;
	color: #333;		
	margin: 0;
	padding: 5px;
	text-align: left;
	background: #F7EEEE;
	border-top: 5px solid #500001;		
  }
td.col1 { width: 120px; padding-left: 5px;}
td.col2 { width: 50px; text-align: center; padding-right: 50px;}
td.col3 { width: 400px; }
table td ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}
#c1 table td ul li {
	background: url(../images/icon-regularbox.gif) no-repeat 0% 5px;
	padding-left: 15px;
	margin-bottom: 3px;
	}
#c1 table td ul li a {
	color: #500001;	
	}
td.col1 a, dl.productions dd.title, dl#productiondescription dt  {
	font-family: Georgia, "Times New Roman", Serif;
	font-size: 120%;
	font-weight: normal;
	color: #cc0001;
	}

/* products
-------------------- */	
dl.products {
	margin: 0;
	padding: 0;	
	}
dl.products dt a img, dl.productions dt a img, ul#photos li a img, #viewphoto img   {
	padding: 6px;
	border: 1px solid #B6A8A8;	
	margin: 0;
	}
dl.products dt a:hover img, dl.productions dt a:hover img, ul#photos li a:hover img   {
	background: #F2EFEF;
	border: 1px solid #500001;
	}
dl.products dt {
	float: left;
	margin: 0;
	padding: 0 20px 10px 0;
	}
dl.products dd.title {
	font-family: Georgia, "Times New Roman", Serif;
	font-size: 140%;
	font-weight: normal;
	color: #D20101;
	margin: 0 0 .6em;
	padding-top: .3em;
	}
dl.products dd.content {
	border-bottom: 1px solid #C5C5C5;
	padding-bottom: 3px;
	margin: 0 0 2em;
	padding: 0 0 1.7em;	
	}
dl.products dd.content span.price {
	display: block;
	margin: 10px 0 10px;
	}
dl.products dd.content span.price strong {		
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Serif;
	font-size: 120%;
	color: #500001;
	}
dl.products dd.content span.price strong b {		
	font-weight: normal;
	}
span.posted {
	display: block;
	margin: 1.3em 0 0;
	background: url(../images/icon-clipboard.gif) no-repeat 0% 50%;
	padding-left: 25px;
	color: #CFC7C7;
	clear: left;
	}
span.posted strong {	
	color: #838383;
	font-weight: normal;
	border-bottom: 1px solid #E9E6E6;
	}
dl.products dd.content a.topofpage {
	background: #c5c5c5 url(../images/icon-topofpage.gif) no-repeat 0% 0%;
	width: 31px;
	height: 11px;
	float: right;
	text-indent: -9000px;
	text-decoration: none;	
	display: block;	
	margin: 10px 0 0;
	padding: 0;
	overflow: hidden;
	}
dl.products dd.content a.topofpage:hover {
	background-color: #666;
	}
	
/* media (audio video)
---------------------------------- */
div.media {
	margin: 0 0 1em;
	padding: 1em 1em 0;
	background: #F7EEEE;	
	border-bottom: 1px solid #8C6060;
	border-top: 1px solid #8C6060;		
	}
div.media ol {
	margin: 0 0 0 3em;
	padding: 0;
	color: #666;	
	}
div.media ol li {
	/* background: url(../images/icon-regolarbox.gif) no-repeat 0% 50%;
	padding-left: 18px;*/
	}
div.media ol li strong {
	font-size: 75%;
	padding-left: 10px;
	color: #666;
	font-weight: normal;
	}
/* samples title */
span.sample-title {
	font-size: 85%;
	color: #666;
	display: inline;
	text-align: left;
	margin-left: 0;
	margin-bottom: 1px;
	background: url(../images/icon-arrow.gif) no-repeat 100% 20%;
	padding-right: 23px;
	padding-top: 2px;	
	}

/* quicktime note */
div.media strong.medias {
	background: url(../images/icon-attention.gif) no-repeat 0% 50%;
	padding-left: 19px;
	font-weight: normal;
	margin: 1em 0 .2em;
	display: block;
	font-size: 85%;
	color: #666;
	}
div.media a.medias {
	color: #500001;
	font-weight: normal;
	}


/* music+video (open media)
---------------------------------- */
#openmedia {
	margin: 20px auto 10px;
	text-align: center;
	width: 100%;
	background: #fff;	
	}
#openmedia span {
	display: block;	
	margin: 0 auto;
	padding-top: 10px;
	text-align: center;
	color: #502322;
	font-weight: bold;
	}
	
		
/* product-form
-------------------- */	
a.purchasebutton img {
	margin: 0;
	padding: 0;
	display: inline;
	margin-left: 20px;	
	vertical-align: middle;
	}
a.purchasebutton:hover {
	background: none;
	}
form.product-form {
	width: auto;
	clear: both;
	display: block;
	margin: 1.2em 0 2em;
	padding: .5em 1em;
	background: #F7EEEE;
	border-top: 5px solid #500001;
	border-bottom: 1px solid #8C6060;
	font-weight: bold;	
	}	
form.product-form ul {
	list-style: none;
	margin: 0 0 .5em 1em;
	padding: 0;	
	}
form.product-form ul li, form.product-form #shippingoptions p {
	color: #333;
	font-size: 90%;	
	font-weight: normal;
	}
form.product-form ul li {
	margin: 0;
	padding: 0;
	background: url(../images/icon-regularbox.gif) no-repeat 0% 50%;
	padding-left: 15px;
	}	
form.product-form p {
	margin: 0;
	padding: 0;
	}
form.product-form #shippingoptions {
	margin: 0 0 1em;
	}
form.product-form #shippingoptions p {
	margin: .3em 0 0 1em;
	padding: 0;	
	}
form.product-form b.plain { 
	font-weight: normal; 
	font-size: 90%;
	color: #666;
	}
form.product-form #button {
	text-align: center;
	margin: 2em 0 1em;
	}
form.product-form p.paybycheck {
	margin: .7em 0;
	background: url(../images/icon-paybycheck.gif) no-repeat 0% 50%;
	padding-left: 70px;
	font-weight: normal;
	}

/* photos and productions
---------------------------------- */
dl.productions, dl.productions dt, dl.productions dd {
	margin: 0;
	padding: 0;
	}
dl.productions {
	margin-top: 2em;
	}
dl.productions dt {
	float: left;
	margin: 0 20px 10px 0;		
	}	
dl dt a img {
	display: block;
	margin: 0 2em 0 0;
	padding: 0;
	}
dl.productions dd.title {
	padding: .3em 0 .4em;
	font-size: 140%;
	}
dl.productions dd span.posted {
	float: left;
	clear: none;
	}
dl.productions dd.break {
	clear: both;
	height: 2em;
	}
p.information {
	padding: 0;
	width: 25%;
	float: left;
	font-size: 85%;
	padding-right: 5%;
	color: #666;		
	}
	
ul#photos {
	padding: 0 0 2em;
	margin: 0;
	list-style: none;
	width: 30%;
	float: left;
	}
ul#photos li {
	margin: 0 0 1em;
	padding: 0;
	line-height: 0;
	display: block;		
	}
dl#productiondescription {
	margin: 0 0 2em;
	padding: 0;
	width: 70%;	
	float: left;	
	}
dl#productiondescription dt {
	margin-bottom: .5em;
	font-weight: bold;
	border-bottom: 1px solid #C5C5C5;
	padding-bottom: 3px;
	}
dl#productiondescription dd {
	margin: 0;
	}	
	
/* view photos
---------------------------------- */
#viewphoto {
	margin: 30px auto 20px;
	padding: 0;	
	text-align: center;
	width: 100%;
	background: #fff;	
	}
#viewphoto img {
	text-align: center;
	display: inline;
	}	
#viewphoto span {
	display: block;	
	margin: 10px 40px;
	color: #333;
	font-weight: bold;
	}

/* links
-------------------- */	
ul.links { 
	list-style: none; 
	margin: 0 0 0 2em;
	padding: 0;
	}
ul.links li {
	margin: 0;
	background: url(../images/icon-regularbox.gif) no-repeat 0% 50%;
	padding-left: 15px;
	margin-bottom: 5px;	
	}

/* guestbook
---------------------------------- */
dl.guestbook-entry {
	margin: 0;
	padding: 0;	
	border-top: 5px solid #D5B4B4;	
	border-bottom: 5px solid #D5B4B4;	
	}
.guestbook-entry dt {
	background: url(../images/icon-comment.gif) no-repeat 15px 50%;
	padding: 7px 10px 2px 35px;
	color: #500001;	
	font-size: 90%;
	border-top: 1px solid #D5B4B4;
	}	
.guestbook-entry dt b {
	color: #822805;
	}
.guestbook-entry dd {
	padding: 0 30px 10px 35px;
	margin: 0 0 10px;
	color: #666;
	font-size: 90%;
	border-bottom: 1px solid #8C6060;
	border-top: 1px solid #F7EEEE;
	}	
dl.guestbook-entry dd, dl.guestbook-entry dt {
	background-color: #F7EEEE;
	}
dl.guestbook-entry dd.odd, dl.guestbook-entry dt.odd {
	background-color: #fff;
	border: none;
	}
#c1 h3 a.guestbook { 
	background: url(../images/icon-comment.gif) no-repeat 0% 50%;	
	padding-left: 18px;
	margin-left: 15px;
	}

/* pay by check 
-------------------- */
#c1 h3 strong.back {
	background: url(../images/icon-back.gif) no-repeat 0% 50%;
	padding-left: 10px;
	margin-left: 15px;
	}

/* footer
-------------------- */	
#footer {
	clear: both;
	width: 786px;
	height: 29px;				
	padding: 0;
	margin: 0;
	background: url(../images/carmen-footer.gif) no-repeat 0% 0%;	
	}
#copyright {		
	margin: 0;
	padding: 0;	
	color: #666;
	font-size: 85%;
	text-align: center;	
	display: block;	
	}	
#copyright a {
	color: #500001;
	}
#openmedia #footer span, #viewphoto #footer span {
	font-weight: normal;
	margin: 0;
	border: none;
	}
#openmedia #footer, #viewphoto #footer {
	width: 100%;
	text-align: center;	
	}	
#openmedia #footer, #viewphoto #footer {
	margin: 10px 0 0;
	padding: 0;
	line-height: 100%;	
	font-size: 80%;
	background: none;
	}