@charset "utf-8";
/* analog general styles */

body { font: 10px Verdana, Arial, Helvetica, sans-serif; background: #FFF; margin: 0 auto; padding: 0; text-align: center; color: #000; }
a:link { color: #000; text-decoration: underline; }
a:hover { color: #33CCFF; text-decoration: none; }
a:active { color: #000; text-decoration: none; }
a:visited { color: #000; text-decoration: none; }
.main #shell { width: 900px; background: #FFF; margin: 0 auto; text-align: left; }
.main #body { padding: 0 0px; }
#rtCol { padding: 5px; margin-right: 300px; }
#content { background: #FFF; width: 900px; height: 570px; border: 1px solid #CCC; }
#header { width: 900px; height: 75px; border: 1px solid #CCC; margin: 0 0 0 0; }
#header2 { background: url(../images/ap_banner2.gif) top center no-repeat; width: 900px; height: 31px; border: 1px solid #CCC; margin: 0 0 10px 0; }
#logo { float: left; width: 182px; }
#tagline { width: 99%; margin: 44px 0 0 0; }
#navshell { width: 900px; margin: 0 0 5px 0; display: block; }
#navshell2 { width: 90%; margin: 5px 0 0 230px; }
.clearfloat { clear:both; height:0; font-size: 1px; line-height: 5px; }
#addthis { float: right; margin: 15px 0 10px 0; }
#legal { font: 9px Verdana, Arial, Helvetica, sans-serif; float: right; }
#btmrule { background: url(../images/btmrule_splsh.jpg) top center no-repeat; width: 884px; padding: 8px; border: 1px solid #CCC; margin: 0 0 0 0; color: #FFF; }
#btmrule2 { background: #000; width: 884px; padding: 8px; border: 1px solid #000; margin: 10px 0 0 0; color: #FFF; }
.btmrule a:link { font: 10px Verdana, Arial, Helvetica, sans-serif; color: #FFF; text-decoration: none }
.btmrule a:hover { font: 10px Verdana, Arial, Helvetica, sans-serif; color: #FFF; text-decoration: underline }
.btmrule a:visited { font: 10px Verdana, Arial, Helvetica, sans-serif; color: #FFF; text-decoration: none; }
.btmrule a:active { font: 10px Verdana, Arial, Helvetica, sans-serif; color: #FFF; text-decoration: none; }
#date { float: right; margin: 0 10px 3px 0; }

/* index page styles */
#homeTop { width: 900px; height: 300px; border: 1px solid #CCC; margin: 0 0 10px 0; }
#homeBot { width: 900px; margin: 10px 0 0 0; }
.homeBot { width: 150px; height: 310px; border: 1px solid #CCC; margin: 0 20px 0 0; }
.homeBotGal { width: 150px; height: 300px; border: 1px solid #CCC; margin: 0 20px 0 0; padding: 5px; }
#homeSplash { border: 1px solid #999; border-left: none; padding: 10px; }
#contentBio { background: #FFF; width: 900px; height: 625px; border: 1px solid #CCC; }
#contentPhoto { width: 900px; height: 800px; border: 1px solid #CCC; }
#paintings { padding: 10px; margin: 0 0 0 80px; height: 450px; width: 700px; overflow: auto; }
#photoIndex { float: left; margin: 20px 0 0 20px; width: 300px; }

/* art index style */
.homeBot2 { width: 150px; height: 310px; border: 1px solid #CCC; margin: 0 15px 0 0; }
.homeBotGal2 { width: 150px; height: 300px; border: 1px solid #CCC; margin: 0 15px 0 0; padding: 5px; }
.artBot { width: 150px; height: 310px; border: 1px solid #CCC; margin: 0 0 0 0; }
#switchViewer { width: 555px; height: 310px; border: 1px solid #CCC; margin: 0 10px 10px 0; float: left; }
#thumbs { width: 100%; height: 85px; border: 1px dotted #33CCFF; margin: 0 0 10px 0; }
.tbBorder { border: 1px solid #000; }
#botSlice { width: 100%; height: 75px; border: 1px solid #000; background: url(../images/slices/slice_mural2016.jpg) top center no-repeat; }
#disclaimer { width: 545px; height: 15px; float: left; border: 1px dotted #CCC; margin: 0 0 10px 0; padding: 5px 0 0 10px; }
#header3 { float: left; text-indent: 10px; margin-bottom: 5px; color: #666666; }
#header3 a:link { color: #666666; }
#header3 a:visited { color: #666666; }
#header4 { float: right; margin: 0 10px 5px 0; color: #666666; }
#header4 a:link { color: #666666; }
#header4 a:visited { color: #666666; }

/* bio page */
#bio { height: 290px; overflow: auto; padding: 10px; }
.bioFade { width: 150px; height: 300px; border: 1px solid #CCC; margin: 0 15px 0 0; padding: 5px; }
#portrait { width: 300px; height: 222px; border: 1px dotted #CCC; float: left; }
#pSplsh { float: right; width: 580px; height: 222px; border: 1px dotted #CCC; background: url(../images/biosplsh-120volts.jpg); }
.disclaimer { font: 9px Verdana, Arial, Helvetica, sans-serif; color: #999; }

/* design page style */
.dHR { width: 120px; height: 310px; border: 1px solid #CCC; margin: 0 0 0 0; }
.cntCont { width: 180px; height: 300px; border: 1px solid #CCC; margin: 0 10px 0 5px; padding: 5px; }
.cntCont { font: 9px Verdana, Arial, Helvetica, sans-serif; color: #333; }
#designContHR1 { width: 265px; height: 15px; float: left; margin: 0 10px 5px 25px; }
#designCont1 { width: 265px; height: 190px; border: 1px solid #CCC; padding: 8px; float: left; margin: 0 10px 0 15px; }
#designContHR2 { width: 265px; height: 15px; float: left; margin: 0 10px 5px 15px; }
#designCont2 { width: 265px; height: 190px; border: 1px solid #CCC; padding: 8px; float: left; margin: 0 10px 0 0; }
#designContHR3 { width: 265px; height: 15px; float: left; margin: 0 10px 5px 15px; }
#designCont3 { width: 265px; height: 190px; border: 1px solid #CCC; padding: 8px; float: left; margin: 0 10px 0 0; }

/* music page */
#mContainer { margin: 0 0 10px 0; }
.rnWidget { width: 180px; height: 300px; margin: 0 0 0 15px; padding: 5px; float: right; }
#muzak { width: 370px; padding: 10px; border: 1px solid #CCC; margin: 0 10px 10px 0; float: left; }
#mPics { width: 390px; height: 100px; border: 1px dotted #CCC; float: left; }
#stupidStar { width: 370px; height: 180px; padding: 10px; border: 1px solid #CCC; margin: 10px 0 0 0; float: right; }

/* writing page */
#writingIndex { float: right; width: 180px; height: 300px; overflow: auto; border: 1px solid #CCC; margin: 0 15px 0 0; padding: 5px; }
#writingFade { float: right; width: 180px; height: 300px; border: 1px solid #CCC; margin: 0 15px 0 0; padding: 5px; }
#wriHR { float: right; width: 118px; height: 310px; border: 1px solid #CCC; }
#writing { float: left; width: 535px; height: 450px; overflow: auto; padding: 10px; border: 1px solid #CCC; }
#writing a:link { text-decoration: none; }
#writing a:hover { color: #6699FF; text-decoration: underline; }
#writing a:active { text-decoration: none; }
#writing a:visited { text-decoration: none; }
#wSplsh { margin-top: 10px; float: right; width: 325px; height: 147px; border: 1px dotted #CCC; }


/* gallery pages */
#slideshow { float: left; width: 755px; height: 600px; }
#d-breadcrumbs { float: right; width: 75px; border: 1px dotted #CCC; margin: 30px 0 0 0; }
#p-breadcrumbs { float: right; width: 75px; border: 1px dotted #CCC; margin: 20px 0 0 0; }

/* misc pages */
#sitemap { width: 700px; height: 400px; float: left; overflow: auto; padding: 10px; border: 1px solid #CCC; }
#links { width: 730px; height: 400px; float: left; overflow: auto; padding: 10px; border: 1px solid #CCC; }
#hrHolder { width: 118px; height: 310px; float: right; border: 1px solid #CCC; margin: 0 0 0 0; }

/* shadowbox poems */
#pCont { overflow: auto; width: 600px; height: 500px; text-align: left; }
#pPad { margin: 10px 10px 0 10px; padding-bottom: 10px; font: 12px "Courier New", Courier, monospace; }

/* font styles */
.h1 { font: bold 14px Arial, Helvetica, sans-serif; text-indent: 15px; }

/* Advanced gallery script styles */
.gallerycontroller { width: 99% }
.gallerycontent { font: 10px Verdana, Arial, Helvetica, sans-serif; width: 99%; height: 195px; display: block; }

/* possible discards */
#aIndex { margin: 15px 15px 15px 15px; width: 850px; }
.aIndLine { border-bottom: 1px dotted #000; padding-bottom: 5px; width: 200px; }

/* test */
.formbutton { font: 10px Arial, Helvetica, sans-serif; background: url(../images/sendbutton.png) top center no-repeat; width: 100px; height: 22px; text-indent: 0px; }
.scrollgeneric { line-height: 1px; font-size: 1px; position: absolute; top: 0; left: 0; }
.vscrollerbase { width: 10px; background-color: #1d1d1d; }
.vscrollerbar { width: 10px; background-color: #666666; }
.scrollerjogbox { width: 10px; height: 50px; top: auto; left: auto; bottom: 0px; right: 0px; background-color: gray; }
#mycustomscroll { width: 175px; height: 150px; overflow: auto; position: relative; margin: 0.0em auto; padding: 0px; }