/* Import the reset css */
@import "reset.css";

body {
	/*background-color: #000;*/
}

#container {
	width: 960px;
	margin: 0 auto;
	background-color: #fff;
	position: relative;
	/*background-image: url(../images/960_grid_12_col.png);
	background-position: center; */
}

#mastHead {
	overflow: hidden;
	background-color: #801009;
}

#mastHead h1 {
	margin: 0;
	position: absolute;
	z-index: 1;
	top: 10px;
	left: 12px;
	width: 326px;
	background: url(../images/logo.png) no-repeat;
	text-indent: -9000px;
	font-size: 72px;
	text-align: center;
	text-shadow: 1px 1px 2px #000;
	text-shadow: 1px 1px 2px #000;
}

#mastHead h1 a {
	display: block;
	outline: none;
	height: 204px;
	background-image: url(../images/logo.png);
	line-height: 55px;
	color: #fff;
}

#branding {
	background: transparent url(../images/branding.png) scroll no-repeat 100% 50%;
	width: 100%;
	height: 100px;
}

/*
#branding {
	float: right;
	overflow: hidden;
	list-style: none;
	color: #D6AC45;
	margin: 20px 0 20px 20px;
	padding-right: 46px;
	font-family: Baltra, Tahoma, Verdana, Geneva;
	background: transparent url(../images/branding.png) scroll no-repeat 0 0;
}

#branding li {
	background: transparent url(../images/dot.png) scroll no-repeat 3% 68%;
	float: left;
	margin-left: 20px;
	padding-left: 50px;
	font-size: 37px;
	text-shadow: 1px 1px 2px #000;
	text-shadow: 1px 1px 2px #000;
}

#branding li:first-child {
	background: none;
}
*/

 #wrapper {
	overflow: hidden;
	position: relative;
	background: #e1d6aa url(../images/bg.jpg) scroll no-repeat 0 0;
	border-bottom: 1px solid #19140A;
}

#mainNav {
	overflow: hidden;
	width: 100%;
	border-bottom: 1px solid #D8AF4E;
	padding: 4px 0;
}

#mainNav ul {
	float: right;
	overflow: hidden;
	padding-right: 34px;
	margin: 0;
}

#wrapper #mainNav li {
	float: left;
	margin-bottom: 0;
}

#mainNav li a {
	display: block;
	color: #fff;
	font-size: 19px;
	padding: 4px 12px;
	margin:0 5px;
	outline: none;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
}

/* Mark the selected page.
Similar behavior when hovering over it */
#home #mainNav .home a,
#about #mainNav .about a,
#musicVideo #mainNav .musicVideo a,
#galleryPage #mainNav .galleryPage a,
#contact #mainNav .contact a,
#cd #mainNav .cd a,
#mainNav li a:hover, #mainNav li a:active {
	color: #fff;
	background-color: rgba(202,164,74,0.75);
}

/* Set up different pics on pages */
#home #inner {
	background: transparent url(../images/home.png) scroll no-repeat 50px 38px; }

#about #inner {
	background: transparent url(../images/about.png) scroll no-repeat 110px -30px; }

#musicVideo #inner {
	background: transparent url(../images/musicVideo.png) scroll no-repeat 105px -5px; }

#galleryPage #inner {
	background: transparent url(../images/gallery.png) scroll no-repeat 125px 40px; }

#contact #inner {
	background: transparent url(../images/contact.png) scroll no-repeat 120px -29px; }

#fanfara #inner {
	background: transparent url(../images/fanfara.png) scroll no-repeat 80px 25px; }

#ashkenazim #inner,
#ashkenazimPr #inner {
	background: transparent url(../images/ashkenazim.png) scroll no-repeat 80px 25px; }

#btCd #inner {
	background: transparent url(../images/baymCd.png) scroll no-repeat 80px 25px; }

#btRev #inner {
	background: transparent url(../images/baymRev.png) scroll no-repeat 80px 25px; }

#soundLight #inner {
	background: transparent url(../images/soundLight.png) scroll no-repeat 80px 25px; }

#choirs #inner {
	background: transparent url(../images/choirs.png) scroll no-repeat 80px 25px; }

#cd #inner {
	background: transparent url(../images/cd.png) scroll no-repeat 80px 25px; }

#inner {
	overflow: hidden;
	background: transparent url(../images/polina_home.png) scroll no-repeat 12% 0;
	min-height: 580px;
	font-size: 13px;
}

#home #content {
	width: 280px;
	margin-top: 80px;
	margin-left: 220px;
}

#home #content > p {
	text-align: right;
}

#content {
	float: right;
	width: 417px;
	margin: 20px 20px 50px 0;
	padding: 0 20px 20px 20px;
	background-color: rgba(255,255,255,0.5);
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	color: #000;
}

#content a:link, #content a:visited {
	color: #801009;
	border-bottom: 1px dotted #aaa;
}

#content a:hover {
	color: #000;
	border-bottom: 1px solid #801009;
}

#content #breadcrumb {
	list-style: none;
	margin: 10px 0;
	padding: 0;
	font-size: 12px;
}

#breadcrumb li {
	text-transform: capitalize;
	float: left;
	color: #707070;
	margin-right: 6px;
}

#breadcrumb .extraInfo {
	text-transform: none;
	font-style: italic;
	color: #000;
	margin-right: 12px;
}

/* --SideNav */
#sideNav {
	position: absolute;
	top: 275px;
	padding-top: 115px;
	z-index: 2;
	background: transparent url(../images/projects.png) scroll no-repeat 19% 0;
}

#wrapper #sideNav > li {
	position: relative;
	margin-bottom: 22px;
}

/*common link styling for both ULs [main sideNav and dropdown]*/
#sideNav li a {
	outline: none;
	text-transform: capitalize;
	color: #000;
}

#sideNav > li > a {
	font-size: 20px;
	padding: 8px 8px 8px 88px;
	background-color: rgb(202, 164, 74); /*THIS FALLBACK DOESNT WORK IN IE*/
	background-color: rgba(202, 164, 74, 0.75);
	*background-color: rgb(202, 164, 74); /*IE7*/
	-moz-box-shadow: 3px 3px 8px #000;
	-webkit-box-shadow: 3px 3px 8px #000;
}

/*#sideNav > li > a:hover, #sideNav > li > a:active,*/
#fanfara #sideNav .fanfara > a,
#ashkenazim #sideNav .ashkenazim > a,
#soundLight #sideNav .soundLight > a,
#choirs #sideNav .choirs > a,
#sideNav > li:hover > a {
	background-color: #6C582A;
	background-color: rgba(108,88,42,0.75);
	color: #fff;
}

/*For IE7 to make sure that dropdown appears on top of the sideNav.
  IE7 z-index bug */
#sideNav li.ashkenazim {
	z-index: 3;
}

/*Dropdown menu out of sideNav*/
#sideNav li ul {
	display: none;
	position: absolute;
	width: 230px;
	z-index: 2;
	left: 210px;
	top: -9px;
	*top: 0px;
	margin: 0;
	border-top: 1px solid #fff;
}

#sideNav li:hover ul { 
	display: block;
}

#sideNav li ul li {
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #fff;
}

#sideNav li ul li a {
	display: block;
	padding: 4px 12px;
	background-color: rgb(144,129,92);
	font-size: 17px;
	text-align: right;
}

#ashkenazimPr #sideNav ul .ashkenazimPr a,
#btCd #sideNav ul .btCd a,
#btRev #sideNav ul .btRev a,
#sideNav a:hover, #sideNav a:active {
	color: #fff;
}

#sideLine {
	height: 100%;
	position: absolute;
	margin-left: 70px;
	border-left: 1px solid #fff;
	z-index: 1;
}

#footer {
	clear: both;
	color: #fff;
	background-color: #801009;
	margin: 0;
	padding: 15px 0 15px 90px;
	font-size: 12px;
}

#footer a {
	color: #fff;
}


/* Content text styling */
body {
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-family: Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
	font-size: 15px;
}

#mainNav, #sideNav {
	font-family: Palatino, "Palatino Linotype", "Hoefler Text", Times, "Times New Roman", serif;
}

h1, h2, h3 {
	font-family: "Century Gothic", AppleGothic, sans-serif;
}

h2 {
	color: #801009;
	font-size: 24px;
	text-transform: uppercase;
	font-weight: bolder;
	margin: 20px 0 10px;
	clear: left;
}

h3 {
	margin-top: 6px;
	font-size: 18px;
	font-weight: bold;
	text-transform: capitalize;
}

blockquote {
	background: transparent url(../images/quote.png) no-repeat scroll 0 0;
	margin-top: 10px;
}

blockquote p {
	padding: 0 0 0 9px;
	margin: 0 0 0 34px;
	border-left: 1px solid #801009;
}

cite {
	display: block;
	font-style: italic;
	font-weight: bold;
	color: #801009;
	text-align: right;
	margin-bottom: 20px;
}

p {
	margin: 10px 0;
}

#home .promoLinks {
	margin-left: 24px;
}

#content .promoLinks {
	list-style: none;
	width: 100%;
	overflow: hidden;
	margin: 0;
}

.promoLinks li {
	float: left;
}

.promoLinks a {
	margin: 5px 17px 10px 0;
}

.promoLinks .last a {
	margin-right: 0;	
}

.promoLinks {
	font-weight: bold;
}

#soundLight .promoLinks a {
	margin-left: 65px;
}

.intro {
	font-style: italic;
}

.project {
	font-style: italic;
	font-weight: bold;
}

.emph {
	font-weight: bold;
}

.upper {
	text-transform: uppercase;
	padding-right: 8px;
}

.artist {
	font-weight: bold;
}

.cdInfo {
	margin: 5px 0;
}

.cdInfo ol {
	list-style: decimal;
}

.cdInfo ul,
.cdInfo ol {
	margin-left: 20px;
	*margin-left: 30px; /*IE7*/
}

.cdInfo span {
	padding-right: 5px;
}

#content ul {
	list-style: square;
	/*margin-left: 17px;*/
}

#galleryList {
	margin-left: 19px;
}

ul, ol {
	margin: 10px 0 20px;
}

#wrapper li {
	margin-bottom: 5px;
	*margin-bottom: 0px; /*IE7*/
}

.solo:before {
	content: "Solo ";
}

.solo, 
.desc,
.lyrics,
.time {
	color: #707070;
}

.solo,
.lyrics {
	font-style: italic; 
}

/* Review styling */
.review {
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
	font-size: 14px;
	margin-top: 20px;
	overflow: hidden;
}

.review .byline {
	float: right;
}

.mName {
	text-transform: capitalize;
	font-size: 16px;
	font-weight: bold;
}

.aName {
	margin-bottom: 0;
	text-transform: capitalize;
	font-style: italic;
}

.reviewer {
	font-weight: bold;
	text-transform: capitalize;
	margin-bottom: 4px;
}

.review .date {
	text-transform: capitalize;
	font-size: 12px;
	margin: 0;
	color: #707070;
	margin-left: 5px;
}

/* Contact Form */
#contactForm {
	margin-top: 20px;
}

#contactForm .desc {
	font-size: 12px;
}

#contactForm label {
	float: left;
	width: 80px;
}

#contactForm sup {
	color: #801009;
}

#contactForm input {
	width: 200px;
}

#contactForm textarea {
	width: 380px;
}

#contactForm .submit input {
	width: auto;
	margin-left: 80px;
}

#contactForm .confirmation {
	display: none;
}

#contactForm label.error {
	color:red;
	display:block;
	float:none;
	font-size:12px;
	margin-left:80px;
	width:auto;
}

/*set up the font size and family in the form 
as it seems to inherit in incorrectly */
input, textarea {
	font-size: 12px;
	font-family: Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
 }
 
 input[type=submit] {
 	font-size: inherit;
 }

/* Gallery Page */
#imageViewer { 
	overflow: hidden;
}