/* OVERALL STYLING */

html, body{
	height: 100%;
}

body{
	border: 0px;
	margin: 0px;
	padding: 0px;
	background: url(images/img-bg.gif) repeat-x fixed #ddd0a0;
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: .8em;
	color: black;
}

cite{
	font-style: italic;
}

embed{
	background: #dccf9b;
}

div{
	margin: 0px;
	padding: 0px;
	border: 0px solid red;
}

a{
	color: #CC3333;
}

h1 { font-size: 1.3em; }
h2 { font-size: 1.2em; margin:18px 0 6px 0; }
h3 { font-size: 1.05em; margin: 10px 0 2px 0; }
h4 { font-size: 1em; margin: 6px 0 0 0; }

h1, h2{ color: #b4190b; }

h3, h4{ color: #6e250d; }

.title{
	font-size: 1.32em;
	color: #6d250d;
}

.fullWidth{
	width: 100%;
}

.gribber{
	border: 1px solid green;
}

.clearLeft{
	clear: left;
}

.clearRight{
	clear: right;
}

.clearBoth{
	clear: both;
}

.center{
	text-align: center;
}

.centered{
	text-align: center;
	margin: 0 auto;
}

.floatLeft{
	float: left;
	margin-right: 10px;
}

.floatRight{
	float: right;
	margin-left: 10px;
}

.inline{
	display: inline;
}

.overflowHide{
	overflow: hidden;
}

.indent{
	margin-left: 1em;
}

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

.alignRight{
	text-align: right;
}

.halfWidth{
	width: 50%;
	margin-left: 20%;
}

.smallPic{
	width: 200px;
	height: 200px;
	margin: 10px;
}

.soldOut{
	color: red;
	font-size: 2em;
	text-align: center;
}

.caption{
	margin: auto;
	font-style: italic;
	font-size: 12px;
	width: 200px;
}

.recommendation{
	border: 0px solid #6d250d;
	margin: auto;
	padding: 5px;
	width: 350px;
}

.recommendation-wide{
	border: 0px solid #6d250d;
	margin: 10px;
	padding: 5px;
	width: 400px;
}

/* TITLE BAR */

#header{
	background: url(images/img-bg.gif) repeat-x #dccf9b;
	position: fixed;
	top: 0px;
	width: 100%;
	padding-bottom: 5px;
	margin-left: 10px;
}

* html #header{
	margin-left: 0px;
}

#header #titleBar{
	margin-bottom: 0px;
	margin-left: -10px;
}

* html #header #titleBar{
	margin-left: 0px;
}


#header #titleBar #titleImage{
	clear: right;
	margin-left: 10px;
}

#header #nav ul{
	list-style-type: none;
	padding-bottom:8px;
	margin-bottom: 0px;
	margin-top: 14px;
	border-bottom: 1px solid #d0b8a1; 
}

* html #header #nav ul{
	margin-left: 0px;
}

#header #nav li{
	font-size: 1.005em;
	display: inline;
	margin-left: -32px;
	margin-right: 30px;
	padding: 4px;
}

* html #header #nav li{
	margin-left: 0px;
	margin-right: 0px;
}

#header #nav li a{
	text-decoration: none;
	color: #3b1814;
}

#indexBody #nav li a#indexLink,
#aboutBody #nav li a#aboutLink,
#audioBody #nav li a#audioLink,
#pressBody #nav li a#pressLink,
#lessonsBody #nav li a#lessonsLink,
#bookingBody #nav li a#bookingLink,
#calendarBody #nav li a#calendarLink,
#shopBody #nav li a#storeLink
{
	color: #b4190b;
}

#header #nav li a.navOn
{ 
	color:#b4190b; 
}

#header #nav li a:hover{
	text-decoration: underline;
}

#header #nav li:hover a{
	color: #b4190b;
}

#header #contact{
	width: 430px;
	text-align: right;
	font-size:.95em;
	border: 0px solid black;
	position: fixed;
	top: 50px;
	left: 350px;
	color: #3b1814;
}
/* MAIN BODY */

#rightInfo{
	margin-left: 330px;
}

#sideImage{
	position: fixed;
	top: 0px;
	left: 0px;
	padding: 0px;
	float: left;
}

#sideCredit{
	position: fixed;
	bottom: 5px;
	left: 5px;
	float: left;
	text-align: center;
	color: white;
}

#mainBody{
	margin-top: 105px;
	margin-right: 15px;
	margin-left: 10px;
	padding-bottom: 15px;
	overflow: visible;
}

/* for IE <6 */
* html #mainBody {
	margin-top: 0px;
}

#mainContent{
	margin-right: 210px;
}

#sideBar{
	width: 200px;
	float: right;
}

.quote{
	font-style: italic;
}

.quote cite{
	font-style: normal;
}

/* INDEX PAGE */

#indexBody{}

.CDImage{
	border: 0px solid red;
	text-align: center;
	float: right;
}

#indexBody h4{
	margin-bottom: 4px;
}

#indexBody #studentMonth p{
	margin-left: 10px;
}

/* CALENDAR PAGE */
#calendarBody{}

#calendarBody .clearRight{
	margin-top: 20px;
}

#calendarBody #sideImageBottom{
	position: fixed;
	bottom: 0px;
	left: 0px;
	padding: 0px;
	float: left;
}

#calendarBody .calendarEvent{
	margin: 10px;
	margin-top: 30px;
	border: 0px solid green;
	width: 98%;
	float: left;
}

#calendarBody .calendarEvent .subEvent{
	margin-left: 220px;
}

#calendarBody .calendarEvent .date{
	font-style: italic;
	font-size: 1.1em;
}

#calendarBody .calendarEvent .band, #calendarBody .calendarEvent .venue{
	font-weight: bold;
} 

#calendarBody .calendarEvent .band{
	color: #6d250d;
}

#calendarBody .calendarEvent .venue{
	font-color: red;
}

#calendarBody .calendarEvent img{
	float: left;
	width: 200px;
}

#calendarBody .calendarPicture{
	float: right;
	text-align: center;
	width: 45%;
	margin: 5px;
	border: 0px solid red;
}

#calendarBody .caption{
	border: 0px solid green;
	margin: auto;
	font-style: italic;
	font-size: 12px;
	width: 200px;
}

/*DISCOGRAPHY PAGE */
#discBody{
	border: 0px;
	margin: 0px;
	padding: 0px;
}

#discBody .discListing{
	width: 99%;
	float: left;
	padding-bottom:12px;
}

#discBody .discListing p{
	margin-top: 0px;
}

#discBody .discListing img{
	width: 100px;
	height: 100px;
	margin: 10px;
	float: left;
}

#discBody h2{
	margin-bottom: 0px;
}

#discBody .discListing h3{
	padding-left: 50px;
}

* html #discBody ol{
	padding-top: 150px;
}

#discBody .bottomBorder{
	border-bottom: 1px dotted #b4190b;
	margin-bottom: 10px;
}

* html #discBody .featuredCD{
	padding-bottom: 12px;
}

#discBody .featuredCD img{
	border: 1px solid #b4190b;
}

#discBody .halfWide{
	width: 45%;
	margin-bottom: 1em;
}

#discBody #mainBody ul{
	padding-left: 2em;
	margin-top: .5em;
}

/*CD PAGE*/


/* SHOP PAGE */
#shopBody{ }

#shopBody .StoreItem{
	border-top: 2px dotted #390f06;
	padding-top: 10px;
	margin-top: 10px;
	clear: right;
	
}

#shopBody .StoreItem img{
	float: left;
	margin: 10px;
	margin-left: 20px;
}

#shopBody .StoreItem ol{
	list-style-type: decimal-leading-zero;
	border: 0px solid black;
	width: 250px;
	float: right;
	color: #6e250d;
}

#shopBody .StoreItem ol a{
	color: #b4190b;
}

#shopBody .StoreItem h5{
	clear: both;
	color: #6e250d;
	margin-bottom: 2px;
}

/*LESSONS PAGE */
#lessonsBody{
}

#lessonsBody .photo{
	margin-bottom: 5px;
}

#lessonsBody .photo2{
	float: left;
	margin: 5px;
	display: block;
}

#lessonsBody .photo p{
	font-size: .8em;
	font-style: italic;
	text-align: center;
	margin: 0px;
	padding: 0px;
}

#lessonsBody .announcement{
	border-style: solid;
	border-color: #6e250d;
	border-width: 1px 3px 1px 3px;
	text-align: center;
	padding: 1em;
	margin: auto;
	width: 300px;
}

#lessonsBody .announcement h5{
	margin-bottom: 2px;
}


#lessonsBody .announcement h3, #lessonsBody .announcement h4{
	padding: 0px;
	margin: 0px;
	text-align: center;
}

/*PHOTO PAGE*/
#photoBody{
	min-height: 100%;
}

#photoBody #mainBody{
	border: 0px solid green;
	min-height: 100%;
	min-width: 710px;
}

#photoBody #leftPhotos{
	text-align: center;
	width: 49%;
	min-height: 100%;
	float: left;
	border-right: 0px solid #6e250d;
	margin-right: -10px;
	padding-right: 5px;
}

#photoBody #rightPhotos{
	text-align: center;
	width: 49%;
	min-height: 100%;
	float: right;
	padding-left: 5px;
	border-left: 1px solid #6e250d;
}

#photoBody .photoSample{
	margin: auto;
	width: 350px;
	border-bottom:1px dotted #6e250d;;
}


#photoBody .photoSample img{
	width: 350px;
}

#photoBody .photoSample p{
	font-style: italic;
	text-align: center;
}

/*AUDIO/VIDEO PAGE */
#audioBody{}

#audioBody #audioMusic{
	margin-right: 15px;
}

#audioBody #audioMusic td{ width:300px; padding:8px; vertical-align:top; line-height:18px; }

#audioBody #audioMusic h2{
=}

#audioBody #audioMusic h3{
}

#audioBody #audioMusic embed{
	margin-left: 30px;
	margin-right: 5px;
	width: 200px;
}

#audioBody .audioSample{
	float: left;
	width: 95%;
	margin-bottom: 30px;
	padding-top: 5px;
	
}

#audioBody .audioSample img{
	margin: 10px;
	float: left;
}

/* PRESS PAGE */
#pressBody{}

#pressBody .pressEvent{
	margin: 10px;
	margin-bottom: 30px;
}

#pressBody .pressEvent h3{
	font-size: 13px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	border-bottom: 0px;
}

/*ABOUT PAGE */

#printable{
	margin: 10px;
}

#aboutBody{
	margin-right: 10px;
}

#aboutBody .aboutLink{
	display: inline;
	float: left;
	width: 200px;
}

#aboutBody .aboutEvent{
	float: left;
	margin-bottom: 8px;
}

#aboutBody .aboutEvent p{
	margin-top: 0px;
}

#aboutBody .aboutEvent img{
	float: right;
	margin: 10px;
	border: 1px solid black;
}

#aboutBody .aboutEvent .black{
	background: black;
}

#aboutBody #photoGallery{
	text-align: center;
	padding: 5px;
	margin-top: 15px;
}

#aboutBody #photoGallery .aboutImage{
	margin: 2px;
	float: left;
}

#aboutBody #photoGallery .caption{
	font-style: italic;
	font-size: 12px;
	width: 180px;
}

#aboutBody #photoGallery .short{
	height: 170px;
}

#aboutBody .aboutElement{
	clear: both;
}

#aboutBody .aboutElement p{
	display: inline;
	width: 70%;
	float: right;
}

#aboutBody .aboutElement h4{
/*	float: left;
	display: inline; */
}

#aboutBody .bio p:first-letter{
	margin-left: 20px;
}


/*MYTURN*/

#myTurn #mainBody #title{
	border: 0px solid red;
	padding-top: 30px;
}

#myTurn #mainBody h1{
	padding-top: 40px;
	display: inline;
	font-size: 2em;
	margin-bottom: 3px;
}
#myTurn #mainBody h2{
	display: inline;
	font-size: 1.6em;
	margin-bottom: 5px;
}

#myTurn #mainBody #title p{
	margin-top: 0px;
	margin-left: 3em;
	color: #6e250d;
}


#myTurn #article p:first-letter{
	margin-left: 2em;
}

#myTurn #authorBio{
	float: right;
	width: 300px;
	font-size: .85em;
}

#myTurn #authorBio img{
	border: 1px solid black;
	margin-right: 10px;
	float: left;
}

#myTurn #images img{
	margin: 15px;
}

/* BOOKING */
#bookingBody{}

#bookingBody .bookingLink{
	margin-right: 50px;
}
#bookingBody .bookingGroup img{
	float: right;
	margin: 10px;
	margin-right: 20px;
}

#bookingBody #sideBar{
	margin: 10px;
}
#bookingBody #sideBar p { font-size:12px; color:#524344; }

#bookingBody .bookingGroup ul{
	margin-top: -15px;
	padding-top: 0px;
}

.bookingGroup { 
	margin-top:26px; 
	clear: left;
	height: 100%;
}

.breaker{
	float: left;
	width: 90%;
}

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

* html #bookingBody .bookingGroup ul{
	margin-top: 0px;
}

/* PRINTABLE BIO */
#printableBio{
	margin: 10px;
}