/* 
---------------------
BASICS
---------------------
*/
* {
margin: 0;
padding: 0;
}
body {
background: #fff url("images/background.png") repeat;
}
#header {
width: 546px;
height: 287px;
}
#side1 {
float: left;
}
#side2 {
float: right;
}
img {
border-style: none;
}
#content {
width: 400px;
text-align: justify;
margin: -60px 210px;
font: .7em Verdana, Arial, Tahoma, Sans-Serif;
line-height: 20px;
color: #919493;
}
#footer {
font: 11px "garamond", lucida bright;
text-transform: lowercase;
text-align: center;
color: #929292;
border-top: 1px dashed #f8b6c0;
padding: 10px 0 10px 0;
margin-top: 20px
}
/* 
---------------------
MENU
---------------------
*/
#menu {
position: absolute;
left: 310px;
top: 162px;
width: 250px;
text-align: center;
font: 25px "garamond", lucida bright;
font-style: italic;
color: #919493;
text-transform: lowercase;
}

#menu a {
text-decoration: none;
color: #f2c582;
padding-left: 5px;
}
#menu a:hover {
color: #80ccc2;
}
/* 
---------------------
HEADERS
---------------------
*/
.ami, h1 {
font: 25px "garamond", lucida bright;
text-transform: lowercase;
text-align: right;
color: #57b7a9;
padding: 10px 0 4px 0;
}
h2 {
font-size: 1.3em;
border-bottom: 1px dashed #dedede;
text-transform: lowercase;
font-weight: normal;
padding: 2.5px 7px;
margin: 5px 5px 5px 0;
color: #f69ea8;
text-align: left;
}
/* 
---------------------
LINKS
---------------------
*/
#content a {
color: #ecae56;
text-decoration: none;
}
#content a:hover {
color: #ecebb5;
}
/* 
---------------------
DETAILS
---------------------
*/
em, i {
color: #b1cba4;
}
blockquote {
font: 11px "garamond", lucida bright;
text-transform: lowercase;
text-align: left;
width: 200px;
height: 100px;
margin: 0 auto;
padding: 27px 0 0 27px;
background: url("images/blockquote.png") left no-repeat
}
b, strong {
color: #f4815d;
font: 18px "garamond", lucida bright;
font-style: italic;
}
li {
background:url("images/bullet.png") center left no-repeat;
padding-left: 20px;
list-style: none;
}
p {
text-indent: 10px;
padding-bottom: 8px;
}
p.noindent {
text-indent: 0px;
}
/* 
---------------------
FORMS
---------------------
*/
form {
margin: 20px 10px;
}
input, select, textarea {
background: transparent;
border-bottom: 2px dashed #dedede;
border-left: 0px;
border-right: 0px;
border-top: 0px;
padding: 4px;
font: 13px Courier New;
color: #ef6975;
margin: 5px;
width: 20em;
}
select {
width: 20.8em;
background: #fff;
}
input[type=submit], input[type=reset] {
width: 7em;
}
input[type=radio] {
width: 1em;
margin-left: 0px;
}
input[type=checkbox] {
width: 1em;
margin: 0 2px 2px 0;
}
.input4 {
width: 32%;
}
select.input1 {
width: 20em
}
/* 
---------------------
SCRIPT STYLES
---------------------
*/
.codesort {
text-align: left;
}
.credit {
text-transform: uppercase;
font-size: .7em;
color: #999;
text-align: center;
border-top: 1px dotted #dedede;
}
p.catfile {
text-align: left;
font-size: 11px;
}
p.commenter {
margin: 0 0 1em 0;
}
p.archivelink {
text-align: center;
}
div.comment_box {
clear: both;
padding: 1em;
width: 100%;
overflow: auto;
margin: 0 0 1em 0;
}
img.gravatar {
float: left;
margin: 0 1em 0 0;
}
.credit, .show_owned_credits, .show_joined_credits {
clear: both;
text-transform: uppercase;
font-size: .7em;
color: #999;
text-align: center;
}
.credit p {
margin: 0;
}
p.catfile {
padding: 0 0 0 3em;
}
div.comment {
clear: both;
padding: 0.5em;
}
div.comment p {
padding: 0 0 0 3em;
}
div.comment p.commenter {padding: 0;}
img.gravatar {
float: right;
margin: 0 1em 1em 0;
}
form#comments-form p {margin: 0 0 0.5em 0;}
fieldset {
margin: 0 auto 0.5em auto;
padding: 0.5em;
}
fieldset p, fieldset ul {margin: 0 0 0.5em 0;}
label {
float: left;
width: 9em;
text-align: right;
margin: 0 0.5em 0 0;
}
div.archivelink {
text-align: right;	
margin: 2em 0 0 0;
}
.codesort li {
display: inline;
padding-right: 0.5em;
}
.codesort label {
float: left;
width: 12em;
text-align: right;
margin: 0 0.5em 0 0;
}
.paginate {
text-align: center;
font-size: 11px;
}
li.r {
text-decoration: line-through;
}
table.fanscount tr td, table.kimlist tr td {
border-bottom: 1px dotted #ddd;
padding: 1px;
}
.listing {
text-align: right;
}
table {
font-size: 11px;
color: #777;
}
td.heading {
color: #b1cba4;
font-size: 12px;
text-align: center;
}
/* 
---------------------
UPCOMING AND CURRENT
---------------------
*/
#upcoming span.current {
display: none;
}
#current span.upcoming {
display: none;
}
.owned-image {
float: left;
margin: 5px;
}
/* 
---------------------
JOINED
---------------------
*/
.joined-button {
margin: 1.5px;
}
#joined {
text-align: center;
}
#joined a {
border: 0px;
text-decoration: none;
}
/* 
---------------------
BOXES
---------------------
*/
#box-left {
float: left;
text-align: center;
width: 200px;
}
#box-right {
float: right;
text-align: center;
width: 200px;
}
.clear {
clear: both;
}
h2.center {
text-align: center;
}
#tboxes {
width: 100%;
}