/* Edited with EditCSS */
/**** LINK-tag style sheet classy.css ****/

body, p, h1, h2, h3, h4, h5, h6, h7, blockquote, input, textarea, form {
margin: 0;
padding: 0;
}

body {
background: #111;
color: #CCC;
font: 11px/16px Verdana, Geneva, Sans-Serif;
}

a {
color: #619BDF;
text-decoration: none;
font-weight: normal;
}

a:hover {
color: #AFCCFF;
}

p, table {
margin: 0 0 15px 0;
}

.clear {
clear: both;
}

h2 {
color: #777;
font: 26px/24px Century Gothic, Arial, Helvetica, sans-serif;
text-transform: lowercase;
padding: 0 0 3px 0;
margin: 0 0 10px 0;
border-bottom: 1px solid #444;
text-align: left;
}

ul {
list-style-type: square;
list-style-position: inside;
padding: 0;
}

li {
padding: 0 0 3px 0;
}

.back {
margin: 20px 0 0 0;
text-transform: uppercase;
font-size: 12px;
}

#layout {
margin: 0 auto;
width: 799px;
background: #333;
}

hr {
height: 1px;
border: 0;
background-color: #444;
width: 50%;
margin: 15px auto;
}

/* HEADER*/

#header {
margin: 0;
}

#header-title, #header-title img {
border: 0;
}

#header-subtitle {
display: none;
}

#header-pics {
border-bottom: 1px solid #444;
}

#header-pics img {
height: 150px;
width: 199px;
border-right: 1px solid #444;
}

#header-pics .lastpic {

border: 0;
}


/* MAIN CONTENT*/

#content {
float: left;
width: 545px;
padding: 5px 7.5px 15px 15px;
text-align: justify;
}


/* SIDEBAR*/

#sidebar {
float: right;
width: 209px;
padding: 5px 15px 15px 7.5px;
}

#sidebar h2 {
font: 20px/24px Century Gothic, Arial, Helvetica, sans-serif;
}

.menubox {
margin: 0 0 15px 0;
}

.menubox p {
margin: 0 0 7px 0;
font: 10px/10px Verdana, Geneva, Sans-Serif;
color: #666;
}

.menubox a {
font: 13px/15px Century Gothic, Arial, Helvetica, sans-serif;
letter-spacing: 1px;
}

.randomboxbox {
margin: 0 0 15px 0;
}

.randombox {
float: left;
width: 104px;
font: 10px/10px Verdana, Geneva, Sans-Serif;
text-align: center;
padding: 0;
}

.randombox img {
margin: 0 0 5px 0;
width: 85px;
height: 85px;
border: 1px solid #444;
}

#menucalendar {
font: 10px/14px Verdana, Geneva, Sans-Serif;
margin: 0 0 10px 0;
}

#menucalendar td {
vertical-align: top;
padding: 0 0 5px 0;
}

#menucalendar td.menucaldate {
vertical-align: top;
padding: 0 5px 5px 0;
}

#twitter_update_list {
margin: 0 0 15px 0;
padding: 0;
}

#twitter_update_list p {
margin: 0 0 10px 0;
}

.twittertime {
font: 10px/10px Verdana, Geneva, Sans-Serif;
}

#contactboxmethods {
font: 10px/14px Verdana, Geneva, Sans-Serif;
}


/* FOOTER */

#footer {
clear: both;
padding: 15px;
text-align: left;
}

.randomquote {
font-style: italic;
}

#footer a.footer-biglink {
font: 24px/24px Century Gothic, Arial, Helvetica, sans-serif;
color: #666;
text-transform: lowercase;
display: block;
padding: 0 0 5px 0;
}

p.footer-links {
margin: 0;
color: #666;
}

p.footer-links a {
color: #666;
}


/* STYLIN' */

.statlist {
list-style: none;
margin: 0 0 20px 0;
padding: 0;
float: left;
border-left: 0px solid #666;
padding: 0 0 0 5px;
width: 150px;
}

.statlist-sites {
width: 165px;
}

.title {
font: 13px/16px Century Gothic, Arial, Helvetica, sans-serif;
}

/* ----- COUNTDOWNS ----- */

.countdownstable {
width: 100%;
border-collapse: collapse;
}

.countdownstable td {
padding: 0 5px 15px 0;
vertical-align: top;
}

.countdownstable td p {
margin: 0 0 5px 0;
}

.countdownstable td h3 {
font: 16px/16px Century Gothic, Arial, Helvetica, sans-serif;
}



/* ----- FANLISTING AND SITES PAGES ----- */

.row1 {
background: #404040;
}

.row2 {
padding: 5px;
background: #3B3B3B;
}

.biglist {
width: 100%;
border-collapse: collapse;
margin: 0 auto 20px 0;
}

.biglist td {
padding: 5px;
}

.listsites td {
padding: 5px;
}

.memberscol {
text-align: center;
}

.pendingcol {
text-align: center;
}

.listsites {
width: 100%;
border-collapse: collapse;
margin: 0 auto 20px 0;
}

.rightcolumn {
text-align: right;
}

.sitestable {
width: 100%;
border-collapse: collapse;

}

.sitestable td {
padding: 0 5px 15px 0;
vertical-align: top;
}

td.siteimage {
padding: 0 5px 15px 0;
width: 100px;
}

.siteimage img {
border: 1px solid #444;
}

/* ----- FACEOFFS----- */

#matchups {
width: 100%;
}

table#matchups td {
vertical-align: middle;
padding: 0 0 15px 0;
text-align: center;
line-height: 14px;
font: 10px/11px Verdana, Geneva, Sans-Serif;
}

table#matchups td .faceofftextblock {
width: 95%;
margin: 0 auto;
color: #777;
}

table#matchups td .faceoffblock {
border: 1px solid #444;
padding: 5px;
background-color: #3B3B3B;
min-height: 65px;
margin: 0 5px;
}

table#matchups td a {
padding: 0 5px;
}

table#matchups td.matchuppics {
width: 75px;
text-align: center;
}

td.matchuppics img {
border: 1px solid #444;
width: 75px;
height: 75px;
}

#contenders {
margin: 0 auto 15px auto;
}

#contenders td {
text-align: center;
vertical-align: middle;
width: 100px;
}

#contenders td#vstabletd {
padding: 10px 0;
text-align: center;
vertical-align: middle;
width: 300px;
}

#vstable {
width: 100%;
}

#vstable td {
font: 16px/18px Century Gothic, Arial, Helvetica, sans-serif;
}

#vstable td.vs {
font: 30px/30px Century Gothic, Arial, Helvetica, sans-serif;
}

div.faceoffcontent {
width: 505px;
margin: 0 auto;
}

.contentderbar {
margin: 0 0 15px 0;
}

div.faceoffcontent p {
text-align: center;
}

.betresults {
font-style: italic;
color: #666;
margin-top: -15px;
}

/* ----- FORMS ----- */

input, textarea, submit {
background: #555;
border: 1px solid #444;
color: #CCC;
font: 11px/16px Verdana, Geneva, Sans-Serif;
}

.form:hover, .form-unitard:hover, .button:hover {
background: #666;
}

.form, .form-unitard {
width: 500px;
padding: 4px;
}

img.unitard {
border: 1px solid #444;
margin: 5px 0 0 0;
}

textarea {
overflow: auto;
height: 100px;
}

.button {
width: 100px;
padding: 4px;
}

.error, .success {
font: bold 13px/18px Verdana, Geneva, Sans-Serif;
}

/* ----- PROFILES ----- */

.profilebox {
margin: 0 0 15px 0;
text-align: left;
}

.profilebox h3 {
font: 20px/20px Century Gothic, Arial, Helvetica, sans-serif;
color: #EEE;
}

.profilebox p {
margin: 0;
}

.profileimg {
margin: 0 5px 5px 0;
float: left;
border: 1px solid #444;
}

.profileinfo {
margin: 0 0 0 110px;
}

.profilebio {
margin: 0 0 0 110px;
}

.profilelinks {
clear: both;
margin: 5px 0 0 110px;
}


/* ----- CORNERS ----- */

.cornerbox {
float: left;
width: 33%;
margin: 0 0 15px 0;
text-align: center;
}


/* ----- Q&A----- */

.light {
color: #666;
}


/* ----- FAVES ----- */

#ratingslist td {
padding: 0 5px 1px 0;
font-weight: bold;
}

.rating-gloriousbeyondglory {
color: #EEE;
}
.rating-grointasticlikewhoa {
color: #CCC;
}
.rating-grointastic {
color: #AAA;
}
.rating-good {
color: #999;
}

#favestable {
width: 100%;
border-collapse: collapse;
margin: 15px auto 15px 0;
}

#favestable td {
padding: 5px;
text-align: left;
}

#favestable td.votescol {
text-align: left;
width: 150px;
}

#favestable td.pointscol {
text-align: center;
width: 40px;
}

#favestable td.rightcol {
text-align: center;
width: 40px;
}

#favestable td.imgcol {

}

.pip-yea, .pip-nay {
width: 10px;
height: 10px;
background-color: #333;
float: left;
margin: 0 2px 0 0;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
-khtml-border-radius: 15px;
}

.pips {
margin: 0 0 15px 0;
height: 10px;
}

.pip-yea {
background-color: #666;
}

.pip-gloriousbeyondglory {
background-color: #EEE;
}
.pip-grointasticlikewhoa {
background-color: #CCC;
}
.pip-grointastic {
background-color: #AAA;
}
.pip-good {
background-color: #999;
}

.pip-yea:hover {
}

.pip-nay {
display: none;
}

.invisipip {
display: none;
}

.recinfo h3 {
font: 16px/16px Century Gothic, Arial, Helvetica, sans-serif;
margin: 0 0 5px 0;
color: #EEE;
}

.byline {
font-weight: bold;
}

.recinfo h4 {
margin: 0 0 5px 0;
}

.recstable {
width: 100%;
border-collapse: collapse;
}

.recstable td p {
margin: 0 0 10px 0;
}

.recstable td {
padding: 0 5px 15px 0;
vertical-align: top;
}

td.recimage {
width: 85px;
padding: 0 5px 0 0;
}

.recimage img {
width: 100px;
height: 100px;
border: 1px solid #444;
}

.listrecs {
width: 100%;
border-collapse: collapse;
margin: 0 auto 20px 0;
}

.listrecs td {
padding: 5px;
}

#rec-content  h3 {
font: 16px/16px Century Gothic, Arial, Helvetica, sans-serif;
margin: 0 0 5px 0;
color: #EEE;
}

#rec-content h4 {
margin: 0 0 5px 0;
}

#rec-info, #rec-genres, #rec-votes, #rec-comments, #rec-related {
margin-bottom: 15px;
}

#rec-genres, #rec-votes, #rec-comments, #rec-related {
clear: both;
}

#rec-info {
margin-left: 112px;
}

#rec-image {
float: left;
width: 100px;
height: 100px;
border: 1px solid #444;
margin: 0 10px 15px 0;
}

#rec-image img {
border: 1px solid #444;
}

.relatedrecpic img {
width: 75px;
height: 75px;
margin: 0 5px 0 0;
border: 1px solid #444;
}

.reccomments {
border: 1px solid #444;
padding: 5px;
background-color: #3B3B3B;
}

#favestable .imgcol img {
width: 75px;
height: 75px;
border: 1px solid #444;
}


/* ----- ON NOTICE ----- */

p.onnotice {
background-color: #263D57;
padding: 2px 5px;
margin: 0 auto;
width: 450px;
text-align: center;
text-transform: uppercase;
border-top: 2px solid #666;
font: 14px/14px arial, sans-serif;
letter-spacing: 1px;
color: #BBB;
}

p.onnotice-last {
padding: 0 5px;
margin: 0 auto;
border-bottom: 2px solid #666;
width: 450px;
}

p.onnotice-top {
background-color: #666;
padding: 0 5px;
margin: 15px auto 0 auto;
text-align: center;
text-transform: uppercase;
border-top: 2px solid #666;
width: 450px;
font: 22px/22px arial, sans-serif;
color: #CCC;
letter-spacing: 1px;
}

/* ----- GLOSSARY ----- */
.definition b {
font: 16px/16px Century Gothic, Arial, Helvetica, sans-serif;
}

/* ----- LETTERS ----- */
.openletter {
border: 1px solid #444;
padding: 15px 30px 50px 30px;
background-color: #DDD;
color: #111;
width: 405px;
min-height: 575px;
margin: 0 auto 15px auto;
font: 12px/12px Courier New, monospace;
}

.openletterhead {
text-align: right;
font: 12px/12px Century Gothic, Arial, Helvetica, sans-serif;
margin-bottom: 30px;
padding: 5px 0 0 0;
color: #AAA;
}

.openletterheadbig {
font: 30px/36px Century Gothic, Arial, Helvetica, sans-serif;
margin: 0;
display: block;
border-bottom: 1px solid;
color: #AAA;
text-align: right;
}


/* ----- FIC ----- */

.fic-description {
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px dashed #444;
}

#fic-menu h3 {
font: 16px/16px Century Gothic, Arial, Helvetica, sans-serif;
margin: 0 0 5px 0;
color: #EEE;
}


/* ----- GALLERY ----- */


.nav {
font-weight: bold;
}

#gallery {
margin: 0;
width: 100%;
}

#gallery td {
text-align: center;
vertical-align: top;
width: 115px;
padding-bottom: 10px;
}

#gallery td img {
border: 1px solid #444;
margin-bottom: 2px;
}

.gallerytextblock {
margin: 0 auto 15px auto;
width: 130px;
text-align: center;
font: 10px/11px Verdana, Geneva, Sans-Serif;
}

.gallerymenutitle a {
font: 13px/13px Century Gothic, Arial, Helvetica, sans-serif;
}

#newgalleryimages {
width: 100%;
}

.newgalleryimagesbox {
float: left;
width: 25%;
text-align: center;
margin-bottom: 20px;
}

.newgalleryimagesbox img {
border: 1px solid #444;
}


/* ----- NEWNESS PORTAL ----- */

#newnessportal h2 a, #newnessportal h2 {
color: #777;
font: 18px/20px Century Gothic, Arial, Helvetica, sans-serif;

}

#newsites img, #upfls img, #newfls img {
width: 85px;
height: 85px;
}

#newfls {
width: 180px;
float: left;
clear: both;
margin-right: 10px;
}

#newfls img {
float: left;
margin: 0 5px 5px 0;
}

#newfls h2 {
clear: both;
}

#upfls {
width: 180px;
float: left;
clear: both;
margin-right: 10px;
}

#upfls img  {
float: left;
margin: 0 5px 5px 0;
}

#upfls div.filler {
background-color: #ADA8AB;
height: 98px;
width: 98px;
border: 1px solid black;
}

#upfls h2 {
clear: both;
}

#newsites {
width: 180px;
float: left;
clear: both;
margin-right: 10px;
}

#newsites img  {
float: left;
margin: 0 5px 5px 0;
}

#newsites h2 {
clear: both;
}

#newsites, #newfls, #upfls, #newestquotes, #newestimages, #newestfic, #newestlists, #newestpages, #newestrecs, #recentupdates, #newestquestions {
margin-bottom: 20px;
}

#newestpages, #newestlists, #newestfic {
margin-left: 190px;
}

#newestquestions, #newestfic {
margin-left: 190px;
}

#newestquotes p, #newestfic p, #newestlists p, #newestpages p, #newestrecs p, #recentupdates p, #newestquestions p {
margin-bottom: 8px;
}

#newestquotes  {
clear: both;
}

#newestimages img {
border: 1px solid #444;
margin: 0 5px 0 0;
width: 100px;
height: 100px;
}

#newesticons img {
border: 1px solid #444;
margin: 0 5px 0 0;
}


/* ----- CALENDAR ----- */

#calendar {
width: 546px;
margin: 0 auto;
border-collapse: collapse;
border: 0px solid #333;
background-color: #CCC;
color: #333;
border: 1px solid #333;
}

#calendar td {
height: 100px;
width: 14%;
vertical-align: top;
font-size: 11px;
padding: 3px 3px 10px 3px;
text-align: left;
font: 9px/10px Verdana, Geneva, Sans-Serif;
}

#calendar td.caltd {
border: 1px solid #333;
}

#calendar td b {
}

#monthimage {
}

#monthimage img {
border: 0px solid #E1DED7;
width: 545px;
height: 400px;
border-bottom: 0px solid #333;

}

#calendar td#spiral {
height: 20px;
border: 0;
padding: 0;
}

.event_birthday, .event_release, .event_one-time, .event_cotwwsb, .event_other {
margin-top: 5px;
display: block;
float: left;
text-align: center;
}

.event_birthday {

}

.event_release {

}

.event_one-time {

}

.event_cotwwsb {

}

td#monthname {
border: 0px;
height: 50px;
text-align: center;
vertical-align: middle;
text-transform: uppercase;
font: bold 26px/24px Century Gothic, Arial, Helvetica, sans-serif;
letter-spacing: 0px;
padding-bottom: 30px;
color: #666;
padding: 20px 0 30px 0;
}

td#monthname a {
font-size: 12px;

}

td#prevmonth {
border: 0;
height: 50px;
vertical-align: middle;
text-align: right;
font: bold 22px/24px Century Gothic, Arial, Helvetica, sans-serif;
padding-bottom: 30px;
padding: 20px 0 30px 0;

}

td#prevmonth a, td#nextmonth a {

font: bold 24px/24px Century Gothic, Arial, Helvetica, sans-serif;
}

td#nextmonth {
border: 0;
height: 50px;
vertical-align: middle;
text-align: left;
font: bold 22px/24px Century Gothic, Arial, Helvetica, sans-serif;
padding-bottom: 30px;
padding: 20px 0 30px 0;
}

#calendar th {
font: bold 18px/18px Century Gothic, Arial, Helvetica, sans-serif;
padding-bottom: 10px;
text-align: center;
color: #999;
}


.quote {
border: 1px solid #444;
padding: 5px;
background-color: #3B3B3B;
}

#radio {
height: 500px;
background-color: #333;
}

object {
background-color: #333;
}

.classypicpreview {
float: left;
margin: 0 5px 5px 0;
}

#whorometer {
width: 95%;
}

#whorometer td{
vertical-align: bottom;
padding: 3px;
}

.whorebar {
background: #555;
padding: 2px 5px;
}