* { margin: 0; padding: 0; } body { margin: 0; padding: 0; font: 71%/1.5em Verdana, 'Trebuchet MS', Arial, Sans-serif; background: url(headerbg-orange.gif) repeat-x; color: #666666; text-align: center; } /* links */ a { background: inherit; color: #EC981F; } a:hover { background: inherit; color: #806B4D; } /* headers */ h1, h2, h3, .companysubtitles { font: bold 1em 'Trebuchet MS', Tahoma, Sans-serif; text-transform: uppercase; color: #555; } h1 { font-size: 1.5em; } h2 { font-size: 1.3em; } h3 { font-size: 1.2em; text-transform: none;} .companysubtitles { font-size: 1.3em; } #main h1, #rightbar h1 { padding: 10px 0 5px 5px; margin: 0 0 0 10px; text-transform: uppercase; border-bottom: 1px solid #f2f2f2; } #sidebar h1 { padding: 10px 0px 5px 30px; background: url(square_arrow.gif) no-repeat 2px 12px; margin: 0; text-transform: uppercase; } p, h1, h2, h3, h4, .companysubtitles { margin: 10px 15px; } ul, ol { margin: 10px 30px; padding: 0 15px; color: #EC981F; } ul span, ol span { color: #666666; } /* images */ /* img { border: 2px solid #CCC; } */ img.float-right { margin: 5px 0px 5px 15px; } img.float-left { margin: 5px 15px 5px 0px; } a img { border: 0px solid #EC981F; } a:hover img { border: 0px solid #806B4D !important;border: 0px solid #EC981F; } code { margin: 5px 0; padding: 10px; text-align: left; display: block; overflow: auto; font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace; background: #FAFAFA; border: 1px solid #f2f2f2; border-left: 3px solid #EC981F; } acronym { cursor: help;border-bottom: 1px solid #777; } blockquote { margin: 15px; padding: 0 0 0 32px; background: #FAFAFA url(quote.gif) no-repeat 5px 10px !important; background-position: 8px 10px; border: 1px solid #f2f2f2; border-left: 3px solid #EC981F; font-weight: bold; } /* form elements */ form { margin:10px; padding: 0; border: 1px solid #f2f2f2; background-color: #FAFAFA; } label { display:block; font-weight:bold; margin:5px 0; } input { padding: 4px; border:1px solid #eee; font: normal 1em/1.5em Verdana, sans-serif; color:#777; } textarea { width:350px; padding:4px; font: normal 1em/1.5em Verdana, sans-serif; border:1px solid #eee; height:100px; display:block; color:#777; } input.button { margin: 0; font: bold 1em Arial, Sans-serif; border: 1px solid #CCC; background: #FFF; padding: 2px 3px; color: #333; } /* search form */ form.searchform { background: transparent; border: none; margin: 0; padding: 0; } form.searchform input.textbox { margin: 0; width: 120px; border: 1px solid #CCC; background: #FFF; color: #333; vertical-align: top; } form.searchform input.button { width: 55px; vertical-align: top; } /*****************/ /* Layout */ /*****************/ #wrap { margin: 0 auto; width: 908px; text-align: left; background: #FFF; } #content-wrap { clear:both; margin: 0; padding:0; width: 908px; } /* header */ #header { position: relative; background: url(headerbg-orange.gif) repeat-x 0% 0%; height: 84px; } div.logoimg { position: relative; background: url(logo.gif) no-repeat; top: 15px; height: 50px; } #header h1#logo { position: absolute; margin: 0; padding: 0; font: bolder 4.1em 'Trebuchet MS', Arial, Sans-serif; letter-spacing: -2px; color: #CCC; /*text-transform: lowercase;*/ /* change the values of top and Left to adjust the position of the logo*/ top: 0; left: 55px; } #header h2#slogan { position: absolute; margin: 0; padding: 0; font: bold 2em 'Trebuchet MS', Arial, Sans-serif; text-transform: none; color: #FFF; /* change the values of top and Left to adjust the position of the slogan*/ top: 30px; left:65px; } #header .searchform { position: absolute; top: 5px; right: 3px; } /* main column */ #main { float: left; margin-left: 15px; padding: 0; /*width: 54%;*/ width: 72%; /*border-left: 1px solid #f2f2f2; */ } #main2 { float: left; margin-left: 15px; padding: 0; width: 96%; } .post-footer { background-color: #FAFAFA; padding: 5px; margin-top: 20px; font-size: 95%; border: 1px solid #f2f2f2; } .post-footer .date { background: url(clock.gif) no-repeat left center; padding-left: 20px; margin: 0 10px 0 5px; } .post-footer .comments { background: url(comment.gif) no-repeat left center; padding-left: 20px; margin: 0 10px 0 5px; } .post-footer .readmore { background: url(page.gif) no-repeat left center; padding-left: 20px; margin: 0 10px 0 5px; } /* sideabar */ #sidebar { float: left; width: 24%; margin: 0; padding: 0; display: inline; } #sidebar ul.sidemenu { list-style: none; text-align: left; margin: 0 0 8px 0; padding-right: 0; text-decoration: none; } #sidebar ul.sidemenu li { border-bottom: 1px solid #EFF0F1; background: url(arrow.gif) no-repeat 2px 5px; padding: 2px 5px 2px 20px; } * html body #sidebar ul.sidemenu li { height: 1%; } #sidebar ul.sidemenu a { font-weight: bold; background-image: none; text-decoration: none; } /* rightbar */ #rightbar { float: right; width: 24%; padding: 0; margin: 0; } /* footer */ #footer { clear: both; background: #FFF url(footerbg.gif) repeat-x left top; border-top: 1px solid #F2F2F2; text-align: center; height: 50px; } #footer a { text-decoration: none; font-weight: bold; } /* menu */ #menu { clear: both; margin: 0; padding: 0; } #menu ul { position: relative; bottom: 4px; margin: 0; padding: 0; float: left; font: bold 1.4em 'Trebuchet MS', Tahoma, Arial, Sans-serif; width: 850px;/* 775px; */ border: 1px solid #808080; border-width: 0 0 4px 0; list-style: none; } #menu ul li{ display: inline; } #menu ul li a { position: relative; bottom: -4px; float: left; color: #808080; padding: 0px 10px; text-decoration: none; background: white url(menudivide.gif) repeat-y right top; border-bottom: 4px solid #808080; } #menu ul li a:hover{ color: black; background-color: #F3F3F3; border-bottom: 4px solid #FFA600; } #menu ul li#current a{ color: #333; background-color: #F3F3F3; border-bottom: 4px solid #FFA600; } #menu ul li#sponsorship a{ color: red; } #menu ul li#sp_current a{ color: red; background-color: #F3F3F3; border-bottom: 4px solid #FFA600; } /* Font colors */ font.names { color: #EC981F ; } /* Company Logo Boxes */ .companybox { border-color : #FFFFFF; border : 0px #FFFFFF; border-top : #999999 0pt solid; border-left : #999999 0pt solid; border-right : #999999 0pt solid; border-bottom : #999999 0pt solid; text-align: left; padding: 10px 10px 10px 10px; } /* Alignment classes */ .float-left { float: left;} .float-right { float: right; } .align-left { text-align: left; } .align-right { text-align: right; } .align-center { text-align: center; } .align-justify { text-align: justify; } /* display classes */ .clear { clear: both; } .block { display: block; } .hide { display: none; } .orange { color: #FFA600; } .tab { padding: 0px 0px 0px 16px; }