html { min-height: 100%; margin-bottom: 1px; }
body { margin: 0px auto; font: 12px Arial,Tahoma; color: #FFF; background-color:#373737; }
img { border: 0px; display: block; }
table { border: 0px; border-collapse: collapse; }
table td { padding: 0px; vertical-align:top;}

h1 {font-size:16px;}
a { text-decoration: underline; color: #FFF; }
a:hover { text-decoration: underline; color: #ACACAC; }

.right{ float:right; text-align:right; width:49%; }
.left{ float:left; text-align:left; width:49%; }
.small{ font-size:90%; }
.clearboth{ clear:both; }

/** main template **************************/
#header { background: url('imgs/gen/titleBkg.gif') left; width:100%;}
#header #title { width: 780px; height:137px; vertical-align:top; margin: 0px auto;}

#layout { background-color:#660000; width:100%;}
#container { position: relative; width: 780px; height: auto; text-align: left; margin: 0px auto; }

#nav { background-color:#7D2626; width:150px; margin-left:15px;}
#nav .cell { padding-top:15px; }
#nav a { font: 15px times; text-decoration: none; color: #FFF; }
#nav a:hover { text-decoration: underline; color: #CACACA; }
#nav .sub a { display:block; width: 140px; padding-left:10px; font: 15px times; color: #FFF;}
#nav .sub a:hover { color: #CACACA; text-decoration:underline; }
#nav .sub div a {display:inline; } 

#content { background-color: #660000; width: 650px; padding:20px;  vertical-align:top;}
#content #index { font: 11px Arial,Tahoma; color: #FFF; text-align:center;}
#content #index img { width:150px; margin: 0px auto; padding-left:15px; padding-right:15px;}
#content .Tborder { border-top:1px solid #000; }
#content #barb { width:125px; height: 157px; float:right;}

/** guestbook ************************/
.comment_instructions{
 margin-bottom:20px ;
}
.comment_instructions ul{
 padding-left:30px ;
}
.message{
 padding:5px ;
 background-color:#336633;
 color:white ;
 font-weight:bold ;
 margin-bottom:15px ;	
}
.error{
 padding:5px ;
 background-color:red ;
 color:white ;
 font-weight:bold ;
 margin-bottom:15px ;
}
.comment_form{
 padding-bottom:40px ;
 border-bottom:1px dashed lightgrey ;
}

.comment_form .formitem{
 margin-bottom:15px ;
}

.comment_form .formitem .name{
 font-weight:bold ;
 margin-bottom:5px;
}

.comment_form .formitem .input{
 padding-left:15px ;
}

.comment{
 margin-bottom:20px ;
 padding-bottom:20px ;
 border-bottom:1px dashed lightgrey ;
}
.comment .name{
 padding-left:5px ;
 padding-right:5px ;
 font-weight:bold ;
 font-size:110% ;
}
.comment .time{
 font-size:90% ;
 color:lightgrey ;
}
.comment .body{
 padding-left:15px ;
}


/** gallery index page *************************/
.series_cell{
 padding:5px ;
 border-bottom: 1px solid black ;
}
.series_title{
 margin-top:5px ;
}

.jewelry_cell{
 padding: 5px;
 border-bottom: 1px solid black;
}

.jewelry_title{
 margin-top:5px;
}


/** series page ************************/
.series_desc{
 padding-right:10px ;
}
.series_gallery{
}
.series_gallery .column{
 padding-right: 15px ;
 width: 153px ;
}
.series_gallery .column .painting{
 padding-bottom:20px ;
}
.series_gallery .column .painting .title{
 margin-top:5px ;
 margin-bottom:0px ;
}
.series_gallery .column .painting .description{
 margin-top:5px ;
}

/** jewelry page ************************/
.jewelry_desc{
 padding-right:10px ;
}
.jewelry_gallery{
}
.jewelry_gallery .column{
 padding-right: 15px ;
 width: 153px ;
}
.jewelry_gallery .column .jewelry{
 padding-bottom:20px ;
}
.jewelry_gallery .column .jewelry.title{
 margin-top:5px ;
 margin-bottom:0px ;
}
.jewelry_gallery .column .jewelry.description{
 margin-top:5px ;
}


/** per-page items **********************/
#madonna td { padding:8px; }
#sculptures td { padding:8px; }
#resume td { padding:8px; }

#footer { background-color:#660000; width:100%; height:60px; padding-left:15px;}
#footer #copy { width: 780px; font: 11px Arial,Tahoma; color: #ACACAC; vertical-align:bottom; margin: 0px auto;}
#footer a { font: 11px Arial,Tahoma; color: #ACACAC; text-decoration: none; }
#footer a:hover { text-decoration: underline; }

.line { background: url('imgs/gen/line.gif') left; width:100%; height:3px;}
.art { width:160px; margin-left:15px;}
.art img { width:150px; border:1px solid #000; }

.pix {width:170px; padding:5px;}
.pix img { width:150px; border:1px solid #000; }

.more a {font: 10px Arial,Tahoma; color: #B6B6B6; text-decoration: none; }
.more a:hover { text-decoration: underline; }



/** form styles ***********************/
.textareabox { font-family: Arial,Verdana; font-size: 11px; border-left: 1px solid black; border-top: 1px solid black; border-right: 1px solid black; border-bottom: 1px solid black; }
.selectbox { font-family: Arial,Verdana; font-size: 11px; }
.inputbox { font-family: Arial,Verdana; font-size: 11px; border-left: 1px solid black; border-top: 1px solid black; border-right: 1px solid black; border-bottom: 1px solid black; }
.inputbutton { font-family: Arial,Verdana; font-size: 11px; font-weight: bold; background-color: #CCCCCC; border-left: 1px solid black; border-top: 1px solid black; border-right: 1px solid black; border-bottom: 1px solid black; cursor: hand; }