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


.boxgrid img { width: 200px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft :10px;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-topleft :10px;
-webkit-border-top-right-radius: 10px;
-webkit-border-top-left-radius: 10px; }



form.fan_form { border: 0px; background: #394952; border: 1px solid #63829C; }
form.fan_form select { width: 160px; border: 0px; padding-right: 10px; height: 20px; color: #fff; height: 20px; }
form.fan_form option { border: 0px; background: #394952; }




table.format { padding: 0px; margin-bottom: 20px; margin-top: 10px; }
td.design { width: 260px; }

ul.design_info li.special { background: url(images/cross.png) top left no-repeat; text-indent: 20px; line-height: 20px; }
ul.design_info li.special:hover { background: url(images/cross.png) top left no-repeat; }
ul.design_info li.special a { color: #000; }
ul.design_info li.special a:hover { color: #000; background: none; }
ul.design_info li ul li { margin-left: 10px; text-indent: 20px; background: url(images/cross_small.png) top left no-repeat; }


ul.design_dl li a { float: left; text-indent: 15px; margin-left: 16px; overflow: hidden; line-height: 28px; text-transform: uppercase; }


ul.design_dl li.preview a { background: url(images/design.png) top left no-repeat; }
ul.design_dl li.preview a:hover { background: url(images/design.png) bottom left no-repeat; }
ul.design_dl li.download a { background: url(images/download.png) top left no-repeat; margin-left: 20px; text-indent: 13px; }
ul.design_dl li.download a:hover { background: url(images/download.png) bottom left no-repeat; }


div.envelope { float: left;
margin: 9px 3px 15px 3px; }

div.envelope img { width: 120px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft :10px;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-topleft :10px;
-webkit-border-top-right-radius: 10px;
-webkit-border-top-left-radius: 10px; }

div.envelope img:hover { margin: 2px;
border: 3px solid #CF533E; }

div.envelope_again img { width: 160px;
margin: 7px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft :10px;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-topleft :10px;
-webkit-border-top-right-radius: 10px;
-webkit-border-top-left-radius: 10px; }

div.envelope_again img:hover { border: 3px solid #CF533E; }

div.envelope_avatar { float: left;
margin: 9px 0px 15px 0px; }

div.envelope_avatar img { width: 100px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft :10px;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-topleft :10px;
-webkit-border-top-right-radius: 10px;
-webkit-border-top-left-radius: 10px; }

div.envelope_avatar img:hover { margin: 2px;
border: 3px solid #CF533E; }



ul.vertical li { background: url(images/cross.png) top left no-repeat; float: left; text-indent: 20px; line-height: 20px; margin: 5px 0px 15px 0px; }
ul.vertical li ul li { background: url(images/paper.png) top left no-repeat; margin: 0px 0px 0px 30px; border-bottom: 1px solid #ccc; float: left; width: 240px; }
ul.vertical li ul li a { display: block; }
ul.vertical li ul li a:hover { background: url(images/paper.png) bottom left no-repeat; }
ul.vertical li ul { margin-top: 5px; overflow: hidden; }




form.searchform { overflow: hidden;
margin: 0px 0px 25px 0px; }

form.searchform input { color: #fff;
overflow: hidden;
height: 31px;
border: 0px; }

input.search_repeat { background: url(images/search.png) top left no-repeat;
width: 10px;
margin: 0px; }

input.input { background: url(images/search_repeat.png) top center repeat-x;
width: 120px;
font: 12px Verdana;
padding: 0px 9px 0px 0px;
margin: 0px; }

input.go { background: url(images/go.png) bottom right no-repeat;
width: 26px;
font-weight: bold;
text-align: left;
margin: 0px;
*padding-left: 10px;
*margin-top: 1px; }

input.go:hover { background: url(images/go.png) top right no-repeat;
cursor: pointer;
color: #fff; }



ul.fanfiction_hover li { overflow: hidden;
margin: 10px 0px 20px 0px; }

div.summary { width: 100%; }

ul.fan { float: left;
overflow: hidden;
width: 100%;
margin: 5px 0px 0px 4px; }

ul.fan li { float: left;
padding: 0px;
margin: 0px;
color: #666;
font: 90%/160% Verdana, Arial, Helvetica, sans-serif; }

div.fan_div { float: left;
width: 260px;
background: url(images/paper.png) top left no-repeat;
padding-left: 16px;
margin: 12px 0px 0px 20px; }

div.fan_div1 { float: left;
width: 180px;
background: url(images/update.png) bottom left no-repeat;
padding-left: 13px;
margin: 12px 0px 0px 0px; }




ul.alt_sites { float: right; margin: 17px 0px 0px 0px; width: 250px; }
ul.alt_sites a { height: 50px; width: 50px; display: block; float: left; margin: 10px; }

a.deviant { background: url(images/deviant.jpg) top center no-repeat; }
a.fanfiction { background: url(images/fanfiction.jpg) top center no-repeat; }
a.archives { background: url(images/archives.jpg) top center no-repeat; }
a.fanlisting { background: url(images/fanlisting.jpg) top center no-repeat; }

a#current { background: url(images/topnavhover.png) top center no-repeat; }
a#current:hover { background: url(images/topnav.png) top center no-repeat; }


ul.extra_head { float: right; }
ul.extra_head li { float: right; }
ul.extra_head li a { padding: 0px 5px 0px 5px;
font-size: 12px;
color: #fff;
font-weight: normal; }
ul.extra_head li a:hover { color: red; }


div.full_view a { float: right;
width: 92px;
height: 20px;
text-align: center;
margin-top: 10px;
background: url(images/button.jpg) top center no-repeat;
color: #fff; display: block; }
div.full_view a:hover { height: 20px; background: url(images/button.jpg) bottom center no-repeat; }



ul.navigate { float: right;
width: 110px;
height: 22px;
margin: 5px 50px 0px 0px;
background: url(images/topform.png) top center no-repeat; }

ul.navigate li a { float: left;
height: 22px;
display: block;
text-align: center; }

li.back a { width: 32px; background: url(images/arrow.png) top left no-repeat; }
li.back a:hover { width: 32px; background: url(images/arrow.png) bottom left no-repeat; }
li.forward a { width: 32px; background: url(images/arrow.png) top right no-repeat; }
li.forward a:hover { background: url(images/arrow.png) bottom right no-repeat; }
li.home a { width: 45px; background: url(images/home.png) top center no-repeat; }
li.home a:hover { background: url(images/home.png) bottom center no-repeat; }


ul.navig { float: right;
width: 110px;
height: 22px;
margin: 42px 50px 0px 0px;
background: url(images/bottomform.png) top center no-repeat; }

ul.navig li a { float: left;
height: 22px;
display: block;
margin: 1px 0px 0px 0px;
text-align: center; }



ul.upper_nav { margin: 0px 0px 0px 35px; }
ul.upper_nav li { height: 31px;
width: 135px;
line-height: 31px;
float: left;
background: url(images/topnav.png) top center no-repeat; }

ul.upper_nav a { color: #fff; display: block; }
ul.upper_nav a:hover { background: url(images/topnavhover.png) top center no-repeat; }

ul.extra_nav { background: url(images/divider.png) top center no-repeat;
margin: 10px 0px 10px 0px;
padding-top: 10px;
line-height: 32px;
width: 165px;
text-indent: 5px; }

ul.extra_nav a { color: #fff; display: block; }
ul.extra_nav a:hover { background: url(images/navhover.png) top center no-repeat; }


ul.extra_nav1 { background: none;
margin: 40px 0px 10px 0px;
padding-top: 10px;
line-height: 32px;
width: 165px;
text-indent: 5px; }

ul.extra_nav1 a { color: #fff; display: block; }
ul.extra_nav1 a:hover { background: url(images/navhover.png) top center no-repeat; }





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

a:visited { color: #9FA527; }
a:hover { color: #697D82; }

b { color: #49606E; }

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

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

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.repeat { width: 100%;
background: url(images/repeat.jpg) top center repeat-x;
min-height: 100%;
height: 100%; }

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

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

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

#div { float: right;
width: 200px;
text-align: left;
margin: 0px 24px 0px 0px; }

#div1 { float: left;
width: 550px;
text-align: left;
margin: 4px 0px 10px 67px; }

h1 { color: #fff;
text-transform: uppercase;
font: 13px Georgia, Arial, Helvetica, sans-serif;
height: 36px;
padding: 0px;
margin: 16px 0px 15px 0px;
line-height: 36px;
text-indent: 6px;
font-weight: bold; }

h2 { text-transform: uppercase;
overflow: hidden;
background: url(images/header.jpg) bottom left no-repeat;
text-indent: 15px;
margin: 30px 7px 7px 0px;
color: #000;
height: 15px;
padding-bottom: 7px;
font: 105%/160% Verdana, Arial, Helvetica, sans-serif;
font-weight: bold; }

h2 a { color: #A86014;
outline: none;
text-decoration: none;
text-transform: none; }
h2 a:visited { color: #9FA527; }
h2 a:hover { color: #697D82; }

h3 { text-transform: uppercase;
background: url(images/header.jpg) bottom left no-repeat;
text-indent: 15px;
margin: 5px 7px 7px 0px;
color: #000;
height: 15px;
padding-bottom: 7px;
font: 105%/160% Verdana, Arial, Helvetica, sans-serif;
font-weight: bold; }

h4 { text-transform: uppercase;
overflow: hidden;
width: 100%;
background: url(images/header.jpg) bottom left no-repeat;
text-indent: 15px;
margin: 40px 7px 5px 0px;
color: #000;
height: 15px;
padding-bottom: 7px;
font: 105%/160% Verdana, Arial, Helvetica, sans-serif;
font-weight: bold; }

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: #5A92AD;
padding: 4px 6px 4px 6px;
margin: 0px 5px 0px 5px; }

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

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

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

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

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

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

table.exchanges { width: 540px; }

table.exchanges td, th { text-indent: 5px;
padding-right: 10px;
line-height: 20px;
font-size: 10px;
text-align: left;
margin: 0px;
padding: 0px; }

table.exchanges td a { display: block; }
table.exchanges td a:hover { color: #000; }

table.exchanges td.first_link { text-indent: 30px; }
table.exchanges tr { background: url(images/hover.png) top center no-repeat; }
table.exchanges tr:hover { background: url(images/hover.png) bottom center no-repeat; }
table.exchanges tr.no_hover { background: none; }
table.exchanges tr.no_hover:hover { background: none; color: #000; }

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.footer { width: 100%;
float: left;
height: 107px;
background: url(images/footer.jpg) top center no-repeat; }

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

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