* {vertical-align: top; font-family: Arial, Tahoma, Verdana, helvetica, sans-serif; color: #444; font-size: 12px;} body {scrollbar-face-color: #DEE3E7; scrollbar-highlight-color: #FFFFFF; scrollbar-shadow-color: #DEE3E7; scrollbar-3dlight-color: #D1D7DC; scrollbar-arrow-color: #006699; scrollbar-track-color: #EFEFEF; scrollbar-darkshadow-color: #98AAB1;} html, body, .holder {text-align: center; height: 100%;} html {background: #437c3d url("/img/css/bg_page_tile.gif") repeat scroll 0 0;} body {background: transparent url("/img/css/bg_page_top.png") repeat-x scroll 0 0; padding: 0; margin: 0;} * html .png {behavior: url(/inc/iepngfix.htc);} .clearer {clear: both; height: 0px; overflow: hidden;} .fir {display: block; overflow: hidden; text-indent: -1000em; background-repeat: no-repeat; background-position: left top; margin: 0;} a {color: #077c1b;} a:hover {text-decoration: underline;} hr {height: 0px; border: solid #D1D7DC 0px; border-top-width: 1px;} .main {background-color: #fff; width: 950px; margin: 0 auto; min-height: 100%; text-align: left;} * html .main {height: 100%;} .container {position: relative; min-height: 100%; background: transparent url("/img/css/bg_page_topline.gif") repeat-x scroll 0 0;} * html .container {height: 100%;} .containerClear {height: 250px; clear: both;} .forumrColH {padding: 145px 20px 0 22px;} .linkToHome {display: block; z-index: 5; position: absolute; background: transparent url("/img/logo.png") no-repeat scroll 0 0; width: 170px; height: 124px; left: 59px; top: 8px; cursor: pointer; cursor: hand;} .topStripe {position: absolute; z-index: 2; background: transparent url("/img/css/bg_top_stripe.png") no-repeat scroll 0 0; width: 1000px; height: 147px; left: -25px; top: 0;} #topMenu1, #topMenu2 {position: absolute; z-index: 5; margin-left: 240px;} #topMenu1 {top: 20px;} #topMenu1 A {display: block; float: left; font-size: 11px; text-decoration: none; color: #c0d3c2; padding: 0 0 0 20px; background: transparent url("/img/css/bg_tmenu1.png") no-repeat scroll 12px 50%;} #topMenu1 A:hover {color: #d0e3d2;} #topMenu1 A.current {font-weight: bold;} #topMenu2 {height: 47px; top: 59px; margin-left: 250px;} #topMenu2 A {font-size: 10px; line-height: 12px; text-decoration: none; font-weight: bold; background: transparent url("/img/css/bg_tmenu2_dots.png") no-repeat scroll 0 0; text-transform: uppercase; color: #e9f5eb; float: left; padding: 1px 12px; height: 32px;} #topMenu2 A:hover {border-bottom: 2px solid #63b654;} #topMenu2 A.current {border-bottom: 2px solid #c6db46; position: relative;} #topMenu2 A.firstItem {background-image: none;} .hImage {position: absolute; margin-top: 95px;} .hImage .wave {position: relative; top: -30px; width: 950px; height: 126px; background: transparent url("/img/css/bg_himage.png") no-repeat scroll 0 0;} .mainBlock {position: relative; z-index: 4; width: 950px;} .footer {position: relative; z-index: 3; width: 950px; height: 250px; margin: -250px auto 0 auto; background: transparent url("/img/css/bg_wave_footer.png") 0 0 no-repeat; text-align: left;} ADDRESS {display: block; position: absolute; top: 65px; left: 30px; line-height: 200%; font-style: normal; font-size: 14px;} ADDRESS a, ADDRESS span {color: #fff; text-decoration: none; font-weight: normal; font-size: 14px; display: block;} ADDRESS a:hover {text-decoration: underline;} ADDRESS .c1Tel {background: transparent url("/img/css/phone.png") 0 50% no-repeat; padding: 5px 5px 5px 32px;} ADDRESS .c1Mail {background: transparent url("/img/css/mail.png") 0 50% no-repeat; padding: 5px 5px 5px 32px; margin-top: -3px;} div.forumCopyright {width: 300px; color: #b8caa5; position: absolute; top: 50px; right: 237px; font-size: 11px; text-align: right;} .genii {display: block; position: absolute; top: 35px; right: 67px; width: 139px; height: 110px; background: transparent url("/img/css/genii.png") 0 0 no-repeat;} /* This is the outline round the main forum tables */ .forumline {background-color: #e0dfce;} /* Main table cell colours and backgrounds */ td.row1 { background-color: #fff; } td.row2 { background-color: #fcfcef; } td.row3 { background-color: #e7e6d4; } /* 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 silver background. However, you could replace this with a bitmap specific for each forum */ td.rowpic { background-color: #FFFFFF; background-image: url(img/cellpic2.jpg); background-repeat: repeat-y; } /* Header cells - the blue and silver gradient backgrounds */ th { color: #FFF; font-size: 11px; font-weight: bold; vertical-align: middle; background-color: #62ae34; height: 25px; background-image: url(img/cellpic3.gif); } table.cat, td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom { background-image: url(img/cellpic1.gif); background-color:#dcdc9c; height: 28px; vertical-align: middle; } /* 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: none; vertical-align: middle; } th.thHead *, th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR { font-weight: bold; height: 28px; color: #fff;} td.row3Right,td.spaceRow { background-color: #e7e6d4;} th.thHead,td.catHead { font-size: 12px; border-width: 1px 1px 0px 1px; } th.thSides,td.catSides,td.spaceRow { border-width: 0px 1px 0px 1px; } th.thRight,td.catRight,td.row3Right { border-width: 0px 1px 0px 0px; } th.thLeft,td.catLeft { border-width: 0px 0px 0px 1px; } th.thBottom,td.catBottom { border-width: 0px 1px 1px 1px; } th.thTop { border-width: 1px 0px 0px 0px; } th.thCornerL { border-width: 1px 0px 0px 1px; } th.thCornerR { border-width: 1px 1px 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 : #000000; } /* General text */ .gen { font-size : 12px; } .genmed { font-size : 11px; } .gensmall { font-size : 10px; color: #ddd;} .gen,.genmed,.gensmall { color : #000000; } a.gen,a.genmed,a.gensmall {text-decoration: none; } a.gen:hover,a.genmed:hover,a.gensmall:hover {text-decoration: underline; } /* Forum category titles */ .cattitle { font-weight: bold; font-size: 13px ; color: #49460c; margin-left: 5px;} a.cattitle { text-decoration: none; color : #49460c;} a.cattitle:hover{ text-decoration: underline; } /* Forum title: Text and link to the forums used in: index.php */ .forumlink { font-weight: bold; font-size: 12px; margin-left: 5px;} a.forumlink { text-decoration: none; } a.forumlink:hover{ text-decoration: underline; } /* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */ .nav { font-weight: bold; font-size: 13px; color : #000000; margin-bottom: 20px;} a.nav { text-decoration: none; } a.nav:hover { text-decoration: underline; } /* titles for the topics: could specify viewed link colour too */ .topictitle { font-weight: bold; font-size: 11px; color : #000000;} a.topictitle:link { text-decoration: none;} a.topictitle:visited { text-decoration: none; color: #b3ae58;} a.topictitle:hover { text-decoration: underline;} /* Name of poster in viewmsg.php and viewtopic.php and other places */ .name { font-size : 11px; color : #000000;} /* Location, number of posts, post date etc */ .postdetails { font-size : 10px; color : #ada068;} /* The content of the posts (body of text) */ .postbody { font-size : 12px;} a.postlink:link { text-decoration: none;} a.postlink:visited { text-decoration: none; color : #b3ae58; } a.postlink:hover { text-decoration: underline;} /* Quote & Code blocks */ .code { font-family: Courier, 'Courier New', sans-serif; font-size: 11px; color: #006600; background-color: #FAFAFA; border: #D1D7DC; 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: #444444; line-height: 125%; background-color: #FAFAFA; border: #D1D7DC; border-style: solid; border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px } /* Copyright and bottom info */ .copyrightB { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #444444; letter-spacing: -1px;} a.copyrightB { color: #444444; text-decoration: none;} a.copyrightB:hover { color: #000000; text-decoration: underline;} /* Form elements */ input,textarea, select { color : #000000; font: normal 11px Verdana, Arial, Helvetica, sans-serif; border-color : #000000; } /* The text input fields background colour */ input.post, textarea.post, select { background-color : #FFFFFF; } input { text-indent : 2px; } /* The buttons used for bbCode styling in message post */ input.button { background-color : #EFEFEF; color : #000000; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; } /* The main submit button option */ input.mainoption { background-color : #FAFAFA; font-weight : bold; } /* None-bold submit button */ input.liteoption { background-color : #FAFAFA; 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 { background-color: #DEE3E7; border-style: none; } /* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */ @import url("formIE.css");