BODY { margin: 0px;
color: #000;
font: 70%/160% Verdana, Arial, Helvetica, sans-serif;
background: url(images/content.jpg) top center repeat-y;
background-color: #007184;
text-align: center;
line-height: 17px; }



a.top { float: right;
margin-right: 10px;
width: 20px;
height: 20px;
display: block;
background: url(images/top.png) top right no-repeat; }

a.top:hover { background: url(images/top.png) bottom right no-repeat;
text-decoration: none; }



div.tabbed_area { height: 208px;
overflow: hidden; }

ul.tabs { float: left;
margin-left: 12px; }

ul.tabs li a { display: block;
height: 15px;
width: 15px;
margin: 15px 0px 0px 0px; }

ul.tabs a.home, ul.tabs li#home a.active:hover { background: url(images/home.png) top center no-repeat; }
ul.tabs a.fanfiction, ul.tabs li#fanfiction a.active:hover { background: url(images/fanfiction.png) top center no-repeat; }
ul.tabs a.design, ul.tabs li#design a.active:hover { background: url(images/design.png) top center no-repeat; }
ul.tabs a.graphics, ul.tabs li#graphics a.active:hover { background: url(images/graphic.png) top center no-repeat; }
ul.tabs a.resource, ul.tabs li#resource a.active:hover { background: url(images/resource.png) top center no-repeat; }
ul.tabs a.tutorial, ul.tabs li#tutorial a.active:hover { background: url(images/tutorial.png) top center no-repeat; }

ul.tabs li#home a:hover, ul.tabs li#home a.active { background: url(images/home.png) bottom center no-repeat; }
ul.tabs li#fanfiction a:hover, ul.tabs li#fanfiction a.active { background: url(images/fanfiction.png) bottom center no-repeat; }
ul.tabs li#design a:hover, ul.tabs li#design a.active { background: url(images/design.png) bottom center no-repeat; }
ul.tabs li#graphics a:hover, ul.tabs li#graphics a.active { background: url(images/graphic.png) bottom center no-repeat; }
ul.tabs li#resource a:hover, ul.tabs li#resource a.active { background: url(images/resource.png) bottom center no-repeat; }
ul.tabs li#tutorial a:hover, ul.tabs li#tutorial a.active { background: url(images/tutorial.png) bottom center no-repeat; }


.content { float: right; width: 210px; background: url(images/nav_content.png) top left no-repeat; }

.content ul { height: 208px;
padding: 12px 0px 0px 0px; }

.content ul li { margin: 0px;
padding: 0px; }

.content ul li a { color: #00DBFF;
height: 28px;
line-height: 28px;
text-indent: 15px;
width: 180px;
display: block;
font: 80%/160% Verdana, Arial, Helvetica;
text-transform: uppercase; }

.content ul li a:visited { color: #00DBFF; text-decoration: none; }
.content ul li a:hover { color: #fff; text-decoration: none; }



ul.extra_head { width: 100%; float: right; margin: 0px 0px 10px 0px; padding: 0px; border-right: 1px dashed #00DBFF; }
ul.extra_head li { float: right; border-left: 1px dashed #00DBFF; border-bottom: 1px dashed #00DBFF; width: 100px; }
ul.extra_head li a { display: block; height: 20px; line-height: 20px; padding: 0px 4px 1px 4px; text-align: center; }




table.format { border: 1px solid #A5C7CE;
background: url(images/backdrop.png) top left no-repeat;
padding: 0px;
margin-top: 15px;
width: 80%; }

table.format td { vertical-align: top;
padding: 0px 0px 6px 0px;
margin: 0px; }

table.format td img { margin-left: 15px; }

table.format td img:hover { border: 3px solid #ccc; }

table.format td.wall { border-top: 1px solid #A5C7CE; text-align: center; padding: 6px 0px 4px 0px; color: #A5C7CE; }

.boxgrid { height: 130px;
position: relative; }

.boxgrid img { position: absolute; 
top: 0; 
left: 0; }

.boxcaption { width: 148px; }

.boxcaption li a { position: absolute;
top: 55px;
color: #fff;
font: 80%/160% Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
text-transform: uppercase;
background: url(images/tipsback.png);
width: 74px;
height: 21px;
line-height: 21px;
text-align: center;
opacity: .5;
*filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
*-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; }

.boxcaption li.left a { left: 22px;
*left: 23px; }

.boxcaption li.right a { right: 25px; }

.boxcaption li.center a { top: 66px; left: 48px; }

.boxcaption li.right a { right: 25px; }

.boxcaption li a:hover { text-decoration: none;
opacity: 1;
*filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
*-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
color: #fff; }

.captionfull .boxcaption { top: 85;
right: 22; }

div.news_archives a { float: right;
width: 74px;
display: block;
margin: 0px 0px 1px 5px;
background: url(images/paper_black.png) top left no-repeat;
color: #000;
height: 24px;
line-height: 24px;
text-indent: 18px;
font-size: 10px; }

div.news_archives a:visited { color: #ccc; }
div.news_archives a:hover { color: #00DBFF; background: url(images/paper_black.png) bottom left no-repeat; text-decoration: none; }

div.extra_nav { background: url(images/nav.jpg) top center no-repeat;
width: 219px;
height: 200px;
float: left;
margin-top: 15px;
overflow: hidden; }

div.extra_nav img { margin-left: 25px;
border: 3px solid #ccc; }

div.extra_nav img:hover { border: 3px solid #00DBFF; }



ul.upper_nav { margin: 0px 0px 0px 120px;
padding: 0px;
float: left; }

ul.upper_nav li { float: left;
margin: 6px;
padding: 0px; }

ul.upper_nav li a { width: 11px;
height: 11px;
display: block; }

ul.upper_nav li.index a { background: url(images/index.png) top center no-repeat; }
ul.upper_nav li.tac a { background: url(images/tac.png) top center no-repeat; margin-top: 1px; }
ul.upper_nav li.contact a { background: url(images/contact.png) top center no-repeat; margin-top: 1px; }
ul.upper_nav li.sitemap a { background: url(images/sitemap.png) top center no-repeat; margin-top: 1px; }

ul.upper_nav li.index a:hover { background: url(images/index.png) bottom center no-repeat; }
ul.upper_nav li.tac a:hover { background: url(images/tac.png) bottom center no-repeat; }
ul.upper_nav li.contact a:hover { background: url(images/contact.png) bottom center no-repeat; }
ul.upper_nav li.sitemap a:hover { background: url(images/sitemap.png) bottom center no-repeat; }



ul.updates li a { width: 210px;
display: block;
margin: 0px 0px 1px 5px;
color: #fff;
background: url(images/paper.png) top left no-repeat;
height: 22px;
line-height: 22px;
text-indent: 18px;
font-size: 9px;
font-weight: normal;
text-transform: none; }

ul.updates li a:visited { color: #ccc; }
ul.updates li a:hover { color: #00DBFF; background: url(images/paper.png) bottom left no-repeat;  }



#tooltip { position: absolute;
z-index: 3000;
text-align: left;
background: url(images/tipsback.png);
margin: 0px;
padding: 8px 10px 8px 10px;
line-height: 14px;
width: 145px; }

#tooltip h3 { margin: 0px;
padding: 0px 0px 4px 0px;
text-indent: 0px;
font-size: 1.2em;
color: #9BFDFF;
border: 0px;
text-transform: none;
font-weight: bold;
letter-spacing: 0px; }

#tooltip div { color: #fff; }



a { color: #A86014;
outline: none;
text-decoration: none; }

a:visited { color: #9FA527; }
a:hover { color: #697D82;
text-decoration: underline; }

b { color: #49606E; }

p { margin: 9px 0px 9px 0px; }

img { margin: 2px; border: 3px solid #ccc; }

img:hover { border: 3px solid #00DBFF; }

code { width: 470px;
background: #E5E5E5;
padding: 8px;
margin: 15px;
float: left;
font: 90%/160% Verdana, Arial, Helvetica, sans-serif; }

blockquote { width: 466px;
background: #E5E5E5;
padding: 0px 10px 0px 10px;
margin: 15px;
float: left;
font: 90%/160% Verdana, Arial, Helvetica, sans-serif; }

input, select, textarea { width: 270px; margin: 4px 0px 4px 0px; }

textarea { height: 100px; }
textarea.fanblocks { height: 450px; }

.wysiwygmenu { display: block; }
.wysiwygmenu a { padding: 1px; }

ol li { list-style: numeral;
line-height: 20px; }

ul { margin: 0px;
padding: 0px;
list-style-type: none; }

li { margin: 0px;
padding: 0px; }

td { font: 68%/160% Verdana, Arial, Helvetica, sans-serif; }

div.cont { margin: auto;
background: url(images/content.jpg) top right repeat-y;
width: 901px; }

div.bg { background: url(images/h.jpg) top center no-repeat;
height: 120px; }

div.bg1 { background: url(images/h1.jpg) top center no-repeat;
height: 255px; }

#div { float: right;
width: 244px;
text-align: left;
margin: 20px 60px 0px 0px; }

#div1 { float: left;
width: 514px;
text-align: left;
margin: 0px 0px 10px 65px;
overflow: hidden; }

h1 { color: #00DBFF;
text-transform: uppercase;
border-bottom: 1px dashed #00DBFF;
font: 13px Georgia, Arial, Helvetica, sans-serif;
font-style: italic;
height: 25px;
margin: 22px 0px 5px 0px;
padding: 0px 2px 0px 2px;
line-height: 25px;
text-indent: 6px;
font-weight: bold; }

h2 { text-transform: uppercase;
text-indent: 40px;
margin: 20px 7px 7px 0px;
color: #00DBFF;
 height: 15px;
font: 110%/160% Verdana, Arial, Helvetica, sans-serif; }

h2.home { background: url(images/home.png) top right no-repeat; }
h2.design { background: url(images/design.png) top right no-repeat; }
h2.fanfiction { background: url(images/fanfiction.png) top right no-repeat; }
h2.graphic { background: url(images/graphic.png) top right no-repeat; }
h2.resource { background: url(images/resource.png) top right no-repeat; }
h2.tutorial { background: url(images/tutorial.png) top right no-repeat; }

h3 { border-bottom: 1px solid #00DBFF;
text-indent: 12px;
text-transform: uppercase;
padding: 5px;
font-weight: normal;
letter-spacing: 2px;
color: #697D82;
font: 100%/160% Verdana, Arial, Helvetica, sans-serif; }

h3 a:hover { color: #000; cursor: pointer; text-decoration: none; }

h4 { border-bottom: 1px solid #A5C7CE;
text-transform: uppercase;
padding: 5px;
margin: 0px 0px 3px 0px;
font-weight: normal;
letter-spacing: 2px;
font: 100%/160% Verdana, Arial, Helvetica, sans-serif;
text-align: center; }

h4 a { color: #000; }
h4 a:visited { color: #000; }
h4 a:hover { color: #000; text-decoration: none; }

ul.series { text-align: right;
margin: 20px 15px 0px 0px; }

ul.series li { display: inline;
color: #ccc;
font-weight: bold;
line-height: 20px;
height: 20px; }

ul.series li a { color: #fff;
background: #00DBFF;
padding: 4px 6px 4px 6px;
margin: 0px 5px 0px 5px; }

ul.series a:visited { color: #fff; }
ul.series a:hover { color: #fff;
background: #00767F;
text-decoration: none; }

ul.alphabet { text-align: right;
margin: 10px 0px 10px 5px;
overflow: hidden; }

ul.alphabet li { display: inline;
color: #ccc;
font-weight: bold; }

ul.alphabet li.no_highlight { background: #00767F;
color: #A8A8A8;
text-align: center;
float: left;
width: 16px;
height: 16px;
margin: 0px 0px 0px 3px; }

ul.alphabet li a { color: #fff;
background: #00767F;
text-align: center;
display: block;
float: left;
width: 16px;
height: 16px;
margin: 0px 0px 0px 3px; }

ul.alphabet a:hover { color: #fff;
background: #00454A;
text-decoration: none; }

table.exchanges td, th { border: 1px solid #185D63;
line-height: 20px;
height: 20px;
padding: 0px 5px 0px 5px;
font-size: 10px;
text-align: center; }

table.exchanges td a, th a { display: block; }

div.frame a { color: #ccc;
text-decoration: underline; }

div.frame a:hover { color: #fff;
text-decoration: underline; }

div.frame b { color: #fff; }

div.frame { background: url(images/frameimage.jpg) top right no-repeat;
background-color: #291C00;
font: 80%/160% Verdana, Arial, Helvetica, sans-serif;
text-align: left;
line-height: 15px;
margin: 0px;
padding: 0px 0px 0px 20px;
color: #ccc; }

div.chapter { text-align: left; padding: 4px; color: #fff; overflow: hidden; }

p.chapter_adjust { text-align: right; }

p.chapter_adjust a { margin: 5px 10px 5px 115px;
float: right;
background: url(images/paper.png) bottom left no-repeat;
height: 22px;
line-height: 22px;
width: 72px;
font-size: 10px;
text-transform: uppercase;
color: #25D2DB; }

p.chapter_adjust a:visited { color: #ccc; }
p.chapter_adjust a:hover { color: #fff; background: url(images/paper.png) top left no-repeat; text-decoration: none; }

ul.fanfiction_hover li { padding: 0px 5px 5px 5px; }
ul.fanfiction_hover li:hover { background: #E5E5E5; }

div.fan { color: #666;
font: 90%/160% Verdana, Arial, Helvetica, sans-serif; }

table.profile td { background: #20B7C1;
color: #fff;
padding: 2px 5px 2px 5px; }

table.profile td a { color: #ccc; display: block; }
table.profile td a:visited { color: #ccc; }
table.profile td a:hover { color: #fff; text-decoration: none; }

table.profile td.bold { background: #186D73;
color: #fff;
text-align: right; }

div.footer { width: 100%;
float: left;
height: 200px;
background: url(images/footer.jpg) top center no-repeat; }

div.margin { width: 750px;
text-align: left;
color: #DEE7C6;
margin: 0px auto;
margin-top: 20px;
line-height: 14px;
font-size: 10px; }

div.margin a { color: #00DBFF; margin: 0px 5px 0px 5px; font-weight: bold; text-transform: uppercase;}
div.margin a:visited { color: #fff; }
div.margin a:hover { color: #fff; text-decoration: underline; }