@charset "UTF-8";
/* CSS Document */

body {background-color: #782124; color: white; margin: 0px; padding: 0px; font-family:Tahoma, Geneva, sans-serif; font-size:12px;}
a {color: #ffffff; text-decoration: none;}
img {border: none;}


#centro {width: 900px; position: relative; margin-left: auto; margin-right: auto; top: 0px; margin-top: 0px; z-index: 4;}

#topbar {height: 194px; border-bottom-color:#FFF; border-bottom-width:thin; border-bottom-style:solid;}

#topleft {width: 214px; height: 194px; border-right-color: #FFFFFF; border-right-style:solid; border-right-width:thin; }
#topright {float:right; width: 685px; height: 194px;}

#tigerpic {width: 200px; padding-left: 40px; position: absolute; top: 15px;}
#entergo {position: absolute; padding-left: 40px; top: 95px;}
#htatext {font-size: 18px; padding-left: 36px; padding-top: 15px;}
/* font-family: "Geosans light", "Futura", Verdana, sans; */
#tllogo {position: absolute; left: 20px; top: 15px;}
#tlface {position: absolute; left: 130px; top: 75px;}
#tlspace {position: absolute; left: 130px; top: 110px;}
#tltwit {position: absolute; left: 127px; top: 140px;}  
#focal {padding-top: 60px;}
#linkers {position: relative; width: 50px; top: -10px; left: 120px;} 
#linkolink {text-align: right; list-style-type: none;}
#linkolink li {padding: 3px;}
.linkoids {height: 194px; vertical-align:bottom;}
.linkoids a {background-image: url(blank.gif); background-repeat:repeat; padding-top: 176px; padding-bottom: 4px; padding-left: 20px; padding-right: 20px;}
.linkoids a:hover {background-image: url(Tgradient.jpg); background-repeat: repeat-x;}
.linkoidx {height: 194px; vertical-align:bottom;}
.linkoidx a {background-image: url(blank.gif); background-repeat:repeat; padding-top: 176px; padding-bottom: 4px; padding-left: 10px; padding-right: 10px;}
.linkoidx a:hover {background-image: url(Tgradient.jpg); background-repeat: repeat-x;}
#hometop {position: absolute; left: 450px; top: 174px; }
#showstop {position: absolute; left: 530px; top: 174px; }
#artiststop {position: absolute; left: 670px; top: 174px; }
#contacttop {position: absolute; left: 750px; top: 174px; }
#linkstop {position: absolute; left: 835px; top: 174px; }
#mainpage {position: relative; width: 900px; min-height: 600px;}
#lefty {width: 200px;}
#righty {float: right; width: 685px; background-image: url(Tfleur.jpg); background-repeat:no-repeat; min-height: 600px; padding-bottom: 30px;}
.faint {font-weight: 100; line-height: 200%; }
.faint a:hover { text-decoration: underline;}
#foot {font-size: 9px; position: fixed; bottom: 0px; right: 0px; padding-bottom: 20px;}
#foot2 {font-size: 9px; position: fixed; bottom: 0px; right: 0px; padding-bottom: 20px;}
#narrow {width: 300px; padding-left: 30px;}
#edits {position: absolute; top: 0px; right: 0px; width: 100px; z-index: 5;}
#edits a {color: #660000;}
#edits a:hover {color: #FFFFFF;}
.darklist {list-style-type: none; color: #49141f; margin-left: -40px; margin-top: -1px;}
#biggerlink {color: #FFcfcf; font-size: 13px;}
#mejor {position: absolute; width: 100%; height: 800px; z-index: 9; background-color: #782124; margin-left: auto; margin-right: auto;}
#focal {width: 633px; height:283px; position: relative; left: 400px; top: 250px; background-image: url(HTAtopper.jpg); background-repeat: no-repeat;}


#artroster {position: absolute; top: 80px; left: 108px; color: #49141f; font-size: 11px;}
#whitecomment {line-height: 150%; font-size: 11px;}
.artrow {position: relative; width: 590px;}
.artrow img {padding: 5px;}
.textp1 {color: #66141f; position: absolute; left: 15px; top: 152px; font-size: 14px;}
.textp2 {color: #66141f; position: absolute; left: 206px; top: 152px; font-size: 14px;}
.textp3 {color: #66141f; position: absolute; left: 402px; top: 152px; font-size: 14px;}
.musicp1 {position: absolute; left: 8px; top: 203px;}
.musicp2 {position: absolute; left: 202px; top: 203px;}
.musicp3 {position: absolute; left: 396px; top: 203px;}
.artlittle {font-size: 9px;}
#contactfocus {position: relative;}
#contactc1 {position: absolute; width: 150px; top: 30px; left: 30px;}
#contactc2 {position: absolute; width: 250px; top: 30px; left: 200px;}
li.cmail {list-style-image: url(listmail.gif)}
li.cemail {list-style-image: url(listletter.gif)}
li.cphone {list-style-image: url(listphone.gif)}
li.ctwitter {list-style-image: url(listtwitter.gif)}
ul.bigpad {line-height: 140%;}
ul.bigpad li {padding: 4px;}
.bigwrite {font-size: 24px;}


#emailboxer {width: 420px;}
#leftmail {position: inherit;  width: 200px;}
#rightmail {float: right; width: 200px;}

.nobulletblack {list-style-type: none;}
.nobulletwhite {list-style-type: none; padding-top: 10px; padding-bottom: 10px;}
.nobulletblack a {color:#000000; font-size: 16px;}
.nobulletwhite a {color: #ffffff; font-size: 12px; list-style-type: none;}

#davidbubble {position: absolute; top: 1px; left: 532px; width: 258px; height: 162px; background-image: url(davidbubble.gif); background-repeat: no-repeat;}
#upwellingbubble {position: absolute; top: 340px; left: 538px; width: 258px; height: 162px; background-image: url(upwellingbubble.gif); background-repeat: no-repeat;}
#aprilbubble {position: absolute; top: 80px; left: 532px; width: 258px; height: 162px; background-image: url(aprilbubble.gif); background-repeat: no-repeat;}
#linksbubble {position: absolute; top: 160px; left: 532px; width: 258px; height: 162px; background-image: url(linksbubble.gif); background-repeat: no-repeat;}
#harrybubble {position: absolute; top: 240px; left: 542px; width: 258px; height: 162px; background-image: url(harrybubble.gif); background-repeat: no-repeat;}
#nonbubble {position: absolute; top: 420px; left: 532px; width: 258px; height: 162px; background-image: url(nonbubble.gif); background-repeat: no-repeat;}
#parlorbubble {position: absolute; top: 500px; left: 532px; width: 258px; height: 162px; background-image: url(parlorbubble.gif); background-repeat: no-repeat;}



#bottomerest {color: #000000; padding-left: 40px; padding-top: 50px;}
#bottomerest a {color: #ffffff;}
#former {position: relative; left: 98px; color: #49141f; font-size: 11px;}
#formerunder {position: relative; left: 5px; top: 1px; width: 180px; height: 1px; background-color: #49141f;}
#spaceyspace {width: 100%;}
#formerlist {position: relative; top: 3px;}

.linkpics3 {position: relative; height: 105px; width: 360px; padding: 0px; margin: 0px;}
.linkpics {position: relative; height: 105px; width: 240px; padding: 0px; margin: 0px;}
.linkboxes {padding: 0px; margin: 0px;}
#link-mm {float: right; width: 120px; height: 105px; padding: 0px; background-image: url(l-mm1.jpg); background-repeat: no-repeat;}
#link-mm:hover {background-image: url(l-mm2.jpg); background-repeat: no-repeat;}
#link-bs {float: right; width: 120px; height: 105px; padding: 0px; background-image: url(l-bl1.jpg); background-repeat: no-repeat;}
#link-bs:hover {background-image: url(l-bl2.jpg); background-repeat: no-repeat;}
#link-id {float: right; width: 120px; height: 105px; padding: 0px; background-image: url(l-id1.jpg); background-repeat: no-repeat;}
#link-id:hover {background-image: url(l-id2.jpg); background-repeat: no-repeat;}
#link-dh {position: relative; width: 120px; height: 105px; padding: 0px; background-image: url(l-dh1.jpg); background-repeat: no-repeat;}
#link-dh:hover {background-image: url(l-dh2.jpg); background-repeat: no-repeat;}
#link-ve {position: relative; width: 120px; height: 105px; padding: 0px; background-image: url(l-ve1.jpg); background-repeat: no-repeat;}
#link-ve:hover {background-image: url(l-ve2.jpg); background-repeat: no-repeat;}