/* basic elements */


* {margin:0;padding:0}

html {
	margin: 0;
	padding: 0;
	}

body { 
	background-color: #202525;
	background-image: url(site/hex1.gif);
	margin: 0; 
	padding: 0;
	}

p {
	font: .9em verdana, sans-serif;
	line-height: 1.5;
	color: #eeeeee;
	margin: 0;
	padding: 10px;
	}

blockquote {
	font: .9em verdana, sans-serif;
	line-height: 1.5;
	color: #eeeeee;
	margin: 0;
	padding: 10px;
	}

a:link	{
	font-weight: bold; 
	text-decoration: none; 
	color: #80e0e0;
	}

a:visited { 
	font-weight: bold; 
	text-decoration: none; 
	color: #99b0b0;
	}

a:hover {
	font-weight: bold; 
	text-decoration: none;
	color: #b5ffff;
	}

a:active{
	font-weight: bold; 
	text-decoration: none; 
	color: #d0ebeb;
	} 

a	{
	display: inline;
	}

a img {
	border: none;
	}

#text {
	position: relative;
	margin: auto;
	width: 500px;
	background-color: transparent;
	border: 1px;
	text-align: justify;
	}

/* NAVIGATION */


#page_frame {
	position: absolute;
	left: 50%;
	margin-left: -400px;
	top: 0px;
	background-color: transparent;
	height: 100px;
	width: 800px;
	}

/* DEFAULT TABS */

#art_tab {
	background-color: #99b0b0;
	background-image: url(site/artt.gif);
	height: 35px;
	width: 190px;
	}

#art_tab a:link, #art_tab a:visited, #art_tab a:active {
	display: block;
	height: 100%;
	}

#art_tab a:hover {
	display: block;
	background-color: #d0ebeb;
	background-image: url(site/artt_hi.gif);
	height: 100%;
	}

#comics_tab {
	position: absolute;
	top: 0px;
	left: 203px;
	background-color: #99b0b0;
	background-image: url(site/comicst.gif);
	height: 35px;
	width: 190px;
	}

#comics_tab a:link, #comics_tab a:visited, #comics_tab a:active {
	display: block;
	height: 100%;
	}

#comics_tab a:hover {
	display: block;
	background-color: #d0ebeb;
	background-image: url(site/comicst_hi.gif);
	height: 100%;
	}

#misc_tab {
	position: absolute;
	top: 0px;
	left: 407px;
	background-color: #99b0b0;
	background-image: url(site/misct.gif);
	height: 35px;
	width: 190px;
	}

#misc_tab a:link, #misc_tab a:visited, #misc_tab a:active {
	display: block;
	height: 100%;
	}

#misc_tab a:hover {
	display: block;
	background-color: #d0ebeb;
	background-image: url(site/misct_hi.gif);
	height: 100%;
	}

#about_tab {
	position: absolute;
	top: 0px;
	left: 610px;
	background-color: #99b0b0;
	background-image: url(site/aboutt.gif);
	height: 35px;
	width: 190px;
	}

#about_tab a:link, #about_tab a:visited, #about_tab a:active {
	display: block;
	height: 100%;
	}

#about_tab a:hover {
	display: block;
	background-color: #d0ebeb;
	background-image: url(site/aboutt_hi.gif);
	height: 100%;
	}


#art_select {
	background-color: #609090;
	background-image: url(site/artsel.gif);
	height: 58px;
	width: 190px;
	padding: 0px;
	margin: 0px;
	}

#comics_select {
	position: absolute;
	top: 0px;
	left: 203px;
	background-color: #609090;
	background-image: url(site/comicssel.gif);
	height: 58px;
	width: 190px;
	padding: 0px;
	margin: 0px;
	border: 0px;
	}

#misc_select {
	position: absolute;
	top: 0px;
	left: 407px;
	background-color: #609090;
	background-image: url(site/miscsel.gif);
	height: 58px;
	width: 190px;
	padding: 0px;
	margin: 0px;
	}

#about_select {
	position: absolute;
	top: 0px;
	left: 610px;
	background-color: #609090;
	background-image: url(site/aboutsel.gif);
	height: 58px;
	width: 190px;
	padding: 0px;
	margin: 0px;
	}

/* ART TABS */


#draw {
	position: absolute;
	top: 0px;
	width: 190px;
	height: 35px;
	background: #99b0b0;
	background-image: url(site/drawt.gif);
	}

#draw a:link, #draw a:visited, #draw a:active {
	display: block;
	height: 100%;
	}

#draw a:hover {
	display: block;
	background-color: #ee9933;
	height: 100%;
	background-image: url(site/drawt_hi.gif);
	}

#paint {
	position: absolute;
	top: 0px;
	left: 203px;
	width: 190px;
	height: 35px;
	background: #99b0b0;
	background-image: url(site/paintt.gif);
	}

#paint a:link, #paint a:visited, #paint a:active {
	display: block;
	height: 100%;
	}

#paint a:hover {
	display: block;
	background-color: #ee9933;
	height: 100%;
	background-image: url(site/paintt_hi.gif);
	}

#photo {
	position: absolute;
	top: 0px;
	left: 407px;
	width: 190px;
	height: 35px;
	background: #99b0b0;
	background-image: url(site/photot.gif);
	}

#photo a:link, #photo a:visited, #photo a:active {
	display: block;
	height: 100%;
	}

#photo a:hover {
	display: block;
	background-color: #ee9933;
	height: 100%;
	background-image: url(site/photot_hi.gif);
	}

#stuff {
	position: absolute;
	top: 0px;
	left: 610px;
	width: 190px;
	height: 35px;
	background: #99b0b0;
	background-image: url(site/stufft.gif);
	}

#stuff a:link, #stuff a:visited, #stuff a:active {
	display: block;
	height: 100%;
	}

#stuff a:hover {
	display: block;
	background-color: #ee9933;
	height: 100%;
	background-image: url(site/stufft_hi.gif);
	}

#draw_sel {
	position: absolute;
	top: 0px;
	width: 190px;
	height: 58px;
	background: #609090;
	background-image: url(site/drawsel.gif);
	}

#paint_sel {
	position: absolute;
	top: 0px;
	left: 203px;
	width: 190px;
	height: 58px;
	background: #609090;
	background-image: url(site/paintsel.gif);
	}

#photo_sel {
	position: absolute;
	top: 0px;
	left: 407px;
	width: 190px;
	height: 58px;
	background: #609090;
	background-image: url(site/photosel.gif);
	}

#stuff_sel {
	position: absolute;
	top: 0px;
	left: 610px;
	width: 190px;
	height: 58px;
	background: #609090;
	background-image: url(site/stuffsel.gif);
	}


/* COMIC TABS */

#jrn {
	position: absolute;
	top: 0px;
	width: 190px;
	height: 35px;
	background: #99b0b0;
	background-image: url(site/jrnt.gif);
	}

#jrn a:link, #jrn a:visited, #jrn a:active {
	display: block;
	height: 100%;
	}

#jrn a:hover {
	display: block;
	background-color: #ee9933;
	height: 100%;
	background-image: url(site/jrnt_hi.gif);
	}

#bnb {
	position: absolute;
	top: 0px;
	left: 203px;
	width: 190px;
	height: 35px;
	background: #99b0b0;
	background-image: url(site/bnbt.gif);
	}

#bnb a:link, #bnb a:visited, #bnb a:active {
	display: block;
	height: 100%;
	}

#bnb a:hover {
	display: block;
	background-color: #ee9933;
	height: 100%;
	background-image: url(site/bnbt_hi.gif);
	}


#htm {
	position: absolute;
	top: 0px;
	left: 407px;
	width: 190px;
	height: 35px;
	background: #99b0b0;
	background-image: url(site/htmt.gif);
	}

#htm a:link, #htm a:visited, #htm a:active {
	display: block;
	height: 100%;
	}

#htm a:hover {
	display: block;
	background-color: #ee9933;
	height: 100%;
	background-image: url(site/htmt_hi.gif);
	}

#enj {
	position: absolute;
	top: 0px;
	left: 610px;
	width: 190px;
	height: 35px;
	background: #99b0b0;
	background-image: url(site/enjt.gif);
	}

#enj a:link, #enj a:visited, #enj a:active {
	display: block;
	height: 100%;
	}

#enj a:hover {
	display: block;
	background-color: #ee9933;
	height: 100%;
	background-image: url(site/enjt_hi.gif);
	}

#jrn_sel {
	position: absolute;
	top: 0px;
	width: 190px;
	height: 58px;
	background: #609090;
	background-image: url(site/jrnsel.gif);
	}

#bnb_sel {
	position: absolute;
	top: 0px;
	left: 203px;
	width: 190px;
	height: 58px;
	background: #609090;
	background-image: url(site/bnbsel.gif);
	}

#htm_sel {
	position: absolute;
	top: 0px;
	left: 407px;
	width: 190px;
	height: 58px;
	background: #609090;
	background-image: url(site/htmsel.gif);
	}

#enj_sel {
	position: absolute;
	top: 0px;
	left: 610px;
	width: 190px;
	height: 58px;
	background: #609090;
	background-image: url(site/enjsel.gif);
	}


/* MISC AND ABOUT TABS */


#aboutA {
	position: absolute;
	top: 0px;
	width: 393px;
	height: 35px;
	background: #99b0b0;
	background-image: url(site/aboutst.gif);
	}

#aboutA a:link, #aboutA a:visited, #aboutA a:active {
	display: block;
	height: 100%;
	}

#aboutA a:hover {
	display: block;
	background-color: #ee9933;
	height: 100%;
	background-image: url(site/aboutst_hi.gif);
	}

#aboutB {
	position: absolute;
	top: 0px;
	left: 407px;
	width: 393px;
	height: 35px;
	background: #99b0b0;
	background-image: url(site/aboutmt.gif);
	}

#aboutB a:link, #aboutB a:visited, #aboutB a:active {
	display: block;
	height: 100%;
	}

#aboutB a:hover {
	display: block;
	background-color: #ee9933;
	height: 100%;
	background-image: url(site/aboutmt_hi.gif);
	}

#aboutAsel {
	position: absolute;
	top: 0px;
	width: 393px;
	height: 58px;
	background: #609090;
	background-image: url(site/aboutssel.gif);
	}

#aboutBsel {
	position: absolute;
	top: 0px;
	left: 407px;
	width: 393px;
	height: 58px;
	background: #609090;
	background-image: url(site/aboutmsel.gif);
	}











/* BOTTOM NAVIGATION & TABS */


#bottom_frame {
	position: absolute;
	top: 592px;
	left: 50%;
	margin-left: -400px;
	width: 800px;
	background: transparent;
	}

#art_bottom_frame {
	position: relative;
	top: 172px;
	left: 50%;
	margin-left: -400px;
	width: 800px;
	background: transparent;
	}

#subart {
	position: absolute;
	bottom: 0px;
	width: 190px;
	height: 35px;
	background: #99b0b0;
	background-image: url(site/artb.gif);
	}

#subart a:link, #subart a:visited, #subart a:active {
	display: block;
	height: 100%;
	}

#subart a:hover {
	display: block;
	background-color: #ee9933;
	background-image: url(site/artb_hi.gif);
	height: 100%;
	}

#subartsel {
	position: absolute;
	bottom: 0px;
	width: 190px;
	height: 35px;
	background: #609090;
	background-image: url(site/artb_sel.gif);
	}

#subartsel a:link, #subartsel a:visited, #subartsel a:active {
	display: block;
	height: 100%;
	}

#subartsel a:hover {
	display: block;
	background-color: #ee9933;
	background-image: url(site/artb_hi.gif);
	height: 100%;
	}


#subcom {
	position: absolute;
	bottom: 0px;
	left: 203px;
	width: 190px;
	height: 35px;
	background: #99b0b0;
	background-image: url(site/comicsb.gif);
	}

#subcom a:link, #subcom a:visited, #subcom a:active {
	display: block;
	height: 100%;
	}

#subcom a:hover {
	display: block;
	background-color: #ee9933;
	height: 100%;
	background-image: url(site/comicsb_hi.gif);
	}

#subcomsel {
	position: absolute;
	bottom: 0px;
	left: 203px;
	width: 190px;
	height: 35px;
	background: #609090;
	background-image: url(site/comicsb_sel.gif);
	}

#subcomsel a:link, #subcomsel a:visited, #subcomsel a:active {
	display: block;
	height: 100%;
	}

#subcomsel a:hover {
	display: block;
	background-color: #ee9933;
	height: 100%;
	background-image: url(site/comicsb_hi.gif;)
	}

#submisc {
	position: absolute;
	bottom: 0px;
	left: 407px;
	width: 190px;
	height: 35px;
	background: #99b0b0;
	background-image: url(site/miscb.gif);
	}

#submisc a:link, #submisc a:visited, #submisc a:active {
	display: block;
	height: 100%;
	}

#submisc a:hover {
	display: block;
	background-color: #ee9933;
	height: 100%;
	background-image: url(site/miscb_hi.gif);
	}

#submiscsel {
	position: absolute;
	bottom: 0px;
	left: 407px;
	width: 190px;
	height: 35px;
	background: #609090;
	background-image: url(site/miscb_sel.gif);
	}

#submiscsel a:link, #submiscsel a:visited, #submiscsel a:active {
	display: block;
	height: 100%;
	}

#submiscsel a:hover {
	display: block;
	background-color: #ee9933;
	height: 100%;
	background-image: url(site/miscb_hi.gif);
	}

#subabout {
	position: absolute;
	bottom: 0px;
	left: 610px;
	width: 190px;
	height: 35px;
	background: #99b0b0;
	background-image: url(site/aboutb.gif);
	}

#subabout a:link, #subabout a:visited, #subabout a:active {
	display: block;
	height: 100%;
	}

#subabout a:hover {
	display: block;
	background-color: #ee9933;
	height: 100%;
	background-image: url(site/aboutb_hi.gif);
	}

#subaboutsel {
	position: absolute;
	bottom: 0px;
	left: 610px;
	width: 190px;
	height: 35px;
	background: #609090;
	background-image: url(site/aboutb_sel.gif);
	}

#subaboutsel a:link, #subaboutsel a:visited, #subaboutsel a:active {
	display: block;
	height: 100%;
	}

#subaboutsel a:hover {
	display: block;
	background-color: #ee9933;
	height: 100%;
	background-image: url(site/aboutb_hi.gif);
	}


/* COLUMNS */


#col1 {
	position: absolute;
	top: 0px;
	background: #aa5000;
	background-image: url(site/draw.gif);
	height: 400px;
	width: 190px;
	}

#col1 a:link, #col1 a:visited, #col1 a:active {
	display: block;
	height: 100%;
	}

#col1 a:hover {
	display: block;
	background-color: #ee9933;
	background-image: url(site/drawhi.gif);
	height: 100%;
	}

#col2 {
	position: absolute;
	top: 0px;
	left: 203px;
	background-color: #803000;
	background-image: url(site/paint.gif);
	height: 400px;
	width: 190px;
	}

#col2 a:link, #col2 a:visited, #col2 a:active {
	display: block;
	height: 100%;
	}

#col2 a:hover {
	display: block;
	background-color: #ee9933;
	background-image: url(site/painthi.gif);
	height: 100%;
	}

#col3 {
	position: absolute;
	top: 0px;
	left: 407px;
	background-color: #aa5000;
	background-image: url(site/photo.gif);
	height: 400px;
	width: 190px;
	}

#col3 a:link, #col3 a:visited, #col3 a:active {
	display: block;
	height: 100%;
	}

#col3 a:hover {
	display: block;
	background-color: #ee9933;
	background-image: url(site/photohi.gif);
	height: 100%;
	}

#col4 {
	position: absolute;
	top: 0px;
	left: 610px;
	background-color: #803000;
	background-image: url(site/stuff.gif);
	height: 400px;
	width: 190px;
	}

#col4 a:link, #col4 a:visited, #col4 a:active {
	display: block;
	height: 100%;
	}

#col4 a:hover {
	display: block;
	background-color: #ee9933;
	background-image: url(site/stuffhi.gif);
	height: 100%;
	}

#about1 {
	background-color: #aa5000;
	background-image: url(site/abouts.gif);
	height: 400px;
	width: 393px;
	}

#about1 a:link, #about1 a:visited, #about1 a:active {
	display: block;
	height: 100%;
	}

#about1 a:hover {
	display: block;
	background-color: #ee9933;
	background-image: url(site/abouts_hi.gif);
	height: 100%;
	}

#about2 {
	position: absolute;
	top: 0px;
	left: 407px;
	background-color: #803000;
	background-image: url(site/aboutm.gif);
	height: 400px;
	width: 393px;
	}

#about2 a:link, #about2 a:visited, #about2 a:active {
	display: block;
	height: 100%;
	}

#about2 a:hover {
	display: block;
	background-color: #ee9933;
	background-image: url(site/aboutm_hi.gif);
	height: 100%;
	}


#misc1 {
	background-color: #aa5000;
	background-image: url(site/misc1.gif);
	height: 400px;
	width: 393px;
	}

#misc1 a:link, #misc1 a:visited, #misc1 a:active {
	display: block;
	height: 100%;
	}

#misc1 a:hover {
	display: block;
	background-color: #ee9933;
	background-image: url(site/misc1_hi.gif);
	height: 100%;
	}

#misc2 {
	position: absolute;
	top: 0px;
	left: 407px;
	background-color: #803000;
	background-image: url(site/misc2.gif);
	height: 400px;
	width: 393px;
	}

#misc2 a:link, #misc2 a:visited,  #misc2 a:active {
	display: block;
	height: 100%;
	}

#misc2 a:hover {
	display: block;
	background-color: #ee9933;
	background-image: url(site/misc2_hi.gif);
	height: 100%;
	}

/* COMIC COLUMNS */

#colj {
	position: absolute;
	top: 0px;
	background: #aa5000;
	background-image: url(site/jrnl.gif);
	height: 400px;
	width: 190px;
	}

#colj a:link, #colj a:visited, #colj a:active {
	display: block;
	height: 100%;
	}

#colj a:hover {
	display: block;
	background-color: #ee9933;
	background-image: url(site/jrnlhi.gif);
	height: 100%;
	}

#colt {
	position: absolute;
	top: 0px;
	left: 203px;
	background-color: #803000;
	background-image: url(site/bnb.gif);
	height: 400px;
	width: 190px;
	}

#colt a:link, #colt a:visited, #colt a:active {
	display: block;
	height: 100%;
	}

#colt a:hover {
	display: block;
	background-color: #ee9933;
	background-image: url(site/bnbhi.gif);
	height: 100%;
	}

#colh {
	position: absolute;
	top: 0px;
	left: 407px;
	background-color: #aa5000;
	background-image: url(site/htm.gif);
	height: 400px;
	width: 190px;
	}

#colh a:link, #colh a:visited, #colh a:active {
	display: block;
	height: 100%;
	}

#colh a:hover {
	display: block;
	background-color: #ee9933;
	background-image: url(site/htmhi.gif);
	height: 100%;
	}

#cole {
	position: absolute;
	top: 0px;
	left: 610px;
	background-color: #803000;
	background-image: url(site/enj.gif);
	height: 400px;
	width: 190px;
	}

#cole a:link, #cole a:visited, #cole a:active {
	display: block;
	height: 100%;
	}

#cole a:hover {
	display: block;
	background-color: #ee9933;
		background-image: url(site/enjhi.gif);
	height: 100%;
	}

/* ART AND TEXT CONTAINERs */

#landscape {
	position: relative;
	top: 75px;
	left: 50%;
	margin-left: -400px;
	width: 800px;
	background: #354043;
	text-align: center;
	}

#img_frame {
	padding-top: 25px;
	padding-bottom: 25px;
	}

#about {
	position: relative;
	top: 58px;
	left: 50%;
	margin-left: -400px;
	width: 800px;
	background: #354043;
	text-align: center;
	}

#comment {
	position: relative;
	top: 109px;
	left: 50%;
	margin-left: -400px;
	width: 800px;
	background: #354043;
	text-align: center;
	padding: 5px;
	}

#tbox {
	position: absolute;
	top: 106px;
	left: 50%;
	margin-left: -400px;
	width: 800px;
	height: 400px;
	background: #354043;
	}

.t1 {
	position: absolute; 
	top: 0px;
	width: 100px;
	height: 100px; 
	background: #586e6e;
	}

.t2 {
	position: absolute;
	top: 100px;
	width: 100px;
	height: 100px; 
	background: #405558;
	}

.t3 {
	position: absolute; 
	top: 200px;
	width: 100px;
	height: 100px; 
	background: #586e6e;
	}

.t4 {
	position: absolute;
	top: 300px;
	width: 100px;
	height: 100px; 
	background: #405558;
	}

.ta {
	position: absolute; 
	top: 0px;
	width: 100px;
	height: 100px; 
	background: #405558;
	}

.tb {
	position: absolute;
	top: 100px;
	width: 100px;
	height: 100px; 
	background: #586e6e;
	}

.tc {
	position: absolute; 
	top: 200px;
	width: 100px;
	height: 100px; 
	background: #405558;
	}

.td {
	position: absolute;
	top: 300px;
	width: 100px;
	height: 100px; 
	background: #586e6e;
	}

/* bracket divs */


.bt {
	position: absolute;
	top: 58px;
	width: 840px;
	left: 50%;
	margin-left: -420px;
	padding-top: 14px;
	padding-bottom: 14px;
	}

.bb {
	position: absolute;
	top: 510px;
	width: 840px;
	left: 50%;
	margin-left: -420px;
	padding-top: 14px;
	padding-bottom: 14px;
	}

.sbt {
	position: absolute;
	top: 45px;
	width: 840px;
	left: 50%;
	margin-left: -420px;
	}

.sbb {
	position: relative;
	top: 88px;
	width: 840px;
	left: 50%;
	margin-left: -420px;
	}

.pad {
	position: relative;
	top: 88px;
	height: 45px;
	width: 1px;
	}

.abb {
	position: relative;
	top: 105px;
	width: 840px;
	left: 50%;
	margin-left: -420px;
	}

.apad {
	position: relative;
	top: 122px;
	height: 45px;
	width: 1px;
	}

.bbt {
	position: relative;
	top: 95px;
	width: 840px;
	left: 50%;
	margin-left: -420px;
	}

.bbb {
	position: relative;
	top: 122px;
	width: 840px;
	left: 50%;
	margin-left: -420px;
	}


/* MISC */