@font-face {
font-family: 'League Gothic';
src: url('fonts/League_Gothic-webfont.eot');
src: local('☺'), url('fonts/League_Gothic-webfont.woff') format('woff'),url('fonts/League_Gothic-webfont.ttf') format('truetype'), url('fonts/League_Gothic-webfont.svg#webfontOTINA1xY') format('svg');
font-weight:normal;
font-style:normal;
}
* {
margin:0; padding:0;
}
body {
background:#eee; color:#777;
font:0.775em/2.25em "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Tahoma, sans-serif;
text-align:center;
padding:50px;
}
#container {
background:#fff url(content.jpg) repeat-y;
text-align:left; margin:0 auto; width:790px;
border:2px solid #e7e7e7;
}
#header {
background:#30AFC9 url(header.jpg) top center; text-align:left;
margin:0; padding:30px 25px 25px 30px
}
#content {
padding:25px;
width:500px;
float:left;
}
#sidebar {
padding:25px 25px 22px;
line-height:2em;
width:180px;
float:right;
}
#footer {
background:#30AFC9 url(header.jpg) bottom center;
text-shadow:1px 1px 0 #2094ac;
letter-spacing:.025em;
font-size:1.25em; font-weight:900;
padding:20px 30px 20px;
color:#fff; text-align:right
}

h1 {
margin:0; text-transform:uppercase; text-shadow:3px 3px 0 #2094ac;
font:normal 5em/1em "League Gothic",arial,sans-serif; letter-spacing:.05em
}
h1 a {
text-decoration:none !important; font-style:normal !important; color:#fff
}
h1 a:hover {
color:#eee
}
h2,h3,h4 {
font-family:"Trebuchet MS","arial narrow";
font-weight:bold; text-transform:uppercase;
}
h2 {
font-size:1.35em; line-height:1em;
letter-spacing:.1em; color:#30AFC9;
margin:0 0 10px; padding:0;
}
h3 {
color:#aaa; margin:0 0 5px;
letter-spacing:.075em;
font-size:1.25em; line-height:1.5em;
}

#sidebar ul {
margin:0 0 0 15px; padding:0
}
#sidebar ul li {
padding:1px 0 2px 5px
}
#sidebar ul li a {
margin:5px 0; letter-spacing:.025em; color:#777;
font:1.05em/1em "Trebuchet MS", Tahoma, Verdana, sans-serif;
text-decoration:none; text-transform:lowercase
}
#sidebar ul li a:hover {
color:#444;
}

#sidebar ul li#c a {
font-weight:bold; color:#606060
}
#sidebar ul li#c a:hover {
color:#333
}

p + p {
margin-top:10px;
}
p + ul,ul + p {
margin-top:15px;
}
p + h2,ul + h2,.clear + h2,p + h3,ul + h3,.clear + h3 {
margin-top:21px;
}

#content a {
font-weight:bold;
text-decoration:none;
color:#5f5f5f;
}
#content a:hover {
color:#404040
}

.clear {
clear:both;
}
ul {
list-style:circle;
padding-left:0;
margin-left:16px
}
ul li {
padding-left:10px
}
li small {
font-size:.9em;
color:#999;
display:block;
margin-bottom:10px
}
#joined,#wishlist,#owned,#affiliates {
line-height:0; margin:15px 0 0 0 !important;
padding:0;
}
#joined li,#wishlist li,#owned li,#affiliates li {
display:inline; padding:0;
}
#joined li img,#wishlist li img,#owned li img,#affiliates li img {
margin:0 5px 8px 0;
border:5px solid #ddd
}
#joined li a:hover img,#owned li a:hover img,#affiliates a:hover img {
border-color:#ccc
}
#current {
width:100%;
margin:15px 0 0
}
#current th {
padding:0 0 5px;
font-size:1.1em
}
#current th.members {
text-align:right;
}
#current td.fanlisting {
width:65%;
}
#current td.members {
width:35%; text-align:right;
}
#current td,#total th {
padding:5px 0;
border-top:1px solid #eee
}
fieldset {
border:0;
}
#show-join label,#show-update label,#show-reset label,#adopt label {
display:block;
font-weight:bold
}
.build {
margin:0 0 15px
}
.build h4,.build h5 {
margin:0
}
.build h5 {
font-size:1em;font-style:italic
}
ul.build > li {
margin:15px 0 0
}
ul.build ul {
margin:15px 0 0
}
ul.build ul ul {
margin:0 0 15px
}
#closed1,#closed2,#adopted1,#adopted2 {
width:225px;
float:left;
margin-top:15px;
}
#closed2,#adopted2 {
margin-left:34px
}