/*
Paul Wrightson Music 
*/

/* ARCHITECURE */
body { font-family: arial,verdana,tahoma,helvetica,sans-serif; font-size: 85%; color: #777777; margin: 0; padding: 0; background:url(../img/bg2.png) no-repeat top center #e7e6e4; min-width:975px  }	
#wrappertop { width: 980px; margin: 30px auto 0 auto; }
#wrapper { width: 920px; min-height:700px; margin: -3px auto 0 auto; padding: 0px 30px 0px 30px; background: #fff; border: 0px solid #ccc; }
#logo {float: left; width: 470px; height: 100px; }
#nav { float: right; width: 448px; height: 100px;}
#overview { width: 920px; padding: 0px 0; border-top: 0px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; text-align:right; clear: both; }
#title-image { width: 920px; padding: 20px 0 0 0; border-top: 1px solid #e0e0e0; border-bottom: 0px solid #e0e0e0; clear: both; }
.left { float: left; width: 430px; margin: 0 20px 0 0; }
.right { float: right; width: 430px; margin: 0 0 0 20px; }
#footer { width: 980px; height: 60px; margin: 0 auto; clear: both;  background: url(../img/footerbottom.png) no-repeat bottom center #fff;  }

/* NAVIGATION */

#nav ul { float: right; margin: 50px 0 0 0; padding: 0; list-style: none;}
#nav li { float: left; display: inline; font-size: 1.0em; color: #bbb; margin: 0 0 0 5px; padding: 0; }
#nav li a { color: #111; text-decoration: none; padding: 15px 9px; background: #fff;   }
#nav li a:hover { color: #5f0411; background:url(../img/menudot.png) no-repeat center;}

/*show current page by highlighting the menu*/
body#home a#homenav, body#about a#aboutnav, body#music a#musicnav, body#events a#eventsnav, body#teaching a#teachnav, body#contact a#contactnav { color: #5f0411; background:url(../img/menudot.png) no-repeat center; }

#footer ul { float: left; margin: 0px 0px 10px 20px; padding: 0; list-style: none; }
#footer li { float: left; display: inline; font-size: 0.9em; line-height: 60px; color: #999; margin: 0 16px 0 0; padding: 0; }
#footer li a { color: #999; text-decoration: underline; }
#footer li a:hover { color: #111; text-decoration: underline; }

/* TYPOGRAPHY */

#wrapper h1 { font-size: 2.8em; font-weight: normal; line-height: 1.1em; letter-spacing: -2px; color: #bbb; margin: 0; padding: 0; }
#wrapper h1 a, #wrapper h3 a { color: #111; text-decoration: none; }
#wrapper h1 a:hover, #wrapper h3 a:hover { color: #fff; text-decoration: none; background: #111; }
#wrapper h3 { font-size: 1.8em; font-weight: normal; line-height: 1.0em; letter-spacing: -1px; color: #111; margin: 48px 0 18px 0; padding: 0 0 12px 0; border-bottom: 1px solid #e0e0e0; }
#wrapper h4 { font-size: 1.4em; font-weight: normal; line-height: 1.0em; letter-spacing: -1px; color: #111; margin: 48px 0 18px 0; padding: 0 0 12px 0; border-bottom: 1px solid #e0e0e0; }
#wrapper p { font-size: 1.0em; line-height: 1.5em; margin: 0 0 24px 0; }
#main p a, #main li a { color: #111; text-decoration: underline; }
#main p a:hover, #main li a:hover { color: #999; text-decoration: underline; }
#main p a.btn { color: #fff; text-decoration: none; padding: 7px 9px; background: #111; }
#main p a:hover.btn { color: #fff; text-decoration: none; padding: 7px 9px; background: #aaa; }
#main ul { margin: 0 0 0 14px; padding: 0; list-style: square; }
#main li { font-size: 1.0em; line-height: 1.5em; margin: 0; padding: 6px 0; }
br.clearit { clear: both; }

/* IMAGES */

img { border:0 none; }
.left img, .right img { margin: 0 0 20px 0; border: 0; }
#logo img { border: 0; }
		
.bio-img-left { float: left; border:2px solid #b3b4b4; margin: 0 20px 0 0; }
.bio-img-right { float: right; border:2px solid #b3b4b4; margin: 0 0 0 20px; }

img.floatLeft { float: left; margin: 4px 20px 0px 0px; border: 1px solid #292106; }
img.floatRight { float: right; margin: 4px 0px 0px 20px; border: 1px solid #292106; }
img.center { display:block; margin-left: auto; margin-right:auto; border: 1px solid #292106; }

div.album_info_art { float:left; padding-right:10px;}
div.album_info_summary { width: 430px; }

/* FORMS */

form,fieldset { margin: 0; padding: 0; border: 0; }
label { display: block; font-family: arial,verdana,tahoma,helvetica,sans-serif; font-size: 1.0em; margin: 0 0 5px 0; }
input.field, textarea.field { display: block; font-family: arial,verdana,tahoma,helvetica,sans-serif; font-size: 1.0em; color: #111; margin: 0 0 20px 0; padding: 7px; background: #dbd9d9; border: 1px solid #ddd; }
input.field:focus, textarea.field:focus { color: #fff;background: #111;border: 1px solid #111; }
input.button { font-size: 1.0em; color: #111; padding: 3px 4px; }


/* Music Player */
img.album_art { padding:5px 10px 0px 0px; float:left; margin-right:0px }
div.musicPlayer { padding:18px 10px 0px 0px; float:left; margin-left:0px; }
div.album_player_art { float:left; width:210px; }

div#promo_vid {
	margin-left:250px;
}