/* --------------- ELEMENTS --------------- */

body {background: #fff; font: 14px Arial, sans-serif; color: #000; margin: 0; background: url(../pics/bg-left.jpg) top left repeat-y; }
h1 {font-size: 1.2em; margin-top: 0; color: #900; background-color: inherit; }
p {margin-top: 0; }
img {border: 0; }

/* --------------- COMMON --------------- */

#wrap {max-width: 1000px; }
.hidden {position: absolute; top: -10000px; left: 0; }

/* --------------- LEFT --------------- */

#logo {position: absolute; top: 6px; left: 0px; }

#navcontainer {width: 130px; position: absolute; top: 165px; left: 7px; } 
#navcontainer ul {margin: 0; padding: 0; list-style-type: none; font-size: 1.2em; font-weight: bold; }
#navcontainer li {margin-bottom: 5px; border: 3px inset #999; }
#navcontainer a {display: block; width: 114px; padding: 5px; color: #fff; background-color: #C60; }
#navcontainer a:link, #navcontainer a:visited {color: #fff; background-color: #C60; text-decoration: none; }
#navcontainer a:hover {color: #000; background-color: #f93; }
#navcontainer li#active a {color: #000; background-color: #f93; }

#beachedbutton {margin: 20px 0 0 15px; }
#beachedbutton a {width: 100px; height: 50px; padding: 0; border: none; background: url(../pics/beached-button.gif) top left no-repeat; }
#beachedbutton a:hover {background: url(../pics/beached-button.gif) bottom left no-repeat; }

/* --------------- CONTENT --------------- */

#content {margin: 15px 10px 0 168px; padding-bottom: 36px; }
#content a {color: #009; background-color: inherit; }
#content a:visited {color: #06C; background-color: inherit; }
#content a:hover {color: #06C; background-color: inherit; }

.smalltext {font-size: 0.9em; color: #333; background-color: inherit; }
.clear-left {clear: left; }
.clear-right {clear: right; }
#hello-folks {padding-top: 20px; }
.quote-right {padding: 0.75em 1em 0 0; text-align: right; color: #090; background-color: inherit; }
.caption {font-size: 0.89em; font-style: italic; text-align: center; }
.intro-pic-left {float: left; padding: 0 15px 15px 0; }
.intro-pic-right {width: 314px; float: right; padding: 0 0 5px 5px;  }
.intro-pic-right .caption {width: 314px; }
#musician-gallery {width: 411px; margin: auto; padding: 4% 0% 0% 0%; }
.gallery-item {width: 107px; float: left; padding: 0 15px; }
.invisible-alt {width: 100%; height: 100%; }

.audio-clip-category {padding: 0% 0% 2% 0%; }
.clip-button-box {float: left; padding: 0 6px 2px 0;  }
.flash-button-pic {width: 88px; height: 64px; }
.flash-button-gram {width: 38px; height: 38px; }
.clip-text {padding: 0 0 0.5em 0; }
.music-clips-box {width: 35em; max-width: 95%;  margin: 2% auto 0%; border: 1px solid #ccc; padding: 1% .5% .2% .5%;}

.links-header {margin: 0; width: 8em; text-align: right; }
.links-category ul {margin: -1.12em 0 1.12em 9em; padding: 0; list-style-type: none; }