/* General Settings */
body {background-image: url('images/Background.gif'); color: #FFFFFF; font-family: "Verdana";}
table {margin-top: 10px; margin-bottom: 10px; margin-left: auto; margin-right: auto;}
table, td {border-collapse: collapse;}
td {padding: 5px; font-size: 12px;}
legend {color: #FFFFFF;}
fieldset {background-color: #303030;}

a:link, a:visited, a:active {font-weight: bold; color: #336699; text-decoration: none;}
a:hover {color: #FFFFFF;}
a:active {color: #000000;}
img {border-width: 0px;}

/* General Layout */
.main {width: 900px; margin-top: 0px;}
.contentarea {background-image: url('images/ContentArea_Background.gif'); width: 585px;}
.bannertable {margin-bottom: 0px;}
.bannerleft {background-image: url('images/Banner_left.gif'); width: 65px;}
.banner {background-image: url('images/Banner.gif'); height: 100px; width: 750px; padding: 0px;}
.bannerright {background-image: url('images/Banner_right.gif'); width: 65px;}
.sidebar {background-color: #696969; color: #000000; width: 150px; height: 1px; vertical-align: top;}
.content {margin-left: auto; margin-right: auto; width: 96%;}
.copyright {background-color: #696969; color: #000000; text-align: center;}
.edge {background-image: url('images/Site_edge.gif'); width: 23px;}

/* Sidebar */
.sidebartop {background-color: #696969; background-image: url('images/Menu_Top.gif');}
.menu a {display: block; width: 120px; padding: 8px 0px 9px 30px; background: url("images/Menu_Rollset.gif") 0 0 no-repeat;}
.menu a:hover {background-position: 0 -31px;}
.menu a:active {background-position: 0 -62px;}
.sidebox {margin-left: 0px; margin-right: 0px; width: 150px;}
.sidebarbottom {background-color: #696969; background-image: url('images/Menu_Bottom.gif');}

/* Side Boxes */
.sideboxtop {background-image: url('images/sideboxtop.gif'); font: 8pt "courier new"; color: #FFFFFF; padding: 3px 0px 4px 0px; text-align: center;}
.sideboxcontent {background-image: url('images/sidebox.gif'); color: #FFFFFF; padding-left: 15px; padding-right: 15px;}
.sideboxbottom {background-image: url('images/sideboxbottom.gif'); height: 11px;}

/* Content Boxes */
.subcontenttitleleft {background-image: url('images/Content_TopLeft.gif'); width: 6px;}
.subcontenttitle {background-image: url('images/Content_Title.gif'); height: 31px; color: #000000; text-align: center;}
.subcontenttitleright {background-image: url('images/Content_TopRight.gif'); width: 6px;}
.subcontentleft {background-image: url('images/Content_Left.gif'); width: 6px;}
.subcontent {background-image: url('images/Background.gif'); text-align: left;}
.subcontentright {background-image: url('images/Content_Right.gif'); width: 6px;}
.subcontentdatebarleft {background-image: url('images/Content_BottomLeft.gif'); width: 6px;}
.subcontentdatebar {background-image: url('images/Content_DateBar.gif'); height: 31px; font: 8pt "courier new"; text-align: right;}
.subcontentdatebar a:hover {color: #FFFFFF;}
.subcontentdatebar a:active {color: #000000;}
.subcontentdatebarright {background-image: url('images/Content_BottomRight.gif'); width: 6px;}

/* Comments */
.comment {background-image: url('images/Content_Background.gif'); margin: 15px; padding-right: 5px; padding-bottom: 5px;}
.commentname, .commentdate, .commenttext {background-color: #666666; padding: 5px 10px; color: #000000; border: 3px solid #999999;}
.commenttext {background-color: #333333; color: #FFFFFF; padding: 10px 20px; border-top: 0px; border-bottom: 0px;}
.commentdate {text-align: right;}

/* Custom Tags */
.header {background-image: url('images/Header.gif'); background-position: center center; background-repeat: no-repeat; font: 8pt "courier new"; padding: 3px 0px 4px 0px; text-align: center;}
.sig {text-align: right; font-style: italic;}
.smalltext {font-size: 7pt;}
.smalltext img {border: 1px solid #696969;}

/* Custom BBCode */
.code {border: 1px solid #FFFFFF; margin-top: 0px; margin-bottom: 5px;}
.codehead {width: 490px; background-color: #8899AA; border-bottom: 1px dashed #FFFFFF; text-align: center;}
.codebody {background-color: #556677; font: 10pt "courier new";}

.quote {border: 1px solid #FFFFFF; margin-top: 0px; margin-bottom: 5px;}
.quotehead {width: 490px; background-color: #779977; border-bottom: 1px dashed #FFFFFF; text-align: center;}
.quotebody {background-color: #557755; font-style: italic;}

/* This won't display in IE */
.after {text-align: center; font: 8pt "courier new"; vertical-align: bottom;}
.after:before {content: "________________________________________________________________________________________"; display: block;} /* random line above the made-with line */
.after:after {content: "coded with notepad++ | images made in Paint Shop Pro 8 | You're not using IE! Well done!"; display: block;} /* ehehehehe, congrats at not using something as bad as IE */