/* LINK STYLES */

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

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

a:hover, a:active, a:focus {
font-weight: bold;
text-decoration:none;
color:#a7209b;
}

#navigation a:link, #navigation a:visited, #top-nav a:link, #top-nav a:visited {
color:#63275e;
}

#navigation a:hover, #navigation a:active, #navigation a:focus, #top-nav a:hover, #top-nav a:active, #top-nav a:focus  {
color:#8c1780;
text-decoration:none;
}

#navigation a#current, #top-nav a#current {
color:#a40796;
}

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 {
background-color:#897dad;
}

body {
background-image: url('bar.gif');
background-repeat:repeat-x;
background-position: 0 104px;
background-color:#897dad;
color:#FFFFFF;
font-family:arial,verdana,"default san-serif";
font-size: 62.5%;
text-align: center;
}

/* WRAPPER STYLES */

#wrapper {
margin: 0 auto;
text-align:left;
width:750px;
}

/* NAVIGATION STYLES */


#navigation {
background-image: url('2.jpg');
background-repeat: no-repeat;
background-position: top left;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size: 1.5em;
font-weight:bold;
height:100%;
list-style:none;
padding-top: 80px;
width:276px;
}

#navigation li {
margin-bottom:1em;
padding-left:100px;
}

#navigation, #content {
margin-bottom:1.5em;
}

ul#top-nav, #top-nav li {
list-style:none;
display:inline;
}

#top-nav {
position:absolute;
right:260px;
top:85px;
}

#top-nav li {
padding:1em;
}

/* HEADER */

#header {
background-image: url('1.jpg');
background-repeat: no-repeat;
background-position: top left;
height:201px;
}

/* FOOTER */

#footer {
clear: both;
border-top:1px solid #853b7f;
font-size: 1em;
text-align:center;
padding-bottom:1em;
width: 100%;
}

#footer p {
margin:1em;
}

/* CONTENT */

#content {
float:right;
font-size: 1.2em;
width: 470px;
}

p {
margin:1em;
margin-bottom:1.9em;
margin-top:1em;

}

/* ADITIONAL DIV STYLES */

#fanstats {
font-size: 0.85em;
}

#hidden {
left: -9000px;
position: absolute;
top: 0;
}

/* HEADING STYLES */

h1, h2, h3, h4, h5, h6 {
color:#853b7f;
}

h1 {
font-size:1.5em;
margin:0.555em
}  

h2, h3 {
font-size:1.25em;
margin:0.666em;
}

h4, h5, h6 {
font-size:1em;
margin:0.833em;
}
/* LIST STYLES */

#rules {
margin: 3.5em;
}

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

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

/* QUOTATIONS */

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

blockquote p {
padding: 0 2em;
text-align:justify;
}

/* LANGUAGE */

.uppercase {
text-transform:uppercase;
}

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: 0.5em;
}