/* cfinehouse.com css - beta version */
/* god, this really needs a clean-up!!! */

 


/* ========== start basics ========== */

* {margin:0; padding:0;} /* reset browser defaults */
html {font-size: 100%;}


/*  TODO: MOVE IE STUFF INTO CONDITIONALS */


img {border:none;}



p.fineprint {
	font-size: 0.9em;
}

#contentarea .leftColumn p.fineprint, #contentarea .rightColumn p.fineprint, #contentarea .rightColumn span.fineprint {
	font-size: 0.9em;
	line-height: 1.2em;
}

#contentarea .leftColumn h3 {
		font-size: 1.5em;
}

.leftColumn p {
		font-family: Arial, Helvetica, sans-serif;
}

.strike {
	text-decoration: line-through;
}

.unstrike {
	text-decoration: none;

}

em#noLink {
	cursor: auto;

}

p.backTop {
	padding-right: 15px;
	text-align: right;
	clear: both;
	margin: 0 20px 0 0;
	font-size: 0.8em;
	background-image: url(images/bullet_backTop.gif);
	background-repeat: no-repeat;
	background-position: right center;
}



p.backTop a {

	color: #ea9d52; 

}

.hrule {
	clear: both;
	height: 10px;
	margin-top: 7px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #ea9d52;
}

.hrule hr {
	display: none;
}

ul {
	list-style-type: none;
}

.floatLeft {
	float: left;
	/*padding: 10px 10px 10px 0;*/
}

.floatRight {
	float: right;
}

body {
	behavior:url("../csshover.htc"); /* enables :hover selector in IE */
	background-color: #f3f6e8;
	font-family: Lucida Sans Unicode, Lucida Grande, Lucida Sans, Arial, sans-serif;
	font-size: 0.76em;
	color: #3B2815;


}




/* --- typography --- */

#contentarea p, blockquote {

	line-height: 1.5;
}


#contentarea p { font-size: 1.1em; margin-bottom: 10px; }


.rightColumn ul { font-size: 1.1em;}


#contentarea .leftColumn p {font-size: 1em;}

h1 {
	font-size: 2.2em;
	color: #3B6824;
	font-weight: normal;
	text-transform: capitalize;
	margin-bottom: 12px;
	letter-spacing: 0.02em;
}

h2 {
	font-size: 1.7em;
	margin-bottom: 6px;
	color: #ea9d52;
	margin-bottom: 7px;

}


h3 {
	margin-bottom: 6px;
	color: #ea9d52;
	font-size: 1.6em;
	font-weight: normal;
}







/* --- links --- */	
#contentarea p a, dl.event a, ul.fileList a {color: #3B2815; text-decoration: underline; border-bottom: 2px dotted #ea9d52;
text-decoration/* */: none; /* fix for IE5/WIN only to display regular underlines instead of border */
text-decoration: none;} 
#contentarea p a:hover, dl.event a:hover, ul.fileList a:hover {background-color: #ea9d52; border-color: #f3f6e8; color: #f3f6e8;}

.playSample a {
	color: #ea9d52; 
}

.playSample a:hover {
	background-color: #ea9d52; border-color: #f3f6e8; color: #f3f6e8;

}

a img:hover {border-color: #3B6824;} /* relies on csshover.htc - MOVE INTO CONDITIONALS FOR IE*/



/* ========== end basics ========== */

/* ========== start wrappers ========== */

/* --- START temp - erase when done --- */
#notes {
	width: 770px;
	background-color: #FFFFFF;
	border-top-width: 10px;
	border-top-style: solid;
	border-top-color: #CCCCCC;	

}

#notes p {
	padding: 10px;

}


#notes ul {

	padding: 10px;
	list-style-type: disc;
	list-style-position: inside;
}

#notes ul#notesKostya {
	color: #FF0000;
}
/* --- END temp --- */



#outerwrapper1 {
	background-image: url(images/backgrnd_topBorder.gif);
	background-repeat: repeat-x;
	background-position: 0 0;	

}



#outerwrapper2 {
	text-align: center; /* for IE5.x */

	padding-top: 77px;
	
	
	background-image: url(images/banner.gif);
	background-repeat: no-repeat;
	background-position: center 20px;
}

#outerwrapper3 {
	background-image: url(images/backgrnd_shadow.gif);
	background-repeat: repeat-y;
	background-position: center top;

}


#contentwrapper {
	text-align: left;
	width: 770px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(images/body_dotted.gif);
	background-repeat: repeat-y;
	background-position: 71px 0px;
	margin-bottom: 7px;
	background-color: #f3f6e8;

}
/* ========== end wrappers ========== */


/* ========== start header & main navigation ========== */
#header {
	/*position: relative;*/

}

#header img {display: block;} /* fixing IE 3-pixel jog bug */

span#bannerGraphic {
	position: absolute;
	top: 40px;
	background-image: url(images/banner_piano.gif);
	background-repeat: no-repeat;
	width: 142px;
	height: 174px;
}






/* --- main navigation --- */	
#header ul {margin-left: 150px;}
#header li {float: left;}




/* --- image replacement --- */	
ul.imagerepl li, h4 { 
	position: relative;
	overflow: hidden;
	margin: 0;
	padding: 0;
	font-size: 0.9em;
}
	

		
.imagerepl em {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1; /* opera fix */
	cursor: hand; /* for IE5.x - MOVE TO EXTERNAL SHEET */
	c\ursor: pointer; /* for rest */
	
}


/* IE5.x/MAC fixes for image replacement*/
* html>body	.imagerepl {position: static; overflow: visible; font-size: 10px; /* instead of overflow */}
* html>body	.imagerepl em  {position: static;}
* html>body	.imagerepl a {text-decoration: none; /* otherwise underline shows through image */}


/* image replacement for main nav */
#about, #about em, #events, #events em, #projects, #projects em, #collab, #collab em, #disco, #disco em, #multim, #multim em, #contact, #contact em {
height: 38px;}
#about em, #events em, #projects em, #collab em, #disco em, #multim em, #contact em {background: url(images/topnav.gif) no-repeat;}
#about, #about em {width: 56px; background-position: 0 0;}
#about:hover em {background-position: 0 -38px; visibility:visible;z-index:2;}
body#aboutpage #about em, body#aboutpage #about:hover em {background-position: 0 -76px;}
#events, #events em {width: 66px; background-position: -56px 0;}
#events:hover em {background-position: -56px -38px; visibility:visible;z-index:2;}
body#eventspage #events em, body#eventspage #events:hover em {background-position: -56px -76px;}
#projects, #projects em {width: 77px; background-position: -121px 0;}
#projects:hover em {background-position: -121px -38px; visibility:visible;z-index:2;}
body#projectspage #projects em, body#projectspage #projects:hover em {background-position: -121px -76px;}
#collab, #collab em {width: 124px; background-position: -198px 0;}
#collab:hover em {background-position: -198px -38px; visibility:visible;z-index:2;}
body#collabpage #collab em, body#collabpage #collab:hover em {background-position: -198px -76px;}
#disco, #disco em {width: 110px; background-position: -322px 0;}
#disco:hover em {background-position: -322px -38px; visibility:visible;z-index:2;}
body#discopage #disco em, body#discopage #disco:hover em {background-position: -322px -76px;}
#multim, #multim em {width: 99px; background-position: -432px 0;}
#multim:hover em {background-position: -432px -38px; visibility:visible;z-index:2;}
body#multimpage #multim em, body#multimpage #multim:hover em {background-position: -432px -76px;}
#contact, #contact em {width: 83px; background-position: -531px 0;}
#contact:hover em {background-position: -531px -38px; visibility:visible;z-index:2;}
body#contactpage #contact em, body#contactpage #contact:hover em {background-position: -531px -76px;}
* html>body #about em, * html>body #events em, * html>body #projects em, * html>body #collab em, * html>body #disco em, * html>body #multim em, * html>body #contact em {margin-bottom: -38px;}
body#colabpage #collab em, body#colabpage #collab:hover em {background-position: -198px -76px;}
/* ========== end header & main navigation ========== */


/* ========== start content ========== */
#contentarea {
	width: 645px !important;
	width /**/:647px; /* IE5.x box model fix */
	float: right;
	clear: both;
	margin-top: 13px;
	margin-left: 11px;

	padding-bottom: 0px;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #ea9d52;	
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #ea9d52;
	display: inline; /* fix for odd IE6 double indent bug, MOVE INTO CONTIDIONALS */
					 /* screws with toolbar */

}





/* ========== start main content area ========== */
.rightColumn {
	padding-left: 18px;
	border-left-width: 2px;
	border-left-style: dotted;
	border-left-color: #ea9d52;	
	width: 385px !important;
	width /**/:406px; /* IE5.x box model fix */
	margin-top: 20px;
	float: right;
	margin-right: 20px;
	display: inline; /* fix for IE double margin bug */
}






p.sideNote {
	position: absolute;
	right: 20px;
	
}



.spanColumn {
	margin: 10px 20px 0 20px;

}




/*blockquote {

	padding-left: 25px;
	padding-top: 13px;
	background-image: url(images/bullet_acclaim2.gif);
	background-repeat: no-repeat;
	background-position: left top;

}*/

blockquote {
	margin-top: 20px;
	padding-right: 10px;
	padding-left: 50px;
	padding-top: 5px;
	background-image: url(images/acclaim_blockq.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-weight: bold;
	color: #333333;

}

blockquote span {
	display: block;
	padding-left: 20px;
	padding-top: 3px;
	font-weight: normal;
}




/* --- list styles --- */

ul.fileList {
	margin-bottom: 10px;

}


/* --- samples --- */


ul.discoList {
	margin-top: 15px


}


ul.discoList ul {
	padding-bottom: 10px;
	padding-top: 5px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ea9d52;
}

ul.discoList li {
	font-weight: bold;


}



ul.discoList ul li {
	font-weight: normal;
	padding-left: 34px;
	background-image: url(images/bullet_mp3.gif);
	background-repeat: no-repeat;
	background-position: left top;

}

.noBack {
	background-image: none!important;

}



.playSample {
	height: 22px;
	display: block;
	padding-left: 34px;
	margin-left: -34px;
	font-size: 0.9em;
	color: #ea9d52;
	/*border: 1px solid #ea9d52;
	background-image: url(images/bullet_mp3.gif);
	background-repeat: no-repeat;
	background-position: left top; */
}

#sample_01, #sample_02, #sample_03, #sample_04, #sample_05, #sample_06, #sample_07, #sample_08, #sample_09, #sample_10, #sample_11, #sample_12, #sample_13, #sample_14, #sample_15, #sample_16, #sample_17, #sample_18, #sample_19, #sample_20 {

	margin-top: 5px;
	margin-bottom: 5px;



}




/* --- repertoire --- */

ul.repList {
	font-weight: bold;
	color: #333333;
	font-size: 1.1em;

}

ul.repList ul {
	padding-bottom: 10px;
	padding-left: 10px;
	font-weight: normal;
	color: #000000;
}



/* --- sitemap --- */
ul#sitemap {
	margin-left: 5px;

	
}

ul#sitemap li{
	padding-left: 5px;
	padding-bottom: 5px;
}


ul#sitemap ul{
	padding-left: 10px;
	padding-top: 5px;
}

ul#sitemap a {
	color: #000000;
	text-decoration: none;
	font-size: 1.6em;
}

ul#sitemap a:hover {
	color: #666666;
}


ul#sitemap li li a {
	font-size: 1.35em;
}


/* --- page specific --- */


#photoAlbum {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}


#photoAlbum p {
	text-align: center;
	font-weight: bold;
}

#photoAlbum img {
	border: 1px solid #ea9d52;
	margin-left: auto;
	margin-right: auto;
	display: block;
	margin-top: 15px;
}






.paypalButton {
	padding: 20px 0px 10px 30px;
	background-image: url(images/paypal_payments.gif);
	background-repeat: no-repeat;
	background-position: center top;
}


.pressPhotos {
	float: left;

	padding-top:15px;
}

.pressPhotos img {
	float: left;
	margin-right: 15px;
	border: 1px solid #ea9d52;	
}

.pressPhotos span {
	font-weight: bold;

}


dl.event {
	clear: both;
	margin-top: 20px;
}

.event dt {
	float: left;
	width: 45px;
	padding-top: 3px;
	height: 48px !important; 
  	height /**/:51px; /* for IE5.x */
	background-image: url(images/events_dates.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: center;	
	color: #f3f6e8;
	font-weight: bold;
	font-size: 15px;

}

.event dt span {
	display: block;
	font-size:20px;
	margin-top: -1px;
	letter-spacing: -2px;

}

.event dd {
	margin-left: 60px;
	padding-top: 3px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ea9d52;	

}


/* ========== end main content area ========== */

/* ========== start sidebar and secondary navigation ========== */
.leftColumn {
	width: 185px;
	float: left;
	margin-left: 20px;
	/*margin-right: 20px;*/
	margin-top: 20px;
	display: inline; /* fix for IE double margin bug */
}




/* --- section titles --- */
h4 {padding-bottom: 2px; margin-bottom: 5px;}

#abouttitle, #abouttitle em {width: 67px; background-image: url(images/secTitle_About.gif);}
#abouttitle:hover em {background-position: 0 -52px;}
#abouttitle:hover em#noLink {background-position: 0 0;}
#eventstitle, #eventstitle em {width: 71px; background-image: url(images/secTitle_Events.gif);}
#projectstitle, #projectstitle em {width: 89px; background-image: url(images/secTitle_Projects.gif);}
#projectstitle:hover em {background-position: 0 -52px;}
#projectstitle:hover em#noLink {background-position: 0 0;}
#collabtitle, #collabtitle em  {width: 158px; background-image: url(images/secTitle_Collab.gif);}
#collabtitle:hover em {background-position: 0 -52px;}
#collabtitle:hover em#noLink {background-position: 0 0;}
#discotitle, #discotitle em  {width: 134px; background-image: url(images/secTitle_Disco.gif);}
#discotitle:hover em {background-position: 0 -52px;}
#discotitle:hover em#noLink {background-position: 0 0;}
#multimtitle, #multimtitle em  {width: 126px; background-image: url(images/secTitle_Multim.gif);}
#multimtitle:hover em {background-position: 0 -52px;}
#multimtitle:hover em#noLink {background-position: 0 0;}
#contacttitle, #contacttitle em {width: 83px; background-image: url(images/secTitle_Contact.gif);}
#sitemaptitle, #sitemaptitle em {width: 92px; background-image: url(images/secTitle_Sitemap.gif);}
#privacytitle, #privacytitle em {width: 80px; background-image: url(images/secTitle_Privacy.gif);}
#error403title, #error403title em {width: 107px; background-image: url(images/secTitle_403.gif);}
#error404title, #error404title em {width: 107px; background-image: url(images/secTitle_404.gif);}
#wmtitle, #wmtitle em {width: 126px; background-image: url(images/secTitle_Webmaster.gif);}
#blogtitle, #blogtitle em {width: 124px; background-image: url(images/secTitle_Blog.gif);}

* html>body #abouttitle em, * html>body #eventstitle em, * html>body #projectstitle em, * html>body #collabtitle em, * html>body #discotitle em, * html>body #multimtitle em, * html>body #contacttitle em, * html>body #sitemaptitle em, * html>body #privacytitle em, * html>body #error403title em, * html>body #error404title em, * html>body #wmtitle em, * html>body #blogtitle em {margin-bottom: -50px;}

#abouttitle, #abouttitle em, #eventstitle, #eventstitle em, #projectstitle, #projectstitle em, #collabtitle, #collabtitle em, #discotitle, #discotitle em, #multimtitle, #multimtitle em, #contacttitle, #contacttitle em, #sitemaptitle, #sitemaptitle em, #privacytitle, #privacytitle em, #error403title, #error403title em, #error404title, #error404title em, #wmtitle, #wmtitle em, #blogtitle, #blogtitle em  {height: 50px; background-repeat: no-repeat;}


/* --- secondary navigation --- */
#sidenav {
	margin-bottom: 20px;
}

#sidenav ul {
	margin-left: 3px;
}

#sidenav li {
	padding-bottom: 5px;
}


#sidenav a {
	padding-left: 13px;
	color: #000000;
	text-decoration: none;
	font-size: 1.25em;
	/*letter-spacing: 1px;*/
	font-family: Lucida Sans Unicode, Lucida Grande, Lucida Sans, Arial, sans-serif;
	/*font-weight: bold;*/
}

/* Hides from IE5-mac \*/
* html #sidenav a {height: 1%;} /* fixing bullets in IE5 */
/* End hide from IE5-mac */


#sidenav a:hover {
	color: #6f6f6f;
	background-image: url(images/bullet_sidenav_HOV.gif);
	background-repeat: no-repeat;
	background-position: left center;


}

#sidenav a#activeNav {
	color: #000000;	
	background-image: url(images/bullet_sidenav_ON.gif);
	background-repeat: no-repeat;
	background-position: left center;

}

/* --- sidebar content --- */

#sidecontent {


}

.leftColumn img {
	margin-bottom: 15px;


	border: 1px solid #ea9d52;	
}




/* ========== end sidebar and secondary navigation ========== */
/* ========== end content ========== */


#toolbar {
	position: absolute;
	top: 220px;
	margin-left: 10px;


}





#toolbar img {

}


#toolbar a {
	display: block;
	margin-bottom: 15px;
}

#toolbar a:hover {
	background-color: #fcfff0;
}


/* ========== start footer ========== */
#footer {
	width: 770px;
	padding-top: 36px;
	background-image: url(images/footer_seam.gif);
	background-repeat: no-repeat;
	background-position: 123px 0px;



}

#footerFeatures {
	width: 647px;
	margin-left: 123px;
	float: left;
	display: inline; /* fix for IE double margin bug */
	background-image: url(images/footer_tile.gif);
	background-repeat: repeat-y;
	padding-top: 5px;
	padding-bottom: 5px;
	position: relative;
	font-size: 0.9em;


}



#footerEvents {
	width: 352px;
	float: left;


}

#footerEvents ul {
	margin-left: 10px;
	margin-right: 15px;

}

#footerEvents li {
	margin-bottom: 4px;
	padding-left: 25px;
	background-image: url(images/bullet_news.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#footerEvents span {
	font-size: 0.85em;
	vertical-align: top;
}

#footerEvents a {
	color: #ea9d52;


}

#footerSignup {
	width: 230px;
	float: left;
	margin-left: 15px;
	margin-right: 15px;



}

#footerSignup p {
	line-height: 1.15;
}

/* move into forms */

label {
	font-weight: bold;

}

/* contact form */

#form_contact, #unsubform {
	margin-top: 15px;
}

#form_contact fieldset, #unsubform fieldset {
	padding: 20px 10px 10px 10px;
	border: 1px dotted #ea9d52;	
}

#form_contact legend {
	padding: 0 5px 0 5px;
	color: #ea9d52;
	background-color: #f3f6e8;
}

#form_contact dt {

	/*float: left;
	clear: both;*/

	
}

#form_contact dd {
	/*float: right;*/

	margin-bottom: 5px;

}


#form_contact #contactSubmit {
	width: 120px;
	/*float: right;*/


}

#unsubform #unsub, #unsubform #email {border: 1px solid #ea9d52;}

#unsubform #email {width: 300px;}

#form_contact input, #form_contact textarea {
	width: 250px;
	border: 1px solid #ea9d52;
}

#form_contact #contactName, #form_contact #contactEmail, #form_contact #subject, #form_contact textarea, #unsubform #email {background-color: #f3f6e8;}

#form_contact #contactName:focus, #form_contact #contactEmail:focus, #form_contact #subject:focus, #form_contact textarea:focus, #unsubform #email:focus {background-color: #CCCCCC;}


/* newsletter form */
#form_nl dt {

}

#form_nl dd {
	margin-bottom: 5px;

}

#form_nl fieldset {
	padding: 3px;
	border: 1px solid #f3f6e8;

}


#form_nl input {
	width: 210px;

}

#form_nl #submit {
	width: 150px;
	margin-bottom: 5px;

}

#form_nl #name, #form_nl #email {background-color: #f3f6e8;}

#form_nl #name:focus, #form_nl #email:focus {background-color: #eabf96;}


/* move into forms */

#footerQuicknav {
	width: 77px;
	padding-bottom: 25px;

	position: absolute;
	bottom: 0;
	left: -123px;
	background-image: url(images/footer_corner.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#footerQuicknav ul {
	margin-left: 7px;
	font-size: 11px;
}

#footerQuicknav li {
	margin: 0;
	padding: 0;
	background: none;
}

#footerQuicknav a {
	text-decoration: none;
	color: #000000;

}

#footerQuicknav a:hover {
	color: #666666;
}

#access {
	padding: 2px 10px 3px 10px;
	background-color: #ea9d52;
	text-align: right;
	/*background-image: url(images/body_bottom.gif);      
	background-repeat: no-repeat;
	background-position: left bottom;*/  /*footer graphic needs-a-fixin */
	font-size: 11px;
	color: #f3f6e8;
}

#access a {
	text-decoration: none;
	color: #f3f6e8;
}

#access a:hover {
	text-decoration: underline;
}


/* ========== new stuff Aug 2007 ========== */

.spanColumn img {

	border: 1px solid #ea9d52;
	margin-bottom: 6px;
}


.discoPreview {width: 300px; float: left;  margin-top: 20px; text-align: center;}

.discoPreview p {padding: 0 10px 0 10px;}






#hpslide {
	width: 645px !important;
	width /**/:647px; /* IE5.x box model fix */
	float: right;
	clear: both;
	
	margin-top: 13px;
	margin-left: 11px;

	

	
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #ea9d52;	
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #ea9d52;
	
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #ea9d52;
	

}

#hpinsert {
	width: 645px !important;
	width /**/:647px; /* IE5.x box model fix */
	float: right;
	clear: both;
	margin-top: 13px;
	margin-left: 11px;
	background-color: #ea9d52;

	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #ea9d52;	
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #ea9d52;
	
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #ea9d52;

}


#hpinsert p {
	font-size: 13px;
	padding: 10px;
	/*font-variant:small-caps;*/
	color: #FFFFFF;
	font-weight: bold;
	line-height: 1.2em;




}


#homepage .leftColumn img {
	margin-bottom: 5px;


	border: none;	
}


#hpinsert a {

	color: #deea9d;
	text-decoration: none;
}

#hpinsert a:hover {

	color: #ea9d52;
	background-color: #deea9d;

}


#homepage #contentarea img {
		border: 1px solid #ea9d52;
		margin-top: 10px;
		margin-bottom: 10px;

}

#homepage #contentarea .leftColumn img {
		margin-top: 13px;

}

#homepage #contentarea a img:hover {border-color: #3B6824;} 

#homepage #contentarea .leftColumn p {font-size: 1.1em;}


/* ========== blog page ========== */

#tweet {
	width: 180px;
	height: 221px;
	background-image: url(images/tweetBubble.gif);
	background-repeat: no-repeat;	
	
}

#tweet ul, #tweet p {
	padding: 15px 15px 0 15px;	
}

#tweet span {
	color: #aeafa5;
	font-size: 0.8em;
	
}

#tweet p img {
	border: none;	
}

p#twitter_link {
	text-align: center;
	padding: 0!important;
	margin: 0!important;
}


p.blog_date {
	text-align: right;
	font-size: 0.8em;
	color: #aeafa5;
	margin-bottom: 25px;
	
	
}