body                     { text-align:center; background-color: #000000; margin: 0px; }
body.scrollspace         { text-align:center; background-color: #000000; margin: 0px 0px 0px 60px; padding: 0px; }
body.down                { text-align:left; text-decoration: none; color: #586778; font: bold 11px arial,sans-serif; line-height: 15px; margin: 0px 0px 10px 0px; background-color: #000000; margin: 15px 0px 0px 60px; }
body.hwr01               { background-color: #000000; margin: 0px; padding: 0px; font: 10px arial,sans-serif; line-height: 12px; color: #7EB2C8; background-image: url("../images/port/hwr01b.jpg"); background-repeat: no-repeat; } 
body.hwr02               { background-color: #000000; margin: 0px; padding: 0px; font: 10px arial,sans-serif; line-height: 12px; color: #8692B7; background-image: url("../images/port/hwr02b.jpg"); background-repeat: no-repeat; }
body.nep                 { background-color: #000000; margin: 0px; padding: 0px; font: 10px arial,sans-serif; line-height: 12px; color: #368174; background-image: url("../images/port/nepb.jpg"); background-repeat: no-repeat; }
body.quij                { background-color: #000000; margin: 0px; padding: 0px; font: 10px arial,sans-serif; line-height: 12px; color: #0F578D; background-image: url("../images/port/quijb.jpg"); background-repeat: no-repeat; }
body.shadow              { background-color: #000000; margin: 0px; padding: 0px; font: 10px arial,sans-serif; line-height: 12px; color: #F8E3A8; background-image: url("../images/port/shadowb.jpg"); background-repeat: no-repeat; }
body.ramskull            { background-color: #000000; margin: 0px; padding: 0px; font: 10px arial,sans-serif; line-height: 12px; color: #CFBCB7; background-image: url("../images/port/ramskull.jpg"); background-repeat: no-repeat; }
body.tedlogo             { background-color: #000000; margin: 0px; padding: 0px; font: 10px arial,sans-serif; line-height: 12px; color: #825A37; background-image: url("../images/port/joinus.jpg"); background-repeat: no-repeat; }
body.trchnvid            { background-color: #000000; margin: 0px; padding: 0px; font: 10px arial,sans-serif; line-height: 12px; color: #809844; background-image: url("../images/port/trchcovr.jpg"); background-repeat: no-repeat; }
body.endo                { background-color: #FFFFFF; margin: 0px; padding: 0px; font: 10px arial,sans-serif; line-height: 12px; color: #9DA1BA; background-image: url("../images/port/endob.jpg"); background-repeat: no-repeat; }
body.warcrft1            { background-color: #FFFFFF; margin: 0px; padding: 0px; font: 10px arial,sans-serif; line-height: 12px; color: #333333; background-image: url("../images/port/wrcrft1b.jpg"); background-repeat: no-repeat; }
body.warcrft2            { background-color: #FFFFFF; margin: 0px; padding: 0px; font: 10px arial,sans-serif; line-height: 12px; color: #ababab; background-image: url("../images/port/wrcrft2b.jpg"); background-repeat: no-repeat; }
body.warcrft3            { background-color: #FFFFFF; margin: 0px; padding: 0px; font: 10px arial,sans-serif; line-height: 12px; color: #ababab; background-image: url("../images/port/wrcrft3b.jpg"); background-repeat: no-repeat; }
body.d20mod              { background-color: #FFFFFF; margin: 0px; padding: 0px; font: 10px arial,sans-serif; line-height: 12px; color: #66A8B2; background-image: url("../images/port/d20modb.jpg"); background-repeat: no-repeat; }
body.d20nsss             { background-color: #000000; margin: 0px; padding: 0px; font: 10px arial,sans-serif; line-height: 12px; color: #445655; background-image: url("../images/port/d20nsssb.jpg"); background-repeat: no-repeat; }

h1                       { text-align:center; font: bold 8pt arial,sans-serif; color: #889EB4; line-height: 10px; margin: 0px 10px 6px 14px; background-color: #202020; border:1px solid #404F5E; }
h2                       { text-align:center; font: bold 8pt arial,sans-serif; color: #93ABBE; line-height: 10px; margin: 0px 0px 0px 0px; background-color: #000000; border-color: #1D2329 #1D2329 #7D8997 #7D8997; border-style: solid; border-width: 1px; }
h3                       { text-align:center; font: bold 8pt arial,sans-serif; color: #889EB4; line-height: 10px; margin-bottom: 8px; background-color: #202020; border:1px solid #404F5E;}
h4                       { font: bold 8pt arial,sans-serif; color: #586778; line-height: 11px;}

ul.progress              { list-style-type: disc; font: 10px arial,sans-serif; color: #808080;  margin: 0px 0px 5px 20px; padding: 0px 11px 10px 14px; line-height: 15px; }

img.title                { margin: 10px 0px 0px 2px; padding: 0px; }
img.badge                { margin: 1px 2px 1px 10px; border:0px; }

img.temp                 { margin: 3px 3px 3px 3px; padding: 1px; }

img.books                { margin: 10px 10px 5px 0px; float:left; } 
img.portfolio            { margin: 5px 8px 0px 0px; float:left; } 
img.tedbadge             { margin: 0px 10px 0px 0px; }
img.line                 { margin: 4px 0px 0px 50px; padding: 0px; }
img.linkskull            { margin: 0px 0px 0px 0px; padding: 0px; }

a.nav:link               { text-decoration: none; color: #889EB4; font: 10px arial,sans-serif; line-height: 12px; margin: 0px; }
a.nav:active             { text-decoration: none; color: #889EB4; font: 10px arial,sans-serif; line-height: 12px; margin: 0px; }
a.nav:visited            { text-decoration: none; color: #889EB4; font: 10px arial,sans-serif; line-height: 12px; margin: 0px; }
a.nav:hover              { text-decoration: none; color: #889EB4; font: 10px arial,sans-serif; line-height: 12px; margin: 0px; }

a.resume:link            { text-decoration: none; color: #586778; }
a.resume:active          { text-decoration: none; color: #586778; }
a.resume:visited         { text-decoration: none; color: #586778; }
a.resume:hover           { text-decoration: none; color: #FFFFFF; }

a.booktitle:link         { text-decoration: none; color: #586778; font: bold 9px verdana,sans-serif; line-height: 30px; margin: 0px 0px 0px 0px; background-color: #000000; border-color: #161616 #161616 #2F3132 #2F3132; border-style: solid; border-width: 1px; }
a.booktitle:active       { text-decoration: none; color: #586778; font: bold 9px verdana,sans-serif; line-height: 30px; margin: 0px 0px 0px 0px; background-color: #000000; border-color: #161616 #161616 #2F3132 #2F3132; border-style: solid; border-width: 1px; }
a.booktitle:visited      { text-decoration: none; color: #586778; font: bold 9px verdana,sans-serif; line-height: 30px; margin: 0px 0px 0px 0px; background-color: #000000; border-color: #161616 #161616 #2F3132 #2F3132; border-style: solid; border-width: 1px; }
a.booktitle:hover        { text-decoration: none; color: #889EB4; font: bold 9px verdana,sans-serif; line-height: 30px; margin: 0px 0px 0px 0px; background-color: #202020; border-color: #161616 #161616 #2F3132 #2F3132; border-style: solid; border-width: 1px; }
                                                         
a.booktext:link          { text-decoration: none; font: 10px arial,sans-serif; color: #808080;  margin: 0px 0px 10px 0px; padding: 0px; line-height: 12px; }
a.booktext:active        { text-decoration: none; font: 10px arial,sans-serif; color: #808080;  margin: 0px 0px 10px 0px; padding: 0px; line-height: 12px; }
a.booktext:visited       { text-decoration: none; font: 10px arial,sans-serif; color: #808080;  margin: 0px 0px 10px 0px; padding: 0px; line-height: 12px; }
a.booktext:hover         { text-decoration: none; font: 10px arial,sans-serif; color: #889EB4;  margin: 0px 0px 10px 0px; padding: 0px; line-height: 12px; }

a.main:link              { text-decoration: none; color: #BDD4DB; font: 10px arial,sans-serif; line-height: 12px; margin-bottom: 4px; }
a.main:active            { text-decoration: none; color: #BDD4DB; font: 10px arial,sans-serif; line-height: 12px; margin-bottom: 4px; }
a.main:visited           { text-decoration: none; color: #BDD4DB; font: 10px arial,sans-serif; line-height: 12px; margin-bottom: 4px; }
a.main:hover             { text-decoration: none; color: #FFFFFF; font: 10px arial,sans-serif; line-height: 12px; margin-bottom: 4px; background-color: #586778; }

a.menuhere:link          { text-decoration: none; color: #586778; font: 8pt arial,sans-serif; line-height: 10px; margin: 0px; }
a.menuhere:active        { text-decoration: none; color: #586778; font: 8pt arial,sans-serif; line-height: 10px; margin: 0px; }
a.menuhere:visited       { text-decoration: none; color: #586778; font: 8pt arial,sans-serif; line-height: 10px; margin: 0px; }
a.menuhere:hover         { text-decoration: none; color: #586778; font: 8pt arial,sans-serif; line-height: 10px; margin: 0px; }

a.badge:link             { text-decoration: none; color: #808080; font: 7pt arial,sans-serif; line-height: 15px; margin-bottom: 4px; }
a.badge:active           { text-decoration: none; color: #808080; font: 7pt arial,sans-serif; line-height: 15px; margin-bottom: 4px; }
a.badge:visited          { text-decoration: none; color: #808080; font: 7pt arial,sans-serif; line-height: 15px; margin-bottom: 4px; }
a.badge:hover            { text-decoration: underline; color: #889EB4; font: 7pt arial,sans-serif; line-height: 15px; margin-bottom: 4px; }

a.title:link             { text-decoration: none; color: #586778; margin: 0px; padding: 0px; }
a.title:active           { text-decoration: none; color: #586778; margin: 0px; padding: 0px; }
a.title:visited          { text-decoration: none; color: #586778; margin: 0px; padding: 0px; }
a.title:hover            { text-decoration: none; color: #889EB4; margin: 0px; padding: 0px; background-color: #202020; }

a.tedbadge:link          { text-decoration: none; color: #586778; font: bold 11px arial,sans-serif; line-height: 15px; margin-bottom: 4px; }
a.tedbadge:active        { text-decoration: none; color: #586778; font: bold 11px arial,sans-serif; line-height: 15px; margin-bottom: 4px; }
a.tedbadge:visited       { text-decoration: none; color: #586778; font: bold 11px arial,sans-serif; line-height: 15px; margin-bottom: 4px; }
a.tedbadge:hover         { text-decoration: none; color: #889EB4; font: bold 11px arial,sans-serif; line-height: 15px; margin-bottom: 4px; }

a.broke:link             { text-decoration: none; color: #586778; font: 7pt arial,sans-serif; line-height: 15px; margin-bottom: 4px; }
a.broke:active           { text-decoration: none; color: #586778; font: 7pt arial,sans-serif; line-height: 15px; margin-bottom: 4px; }
a.broke:visited          { text-decoration: none; color: #586778; font: 7pt arial,sans-serif; line-height: 15px; margin-bottom: 4px; }
a.broke:hover            { text-decoration: none; color: #889EB4; font: 7pt arial,sans-serif; line-height: 15px; margin-bottom: 4px; background-color: #202020; }

a.links:link             { text-decoration: none; color: #808080; font: 10px arial,sans-serif; line-height: 15px; margin: 0px; }
a.links:active           { text-decoration: none; color: #808080; font: 10px arial,sans-serif; line-height: 15px; margin: 0px; }
a.links:visited          { text-decoration: none; color: #808080; font: 10px arial,sans-serif; line-height: 15px; margin: 0px; }
a.links:hover            { text-decoration: underline; color: #889EB4; font: 10px arial,sans-serif; line-height: 15px; margin: 0px; background-color: #202020; }

a.subtle:link            { text-decoration: none; color: #808080; font: 10px arial,sans-serif; line-height: 15px; margin: 0px; }
a.subtle:active          { text-decoration: none; color: #808080; font: 10px arial,sans-serif; line-height: 15px; margin: 0px; }
a.subtle:visited         { text-decoration: none; color: #808080; font: 10px arial,sans-serif; line-height: 15px; margin: 0px; }
a.subtle:hover           { text-decoration: none; color: #889EB4; font: 10px arial,sans-serif; line-height: 15px; margin: 0px; }

a.totop:link             { text-decoration: none; color: #586778; font: 10px arial,sans-serif; line-height: 15px; margin: 0px; }
a.totop:active           { text-decoration: none; color: #586778; font: 10px arial,sans-serif; line-height: 15px; margin: 0px; }
a.totop:visited          { text-decoration: none; color: #586778; font: 10px arial,sans-serif; line-height: 15px; margin: 0px; }
a.totop:hover            { text-decoration: none; color: #889EB4; font: 10px arial,sans-serif; line-height: 15px; margin: 0px; }

a.x:link                 { text-decoration: none; color: #808080; font: 10px arial,sans-serif; line-height: 12px; margin: 0px; }
a.x:active               { text-decoration: none; color: #808080; font: 10px arial,sans-serif; line-height: 12px; margin: 0px; }
a.x:visited              { text-decoration: none; color: #808080; font: 10px arial,sans-serif; line-height: 12px; margin: 0px; }
a.x:hover                { text-decoration: line-through; color: #808080; font: 10px arial,sans-serif; line-height: 12px; margin: 0px; }

span.totop               { margin: 0px 0px 0px 150px; padding: 0px;}
span.plus                { font: bold 12px arial,sans-serif; color: #404040;  margin: 0px 0px 0px 5px; }
span.plus2               { font: bold 12px arial,sans-serif; color: #404040;  margin: 0px 0px 0px 70px; }
span.nav                 { font: 10px arial,sans-serif; color: #889EB4;  margin: 0px 0px 0px 0px; padding: 0px; }
span.date                { font: 10px arial,sans-serif; letter-spacing: 1px; color: #889EB4;  margin: 0px; padding-left: 2px; }
span.descrip             { text-decoration: none; color: #586778; font: 7pt arial,sans-serif; letter-spacing: 3px; line-height: 15px; margin: 0px 0px 0px 80px; padding: 0px; }
span.resume              { font: bold 8pt arial,sans-serif; color: #808080; line-height: 10px; letter-spacing: 1pt; }
span.search              { font: bold 10px verdana,sans-serif; color: #586778; line-height: 10px; letter-spacing: 1pt; margin: 0px 0px 0px 10px; }
span.portppup            { position: absolute; bottom: 5px; right: 10px; }

p                        { font: 10px arial,sans-serif; color: #808080;  margin: 5px; padding: 0px 0px 0px 0px; line-height: 12px; }
p.update                 { font: 10px arial,sans-serif; color: #808080;  margin: 0px 0px 10px 0px; padding: 0px 11px 0px 14px; line-height: 12px; }
p.columns                { font: bold 11px arial,sans-serif; color: #586778; margin: 5px 0px 0px 0px; padding: 5px 0px 0px 5px; }
p.bottom                 { text-align: right; margin: 50px 0px 0px 0px; padding: 0px; }

.menulines               { border:1px solid #000000; font: 8pt arial,sans-serif; color: #808080; line-height: 10px; }

.menulines a             { text-decoration:none; color: #808080; font: 8pt arial,sans-serif; color: #808080; line-height: 10px; }

table.books              { width: 310px; margin: 20px 0px 20px 12px; padding: 0px; }
table.books2             { width: 310px; margin: 20px 0px 20px 12px; padding: 0px; }
table.header             { width: 700px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
table.links              { width: 600px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
table.resume             { width: 600px; margin: 0px 0px 0px 45px; padding: 0px 0px 0px 0px; }
table.gundam             { width: 250px; margin: 0px 5px 0px 0px; padding: 0px 0px 0px 0px; }
table.temp               { width: 250px; margin: 0px 15px 0px 0px; padding: 0px 0px 0px 0px; }
td.bottomcell            { text-align:right; margin: 0px 0px 0px 0px; padding: 0px 150px 0px 0px; }
td.search                { padding: 2px 0px 0px 0px; }

  	#frame              { width: 700px; margin-right: auto; margin-left:auto; margin-top: 0px; padding: 0px 0px 0px 0px; text-align: left; }

    #contentheader      { width: 700px;	padding: 0px; margin: 0px;}

	#clock              { font: 10px arial,sans-serif; color: #889EB4;  margin: 0px; padding: 0px; text-decoration: none; line-height: 12px; margin: 0px; text-align: right; }

	#contentleft        { width: 160px; padding: 5px 5px 5px 5px; float:left; margin: 2px; font: 10px arial,sans-serif; color: #808080; }
	
	#contentcenter      { width: 336px; margin: 0px; padding: 0px; float:left; }

	#contentright       { width: 140px; padding: 5px 5px 5px 5px; float:left; margin: 2px 2px 2px 30px; font: 10px arial,sans-serif; color: #808080; }