/* Main Style Sheet - TrickoftheLight.com - 2007edition */
* {
margin: 0; padding: 0;
border: none;
}
html {
width: 100%; height: 100%;
}
body {
position: absolute; top: 0; left: 0;
width: 100%; height: 100%;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
color: white;
background: #000;
}
a {text-decoration: none;}
a:link {color: #00C;}
a:visited {color: #939;}
a:active {color: #C00;}
a:hover {color: #FF9;}
div#container {
position: relative; top: 15px; left: 0;
width: 100%;
margin: 0 0 5px 0;
background: #111;
}
div#page {
position: relative; top: 20px; left: auto;
width: 900px;
margin: 0 auto;
background: #222;
}
div#top {
position: relative; top: 0; left: 0;
width: 900px; height: 66px;
background: #545;
}
div#top h1 {
position: relative; top: -20px; left: -20px;
font-size: 40px; font-weight: normal; font-variant: small-caps;
color: #DDD;
letter-spacing: 10px;
}
div#top h1 a {
color: inherit;
}
div#top h1 a:hover {
color: #FF9;
}
div#top h1 a span {
font-size: 32px;
color: #AAA;
}
div#top h1 a:hover span {
color: #CC6;
}
div#main {
position: relative; top: 0; left: 0;
width: 900px; min-height: 600px;
background: #333;
}
div#main.home {
position: relative; top: 0; left: 0;
width: 900px; height: 600px;
background: #333 url(../home_images/buffaloBison2007.jpg) no-repeat top center;
}
div#main.galleries {
width: 900px; min-height: 720px;
}
div#main.info {
width: 900px; min-height: 480px;
}
div#main.flatearth {
width: 900px; min-height: 750px;
}
div#main.mysterium {
width: 900px; min-height: 750px;
}
div#main.other {
width: 900px; min-height: 750px;
}
div#main.spirit {
width: 900px; min-height: 985px;
}
div#main.link {
width: 900px; min-height: 450px;
}
div#main.thanks {
width: 900px; min-height: 180px;
}
/* IE SUCKS SECTION */
div#main div#browsers {
position: absolute; top: -25px; left: -10px;
width: 270px;
padding: 6px 8px 8px 12px;
background: #BAB;
border: solid 2px #445;
}
div#main div#browsers h2 {
font-size: 28px; font-weight: normal; font-variant: small-caps;
color: #222;
letter-spacing: 6px;
cursor: pointer;
}
div#main div#browsers h2:hover {
color: #FF9
}
div#main div#browsers p {
margin: 2px 10px 0 5px;
font-size: 13px;
color: #212;
}
div#main div#browsers p strong em {
font-style: normal;
color: #006;
}
div#main p#switch {
font-size: 10px; text-align: right;
}
p#switch a {
padding: 2px 6px;
font-size: 11px; font-weight: bold;
color: #EEE;
background: #556;
border: solid 2px #223; border-top: solid 2px #334; border-left: solid 2px #334;
}
p#switch a.slink:hover {
color: #EEF;
background: #778;
color: #33D;
}
div#browsers div.noie p {
display: none;
}
div#browsers div#hideme.not {
visibility: visible;
}
div#browsers div#hideme.block {
display: none;
}
/* DOMAIN REGISTRATION SECTION */
div#main div#domains {
position: absolute; top: 70px; left: 520px;
width: 315px;
padding: 5px 10px 0 10px;
background: #667;
border: solid 1px #111;
}
div#domains div#iyd h3 {
margin: 0 0 2px 0;
font-size: 18px; font-weight: normal; font-variant: small-caps;
color: #CCD;
letter-spacing: 6px;
}
div#domains div#iyd p {
margin: 0 0 2px 0;
font-size: 13px;
color: #CCD;
}
div#domains div#iyd input {
width: 180px; height: 19px;
margin: 0;
background: #DDD;
border: solid 2px #000;
}
div#domains div#iyd input.submit {
width: 50px; height: 24px;
font-size: 12px; font-weight: bold;
background: #BBC;
border: solid 2px #000; border-top: solid 2px #333; border-left: solid 2px #333;
cursor: pointer;
}
div#domains div#iyd input.submit:hover {
color: #EEE; background: #333;
}
div#domains div#iyd select {
width: 70px; height: 22px;
margin: 2px 0 0 0;
background: #DDD;
border: solid 2px #000;
}
div#iyd div#iydlinks {
margin: 5px 0 2px 0;
border-top: solid 1px #030;
}
div#iyd div#iydlinks ul {
list-style-type: none;
float: left;
margin: 10px 0;
}
div#iyd div#iydlinks ul li{
float: left;
padding: 0 2px;
}
div#iyd div#iydlinks ul li a {
padding: 2px 6px;
font-size: 12px; font-weight: bold;
color: #EEE;
background: #333;
border: solid 2px #222; border-top: solid 2px #333; border-left: solid 2px #333;
}
div#iyd div#iydlinks ul li a:hover {
color: #001;
background: #BBC;
border-color: #030;
}
/* TERMS OF USE SECTION */
div#main div#fineprint {
position: absolute; top: 500px; left: 600px;
width: 300px;
margin: 0; padding: 5px 10px 10px 10px;
font-size: 10px;
border: solid 1px #321;
color: #111; background: #A98;
}
div#main div#fineprint.dwpage {
position: absolute; top: -80px; left: 770px; z-index: 11;
width: 135px;
color: #001; background: #BBC;
cursor: pointer;
}
div#main div#fineprint h4 {
margin: 0 0 2px 0;
font-size: 12px; font-weight: normal; font-variant: small-caps;
letter-spacing: 4px;
}
div#main div#fineprint p {
color: #333;
}
div#main div#fineprint p#tac span {
float: right;
padding: 5px 5px 0 0;
font-size: 11px; font-weight: bold; font-variant: normal;
color: #114;
}
div#main div#fineprint p#tac.block {
display: none;
}
div#main div#fineprint p#tac.show {
visibility: visible;
}
/* GALLERIES-FLASH SECTION */
div#main div#galleries {
position: absolute; top: -25px; left: -10px; z-index: 3;
padding: 6px 8px 8px 12px;
background: #BAB;
border: solid 2px #445;
}
div#main div#galleries h2 {
font-size: 28px; font-weight: normal; font-variant: small-caps;
color: #222;
letter-spacing: 6px;
}
div#main div#galleries p {
margin: 2px 10px 0 5px;
font-size: 13px;
color: #212;
}
div#main div#gallery {
position: absolute; top: -35px; left: 200px; z-index: 2;
font-size: 112px; font-weight: normal; font-variant: small-caps;
color: #454; background: transparent;
letter-spacing: 48px;
}
div#main div#gallery span {
color: #BCB;
}
div#main div#thumbset {
position: absolute; top: 60px; left: 20px; z-index: 9;
width: 700px;
}
div#main div#thumbset div.thumb {
float: left;
margin: 5px; padding: 5px 10px;
background: #444;
border: solid 1px #000;
}
div#main div#thumbset div.thumb:hover {
background: #222;
}
div#thumbset div.thumb p {
margin: 2px 0 2px 0;
font-size: 12px;
color: #CCD;
}
div#thumbset div.clear {
clear: both;
}
div#thumbset div.thumb a {
font-size: 13px; font-weight: bold;
color: #99D;
}
div#thumbset div.thumb img.don { /* Don Carxote */
padding: 5px 0 6px 0;
}
div#thumbset div.thumb a.hires {
font-size: 11px; font-weight: normal;
color: #99D;
}
/* FULL IMAGE SECTION */
div#main div#image h3 {
position: absolute; top: 15px; left: 20px; z-index: 3;
padding: 5px;
font-size: 18px; font-weight: bold; font-variant: small-caps;
color: #CDC; background: #454;
border: solid 1px #121;
letter-spacing: 6px;
}
div#main div#image p {
position: absolute; top: -40px; left: 30px; z-index: 3;
padding: 2px 4px;
font-size: 12px; font-weight: normal;
color: #454; background: #EFE;
border: solid 1px #454;
letter-spacing: 4px;
}
div#main div#image img {
position: absolute; top: 10px; left: 50px; z-index: 0;
}
div#main div#image img.don { /*Don Carxote */
position: absolute; top: 53px; left: 50px; z-index: 0;
}
div#main div#image div.download {
position: absolute; top: 65px; left: -15px; z-index: 2;
}
div#main div#image div.download a {
padding: 4px 4px;
font-size: 12px;
color: #111; background: #DDE;
border: solid 2px #111; border-top: solid 2px #333; border-left: solid 2px #333;
}
div#main div#image div.download a:hover {
color: #DDE; background: #111;
border: solid 2px #667; border-top: solid 2px #889; border-left: solid 2px #889;
}
div#image div#help p {
position: absolute; top: 100px; left: -10px; z-index: 10;
color: #644; background: #FFD;
border: solid 1px #454;
letter-spacing: 0;
cursor: pointer;
}
div#image div#help p#helpnote {
width: 200px; height: 100px;
padding: 20px 5px 5px 10px;
font-size: 13px; font-weight: normal; font-variant: normal;
}
div#image div#help p#helpnote em {
font-weight: bold;
}
div#image div#help p#helpnote span {
float: right;
padding: 10px 5px 0 0;
font-size: 11px; font-weight: bold; font-variant: normal;
color: #114;
}
div#image div#help p#helpnote.block {
display: none;
}
div#image div#help p#helpnote.show {
visibility: visible;
}
div#image div#flashscreen.abd { /* Flash - ABD */
position: absolute; top: 80px; left: 180px; z-index: 0;
}
div#image div#flashscreen.dpi { /* Flash - DPI */
position: absolute; top: 80px; left: 100px; z-index: 0;
}
div#image div#flashscreen.lw { /* Flash - Las Wages*/
position: absolute; top: 80px; left: 160px; z-index: 0;
}
div#image div#flashscreen.pe { /* Flash - PE*/
position: absolute; top: 80px; left: 120px; z-index: 0;
}
div#image div#flashscreen span { /* Flash - ABD */
position: relative; top: 120px; left: 0; z-index: 1;
padding: 0 100px 0 0;
font-size: 18px; font-variant: small-caps;
color: #FF9;
letter-spacing: 4px;
}
/* SOFTWARE SECTION */
div#main div#software {
position: absolute; top: -80px; left: 700px; z-index: 10;
width: 200px;
margin: 0; padding: 5px 10px 5px 10px;
font-size: 10px;
border: solid 1px #321;
color: #111; background: #989;
}
div#main div#software.image {
position: absolute; top: 605px; left: 330px; z-index: 10;
width: 180px;
margin: 0; padding: 5px 10px 5px 10px;
font-size: 10px;
border: solid 1px #321;
color: #111; background: #A98;
}
div#main div#software h4 {
margin: 0 0 2px 0;
font-size: 12px; font-weight: normal; font-variant: small-caps;
letter-spacing: 4px;
}
div#main div#software p {
color: #333;
}
/* INFO SECTION */
div#main div#welcome {
position: absolute; top: 40px; left: 90px; z-index: 9;
width: 600px; height: 230px;
margin: 0; padding: 5px 10px 10px 10px;
border: solid 1px #321;
color: #112; background: #CCD;
}
div#main div#welcome.thankyou {
height: 90px;
}
div#main div#welcome h2 {
position: absolute; top: -65px; left: -100px; z-index: 3;
padding: 6px 8px 8px 12px;
font-size: 28px; font-weight: normal; font-variant: small-caps;
color: #222;
letter-spacing: 6px;
background: #BAB;
border: solid 2px #445;
}
div#main div#welcome h3 {
font-size: 18px; font-variant: small-caps;
}
div#main div#welcome p {
font-size: 14px;
margin: 5px 20px 3px 15px;
text-align: justify;
}
div#main div#termsofuse {
position: absolute; top: 255px; left: 180px; z-index: 10;
width: 600px;
margin: 0; padding: 5px 10px 10px 10px;
font-size: 14px;
border: solid 1px #321;
color: #210; background: #A98;
}
div#main div#termsofuse h3 {
font-size: 18px; font-variant: small-caps;
margin: 5px 0 8px 0;
color: #211;
}
div#main div#termsofuse p {
font-size: 14px;
margin: 5px 20px 3px 15px;
text-align: justify;
}
/* LINKS SECTION */
div#main div#linklist {
position: absolute; top: 10px; left: 90px; z-index: 9;
width: 600px;
margin: 0; padding: 0 10px 10px 10px;
border: solid 1px #321;
color: #112; background: #666;
}
div#main div#linklist h2 {
position: relative; top: -25px; left: -60px; z-index: 10;
width: 150px;
font-size: 48px; font-variant: small-caps;
color: #CCC; background: transparent;
text-align: center;
border: solid 1px #FFF;
}
div#linklist div#blogs {
margin: -5px 5px 15px 5px; padding: 5px;
color: #112; background: #777;
border: solid 1px #001;
}
div#linklist div#blogs:hover {
color: #223; background: #878;
}
div#linklist div#music {
margin: 5px 5px 15px 5px; padding: 5px;
color: #112; background: #777;
border: solid 1px #001;
}
div#linklist div#music:hover {
color: #223; background: #778;
}
div#linklist div#poker {
margin: 5px 5px 15px 5px; padding: 5px;
color: #112; background: #777;
border: solid 1px #001;
}
div#linklist div#poker:hover {
color: #223; background: #787;
}
div#linklist div#pe {
margin: 5px 5px 15px 5px; padding: 5px;
color: #112; background: #777;
border: solid 1px #001;
display: none;
}
div#linklist div#pe:hover {
color: #223; background: #877;
}
div#main div#linklist h3 {
width: 120px;
font-size: 20px; font-variant: small-caps;
margin: -15px 0 5px -15px;
color: #212; background: transparent;
text-align: center;
border: solid 1px #000;
}
div#main div#linklist h3#pehead {
font-size: 14px;
}
div#main div#linklist ul {
list-style-type: none;
margin: 0 5px 5px 5px;
font-size: 13px; font-weight: bold;
}
div#main div#linklist ul#pelist {
font-size: 11px;
}
div#main div#linklist ul li {
float: left;
padding: 5px 2px;
}
div#main div#linklist ul li a {
margin: 2px; padding: 2px 4px;;
color: #CCD; background: #334;
border: solid 2px #001; border-top: solid 2px #223; border-left: solid 2px #223;
}
div#main div#linklist ul li a:link {
color: #CCD;
}
div#main div#linklist ul li a:visited {
color: #DAD;
}
div#main div#linklist ul li a:active {
color: #D66;
} 
div#main div#linklist ul li a:hover {
color: #224; background: #CCE;
}
div#main div#linklist ul li a span {
font-size: 11px; font-weight: normal;
}
/* FOOTER SECTION */
div#foot {
clear: both;
position: relative; top: 10px; left: 510px; z-index: 3;
width: 400px; height: 30px;
background: #211;
}
div#foot p {
padding: 8px 3px 2px 3px;
font-size: 11px; text-align: center;
color: #877;
}
div#foot div#valid {
position: relative; top: 0; left: 372px;
}
div#foot div#valid a#check {
width: 88px; height:23px;
}
/* NAV SECTION */
div#nav {
position: absolute; top: 35px; left: 480px; z-index: 9;
padding: 4px;
border: dotted 3px #C66;
}
div#nav:hover {
background: #ABA;
border: solid 3px #343;
}
div#nav ul {
list-style-type: none;
float: left;
margin: 10px 5px;
}
div#nav ul li {
float: left;
padding: 0 8px;
}
div#nav ul li a {
padding: 2px 8px;
font-size: 14px; font-weight: bold;
color: #EEE;
background: #111;
border: solid 2px #222; border-top: solid 2px #333; border-left: solid 2px #333;
}
div#nav ul li a.this {
color: #101;
background: #EEE;
border-color: #303;
}
div#nav ul li a:hover {
color: #001;
background: #DED;
border-color: #363;
}
/* GALNAV SECTION */
div#galnav {
position: absolute; top: 75px; left: 745px; z-index: 8;
padding: 4px;
border: dotted 3px #484;
}
div#galnav:hover {
z-index: 10;
background: #A99;
border: solid 3px #644;
}
div#galnav ul {
list-style-type: none;
margin: 5px;
}
div#galnav ul li {
padding: 8px 2px;
}
div#galnav ul li a {
padding: 2px 6px;
font-size: 13px; font-weight: normal;
color: #EEE;
background: #111;
border: solid 2px #222; border-top: solid 2px #333; border-left: solid 2px #333;
}
div#galnav ul li a.this {
color: #001;
background: #EEE;
border-color: #363;
}
div#galnav ul li a:hover {
color: #001;
background: #C66;
border-color: #303;
}
/* IE ALERT SECTION */
div#main div#iealert {
position: absolute; top: 40px; left: 210px; z-index: 99;
width: 460px;
padding: 10px;
color:#FF6; background: #111;
border: dashed 8px #FF0;
}
div#main div#iealert p {
margin: 8px 12px;
font-size: 13px; font-weight: normal; line-height: 18px;
}
div#main div#iealert p.warning {
font-size: 20px; font-weight: bold;
color: #F00;
}
div#main div#iealert p a:hover {
color: #F00;
text-decoration: underline;
}
div#main div#iealert.block {
display: none;
}
div#main div#iealert.show {
visibility: visible;
}
/* MISC */
div.clear {
height: 1px;
clear: both;
}