@charset "UTF-8";
/* CSS Document */

/* resets */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}

:focus {
outline: 0;
}

table {
border-collapse: collapse;
border-spacing: 0;
}
/* end resets */

html {
font-size: 62.5%;
line-height: 62.5%;
}

body {
text-align:center;
background-attachment: fixed;
background-color: #000;
background-image: url(images/body-bkg2.jpg);
background-repeat: no-repeat;
background-position: center top;
font: 1.3em/1.6em Lucida Sans Unicode, Lucida Grande, sans-serif;
color: #FFF;
}

a:link {
color: #da6d14;
text-decoration: none;
}

a:visited {
color: #E37F1C;
text-decoration: none;
}

a:hover {
color: #00A1D9;
}

a:active {
color: #F50;
}

p, li {
margin-bottom: 1em;
margin-top: 1em;
}

h1, h2, h3, h4, h5, h6 {
font-family: Georgia, "Times New Roman", Times, serif;
color: #f1e6dd;
font-weight: normal;
}

h1 {
font-size: 1.8em;
margin-bottom: 1.4em;
line-height: 1.2em;
}

h2 {
font-size: 1.6em;
}

h3 {
font-size: 1.4em;
}

h4 {
font-size: 1.2em;
}

h5 {
font-size: 1.1em;
line-height: 1.2em;
}
#content_main h1,
#content_main h2,
#content_main h3,
#content_main h4,
#content_main h5,
#content_main h6 {
margin-top: 1.2em;
}

.hr-custom {
background-image: url(images/hr-custom.png);
background-repeat: no-repeat;
background-position: center top;
height: 2px;
margin-top: 16px;
margin-bottom: 20px;
line-height: 0px;
}

select, input, textarea { font: 99% arial, helvetica, clean, sans-serif; }

.bold { font-weight: bold; }

.italic { font-style: italic; }

.center {
text-align: center;
}

.clearer {
font-size: 0px;
line-height: 0px;
clear: both;
height: 0px;
display: block;
}

.sm-txt {
font-size: 85%;
}

.pic-float-right {
float: right;
padding-bottom: 15px;
padding-left: 24px;
padding-top: 5px;
}

blockquote {
padding-right: 1em;
padding-left: 1em;
border-left: 2px solid #DCDCDC;
}

#wrapper {
width: 700px;
margin-right: auto;
margin-left: auto;
padding-right: 50px;
padding-left: 50px;
padding-bottom: 20px;
}

#header {
background-image: url(images/header.jpg);
background-repeat: no-repeat;
background-position: center top;
height: 170px;
}

#header h2 {
margin-top: 0px;
margin-bottom: 0px;
}

#header h2 a {
margin: 0px auto;
text-indent: -9999px;
display: block;
height: 170px;
width: 700px;
}

#header h3 {
font-size: 0em;
line-height: 0px;
text-indent: -9999px;
height: 0px;
margin: 0px;
}

#nav_wrapper {
width: 100%;
height: 36px;
}

#nav {
}

#nav li {
float: left;
margin: 0px;
}

#nav li a {
text-decoration: none;
font-size: 0px;
line-height: 0px;
display: block;
background-image: url(images/navbar.png);
background-repeat: no-repeat;
background-position: 0px 0px;
text-indent: -9999px;
height: 36px;
}
#nav #navAbout a {
width: 67px;
}
#nav #navAbout a:hover {
background-position: 0px -36px;
}
#about #nav #navAbout a {
background-position: 0px -72px;
}

#nav #navMusic a {
width: 66px;
background-position: -67px 0px;
}
#nav #navMusic a:hover {
background-position: -67px -36px;
}
#music #nav #navMusic a {
background-position: -67px -72px;
} 
#nav #navTeaching a {
width: 86px;
background-position: -133px 0px;
}
#nav #navTeaching a:hover {
background-position: -133px -36px;
}
#teaching #nav #navTeaching a {
background-position: -133px -72px;
}
#nav #navPerforming a {
width: 99px;
background-position: -219px 0px;
}
#nav #navPerforming a:hover {
background-position: -219px -36px;
}
#performing #nav #navPerforming a {
background-position: -219px -72px;
}
#nav #navStudio a {
width: 70px;
background-position: -318px 0px;
}
#nav #navStudio a:hover {
background-position: -318px -36px;
}
#studio #nav #navStudio a {
background-position: -318px -72px;
}
#nav #navPhotos a {
width: 72px;
background-position: -388px 0px;
}
#nav #navPhotos a:hover {
background-position: -388px -36px;
}
#photos #nav #navPhotos a {
background-position: -388px -72px;
}
#nav #navReviews a {
width: 167px;
background-position: -460px 0px;
}
#nav #navReviews a:hover {
background-position: -460px -36px;
}
#reviews #nav #navReviews a {
background-position: -460px -72px;
}
#nav #navContact a {
width: 73px;
background-position: -627px 0px;
}
#nav #navContact a:hover {
background-position: -627px -36px;
}
#contact #nav #navContact a {
background-position: -627px -72px;
}

#content_wrapper {
text-align: left;
padding: 22px 17px 25px;
}
#content_main {
margin-top: -1em;
}

#home #content_main {
float: left;
width: 374px;
}

#content_sidebar {
text-align: left;
float: right;
width: 250px;
display: none;
padding: 10px 10px 6px;
}
#home #content_sidebar {
display: block;
border: 1px solid #000;
background-image: url(images/trans-grey1.png);
background-repeat: repeat;
}

#footer {
padding: 2px;
line-height: 1.4em;
}

#footer a:link {
text-decoration: none;
}
#footer a:visited {
color: #A34C14;
}
#footer a:hover {
color: #00A1D9;
}

#footer li {
display: inline;
border-left: 1px solid #3C2516;
font-size: 88%;
}

#footer li#footer-home {
border-style: none;
}
#footer li a {
padding-right: 0.2em;
padding-left: 0.5em;
}

#footer p {
font-size: 78%;
line-height: 100%;
margin-top: 0.6em;
margin-bottom: 0.2em;
color: #d4a279;
}

#footer p a {
padding-left: .3em;
}

#home #content_wrapper h1 {
font-size: 0px;
line-height: 0px;
background-image: url(images/hm-quote.png);
background-repeat: no-repeat;
text-indent: -9999px;
height: 50px;
width: 662px;
margin-right: auto;
margin-bottom: 28px;
margin-left: auto;
}

#reviews .attribute {
font-size: 98%;
font-style: italic;
margin-top: -.6em;
margin-bottom: 1.5em;
line-height: 1.2em;
text-align: right;
}
.cd-module {
margin-bottom: 12px;
}
.cd-module a{
line-height: 1.2em;
}

#home .cd-module a {
background-repeat: no-repeat;
display: block;
padding-left: 116px;
padding-top: 6px;
height: 104px;
}

#video-link {
margin-top: .7em;
}

.icon-text h5 {
background-repeat: no-repeat;
padding-left: 84px;
height: 72px;
margin-bottom: 1em;
background-position: 0px 5px;
}

.icon-text #guitar_lessons {
background-image: url(images/icon-text-guitar_lessons.jpg);
}

.icon-text #studio {
background-image: url(images/icon-text-studio.jpg);
}

#contact #content_main p {
margin-bottom: .2em;
}
#contact #name,
#contact #email,
#contact #message {
width: 260px;
}

#contact #content_wrapper {
height: 440px;
}

#photos #player-wrap {
text-align: center;
width: 550px;
margin-right: auto;
margin-left: auto;
}
#studio #discography li {
line-height: 1.2em;
}

#studio #discography li li {
margin-top: .1em;
margin-bottom: 0em;
padding-left: 1.5em;
}
#studio .sm-txt {
color: #d4a279;
}
#music .cd-module,
#performing .cd-module {
background-image: url(images/trans-grey1.png);
background-repeat: repeat;
padding: 10px;
margin-top: 8px;
margin-bottom: 10px;
}
#music .discinfo {
float: left;
width: 360px;
}
#music .discinfo h5 a {
background-repeat: no-repeat;
background-position: center top;
display: block;
width: 104px;
padding-top: 110px;
float: left;
margin-right: 10px;
font-size: 90%;
line-height: 96%;
text-align: center;
}

#music .discinfo p {
margin-top: .1em;
margin-bottom: 0.2em;
}

#music .discinfo h4 {
margin-top: 1.2em;
}

#music .discinfo h5 {
margin-top: 0px;
margin-bottom: 0px;
}

#music .soundbytes,
#performing .soundbytes {
float: right;
width: 256px;
margin-left: 13px;
}
#music .soundbytes {
margin-top: 14px;
}

#music .soundbytes p {
font-size: 80%;
margin-bottom: 3px;
line-height: 130%;
}

#music .soundbytes h6 {
margin-top: -3px;
}

#long_long_while h5 a,
#home #long_long_while a {
background-image: url(images/cd-long_long_while.jpg);
}
#second_cousins h5 a,
#home #second_cousins a {
background-image: url(images/cd-second_cousins.jpg);
}
#cousins h5 a {
background-image: url(images/cd-cousins.jpg);
}
#tis_the_season h5 a  {
background-image: url(images/cd-tis_the_season.jpg);
}
#touch_the_sky h5 a  {
background-image: url(images/cd-touch_the_sky.jpg);
}

#performing .cd-module h3 {
margin-top: 0px;
margin-bottom: .7em;
}

#performing .cd-module {
padding-bottom: 14px;
}
#performing .cd-module p {
font-size: 94%;
line-height: 130%;
margin-top: 0px;
}

#performing .cd-module img {
float: left;
padding-right: 13px;
}

#youtubevideo {
float: right;
width: 320px;
margin-left: 18px;
margin-bottom: 12px;
}

#links #content_main li {
float: left;
width: 50%;
margin-bottom: 0px;
}