@charset "UTF-8";
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++

	STYLES FOR SYMEPIANO.COM
	
	Styles and design created by DesyHand.
	Contact: desyhand@handmade-publishing.com

++++++++++++++++++++++++++++++++++++++++++++++++++++ */

body { background: #6a84b2 url(/images/home/bg.gif) top left repeat-y; margin: 0; font-family: Arial, Helvetica, sans-serif; color: #e8f0fe; line-height: 1.3em; }

a { color: #f3b46b; }
a:link, a:visited { text-decoration: underline; }
a:hover, a:active { text-decoration: none; }


#container { width: 944px; }

h1, h2, h3 { font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; }
h1 { font-size: 1.5em; color: #FFF; }
h2 { font-size: 1.3em; color: #FFF; }
h3 { font-size: 1.1em; }

p { font-size: .92em; }

#content:after { content: "."; display: block; height: 1%; clear: both; visibility: hidden; }
#content { display: inline-block; height: 1%; } 
/* Hides from IE-mac \*/
* html #content { height: 1%; }
#content { display: block; }
/* End hide from IE-mac */



/* +++++ HOME SETTINGS +++++ */

#home #header { background: url(/images/home/header2.jpg) top left no-repeat; height: 470px; }
#home #header h1, #home #header h2 { display: none; }

#home #nav { width: 216px; height: 269px; position: absolute; top: 201px; left: 677px; }
#home #nav ul { padding: 0; margin: 0; }
#home #nav ul li { padding: 0; margin: 0; list-style: none; background: none; }
#home #nav ul li a { padding: 0; margin: 0; display: block; text-indent: -10000px; width: 216px; background-image: url(/images/home/nav.jpg); background-repeat: no-repeat; }

#home #nav ul li#about { height: 54px; }
#home #nav ul li#about a { height: 54px; background-position: 0 0; }
#home #nav ul li#about a:hover { background-position: -216px 0; }

#home #nav ul li#recordings { height: 39px; }
#home #nav ul li#recordings a { height: 39px; background-position: 0 -54px; }
#home #nav ul li#recordings a:hover { background-position: -216px -54px; }

#home #nav ul li#upcoming-performances { height: 58px; }
#home #nav ul li#upcoming-performances a { height: 58px; background-position: 0 -93px; }
#home #nav ul li#upcoming-performances a:hover { background-position: -216px -93px; }

#home #nav ul li#booking { height: 37px; }
#home #nav ul li#booking a { height: 37px; background-position: 0 -151px; }
#home #nav ul li#booking a:hover { background-position: -216px -151px; }

#home #nav ul li#store { height: 81px; }
#home #nav ul li#store a { height: 81px; background-position: 0 -188px; }
#home #nav ul li#store a:hover { background-position: -216px -188px; }


#home #upcoming { width: 333px; min-height: 300px; background: url(/images/home/bg_up.gif) top left repeat-y; position: relative; float: left; left: 186px; }

#home #upcoming h2 { padding: 0; margin: 0; display: block; text-indent: -10000px; width: 333px; height: 52px; background: url(/images/home/hdr_up.gif) top left no-repeat; }
#home #upcoming p { margin: 15px 28px 15px 50px; }
#home #upcoming .more { padding: 0; margin: 0; height: 40px; width: 333px; background: url(/images/home/ftr_up.gif) bottom left no-repeat; }
#home #upcoming .more p { margin: 0 28px 10px 50px; }

#home #features { width: 300px; min-height: 300px; position: relative; float: right; right: 51px; }
#home #features h2 { padding: 0; margin: 0; display: block; text-indent: -10000px; width: 300px; height: 52px; background: url(/images/home/hdr_features.gif) top left no-repeat; }
#home #features p { margin: 0 12px; padding: 0; }
#home #features dl { background: url(/images/home/bg_features.gif) bottom left no-repeat; clear: both; padding: 0; margin: 0 }
#home #features dl:after { content: "."; display: block; height: 1%; clear: both; visibility: hidden; }
#home #features dl { display: inline-block; height: 1%; } 
/* Hides from IE-mac \*/
* html #home #features dl { height: 1%; }
#home #features dl { display: block; }
/* End hide from IE-mac */

#home #features dl.last-child { background: url(/images/home/ftr_features.gif) bottom left no-repeat; }
#home #features dl dd { padding: 15px; margin: 0; float: left; height: }
#home #features dl dt { padding: 15px; margin: 0; }

#home #footer { clear: both; display: block; text-indent: -10000px; }
#home #footer p { background: url(/images/home/ftr.gif) 187px 0 no-repeat; height: 28px; left: 187px; }







/* +++++ SUBPAGE SETTINGS +++++ */

body#sub { background: #6a84b2 url(/images/sub/bg.gif) top left repeat-y; margin: 0; font: normal .92em Arial, Helvetica, sans-serif; color: #e8f0fe; line-height: 1.3em; }


#sub #header { height: 205px; position: relative; }

#sub #header h1, #header h2 { display: none; }
#sub #header a { text-indent: -10000px; display: block; width: 160px; height: 100px; }


#sub #nav { width: 207px; float: left; }
#sub #nav ul { padding: 0; margin: 0; }
#sub #nav ul li { padding: 0; margin: 0; list-style: none; background: none; }
#sub #nav ul li a { padding: 0; margin: 0; display: block; text-indent: -10000px; width: 169px; background-image: url(/images/sub/nav2.jpg); background-repeat: no-repeat; }

#sub #nav ul li#home { height: 28px; }
#sub #nav ul li#home a { height: 28px; background-position: 0 0; }
#sub #nav ul li#home a:hover { background-position: -169px 0; }

#sub #nav ul li#about { height: 27px; }
#sub #nav ul li#about a { height: 27px; background-position: 0 -28px; }
#sub #nav ul li#about a:hover, #sub #nav ul li#about a.active { background-position: -169px -28px; }

#sub #nav ul li#recordings { height: 32px; }
#sub #nav ul li#recordings a { height: 32px; background-position: 0 -55px; }
#sub #nav ul li#recordings a:hover, #sub #nav ul li#recordings a.active { background-position: -169px -55px; }

#sub #nav ul li#upcoming-performances { height: 48px; }
#sub #nav ul li#upcoming-performances a { height: 48px; background-position: 0 -87px; }
#sub #nav ul li#upcoming-performances a:hover, #sub #nav ul li#upcoming-performances a.active { background-position: -169px -87px; }

#sub #nav ul li#booking { height: 29px; }
#sub #nav ul li#booking a { height: 29px; background-position: 0 -135px; }
#sub #nav ul li#booking a:hover, #sub #nav ul li#booking a.active { background-position: -169px -135px; }

#sub #nav ul li#store { height: 27px; }
#sub #nav ul li#store a { height: 27px; background-position: 0 -164px; }
#sub #nav ul li#store a:hover, #sub #nav ul li#store a.active { background-position: -169px -164px; }

#sub #nav ul li#videos { height: 27px; }
#sub #nav ul li#videos a { height: 27px; background-position: 0 -193px; }
#sub #nav ul li#videos a:hover, #sub #nav ul li#store a.active { background-position: -169px -193px; }

#sub #copy { float: right; width: 737px; }
#sub #copy p { margin: 0; padding: 0 27px 17px; }
#sub #copy h1, #sub #copy h2, #sub #copy h3 { margin: 0; padding: 0 27px 7px; }
#sub #copy h1 { padding-top: 27px; }

#sub #footer { clear: both; display: block; text-indent: -10000px; }
#sub #footer p { background: url(/images/home/ftr.gif) 227px 0 no-repeat; height: 28px; }

#sub #ahabeg {
margin:0;
padding:0;	
}
#sub #ahabeg p {
	margin: 0; padding: 0 27px 5px;
}
#sub #ahabeg li { font-size: .92em; margin:0 0 0 17px; }


/* +++++ IMAGE TREATMENTS +++++ */

.right { float: right; }
.left { float: left; }

dl.image { padding: 0; margin: 0 27px 12px; }
dl.image dd { padding: 0; margin: 0; }
dl.image dd img { border: 5px solid #395380; padding: 0; margin: 0; }
dl.image dt { padding: 0; margin: 0 7px; font-size: .8em; font-style: italic; text-align: right; }




/* +++++ VIDEO TREATMENTS +++++ */

dl.vid { padding: 0; margin: 17px 22px; width: 680px; height: 400px; }

dl.vid:after { content: "."; display: block; height: 1%; clear: both; visibility: hidden; }
dl.vid { display: inline-block; height: 1%; } 
/* Hides from IE-mac \*/
* html dl.vid { height: 1%; }
dl.vid { display: block; }

dl.vid dt { background: url(/images/sub/video-player.gif) left top no-repeat; width: 475px; height: 400px; padding: 0; margin: 0; float: left; }
dl.vid dt .player { margin: 25px; padding: 0; }

dl.vid dd { padding: 0; margin: 0; width: 200px; float: right; }
dl.vid dd h2 { padding: 0 12px 7px !important; margin: 0; }
dl.vid dd p { padding: 0 12px 17px !important; margin: 0;  }




/* +++++ OTHER TREATMENTS +++++ */

.movement { margin-left: 17px; color: #b9c8dd; }

.call-out { width: 200px; /*background: url(/images/sub/quote.gif) left top no-repeat;*/ padding: 0 20px 20px; margin: 0 27px; font: italic .92em Georgia, "Times New Roman", Times, serif; color: #f7f1d1; line-height: 1.5em; }
.cite { font: normal .82em Arial, Helvetica, sans-serif;  line-height: 1.2em; color: #b8c7de; }
.full { width: auto; }

p.div { background: url(/images/sub/div.gif) 20px bottom no-repeat; margin-bottom: 40px !important; line-height: 2em; }