@charset "utf-8";
/* CSS Document */
* {margin:0; padding:0;}
body {font: 16px Verdana, Arial, Helvetica, sans-serif; background: #e27d23; color:#cfaF67; text-align:justify;}
body.bio {text-align:left;}
h1, h3, h4, em, div.mailForm {letter-spacing:2px;}
h5 {letter-spacing:1px;}
h1 {color:#ccc; font: normal 20px "Times New Roman", Times, serif; margin:14px 0;}
.lyrics h1 {margin:14px 0 7px 0;}
h2 {color:#bcbe5c; font: bold 16px "Courier New", Courier, monospace; margin:20px 0 14px;}
h3 {color:#b55230; font: bold 14px "Times New Roman", Times, serif; margin:20px 0 7px; background:url(graphics/main/arrow2.jpg) bottom left no-repeat; padding: 0 0 0 25px;}
h4, .blog h6 {color:#b55230; font: 10px Verdana, Arial, Helvetica, sans-serif; margin:7px 0 20px 0;}
h5 {font: bold 10px Verdana, Arial, Helvetica, sans-serif; color:#bcbe5c; margin:0 0 7px 0;}
h5:first-letter  {background:url(graphics/main/arrow4.gif) left 50% no-repeat; padding:0 0 1px 14px; font-size:130%}
a:link, a:visited {color:#e27d23; text-decoration:underline; }
a:hover {text-decoration:none;}
.dotted {background:url(graphics/main/dotted1.gif) bottom repeat-x; margin-bottom:0; padding-bottom:14px}
.dottedRight {background:url(graphics/main/dotted1_vert.gif) right repeat-y;}
em {color:#ccc;}
img {border:none;}
ul {list-style-type:none;}
.twoCol div#center ul, .blog div#leftSide ul {list-style-image: url(graphics/main/arrow_ie6.gif);}
.poptext {background:#360300 url(graphics/main/guitar_back.gif) right fixed no-repeat;}
.poptext div#container {width:auto;}
.poptext div#center {border:none;}
.clearfloat {clear:both; height:0; font-size: 1px; line-height: 0px;}
/********************* container *********************/
div#container {margin: 30px auto; width:779px;}
div#wrapper {background:#360300; border:1px solid #000; border-width:0 2px;}
/********************* header *********************/
ul#topMenu {/*float:left;*/ width:100%; height:33px; overflow:hidden;}
ul#topMenu li {display:inline; float:left;}
ul#topMenu a:hover img {margin-top:-33px;}
div#forest {clear:both; position:relative;}
div#forest img.outside {position:absolute; left:775px;}
/********************* mainContent *********************/
div#leftSide {float:left; width:194px;}
div#leftSide img.indexPic {margin:14px 0 7px 14px;}
.bio div#leftSide {margin:14px 12px 0 14px;}
div#rightSide {float:right; width:229px;}
div#center {margin:0 24px; border-top:1px solid #360300;}
div#leftSide, div#center p, .twoCol div#center ul {margin:0 0 14px 0; font:11px Verdana, Arial, Helvetica, sans-serif; line-height:130%; }
div#center p.signature {font:italic 16px "Times New Roman", Times, serif; text-align:right;}
.twoCol div#center {margin:0 48px 0 194px; padding-left: 25px; /*border:1px solid #ccc;*/}
.twoCol div#center ul {margin-left:24px;}
.twoCol div#center ul li {margin:5px 0;}
/********************* intro *********************/
.leftpic {float:left; border:4px solid #000; margin:0 7px 0 0;}
.rightpic {float:right; margin:0 0 0 7px;}
div#center div.interview p {text-align:justify;}
/********************* music *********************/
p.discography img {float:left; border: 2px solid #000; margin:0 5px 0 0;}
p.discography a:hover img {border: 2px solid #ccb17e;}
div#album img {float:left;}
table {float:left; margin-left: 10px; font: 10px Verdana, Arial, Helvetica, sans-serif;}
table .titleleft {text-align:left;}
table a:link, table a:visited {color:#bcbe5b; text-decoration:none;}
table a:hover {color:#fff;}
table {text-align:center; border-collapse: collapse; }
table td {padding: 0 8px 2px;}
table td.firstcell {padding: 4px 8px 1px ;}
table th.head {padding:3px 8px; color:#bbb; background:#000;}
/********************* gallery *********************/
div#leftSide div.sideBar {margin:70px 0 0 0; text-align:center;}
p.gallery {float:left; width:504px;}
p.gallery img {float:left; border: 2px solid #000; margin:0 2px 2px 0;}
p.gallery a:hover img {border: 2px solid #ccb17e;}
/*********************** contact ***********************/
div.mailForm span, div.mailForm ul {font: bold 10px Verdana, Arial, Helvetica, sans-serif;}
div.mailForm span {display:block; width:100%; color:#dd1313; background:url(graphics/main/dotted1.gif) bottom repeat-x; padding:4px 0;}
div.mailForm ul {padding:10px 0;}
div.mailForm ul em {color:#bb271c;}
div.mailForm ul li {list-style-image:none}
div.mailForm ul li .button {width:100px; background:#572421; padding:1px; color:#cfaF67; border-color:#360300 #000 #000 #360300; border-style:solid; border-width:1px}
div.mailForm ul li .button:hover {color:#cfaF67; cursor: pointer;}  
div.mailForm ul li .button:active {background:#6E3B38; border-color:#bbb #000 #000 #bbb; padding-left:3px;}
/********************* blog *********************/
.blog {font: 11px Verdana, Arial, Helvetica, sans-serif;}
.blog h2 img {float:left; margin:-10px 10px 0 0; border:2px solid #000;}
.blog h3 {background:none; padding:0; margin:14px 0 7px 0; font-size:12px;}
.blog h4 {color:#b09048; font: 11px Verdana, Arial, Helvetica, sans-serif; margin:0; padding:0; letter-spacing:0;}
.blog h5 {margin-top:14px;}
.blog h6 {margin:7px 0 0 0;}
.articles {font: 11px Verdana, Arial, Helvetica, sans-serif;}
.blog div#center {/*margin:0 48px 0 185px;*/  background:url(graphics/main/dotted1_vert.gif) 0 220px no-repeat; min-height:420px;}
div#center.archive span {float:left; display:block; width:60px; font-weight:bold; background:url(graphics/main/arrow2.jpg) left no-repeat; padding: 6px 20px;}
div#center.archive span a {color:#b55230; text-decoration:none;}
div#center.archive span a:hover {color:#cfaF67; text-decoration:underline;}
.blog div#leftSide ul {margin:14px 0 0 24px; padding:7px 0 0 40px; background:url(graphics/main/dotted1.gif) top repeat-x;}
.blog div#leftSide ul li.menuHead {color:#ccc; font: bold 15px "Courier New", Courier, monospace; 
padding:2px 0; margin:7px 0 2px -15px; list-style-image:none;}
.blog div#leftSide ul li {line-height: 160%;}
.blog div#leftSide ul a {text-decoration:none; font-weight:bold;}
.blog div#leftSide ul a:hover {text-decoration:underline;}
/********************* footer *********************/
div#footer {margin-top:24px; height:57px; background:url(graphics/main/cl6.gif) no-repeat;}
div#footer p {font-size: 9px; color:#543B43; text-align: center;padding-top: 23px;}