/* welearnpiano.com Cascading Style Sheet.  Copyright 2009 */

/* reset, foundational tags */

*{
margin:0;
padding:0;
outline:0;
border:0;
}
body{
margin-top:10px;
font-size:75%;
font-family:arial, sans-serif;
color:#444444;
background:#8b0000;
text-align:left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
img{
display:block;
}
h1{
font-size:1.5em;
}
h2{
font-size:1em;
}
p, h1, h2, h3, h4, h5, h6, img{
margin-bottom:15px;
}
h1, h2, h3, h4, h5, h6{
font-family:georgia, serif;
color:#8b0000;
}
p{
text-align:justify;
line-height:1.5em;
}

/*  Navigation and music player */

#nav{
float:left;
width:230px;
padding:20px 20px 0;
text-align:left;
}
#musicplayer{
margin-bottom:20px;
}
#nav ul {
margin-bottom:20px;
}
#nav ul li{
list-style-type:none;
font-size:1.5em;
margin-bottom:8px;
}
#nav ul li a{
color:#ffffff;
font-family:georgia, serif;
text-decoration:none;
}
#nav ul li a:hover{
color:#aaaaaa;
}

/* IDs and Content */

#container{
width:960px;
margin:auto;
background:#b1b1b1 url(../images/container_bckgd.jpg) repeat-x;
}
#header{
width:960px;
height:140px;
background:url(../images/header.jpg) no-repeat;
}
#header a.skip{
display: block;
text-align: right;
width:100px;
position:relative;
top:120px;
left: 784px;
color:#000000;
font-size:0.9em;
}
#cse-search-box input[type=text] {
border:1px solid #8b0000 !important;
width:151px;
}
.search{
vertical-align:bottom;
color:#ffffff;
font-weight:bold;
background:url(../images/search.png) no-repeat;
width:64px;
height:22px;
padding-bottom:0.25em;
cursor:pointer;
}
input:hover.search, #contact input:hover.submit_btn, #add_content ul a:hover{
color:#dddddd;
}
#content_container{
width:690px;
background:#ffffff;
float:left;
}
#content{
min-height:540px;
height:auto !important;
height:540px;
float:left;
padding-top:20px;
padding-bottom:20px;
}
#content a{
color:#8b0000;
font-weight:600;
}
#content p a:hover, #content ul a:hover{
color:#ef6a4c;
}
#content ul{
list-style-position:inside;
margin-bottom:15px;
}

/* Additional Content  */

#add_content{
width:135px;
float:left;
padding:20px 56px 20px 0;
}
#locations{
width:115px;
height:256px;
padding:26px 10px;
background: url(../images/locations.jpg) no-repeat;
color:#ffffff;
text-align:center;
}
#locations h2{
font-size:0.9em;
color:#ffffff;
font-family:arial, sans-serif;
}
#locations ul li{
list-style-type:none;
}
#locations a{
display:block;
font-weight:bold;
color:#ffffff;
text-decoration:underline;
padding:0.75em 0;
}

/* DLs and Resume*/

dt{
font-weight:bold;
background:#eeeeee;
margin-bottom:0.8em;
padding:0.2em 0;
}
dd address{
text-indent:2em;
margin-bottom:0.8em;
}
dd.date{
text-align:right;
margin-bottom:0.8em;
}
dd.summary{
margin:0 0 0.8em 4em;
}
#content.resume h2{
padding:0.5em 0;
border-top: 1px solid #8b0000;
border-bottom: 1px solid #8b0000;
}

/* contact and form */

#contact_loc li{
display:inline;
border-right:1px solid;
padding:0 4px;
}
.firstname, .lastname, .phone, .email, .zip{
background:#fff !important;
}
.firstname, .lastname, .phone, .email{
width:10em;
background:#fff !important;
}
.zip{
width:5em;
}
img.phonenum{
vertical-align:text-top;
margin-left:0.5em;
display:inline;
}
#contact form{
margin:auto;
}
#contact label{
text-align:left;
width:7.5em;
float:left;
margin:0 1em 0 0;
}
#contact input, #contact textarea{
text-align:left;
float:left;
margin-bottom:1.5em;
border:2px inset #aaa;
}
#contact input.submit_btn{
background: url(../images/send.jpg) no-repeat;
text-align:center;
color:#ffffff;
padding-bottom:0.55em;
font-size:1.65em;
width:135px;
height:45px;
float:none;
margin:0 0 0 102px;
border:none;
cursor:pointer;
}
#contact br.form_clear{
clear:left;
}

/* classes */

.clear{
height:0;
clear:both;
}
.sig{
height:82px;
margin-left:1em;
background: url(../images/sig_el1o3.jpg) no-repeat;
}
.plain{
font-weight:normal !important;
}
.c3o4{
width:434px;
padding-left:55px;
padding-right:10px;
}
.full{
width:435px;
padding-left:40px;
}
.el1o3{
width:216px;
}
.el3o4{
width:434px;
}
.el304 .main{
height:256px;
}
.elfull{
width:450px;
}
img.floatleft{
float:left;
margin:0 4% 0 0;
}

/* Bottom and Footer */

#bottom{
margin:0 auto 10px auto;
width:960px;
height:25px;
background:url(../images/container_bottom.jpg) no-repeat;
}
#footer{
width:960px;
margin:auto;
padding:10px 0;
font-size:0.9em;
text-align:center;
}
#footer address{
display:inline;
font-style:normal;
}
#footer, #footer a{
color:#ffffff;
}