/*****************
Menu
*****************/
ul#menu
{
margin:0 0 14px 0;
padding:0;
list-style-type:none;
width:auto;
position:relative;
display:block;
height:30px;
font-size:15px;
font-weight:bold;
text-transform:uppercase;
background:transparent url('images/nav_bg.png') repeat-x top left;
font-family: "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
}
ul#menu li
{
display:block;
float:left;
margin:0;
padding:0;
}
ul#menu li a
{
display:block;
float:left;
color: #666;
text-decoration:none;
font-weight:bold;
padding:8px 16px 0 16px;
}
ul#menu li a:hover
{
color:#FFF;
height:30px;
background:transparent url('images/nav_bg.png') 0px -30px no-repeat;
}
ul#menu li a.current
{
display:inline;
height:22px;
background:transparent url('images/nav_bg.png') 0px -30px no-repeat;
float:left;
margin:0;
}
/*****************
Footer Legal Expand
*****************/
#logo_expand{
clear: both;
width: 980px;
margin: 0 auto;
padding: 20px 0 18px 0;
}
a.expand_toggle{
cursor: pointer;
text-indent: -10000px;
background: url('images/logo_expand.gif') no-repeat;
width:976px;
height:23px;
display:block;
margin:0 auto;
}
a.expand_toggle.hover{
background-position: 0 -23px;
}
.expand_content{
display:none;
width:980px;
margin:0 auto;
text-align:center;
padding: 15px 0;
}
.expand_content li, .expand_visible_content li{
display:inline;
padding-right: 15px;
padding-lfet:15 px;
}
.expand_content p{
color: #555;
font-size: 11px;
margin:10px;
}
.expand_visible_content{
width:980px;
margin:0 auto;
text-align:center;
padding: 15px 0;
}
/*****************
Remove Flash Borders
*****************/
:focus { -moz-outline-style: none;
}
/*****************
IE 6 PNG Fix
*****************/
img { behavior: url("style/iepngfix.htc")
}
/*****************
Align Flash Block Bottom
*****************/
td object, td embed {
vertical-align: bottom;
}
/*****************
Align Top Links Right
*****************/
.align-right {
float:right; margin: 0 10px 0 0;
font-style:italic !important;
}
/*****************
IFrame Styling
*****************/
iframe {
border-style:dashed;
border-color:#666;
border-top-width:1px;
border-bottom-width:1px;
border-left-width:1px;
border-right-width:1px;
}
/*****************
List Styling
*****************/
ul {
margin: 0 30px 5px 30px;
padding: 0 0 0 14px;
list-style-image: url('images/star.png');
line-height:22px;
color:#fff;
text-decoration:none;
}
/*****************
Quote Styling
*****************/
blockquote {
margin: 0 30px 5px 30px;
padding: 0 0 0 10px;
font-size:13px;
line-height:22px;
font-family: Georgia, "Times New Roman", Times, serif;
border-left: 2px solid #FFF;
COLOR:#cccccc!important;
}
blockquote p {
COLOR:#FFF!important;
font-size:11px;
line-height:18px;
font-family: Georgia, "Times New Roman", Times, serif;
}
fieldset {
border:1px solid #666
}
legend {
padding: 0.2em 0.5em;
color:#FFF;
font-size:90%;
text-align:right;
background-color:transparant;
}
/*****************
Read More
*****************/
.readmore {
display: block;
float:right;
margin-right:6px;
width:89px;
background:url('images/readmore.png') no-repeat;
}
.readmore:hover{
background:url('images/readmore.png') 0px -20px;
}
BODY {
font:12px Century Gothic, Arial, sans-serif;
cursor:default;
margin:0px;
background: url('images/background.jpg') #000 top center repeat-y;
}
th, td, p{
color: #FFFFFF;
font:12px Century Gothic, Arial, sans-serif;
}
hr{
border: 0px dashed #cccccc;
border-top-width:1px;
height:0px;
}
TEXTAREA {
background: url('forums/images/hit.gif') repeat-x #000;
color:#FFFFFF;
font:12px Century Gothic, Arial, sans-serif;
BORDER-TOP: #4e4e4e 1px solid;
BORDER-BOTTOM: #666 1px solid;
BORDER-LEFT: #4e4e4e 1px solid;
BORDER-RIGHT: #666 1px solid;
}
/* The drop down select boxes */
SELECT {
background: url('forums/images/hit.gif') repeat-x #000;
color:#FFF;
font:12px Century Gothic, Arial, sans-serif;
BORDER-TOP: #4e4e4e 1px solid;
BORDER-BOTTOM: #666 1px solid;
BORDER-LEFT: #4e4e4e 1px solid;
BORDER-RIGHT: #666 1px solid;
}
input {
/*Where uses login and the search boxes and news title areas*/
background: url('forums/images/hit.gif') repeat-x #000;
color:#FFFFFF;
font:12px Century Gothic, Arial, sans-serif;
BORDER-TOP: #4e4e4e 1px solid;
BORDER-BOTTOM: #666 1px solid;
BORDER-LEFT: #4e4e4e 1px solid;
BORDER-RIGHT: #666 1px solid;
}
/* The drop down select boxes */
option{
background:black;
color:#999;
font:12px Century Gothic, Arial, sans-serif;
}
/*Links*/
a:link {
color: #cccccc;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #cccccc;
}
a:hover {
text-decoration: none;
color: #FFF;
}
a:active {
text-decoration: none;
color: #CCC;
}
img{
border:0;
}
.openside {
text-transform:uppercase; font-size:14px; font-weight:bold;
}
.opentable{
text-transform:uppercase; font-size:16px; font-weight:bold;
}
/*Header Links*/
.headertext {COLOR: #666; font-size: 104%; line-height: 14px; font-family: Century Gothic, Arial, sans-serif;}
.headertext a:link, .headertext a:visited {COLOR: #999; text-decoration: none; line-height: 14px; font-family: Century Gothic, Arial, sans-serif;}
.headertext a:hover {COLOR: #FFF; text-decoration: none; line-height: 14px; font-family: Century Gothic, Arial, sans-serif;}
.forumstitle {COLOR: #FFFFFF; font-size: 110%; line-height: 14px; font-family: Century Gothic, Arial, sans-serif;}
.content {COLOR: #FFFFFF;}
.title, .title a {COLOR: #FFF; FONT-SIZE: 13px; letter-spacing:2px; FONT-FAMILY: Century Gothic, Arial, sans-serif; TEXT-DECORATION: none}
.forumcontent{BACKGROUND: none; COLOR: #ffc231; FONT-SIZE: 12px; FONT-FAMILY: Century Gothic, Arial, sans-serif}
.posted {BACKGROUND: none; COLOR: #ffffff; FONT-SIZE: 12px; FONT-FAMILY: Century Gothic, Arial, sans-serif}
.morelink {BACKGROUND: none; COLOR: #FFFFFF; FONT-SIZE: 12px; FONT-FAMILY: Century Gothic, Arial, sans-serif}
.storytitle {BACKGROUND: none; COLOR: #2e3128; FONT-SIZE: 13px; FONT-WEIGHT: bold; FONT-FAMILY: Century Gothic, Arial, sans-serif; TEXT-DECORATION: none}
.storycat {BACKGROUND: none; COLOR: #ffffff; FONT-SIZE: 12px; FONT-WEIGHT: bold; FONT-FAMILY: Century Gothic, Arial, sans-serif; TEXT-DECORATION: underline}
.boxtitle {BACKGROUND: none; COLOR: #2e3128; FONT-SIZE: 13px; FONT-WEIGHT: bold; FONT-FAMILY: Century Gothic, Arial, sans-serif; TEXT-DECORATION: none}
.boxcontent {BACKGROUND: none; COLOR: #ffffff; FONT-SIZE: 12px; FONT-FAMILY: Verdana, Helvetica}
.option {BACKGROUND: none; COLOR: #ffffff; FONT-SIZE: 12px; FONT-WEIGHT: bold; FONT-FAMILY: Century Gothic, Arial, sans-serif; TEXT-DECORATION: none}
.tiny {BACKGROUND: none; COLOR: #ffffff; FONT-SIZE: 10px; FONT-WEIGHT: normal; FONT-FAMILY: Century Gothic, Arial, sans-serif; TEXT-DECORATION: none}
.small {BACKGROUND: none; COLOR: #ffffff; FONT-SIZE: 11px; FONT-WEIGHT: normal; FONT-FAMILY: Century Gothic, Arial, sans-serif; TEXT-DECORATION: none}
.medium {BACKGROUND: none; COLOR: #ffffff; FONT-SIZE: 14px; FONT-WEIGHT: normal; FONT-FAMILY: Century Gothic, Arial, sans-serif; TEXT-DECORATION: none}
.genmed {BACKGROUND: none; COLOR: #ffffff; FONT-SIZE: 12px; FONT-WEIGHT: normal; FONT-FAMILY: Century Gothic, Arial, sans-serif; TEXT-DECORATION: none}
.forumheadertext {BACKGROUND: none; COLOR: #2e3128; FONT-SIZE: 14px; FONT-FAMILY: Century Gothic, Arial, sans-serif; text-transform: none; FONT-WEIGHT: bold}
.forumlink {BACKGROUND: none; COLOR: #D5591A; FONT-SIZE: 14px; FONT-FAMILY: Century Gothic, Arial, sans-serif; text-transform: none; FONT-WEIGHT: bold}
.forumdescription {BACKGROUND: none; COLOR: #d0e5a9; FONT-SIZE: 12px; FONT-FAMILY: Century Gothic, Arial, sans-serif; FONT-WEIGHT: normal}
.forumcategory {BACKGROUND: none; COLOR: #2e3128; FONT-SIZE: 14px; FONT-FAMILY: Century Gothic, Arial, sans-serif; text-transform: none; FONT-WEIGHT: bold}
.forumtitle {BACKGROUND: none; COLOR: #2e3128; FONT-SIZE: 14px; FONT-FAMILY: Century Gothic, Arial, sans-serif; text-transform: none; FONT-WEIGHT: bold}
.error {BACKGROUND: none; COLOR: #ff0000; FONT-SIZE: 12px; FONT-FAMILY: Century Gothic, Arial, sans-serif}
.footertext {BACKGROUND: none; COLOR: #ffffff; FONT-SIZE: 9px; FONT-WEIGHT: normal; FONT-FAMILY: Century Gothic, Arial, sans-serif; TEXT-DECORATION: none}
/* titles for the topics:could specify viewed link colour too */
.topictitle{font-size:12px; color:#999!important}
a.topictitle:hover{color:#FFF!important}
.topictype{font:12px bold; color: #904c26!important}
/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name, .name a:link{font-size:11px; color: #CCC;}
/* Form elements */
form{display:inline}
/* Category gradients*/
td.cat{font-size:13px;letter-spacing:2px;text-transform: capitalize;background:url('forums/images/cell-bg1.jpg') #000 repeat-x; height:25px}
/* Main table cell colours and backgrounds */
td.row1{padding:4px;background: #000000 url('forums/images/row1.jpg') repeat-x;}
td.row2{padding:4px;background: #1B1B1B url('forums/images/row2.jpg') repeat-x;}
td.row3{padding:4px;background: #242424 url('forums/images/row3.jpg') repeat-x;}
td.spacerow{background: #242424 url('forums/images/forumfooter.jpg') repeat-x; height:10px!important;}
/* This is for the table cell above the Topics,Post & Last posts on the index.php */
td.rowpic{
}
/* This is for the error messages that pop up */
.errorline{background: #333 url('forums/images/row1.jpg') repeat-x;;color:#000000;border:1px dashed #C60;}
/* This is the border line & background colour round the entire page */
.bodyline{background: #66644e;color:#000000;border:1px solid #66644e}
/* This is the outline round the main forum tables */
.forumline{}
/* This is the line in the posting page which shows the rollover
help line. This is actually a text box,but if set to be the same
colour as the background no one will know;)*/
.helpline{
background: url(forums/images/hit.gif) repeat-x #000;
color:#FFFFFF;
font:12px Century Gothic, Arial, sans-serif;
BORDER-TOP: #4e4e4e 1px solid;
BORDER-BOTTOM: #666 1px solid;
BORDER-LEFT: #4e4e4e 1px solid;
BORDER-RIGHT: #666 1px solid;
}
/* The largest text used in the index page title and toptic title etc. */
.maintitle, .maintitle:link {
font: italic 160% "Warnock Pro","Goudy Old Style","Palatino","Book Antiqua",Georgia,serif; text-decoration: none; color:#FFF;}
/* Used for the navigation text,(Page 1,2,3 etc) and the navigation bar when in a forum */
.nav{font-size:14px; text-transform:capitalize;}
.postbody{font:12px/110% Century Gothic, Arial, sans-serif; color:#CCC; }
/* Location,number of posts,post date etc */
.postdetails{color: #666;font-size:10px}
/* Quote blocks */
.quote{ background:#000;
border: 1px dashed #FFF;
border-width:1px;
color: #C63;
font: 12px Century Gothic, Arial, sans-serif;
padding:10px
}
/* Code blocks */
.code{ background: #000;
border: 1px dashed #FFF;
border-width:1px;
color:#060;
font:9px Courier,"Courier New",sans-serif;
padding:10px
}
.subtitle,h2{color:#000000;font:bold 18px/180% "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
text-decoration:none}
/* The main submit button option */
input.button, input.mainoption, input.liteoption {
background: url(forums/images/hit.gif) repeat-x #000;
color:#FFFFFF;
font:12px Century Gothic, Arial, sans-serif;
BORDER-TOP: #4e4e4e 1px solid;
BORDER-BOTTOM: #666 1px solid;
BORDER-LEFT: #4e4e4e 1px solid;
BORDER-RIGHT: #666 1px solid;
}
.copyright{
letter-spacing:2px;
font-size:10px
}
/* General table properties */
.center {
margin: 0 auto;
}
.tbl-border {
background-color: #222222;
}
.tbl {
font-size: 13px;
color: #CBCBCB;
padding: 4px;
}
.tbl1 {
font-size: 13px;
color: #CBCBCB;
background-color: #323232;
padding: 4px;
}
.tbl2 {
font-size: 13px;
color: #CBCBCB;
background-color: #2a2a2a;
padding: 4px;
}
.forum-caption {
font-size: 13px;
font-weight: bold;
color: #bbb;
padding: 5px 4px 5px 4px;
}
.quote {
font-size: 13px;
color: #CBCBCB;
background-color: #292929;
padding: 4px;
margin: 0px 20px 0px 20px;
border: 1px solid #000;
}
.poll {
height: 12px;
border: 1px solid #000;
}
.comment-name {
font-weight: bold;
color: #CBCBCB;
}
.shoutboxname {
font-weight: bold;
color: #888;
}
.shoutbox {
color: #CBCBCB;
}
.shoutboxdate {
font-size: 10px;
color: #888;
}
.side-small {
font-size: 11px;
font-weight: normal;
color: #CBCBCB;
}
.side-label {
color: #CBCBCB;
margin: 2px 0 2px 0;
padding: 2px 2px 3px 2px;
}
#navigation a {
display: block;
color: #CBCBCB;
padding: 2px;
text-decoration: none;
}
#navigation a:hover {
color: #CBCBCB;
background-color: #292929;
}
/* Page Navigation */
.pagenav {
padding: 4px;
}
.pagenav span {
color: #CBCBCB;
background-color: #292929;
border: 1px solid #000;
padding: 2px 4px 2px 4px;
margin: 2px;
}
.pagenav a {
color: #CBCBCB;
background-color: #292929;
border: 1px solid #000;
padding: 2px 4px 2px 4px;
margin: 2px;
text-decoration: none;
}
.pagenav a:hover {
color: #CBCBCB;
background-color: #292929;
margin: 2px;
text-decoration: none;
}