﻿body{background:#111 url('images/phone.gif') no-repeat top left  fixed; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; margin: 0 auto ; margin-top: -2px; text-align: center }
ul{list-style:none; }
h1{font-size:14pt; color:#333; margin: 0; padding: 0; width: 100% ; height: auto; float: left  }
h2{font-size:11pt; color:#7C1506; margin: 0; padding: 0; width: 100% ; height: auto ; float: left;margin-top: 5px  }
table{float:left ; clear: both }

#container{ background-color:#fff; margin:0 auto; text-align:center; width:822px;height: auto;   }
#header{background:#fff url(images/header.jpg) no-repeat top left; height: 239px;border: 3px solid #695020; border-top: 0 ; border-bottom: 0; width:763px; color:#fff; font-size:12pt; float:left;border-bottom:1px solid #695020; padding-left:55px}
	#header a:link{color:#fff; text-decoration:none}
	#header a:visited{color:#fff; text-decoration:none}
	#header a:hover{color:#111; text-decoration:none}
	#header a:active{color:#eee; text-decoration:none; font-weight: bold; border: 0 }
	#header a:focus{color:#eee; text-decoration:none; font-weight: bold; border: 0}
#header ul{margin-top:218px}
#header li{float:left;margin:0;padding: 0; margin-right:30px; width: auto ; height: auto }
#header li ul {border-top: 0;padding: 0px;font-size: 12px;margin-left: 0px;position: relative;width: 100px;
height: auto;display:none ; font-weight: normal; clear: both ; margin-top:0px; }
#header li:hover ul {left:auto ; clear:both ; display: block;   }
#header li ul li{width: 100px; text-align: left; margin: 0 auto  ; clear: both ; border:1px solid ThreeDShadow; border-top: 0; padding-left: 4px }
#header li ul li a {width:100px }
#merch{float:left; width: 100% ; height: auto}
#gallery{float:left; width: 100% ; height: auto;}
#content{float:left; padding:5px; width: 808px; height: auto;  color: #333; text-align: left; background-color: #fff; display: block; border: 3px solid #695020; border-top: 0  }
#content p{ font-size: 12px}
	#content a:link{color:#336699; text-decoration:underline}
	#content a:visited{color:#336699; text-decoration:underline}
	#content a:hover{color:#333; text-decoration:none}
#content ul {font-size:13px; list-style:disc; float: left; margin-left:-4px; }

#col1{float:left ; font-size: 13px; width:335px; height:auto; border-right: 1px solid #E1E1E1; padding-right: 30px}
#col2{float:left ; font-size: 13px; width:420px; height:auto;}
	#col2 img{float:left ; margin: 10px; border: 3px solid #666; margin-top: 3px; margin-bottom: 18px; margin-left: 22px}
#footer{font-size: 10px; color: #fff; float: left; text-align: center; width: 818px; padding-top: 5px; line-height: 10px}
#footer a{color:#fff}
#footer img{border:0}

a h2:hover{
	text-decoration:underline 
}
/* Classes */
.odd{background-color: #9C7E36; padding:2px}
.even{background-color: #755F2D; padding:2px}

.paragraph{border-bottom: 1px solid #ccc;padding-left:9px; margin: 0;  padding-bottom:10px; float: left; line-height: 18px; width: 324px; text-align: justify }
	.paragraph img{max-width:300px; border: 3px solid #111}
.right{float:right; border: 3px solid #111; margin-top: -20px}
.auto{width: auto }
.artistImage{margin:20px; border:0; float: left;  }
.bio{font-size:12px; line-height:18px; text-align: left ; float: left; height:285px; width: 515px; text-align:justify }
.bioHeader{font-size:11pt; color:#7C1506; margin: 0; padding: 0; height: auto ; float: left;margin-top: 25px; width: 530px  }
.bioContainer{width:100%; height: 310px; float: left }
.date{float:left ; font-weight: bold ; width: 100%; font-size: 12px}
.merch{float: left ; border: 1px solid #111; width: 106px; margin: 2px}
.gallery{float: left ; border: 1px solid #111; width: 55px; margin: 2px}
.galleryColumn{width:62px; float:left; height:auto}
