/*
Theme Name: BLACK
Theme URI: http://wordpress.org/
Description: Colin Lee tenor 2009
Author: Sarah Tryfan
Author URI: http://www.sarahtryfan.com/

*/

/*---------------------colinleetenor.com ---------------------------*/
/*---------------------created by Sarah Tryfan in March 2009 www.sarahtryfan.com ---------------------------*/

/*-------- colors: #000000, #ffffff, #ffffaa ---------------------*/

/*---------- Page structure ----------*/
body {
	text-align: left;
	min-width: 960px;
	background: #000000 url(/nav/colin-lee-background.jpg) no-repeat top left;
	color: #ffffff;
	font: 0.8em verdana, Arial, sans-serif; 
	line-height: 1.4em;
	margin: 0;
}

#pageWhole {
	width: 95%;
	min-width: 960px;
	position: absolute;
}

#pageNav {
	width: 380px;
	padding: 0;
	margin: 0;
}

#pageContent {
	padding: 0 10px 20px 0;
	min-width:570px;
	width:auto !important;
	width:570px;
	position: absolute;
	top: 0px;
	left: 380px;
}

/*---------- Navigation structure ----------*/

.notForScreen {
	display: none;
}

#pageNav h1 {
	text-indent: -6000px;
}

#pageNavList {
	float: left;
	width: 380px;
	padding: 0;
	margin: 0;
}

ul.navList {
	list-style-type: none;
}

/*---------- Navigation list - rollever and page-specific  colours---------*/

.navNews {
	float: right;
	background: url(/nav/nav-news.gif) no-repeat top left;
	width: 170px;
	height: 30px;
	text-indent: -5000px;
	padding: 0;
	margin-top: 20px;
	clear: both;
}

.navNews a {
	display: block;
	width: 150px;
	height: 30px;
}

body#bodyNews .navNews, body#bodyNews .navNews a:hover {
	background: url(/nav/nav-news-down.gif) no-repeat top left;
}

.navNews a:hover {
background: url(/nav/nav-news-up.gif) no-repeat top left;
}


.navListen {
	float: right;
	background: url(/nav/nav-listen.gif) no-repeat top left;
	width: 170px;
	height: 30px;
	text-indent: -5000px;
	padding: 0;
	margin: 0;
	clear: both;
}

.navListen a {
	display: block;
	width: 150px;
	height: 30px;
}

.navListen a:hover {
background: url(/nav/nav-listen-up.gif) no-repeat top left;
}

body#bodyListen .navListen, body#bodyListen .navListen a:hover {
	background: url(/nav/nav-listen-down.gif) no-repeat top left;
}

.navDiary {
	float: right;
	background: url(/nav/nav-diary.gif) no-repeat top left;
	width: 170px;
	height: 30px;
	text-indent: -5000px;
	padding: 0;
	margin: 0;
	clear: both;
}

.navDiary a {
	display: block;
	width: 150px;
	height: 30px;
}

.navDiary a:hover {
background: url(/nav/nav-diary-up.gif) no-repeat top left;
}

body#bodyDiary .navDiary, body#bodyDiary .navDiary a:hover {
	background: url(/nav/nav-diary-down.gif) no-repeat top left;
}

.navPhotos {
	float: right;
	background: url(/nav/nav-photos.gif) no-repeat top left;
	width: 170px;
	height: 30px;
	text-indent: -5000px;
	padding: 0;
	margin: 0;
	clear: both;
}

.navPhotos a {
	display: block;
	width: 150px;
	height: 30px;
}

.navPhotos a:hover {
background: url(/nav/nav-photos-up.gif) no-repeat top left;
}

body#bodyPhotos .navPhotos, body#bodyPhotos .navPhotos a:hover, body#bodyProdBarber .navPhotos, body#bodyProdDonnaLago  .navPhotos, body#bodyProdCenerentola  .navPhotos, body#bodyProdElisir .navPhotos, body#bodyProdOry  .navPhotos {
	background: url(/nav/nav-photos-down.gif) no-repeat top left;
}

.navBiography {
	float: right;
	background: url(/nav/nav-biography.gif) no-repeat top left;
	width: 170px;
	height: 30px;
	text-indent: -5000px;
	padding: 0;
	margin: 0;
	clear: both;
}

.navBiography a {
	display: block;
	width: 150px;
	height: 30px;
}

.navBiography a:hover {
background: url(/nav/nav-biography-up.gif) no-repeat top left;
}

body#bodyBiography .navBiography, body#bodyBiography .navBiography a:hover {
	background: url(/nav/nav-biography-down.gif) no-repeat top left;
}

.navRepertoire {
	float: right;
	background: url(/nav/nav-repertoire.gif) no-repeat top left;
	width: 170px;
	height: 30px;
	text-indent: -5000px;
	padding: 0;
	margin: 0;
	clear: both;
}

.navRepertoire a {
	display: block;
	width: 150px;
	height: 30px;
}

.navRepertoire a:hover {
background: url(/nav/nav-repertoire-up.gif) no-repeat top left;
}

body#bodyRepertoire .navRepertoire, body#bodyRepertoire .navRepertoire a:hover {
	background: url(/nav/nav-repertoire-down.gif) no-repeat top left;
}

.navCds {
	float: right;
	background: url(/nav/nav-cds.gif) no-repeat top left;
	width: 170px;
	height: 30px;
	text-indent: -5000px;
	padding: 0;
	margin: 0;
	clear: both;
}

.navCds a {
	display: block;
	width: 150px;
	height: 30px;
}

.navCds a:hover {
background: url(/nav/nav-cds-up.gif) no-repeat top left;
}

body#bodyCds .navCds, body#bodyCds .navCds a:hover {
	background: url(/nav/nav-cds-down.gif) no-repeat top left;
}

.navPress {
	float: right;
	background: url(/nav/nav-press.gif) no-repeat top left;
	width: 170px;
	height: 30px;
	text-indent: -5000px;
	padding: 0;
	margin: 0;
	clear: both;
}

.navPress a {
	display: block;
	width: 150px;
	height: 30px;
}

.navPress a:hover {
background: url(/nav/nav-press-up.gif) no-repeat top left;
}

body#bodyPress .navPress, body#bodyPress .navPress a:hover {
	background: url(/nav/nav-press-down.gif) no-repeat top left;
}

.navContact {
	float: right;
	background: url(/nav/nav-contact.gif) no-repeat top left;
	width: 170px;
	height: 30px;
	text-indent: -5000px;
	padding: 0;
	margin: 0;
	clear: both;
}

.navContact a {
	display: block;
	width: 150px;
	height: 30px;
}

.navContact a:hover {
background: url(/nav/nav-contact-up.gif) no-repeat top left;
}

body#bodyContact .navContact, body#bodyContact .navContact a:hover {
	background: url(/nav/nav-contact-down.gif) no-repeat top left;
}

/*---------- Page Content - headers----------*/

#pageContent h1 {
	text-indent: -5000px;
	padding: 0;
	margin: 0;
}

#pageContent img.notforPrint {
	padding-bottom: 19px;
}

h2 {
font-size: 1.3em;
}

/*---------- Page Content link colours ----------*/

a {
	color: #ffffcc;
	text-decoration: underline;
}

/*  ------------------------  Wordpress NEWS specific ----------------------------*/

body#bodyNews h2.newsTitle a {
    text-decoration: none;
	color: #ffffff;
}

body#bodyNews h2.pagetitle {
	padding-bottom: 20px;
	color: #ffffff;
}

.entry p{
	padding: 0;
	margin: 0;
}

p.postTags {
	font-size: 0.8em;
	color: #ffffbb;
}

.postTags a {
	color: #ffffbb;
}

.alignleft {
	float: left;
	text-align: left;
}

.alignright {
	float: right;
	text-align: right;
}

div.navigation {
	padding-top: 20px;
}

/*---------- Homepage (News) specific -------------*/

p.rssDesc {
	text-align: right;
	font-size: 0.8em;
	padding: 0;
	margin: 0;
	line-height: 1.2;
}

p.rssDesc a {
	color: #999999;
	text-decoration: none;
}

p.rssDesc img {
	border: 0;
}

body#bodyNews h2 {
	color: #ffffff;
	margin: 0;
	padding: 0 0 5px 0;
	font-size: 1.3em;
}

body#bodyNews p {
	padding-bottom: 10px;
	padding-top: 0;
	margin-top: 5px;
}

/*---------- Repertoire specific -------------*/

body#bodyRepertoire table {
	margin: 0;
	padding: 15px 0 0 0;
	float: left;
	width: 550px;
}

td.repComposer {
	width: 85px;
}

td.repWork {
	width: 200px;
}

body#bodyRepertoire td {
	vertical-align: top;
	padding: 0 15px 3px 0;
	margin: 0;
}

/*----------Diary specific -------------*/

body#bodyDiary h2 {
	color: #ffffff;
	margin: 0;
	padding: 0 0 20px 0;
	font-size: 1.5em;
}

body#bodyDiary table {
	margin: 0;
	padding: 0;
	width: 550px;
}

body#bodyDiary td {
	vertical-align: top;
	padding: 0 0 7px 0;
	margin: 0;
	font-size: 0.9em;
}

body#bodyDiary td.calendarDate {
	padding: 0 15px 7px 0;
	width: 170px;
}

body#bodyDiary td.calendarWork {
	padding: 0 10px 7px 0;
	width: 150px;
}

/*----------CDs specific -------------*/

body#bodyCds h2 {
	padding: 0;
	margin: 0 0 20px 0;
}

.cdBox {
	float: left;
	text-align: center;
	width: 120px;
	height: 180px;
}

/*----------------------- Contact specific ------------------------------------*/

body#bodyContact h2 {
	padding: 0;
	margin: 0 0 20px 0;
}

body#bodyContact p {
	margin-top: -10px;
	padding-top: 0;
}

p.sarah {
	padding-top: 30px;
	margin-top: 30px;
}

/*------------------------------ Press specific -------------------------------------*/

body#bodyPress h2 {
	font-size: 1.3em;
	padding: 0;
	margin: 0 0 10px 0;
}

p.pressQuote {
	margin-top: 5px;
	padding: 0;
}

p.pressCredit {
	text-align: right;
	margin-top: -10px;
	padding: 0;
	color: #ffffff;
	font-style: italic;
}

/*-------------------------------Listen specific ---------------------------------------*/

body#bodyListen h2 {
	padding: 0;
	margin: 0;
}

body#bodyListen h3 {
	font-size: 1.0em;
	font-weight: bold;
	color: #CCCCCC;
	margin: 3px 0 7px 0;
	padding: 0;
}

.audioSample {
	padding-bottom: 20px;
}

/*--------------------------------Biography specific----------------------------------*/

p.firstP {
	margin-top: 0px;
}

/*-------------------------------Photos index specific -------------------------------*/

.album {
	float: left;
	width: 170px;
	height: 190px;
	text-align: center;
	padding: 0 0 20px 0;
	margin-right: 10px;
}

.album h2 {
	padding: 10px 0 0 0;
	margin: 0;
}

.album h2 a {
	text-decoration: none;
}

body#bodyPhotos p {
	margin: 0;
}

/*--------------------------- Individual production photos specific - named prods are further down ------------------------------------*/

p.noFlash {
	color: #ffff99;
}

#prodPhoto {
	position: absolute;
	top: 160px;
	left: 0px;
	width: 350px;
	height: 350px;
	border: 4px solid #333;
}

#prodPlayer {
	position: absolute;
	left: 385px;
	top: 430px;
	width: 200px;
}

#prodPlayer p {
	margin: 0 0 7px 0;
}

.songTitle {
	font-weight: bold;
}

.morePhotos {
	position: absolute;
	top: 550px;
	left: 0px;
	color: #666;
	margin: 0;
	padding: 0 0 20px 0;
	width: 350px;
}

#prodThumbA {
	position: absolute;
	width: 82px;
	height: 82px;
	top: 160px;
	left: 380px;
}

#prodThumbB {
	position: absolute;
	width: 82px;
	height: 82px;
	top: 242px;
	left: 380px;
}

#prodThumbC {
	position: absolute;
	top: 324px;
	left: 380px;
}

#prodThumbD {
	position: absolute;
	top: 160px;
	left: 462px;
}

#prodThumbE {
	position: absolute;
	top: 242px;
	left: 462px;
}

#prodThumbF {
	position: absolute;
	top: 324px;
	left: 462px;
}

a#prodHoverA:hover .thumbALarge {
	width: 350px;
	height:350px;
	position: absolute;
	left: -380px;
	top: 0;
	border: 4px solid #333;
}

a#prodHoverB:hover .thumbBLarge {
	width: 350px;
	height:350px;
	position: absolute;
	left: -380px;
	top: -82px;
	border: 4px solid #333;
}

a#prodHoverC:hover .thumbCLarge {
	width: 350px;
	height:350px;
	position: absolute;
	left: -380px;
	top: -164px;
	border: 4px solid #333;
}

a#prodHoverD:hover .thumbDLarge {
	width: 350px;
	height:350px;
	position: absolute;
	left: -462px;
	top: 0px;
	border: 4px solid #333;
}

a#prodHoverE:hover .thumbELarge {
	width: 350px;
	height:350px;
	position: absolute;
	left: -462px;
	top: -82px;
	border: 4px solid #333;
}

a#prodHoverF:hover .thumbFLarge {
	width: 350px;
	height:350px;
	position: absolute;
	left: -462px;
	top: -164px;
	border: 4px solid #333;
}

/*----------------- Barber of Seville ----------------------------*/

body#bodyProdBarber a#prodHoverA:hover .thumbALarge {
	background: url(/photos/barber/colin-lee-almaviva-01.jpg) no-repeat top left;
}

body#bodyProdBarber a#prodHoverB:hover .thumbBLarge {
	background: url(/photos/barber/colin-lee-almaviva-02.jpg) no-repeat top left;
}

body#bodyProdBarber a#prodHoverC:hover .thumbCLarge {
	background: url(/photos/barber/colin-lee-almaviva-03.jpg) no-repeat top left;
}

body#bodyProdBarber a#prodHoverD:hover .thumbDLarge {
	background: url(/photos/barber/colin-lee-almaviva-04.jpg) no-repeat top left;
}

body#bodyProdBarber a#prodHoverE:hover .thumbELarge {
	background: url(/photos/barber/colin-lee-almaviva-05.jpg) no-repeat top left;
}

body#bodyProdBarber a#prodHoverF:hover .thumbFLarge {
	background: url(/photos/barber/colin-lee-almaviva-06.jpg) no-repeat top left;
}

/*------------------------ La donna del lago -------------------------------*/

body#bodyProdDonnaLago #pageContentHeader {
	background: url(/nav/prod-donna-lago.gif) no-repeat top left;
	height: 145px;
}

body#bodyProdDonnaLago a#prodHoverA:hover .thumbALarge {
	background: url(/photos/donna-lago/colin-lee-lago-01.jpg) no-repeat top left;
}

body#bodyProdDonnaLago a#prodHoverB:hover .thumbBLarge {
	background: url(/photos/donna-lago/colin-lee-lago-02.jpg) no-repeat top left;
}

body#bodyProdDonnaLago a#prodHoverC:hover .thumbCLarge {
	background: url(/photos/donna-lago/colin-lee-lago-03.jpg) no-repeat top left;
}

/*------------------------------- Cenerentola -------------------------------------*/

body#bodyProdCenerentola #pageContentHeader {
	background: url(/nav/prod-cenerentola.gif) no-repeat top left;
	height: 145px;
}

body#bodyProdCenerentola a#prodHoverA:hover .thumbALarge {
	background: url(/photos/cenerentola/colin-lee-cenerentola-01.jpg) no-repeat top left;
}

body#bodyProdCenerentola a#prodHoverB:hover .thumbBLarge {
	background: url(/photos/cenerentola/colin-lee-cenerentola-02.jpg) no-repeat top left;
}

/*------------------------------------- Elisir --------------------------------------------*/

body#bodyProdElisir #pageContentHeader {
	background: url(/nav/prod-elisir.gif) no-repeat top left;
	height: 145px;
}

body#bodyProdElisir a#prodHoverA:hover .thumbALarge {
	background: url(/photos/elisir/colin-lee-elisir-01.jpg) no-repeat top left;
}

body#bodyProdElisir a#prodHoverB:hover .thumbBLarge {
	background: url(/photos/elisir/colin-lee-elisir-02.jpg) no-repeat top left;
}

body#bodyProdElisir a#prodHoverC:hover .thumbCLarge {
	background: url(/photos/elisir/colin-lee-elisir-03.jpg) no-repeat top left;
}

/*------------------------------------ Ory -------------------------------------------------------*/

body#bodyProdOry #pageContentHeader {
	background: url(/nav/prod-ory.gif) no-repeat top left;
	height: 145px;
}

body#bodyProdOry a#prodHoverA:hover .thumbALarge {
	background: url(/photos/ory/colin-lee-ory-01.jpg) no-repeat top left;
}

body#bodyProdOry a#prodHoverB:hover .thumbBLarge {
	background: url(/photos/ory/colin-lee-ory-02.jpg) no-repeat top left;
}

body#bodyProdOry a#prodHoverC:hover .thumbCLarge {
	background: url(/photos/ory/colin-lee-ory-03.jpg) no-repeat top left;
}

body#bodyProdOry a#prodHoverD:hover .thumbDLarge {
	background: url(/photos/ory/colin-lee-ory-04.jpg) no-repeat top left;
}

body#bodyProdOry a#prodHoverE:hover .thumbELarge {
	background: url(/photos/ory/colin-lee-ory-05.jpg) no-repeat top left;
}

/*--------------------------------- Tancredi ----------------------------------------------------*/

body#bodyProdTancredi #pageContentHeader {
	background: url(/nav/prod-tancredi.gif) no-repeat top left;
	height: 145px;
}

body#bodyProdTancredi a#prodHoverA:hover .thumbALarge {
	background: url(/photos/tancredi/colin-lee-tancredi-01.jpg) no-repeat top left;
}

body#bodyProdTancredi a#prodHoverB:hover .thumbBLarge {
	background: url(/photos/tancredi/colin-lee-tancredi-02.jpg) no-repeat top left;
}

body#bodyProdTancredi a#prodHoverC:hover .thumbCLarge {
	background: url(/photos/tancredi/colin-lee-tancredi-03.jpg) no-repeat top left;
}

body#bodyProdTancredi a#prodHoverD:hover .thumbDLarge {
	background: url(/photos/tancredi/colin-lee-tancredi-04.jpg) no-repeat top left;
}

body#bodyProdTancredi a#prodHoverE:hover .thumbELarge {
	background: url(/photos/tancredi/colin-lee-tancredi-05.jpg) no-repeat top left;
}

/*---------------------------------------------------------- Fin -----------------------------------------------------*/