/* LINK STYLES */

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

a:visited {
color:#177d75;
font-weight: bold;
text-decoration:none;
}

a:hover, a:active, a:focus {
font-weight: bold;
text-decoration:none;
color:#FFF;
border-bottom: 1px dotted #922976;
}

#navigation a:link, #navigation a:visited, #fan-menu a:link, #fan-menu a:visited {
color:#922976;
font-weight: normal;
}


#navigation a:hover, #navigation a:active, #navigation a:focus, #fan-menu a:hover, #fan-menu a:active, #fan-menu a:focus   {
color:#e342b8;
text-decoration:none;
font-weight: normal;
border-bottom:0;
}

#navigation a#current, #fan-menu a#current {
color:#177d75;
font-weight: normal;
}

a img {
border:0;
}

 #skip a, #skip a:hover, #skip a:visited {
position:absolute;
left:0px;
top:-500px;
width:1px;
height:1px;
overflow:hidden;
}

#skip a:active, #skip a:focus {
position:static;
width:auto;
height:auto;
}

/* BODY STYLES */

* {
margin:0;
padding:0;
}

html, body {
background-color:#0a0a0a;
background-image: url('bg.gif');
background-repeat:repeat-x;
background-position: 0 223px;
}

body {
color:#FFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 62.5%;
text-align: center;
}

/* WRAPPER STYLES */
#wrapper {
text-align:center;
width:60%;
min-width:700px;
margin: 0 auto;
}

/* NAVIGATION STYLES */


#navigation  {
font-family: "Century Gothic", Arial, Helvetica, sans-serif;
font-size: 1.7em;
list-style:none;
text-align:center;
background-color:#252525;
border-top: 1px dotted #922976;
border-bottom: 1px dotted #922976;
padding: 0.5em 0;
}

#navigation li  {
display: inline;
padding-right: 4em;
}

#content, #footer {
margin-top:1.5em;
}

/* FANLISTING */

#fan-menu {
text-align:center;
margin:1.5em;
}

#fan-menu li  {
display: inline;
padding: 2em;
}

/* HEADER */

#header {
background-image: url('hexagram.jpg');
background-position: center;
background-repeat: no-repeat;
height:388px;

}

/* FOOTER */

#footer {
font-size: 1em;
text-align:center;
border-top: 1px dotted #922976;
}

#footer p {
padding:1em;
}

/* CONTENT */

#content {
text-align:left;
font-size: 1.2em;
margin-bottom: 2em;

}

p {
margin-bottom:1.9em;
margin-left:2em;
}

.site-button {
float:left;
}

.site-blurb {
float:left;
}

/* HEADING STYLES */

h1, h2, h3, h4, h5, h6 {
color:#21d3c4;
font-family: "Century Gothic", Arial, Helvetica, sans-serif;
font-size:2.1em;
margin-left:0.666em;
font-weight:normal;
text-transform:lowercase;
background-image: url('paint.jpg');
background-position: top left;
background-repeat: no-repeat;
height:60px;
padding:1.2em 0 0 2.3em;
}


/* LIST STYLES */

ul.link-list {
list-style:none; 
margin-left:2em;
}

#rules {
margin: 3.5em;
}

#rules li {
margin-bottom: 1em;
}

ul.show_sort_list {
list-style:none;
margin: 1em;
}

/* TABLE STYLES */

table {
margin: 1em;
}

td, th {
padding-right: 1em;
padding-bottom: 0.5em;
}

/* QUOTATIONS */

blockquote.mark{
background:url(quote.jpg) no-repeat;
background-position: top left;
background-repeat: no-repeat;
margin-left:4em;
}

.mark p {
margin: 0 9em 0 4.8em;
padding-top: 3em;
text-align:justify;
}

blockquote p {
margin: 0 9em;
text-align:justify;
padding-bottom:1.9em;
}

.question {
color:#194231;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
}


/* LANGUAGE */

.uppercase {
text-transform:uppercase;
}

.romaji {
font-style:italic;
}

abbr, acronym {
border: none;
}

acronym {speak : normal;}
abbr {speak : spell-out;}



/* FORM STYLES */

input, textarea, select {
background: #FFF;
border: 1px solid #853b7f; 
font-family:Arial, Helvetica, sans-serif;
font-size:0.833em;
color: #000; 
letter-spacing: .2em;
padding: 0 0.3em}


.center {
text-align:center;
}

.center input {
padding:0.2em;
text-align:center;
}

/* CODESORT STYLES */

.credit {
display:none;
}

.codesort ul {
margin:1em;
}

.codesort li {
display: inline;
padding-right: 0.5em;
}



/* IMAGE STYLES */

img {
border:0;
margin-right: 0.5em;
}

img.wallpaper {
padding:1em;
margin-left:2em;
border: 1px dotted #922976;
}

.resolution {
margin-left:2em;
list-style:none;
}

.resolution li {
padding:0.5em 1em ;
display:inline;
}

.clear {
clear:both;
}