/*Layout */ * {font-size: 100%; margin: 0; padding: 0; line-height: 1.4em; color:#FFFFFF;} body {position: relative; background: #000000; font: 70% Verdana, Arial, Helvetica, sans-serif; color: #00000; text-align: center; background-color: #000000; scrollbar-face-color: #212121; scrollbar-highlight-color: #404040; scrollbar-shadow-color: #000000; scrollbar-3dlight-color: #616161; scrollbar-arrow-color: #A1A1A1; scrollbar-track-color: #000000; scrollbar-darkshadow-color: #000000;} #wrapper { width: 732px; margin: 0 auto; background-color: #F3F3F3; text-align: left; height: auto; } #top {display: block; width: 780px; text-align: left; margin: 0 auto; height:auto; padding-left:10px; padding-right:10px; border: 1px #212121 solid; } #page {display: block; width: 780px; background: url(images/bg_main.gif) top repeat-y; text-align: left; margin: 0 auto;} #header {position: relative; float: right; display: block; width: 780px; background: url(header.jpg) top no-repeat; height: 130px; padding: 0;} * html #header {height: 130px;} #content {float: left; display: block; width: 543px; margin: 0 0 0 7px;} #sidebar {float: left; display: block; width: 193px; margin: 0;} * html #content, * html #sidebar {position: relative; left: -7px;} .post {float: left; display: block; width: 525px; margin: 0 0 0 25px;} .page {float: left; display: block; width: 507px; margin: 0 0 0 18px;} .archive {float: left; display: block; width: 507px; margin: 0 0 18px 18px; border-bottom: 1px solid #ccc;} #sidebar .post {display: block; width: 180px; margin: 0 0 0 30px;} .title {float: left; display: block; width: 543px; margin: 0px 0 10px 0px;} #sidebar .title {float: left; display: block; width: 220px;} .entry {float: left; display: block; width: 525px; margin: 0;} .date {color: #FFCC00;} .postinfo {float: left; display: block; width: 157px; margin: 0 0 18px 0;} .wideposts .entry {float: left; display: block; width: 525px; margin: 0 0 18px 5px;} .wideposts .postinfo {float: left; display: block; width: 525px; margin: 0 0 18px 0;} .archive .postinfo {margin-left: 0;} .archive .entry {margin-right: -24px;} * html .post, * html #sidebar .post, * html .archive {margin-left: 0; position: relative; left: 18px;} p img {float: left; margin: 0 18px 12px 0;} .logo {width:360px; background:url(images/logo.png) no-repeat; height: 71px; padding: 0px; padding-top:0px; margin: 0px 0px 0px 20px;} /*Typography */ h1 {font: 2.2em Tahoma, Verdana, Arial, sans-serif; color: #fff; letter-spacing: -1px; padding: 45px 37px 0 37px; margin: 0 0 -5px 0;} h1 a, h1 a:visited {color: #fff; text-decoration: none;} .description {color: #093b54; margin: 30px 50px 0px 0px; text-align:right;} #content .postwrapper .title h2 {font: 1.4em Arial, Helvetica, sans-serif; text-transform: none; padding: 0px 100px 12px 5px; color: #FFCC00; font-weight:bold;} #sidebar .title h2 {font: 1.05em Arial, Helvetica, sans-serif; text-transform: uppercase; padding: 9px 0 12px 24px; background: none; color: #FFCC00;} .title small {float: right; padding: 14px 24px 0 0; color: #67939B;} h2 {} h2 a, h2 a:visited {color: #FFFFFF; font-weight: normal;} h3 {font: bold 1.3em Verdana, Arial, Helvetica, sans-serif; margin: 0 0 0.5em 0;} p {margin: 0 0 18px 0; padding: 0;} .entry p {padding-right: 24px;} .postinfo p {padding: 0 6px;} .req {padding-left: 3px; color: #CC0000;} blockquote {padding: 0 0 0 12px; border-left: 3px solid #ccc;} /*HeaderLinks*/ .headerlink {color: #093b54; margin: 30px 50px 0px 0px; text-align:right;} .headerlink a, .menus a:visited {color: #093b54; text-decoration: none;} .headerlink a:hover {text-decoration:underline;} /* Menu */ .menuback {position: absolute; bottom: 0; float: left; background-color:#000; display: block; width: 780px; height: 24px; margin: 0 0px; text-indent:5px; padding-top:6px; padding-bottom:0px; background:url(/menu_bg.gif) repeat-x; color:#FFFFFF;} .menu{float: left; display: block; width: 100%; list-style: none; margin-left: 0; margin-bottom: 0px; text-align:center; color:#fff; font-size:10px;} .menu li {float: left; margin: 0 18px 3px 0; padding: 0;} .menu ul {margin: 3px 0 0 0; list-style: none; padding-bottom: 0px;} .menu ul a, .menus ul a:visited {padding: 3px 6px 4px 6px; font-weight: normal; color:#fff;} * html .menus li {margin: 0; padding:0px;} .menu a, .menu a:visited {padding: 6px; text-align: center; font-weight: bold; color: #ffffff; text-decoration: none; font-size:10px;} .menu a:hover {text-decoration:underline;} /* Lists */ ul {margin: 10px 10px 10px 24px 9px;} ol {margin: 0 0 24px 9px;} ul li {margin: 30px 24px 20px 14px;} ol li {margin: 2px0 24px 20px 14px;} .buttons {float: left; display: block; width: 100%; list-style: none; margin-left: 0; margin-bottom: 21px;} .pageitem {float: left; display: block; width: 100%; list-style: none; margin-left: 10px; margin-bottom: 21px; padding-top:20px; margin-top:40px;} *:first-child+html .buttons {float: none;} .buttons li {float: left; margin: 0 18px 3px 0; padding: 0;} .buttons ul {margin: 3px 0 0 0; list-style: none; padding-bottom: 0px;} .buttons ul a, .buttons ul a:visited {padding: 3px 6px 4px 6px; font-weight: normal;} * html .buttons li {margin: 0;} .buttons a, .buttons a:visited {display: block; width: 145px; padding: 6px; text-align: center; background: url(images/menu.gif) bottom left no-repeat; border-top: 1px solid #D1E0F0; font-weight: bold;} #sidebar .buttons a {text-align: left;} .buttons a:hover {background-position: bottom right;} p.pages {font-weight: bold;} p.pages a {display: block; padding: 3px; width: auto; background: url(images/menu.gif) bottom left no-repeat; border-top: 1px solid #D1E0F0; border-right: 1px solid #D1E0F0;} .catlist {float: left; list-style: none; margin: 0 0 0px 0;} *:first-child+html .catlist {border-bottom: 18px;} .catlist li {float: left; margin: 0 18px 0 0; border-bottom: 1px solid #CAD6E1;} * html .onecol li {margin: 0;} .catlist ul {display: none;} .catlist li:first-child, .catlist li:first-child+li, .catlist li:first-child+li+li {border-top: 1px solid #CAD6E1;} .onecol li:first-child+li, .onecol li:first-child+li+li {border-top: none;} *:first-child+html .onecol {border-bottom: 0;} .catlist a, .catlist a:visited {display: block; width: 145px; padding: 5px 6px 5px 6px; margin: 1px 0;} .catlist a:hover {background: #F2F2F2;} #themeswitcher {list-style: none; margin: 0 0 18px 0;} #themeswitcher li {margin: 0;} #sidelist {list-style: none;} #sidelist li {margin: 0;} #sidelist li li {margin: 0 24px 0 8px;} #sidelist ul {list-style-type: disc; } /* links */ a, a:visited {color: #FFCC00; text-decoration: none;} p a:hover, ul a:hover {text-decoration:underline;} #content p a:hover, #content ul a:hover {text-decoration:underline;} /* main image */ #mainpic {position: absolute; bottom: 0; float: left; background: url(images/mainpic01.jpg) no-repeat; display: block; width: 736px; height: 229px; margin: 0 0 0 7px; border-top: 3px solid; border-bottom: 3px solid ;} /* footer */ #footer {clear: both; display: block; width: 780px; border-bottom: 20px solid #ffcc00; border-bottom-width:1px; text-align: center;} * html #footer {margin-top: 5px;} #footer-top {display: block; width: 780px; height: 10px; border-top: 1px solid #FFCC00;} #footer p {color: #fff; padding: 0px 0px 0px 0px;} #footer a, #footer a:visited {color: #B05255;} /* General font families for common tags */ font,th,td,p { font-family: Verdana, Arial, Helvetica, sans-serif } a:link,a:active,a:visited { color : #FFFFCC; text-decoration: none; } a:hover { text-decoration: underline; color : #FFFFCC; } hr { height: 0px; border: solid #CCCCCC 0px; border-top-width: 1px;} /* This is the border line & background colour round the entire page */ .bodyline { background-color: #000000; border: 1px #212121 solid; } /* This is the outline round the main forum tables */ .forumline { background-color: #000000; border: 2px #212121 solid; } #headerWrapper { margin: 0em; padding: 0em; } /* Main table cell colours and backgrounds */ td.row1 { background-color: #000000; } td.row2 { background-color: #212121; } td.row3 { background-color: #000000; } /* This is for the table cell above the Topics, Post & Last posts on the index.php page By default this is the fading out gradiated black background. However, you could replace this with a bitmap specific for each forum */ td.rowpic { background-color: #000000; background-image: url(images/cellpic2.jpg); background-repeat: repeat-y; } /* Header cells - the black gradient backgrounds */ th { color: #CC9900; font-size: 12px; font-weight : bold; background-color: #000000; height: 25px; background-image: url(images/cellpic3.gif); } td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom { background-color:#000000; border: #FFCC66; border-style: solid; height: 28px; } /* Setting additional nice inner borders for the main table cells. The names indicate which sides the border will be on. Don't worry if you don't understand this, just ignore it :-) */ td.cat,td.catHead,td.catBottom { height: 29px; border-width: 0px 0px 0px 0px; } th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR { font-weight: bold; border: #FFCC66; border-style: solid; height: 25px; } td.row3Right,td.spaceRow { background-color: #000000; border: #FFCC66; border-style: solid; } th.thHead,td.catHead { font-size: 12px; border-width: 0px 0px 0px 0px; } th.thSides,td.catSides,td.spaceRow { border-width: 0px 0px 0px 0px; } th.thRight,td.catRight,td.row3Right { border-width: 0px 0px 0px 0px; } th.thLeft,td.catLeft { border-width: 0px 0px 0px 0px; } th.thBottom,td.catBottom { border-width: 0px 0px 0px 0px; } th.thTop { border-width: 0px 0px 0px 0px; } th.thCornerL { border-width: 0px 0px 0px 0px; } th.thCornerR { border-width: 0px 0px 0px 0px; } /* The largest text used in the index page title and toptic title etc. */ .maintitle,h1,h2 { font-weight: bold; font-size: 22px; font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif; text-decoration: none; line-height : 120%; color : #FFFFCC; } /* General text */ .gen { font-size : 12px; } .genmed { font-size : 11px; } .gensmall { font-size : 10px; } .gen,.genmed,.gensmall { color : #FFFFCC; text-decoration: none; } a.gen,a.genmed,a.gensmall { color: #FFCC00; text-decoration: none; } a.gen:visited,a.genmed:visited,a.gensmall:visited { color: #FFCC00; text-decoration: none; } a.gen:hover,a.genmed:hover,a.gensmall:hover { color: #FFFFCC; text-decoration: none; } /* The register, login, search etc links at the top of the page */ .mainmenu { font-size : 11px; color : #CC9900; } a.mainmenu { text-decoration: none; color : #CC9900; } a.mainmenu:visited { text-decoration: none; color : #CC9900; } a.mainmenu:hover{ text-decoration: none; color : #FFFFCC; } /* Forum category titles */ .cattitle { font-weight: bold; font-size: 12px ; letter-spacing: 1px; color : #FFCC00} a.cattitle { text-decoration: none; color : #FFCC00; } a.cattitle:visited { text-decoration: none; color : #FFCC00; } a.cattitle:hover{ color: #FFFFCC; text-decoration: none; } /* Forum title: Text and link to the forums used in: index.php */ .forumlink { font-weight: bold; font-size: 12px; color : #CC9900; } a.forumlink { text-decoration: none; color : #CC9900; } a.forumlink:visited { text-decoration: none; color : #CC9900; } a.forumlink:hover{ text-decoration: none; color : #FFFFCC; } /* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */ .nav { font-weight: bold; font-size: 11px; color : #FFCC00;} a.nav { text-decoration: none; color : #FFCC00; } a.nav:visited { text-decoration: none; color : #FFCC00; } a.nav:hover { text-decoration: none; color : #FFFFCC; } /* titles for the topics: could specify viewed link colour too */ .topictitle { font-weight: bold; font-size: 11px; color : #CC9900; } a.topictitle:link { text-decoration: none; color : #FFFFCC; } a.topictitle:visited { text-decoration: none; color : #FFFFCC; } a.topictitle:hover { text-decoration: underline; color : #FFFFCC; } /* Name of poster in viewmsg.php and viewtopic.php and other places */ .name { font-size : 11px; color : #FFCC00;} /* Location, number of posts, post date etc */ .postdetails { font-size : 10px; color : #FFFFCC; } /* The content of the posts (body of text) */ .postbody { font-size : 12px; color: #FFFFCC;} a.postlink:link { text-decoration: none; color : #FFCC00; } a.postlink:visited { text-decoration: none; color : #FFCC00; } a.postlink:hover { text-decoration: none; color : #FFFFCC; } /* Quote & Code blocks */ .code { font-family: Courier, 'Courier New', sans-serif; font-size: 11px; color: #00CC33; background-color: #616161; border: #BFBFBF; border-style: solid; border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px } .quote { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; line-height: 125%; background-color: #616161; border: #BFBFBF; border-style: solid; border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px } /* Copyright and bottom info */ .copyright { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFCC; letter-spacing: -1px;} a.copyright { color: #FFCC00; text-decoration: none;} a.copyright:link { color : #FFCC00; text-decoration: none;} a.copyright:visited { color : #FFCC00; text-decoration: none;} a.copyright:hover { color: #FFFFCC; text-decoration: underline;} /* Form elements */ textarea, select { color : #FFFFCC; font: normal 11px Verdana, Arial, Helvetica, sans-serif; border-color : #FFFFCC; } /* The text input fields background colour */ input.post, textarea.post, select { background-color : #000000; color : #FFFFCC; } input { text-indent : 2px; color : #000000; } /* The buttons used for bbCode styling in message post */ input.button { background-color : #000000; color : #FFFFCC; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; } /* The main submit button option */ input.mainoption { background-color : #000000; color : #FFFFCC; font-weight : bold; } /* None-bold submit button */ input.liteoption { background-color : #000000; color : #FFFFCC; font-weight : normal; } /* 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 { color : #FFFFCC; background-color: #212121; border-style: none; } /* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */ @import url("formIE.css"); /* CONTENT FOR NEWS SLIDER/SCROLLER START*/ /*Sample CSS used for the Virtual Pagination Demos. Modify/ remove as desired*/ .virtualpage, .virtualpage2, .virtualpage3{ /*hide the broken up pieces of contents until script is called. Remove if desired*/ display: none; } .paginationstyle{ /*Style for demo pagination divs*/ width: 200px; text-align: left; padding: 2px 0; margin: 10px 0; background-color:#000000; } .paginationstyle select{ /*Style for demo pagination divs' select menu*/ border: 1px solid navy; margin: 0 15px; background-color:#000000; } .paginationstyle a{ /*Pagination links style*/ padding: 0 5px; text-decoration: none; border: 1px solid black; color: navy; background-color: white; background-color:#000000; } .paginationstyle a:hover, .paginationstyle a.selected{ color: #000; background-color:#000000; } .paginationstyle a.imglinks{ /*Pagination Image links style (class="imglinks") */ border: 0; padding: 0; background-color:#000000; } .paginationstyle a.imglinks img{ vertical-align: bottom; background-color:#000000; border: 0; } .paginationstyle a.imglinks a:hover{ background: none; background-color:#000000; } .paginationstyle .flatview a:hover, .paginationstyle .flatview a.selected{ /*Pagination div "flatview" links style*/ color: #000; background-color: yellow; background-color:#000000; }