body {background:#292929 url('../images/background.png') repeat-x top left;} /** DEFAULT FONTS **/ body, html,td {font-size:12px;color:#000;font-family: Tahoma, Helvetica, sans-serif;} h2 {color:#000;font-size:16px;margin:0px;text-align:center;} h4 {margin:0px;padding:0px;text-align:center;} h3 {background:#8A6415;color:#fff;padding:3px;} /** LINKS **/ a {color:#EE520B;text-decoration:none;} a:hover {color:#3B5A75;text-decoration:underline;} .hide {display:none;} .flame {height:28px;width:27px;background:url('../images/flame.png');float:left;position:relative;top:-5px;} .goappstore {cursor:pointer;} /** FORM **/ .smartyForm {border:0px;position:relative;padding:0px;margin:0px;} .smartyForm legend {font-family:Georgia;color:#364a70;font-size:14px;font-weight:bold;padding:0px;margin:0px;} .smartyForm .label {font-family:Georgia;padding:3px;text-align:right;width:150px;vertical-align:top;} .smartyForm .field {padding:3px;vertical-align:middle;} .input {margin:0px;width:100px;} .inputOptl {border:1px dashed #777;} .inputReqd {border:1px solid #000;} .inputError {border:2px solid #bd1d15;} .formFieldError {color:#bd1d15;font-weight:bold;text-align:right;font-size:12px;} .hr {width:90%;border:0px;border-bottom:1px solid #ddd;margin-bottom:0px;padding-bottom:0px;} .error, .confirm { border:2px solid;font-size:14px;padding:10px;padding-left:60px;margin:5px;position:absolute;top:180px;width:600px;left:50%;margin-left:-300px;} .error { background:#ffc9c9 url('../images/warning.png') left center no-repeat;border-color:#ff3333;} .confirm { background:#fff9b1 url('../images/info.png') left center no-repeat;border-color:#cdb659;} /** TOP LOGIN FORM **/ #topLoginForm {width:235px;background:#201f1e;position:absolute;top:55px;left:50%;margin-left:-258px;border:1px solid #4b4642;border-top:0px;} #topLoginForm .smartyForm .label {color:#fff;} #topLoggedOnText {font-family:Georgia;width:235px;position:absolute;top:10px;left:50%;margin-left:-218px;color:#f0f0f0;font-style:italic;} #topLoggedOnText .firstLine {font-size:14px;} #topLoggedOnText a {font-weight:bold;color:#e4ef00;} /** TOP REGISTER FORM **/ #topRegisterForm {width:235px;background:#201f1e;position:absolute;top:55px;left:50%;margin-left:-258px;border:1px solid #4b4642;border-top:0px;} #topRegisterForm .smartyForm .label {color:#fff;} /** CONTENT BLOCKS **/ #header {height:84px;background:url('../images/header_bg.png');} #header .left {margin-left:-417px;top:0px;left:0px;height:84px;width:50%;position:absolute;background:url('../images/header_bg_left.png');} #header .right {top:0px;right:0px;height:84px;width:50%;position:absolute;background:url('../images/header_bg_right.png');} #header #logo {height:77px;width:834px;background:url('../images/logo.jpg') no-repeat;position:absolute;left:50%;margin-left:-417px;} #header #logo_off {height:77px;width:834px;background:url('../images/logo_loggedoff.jpg') no-repeat;position:absolute;left:50%;margin-left:-417px;} #header #gohome {top:4px;left:50%;margin-left:-417px;height:60px;width:160px;position:absolute;} #header #showlogin {top:4px;left:50%;margin-left:-240px;height:45px;width:225px;position:absolute;} #header #showregister {top:4px;left:50%;margin-left:28px;height:45px;width:225px;position:absolute;} #header .goappstore {top:4px;left:50%;margin-left:267px;height:60px;width:160px;position:absolute;} #header #logo .on {background:url('../images/+.png') no-repeat right center;} #header #logo .off {background:url('../images/-.png') no-repeat right center;} #tagline { position:relative; width:789px; left:10px; top:-10px; height:42px ;margin:0px auto; background:url(../images/tagline.png) no-repeat;} #content {position:relative;top:-10px;left:-22px;} #content, #bottom {margin:0px auto;width:750px;} #content .top {height:21px;width:784px;background:url('../images/content_top.png');} #content .mid {width:784px;background:url('../images/content_mid.png');} #content .bot {height:6px;width:784px;background:url('../images/content_bot.png');} #content .ad {height:60px;width:784px;background:url('../images/ad784x60.png');} #content #featured {height:238px;width:784px;background:url('../images/featured_bg.jpg');} #featured_tag {height:228px;width:44px;background:url('../images/featured_tag.jpg');position:absolute;left:50%;top:206px;margin-left:-441px;} #footer {height:76px;background:url('../images/footer_bg.png') repeat-x bottom;position:relative;} #copyright {font-size:12px; top:-15px; color:#c0c0c0;position:absolute;left:50%;margin-left:-375px;font-weight:bold;} #copyright a {color:#fff;} /** FEATURED QUESTION **/ #featured_question {padding-left:20px;padding-right:20px;position:relative;} #featured_question .title {margin-top:24px;} #featured_question .title a {margin-top:24px;font-size:14px;font-family:Georgia;color:#e4ef00;} #featured_question .comments {height:130px;overflow:hidden;} #featured_question table {} #featured_question td {padding-left:5px;padding-right:5px;color:#f0f0f0;font-family:Georgia;} #featured_question .comment {margin:0px;padding:0px;} #featured_question .comment .author {font-family:Arial;font-size:10px;color:#c0c0c0;} #featured_question .comment .username {text-transform:uppercase;} #featured_question .comment .rating {font-family:Arial;font-size:10px;color:#d8411b;text-transform:uppercase;} #featured_question .comment .body {margin:0px;padding:0px;margin-bottom:6px;text-align:justify;} #featured_question a {font-family:Georgia;color:#e4ef00;font-style:italic;} #featured_question .title {font-style:normal;} #featured_question .morelink {position:absolute;top:160px;right:25px;} #featured_question .resultLinks {position:relative;left:50px;} #featured_question .resultLinks li {font-style:italic;color:#c0c0c0;font-size:10px;font-family:Georgia;display:inline;list-style-type:circle;} #featured_question .resultLinks li a {padding:0px 5px;font-size:12px;font-family:Georgia;color:#c0c0c0;} /** HOME **/ #body {width:748px;margin:0px auto;margin-top:15px;} #body .top {width:748px;height:15px;background:url('../images/body_top.png');} #body .mid {width:748px;background:url('../images/body_mid.png');} #body .bot {width:748px;height:13px;background:url('../images/body_bot.png');} /** HOME PAGE ARTICLES **/ #articlesHome {position:relative;top:-13px;} #articlesHome h1 {padding:5px 0px;margin:0px;font-weight:normal;color:#434343;text-transform:uppercase;font-size:14px;font-family:Times New Roman;} #articlesHome h2 {text-align:left;font-size:10px;font-family:Arial;text-transform:uppercase;font-weight:normal;color:#434343;} #articlesHome hr {border:0px;border-top:1px solid #a9a9a9;} #articlesHome td {padding:0px 5px;} #articlesHome .left {width:173px;} #articlesHome .left .article {position:relative;left:10px;width:163px;} #articlesHome .left h1 {padding-left:5px;margin-right:-6px;border-top:1px solid #bebebe;border-bottom:1px solid #bebebe;} #articlesHome .middle {width:362px;} #articlesHome .middle h1{text-align:center;background:url('../images/heading_bg.gif') repeat-x 5px;} #articlesHome .middle h1 .text {background:#f0f0f0;padding:0px 10px;} #articlesHome .right {} #articlesHome .right h1 {padding-left:5px;margin-left:-6px;border-top:1px solid #bebebe;border-bottom:1px solid #bebebe;} #articlesHome .right .first {border-top:0px;} #articlesHome a {color:#364a70;font-family:Georgia;font-size:12px;font-style:italic;font-weight:bold;} #articlesHome .title {font-style:normal; } #articlesHome .middle .article { padding:0px 10px 0px 10px} #articlesHome .middle hr { margin:10px;} #articlesHome .middle h2 { padding:3px 0px 3px 10px} #articlesHome .article {position:relative;border:1px solid #f0f0f0;} #articlesHome .article .morelink {font-weight:normal;position:absolute;right:0px;bottom:0px;} #articlesHome .comment {margin:0px;margin-bottom:30px;margin-top:-10px;} #articlesHome .comment .author {font-family:Arial;font-size:10px;color:#646464;} #articlesHome .comment .username {text-transform:uppercase;} #articlesHome .comment .rating {font-family:Arial;font-size:10px;color:#820d0a;text-transform:uppercase;} #articlesHome .comment .body {color:#292828;font-family:Georgia;margin:0px;padding:0px;} #articlesHome .homeChart img {border:1px solid #bebebe;} #articlesHome .homeAnswers {} #articlesHome .homeAnswers .answer {width:170px;text-align:right;float:left;} #articlesHome .homeAnswers .answer .title {font-family:Georgia;color:#454545;font-style:italic;margin-right:3px;} #articlesHome .homeAnswers .answer .image {height:11px;width:11px;float:right;position:relative;bottom:-2px;} /** CATEGORY NAV **/ #categoryNav {width:172px;margin-top:20px;} #categoryNav .header {height:25px;width:163px;background:url('../images/categoryNavHeader.png');} #categoryNav ul {padding-left:0px;margin-left:2px;} #categoryNav li {list-style:none;} #categoryNav a {font-family:Arial;font-size:13px;line-height:17px;color:#e4ef00;text-transform:uppercase;} /** QUESTION **/ #body2 {width:748px;margin:0px auto;} #body2 .top {width:748px;height:15px;background:url('../images/body2_top.png');} #body2 .mid {width:748px;background:url('../images/body2_mid.png');} #body2 .bot {width:748px;height:13px;background:url('../images/body2_bot.png');} #questionContent {position:relative;top:-13px;} #questionContent h1 {padding:3px 0px;margin:0px;font-weight:normal;color:#434343;text-transform:uppercase;font-size:14px;font-family:Times New Roman;} #questionContent h2 {color:#364a70;font-family:Georgia;font-size:14px;font-weight:bold;text-align:left;} #questionContent hr {border:0px;border-top:1px solid #a9a9a9;margin-bottom:15px;} #questionContent .hr01 {border:0px;height:12px;background:url('../images/divider01.png') repeat-x;} #questionContent td {padding:0px 5px;} #questionContent .left {} #questionContent .left h1 {width:70%;text-align:center;background:url('../images/heading_bg.gif') repeat-x 5px;} #questionContent .left h1 .text {background:#f0f0f0;padding:0px 10px;} #questionContent .left .col {padding:0px 20px;} #questionContent .right {width:175px;} #questionContent .comment {margin:0px;margin-left:10px;padding:0px;margin-bottom:30px;margin-top:0px;} #questionContent .comment .author {font-family:Arial;font-size:10px;color:#646464;} #questionContent .comment .username {text-transform:uppercase;} #questionContent .comment .rating {font-family:Arial;font-size:10px;color:#820d0a;text-transform:uppercase;} #questionContent .comment .body {color:#292828;font-family:Georgia;margin:0px;padding:0px;} #questionContent .resultLinks {position:relative;left:80px;} #questionContent .resultLinks li {display:inline;color:#909090;} #questionContent .resultLinks li a {padding:0px 5px;font-size:10px;color:#909090;text-transform:uppercase;} #questionContent a {color:#364a70;font-family:Georgia;font-size:12px;font-style:italic;font-weight:bold;} #questionContent .article {position:relative;} #questionContent .article .morelink {font-weight:normal;position:absolute;right:0px;bottom:-18px;} #questionContent .title {font-style:normal;} /** PAGE NAV **/ #pagenav {} #pagenav td {font-family:Georgia;font-size:11px;color:#909090;} #pagenav .element {display:block;cursor:pointer;width:14px;height:14px;background:url('../images/nav.png');} #pagenav .first_off {background-position:0px 0px;} #pagenav .last_off {background-position:15px 0px;} #pagenav .next_off {background-position:29px 0px;} #pagenav .prev_off {background-position:43px 0px;} #pagenav .first {background-position:0px 15px;} #pagenav .last {background-position:15px 15px;} #pagenav .next {background-position:29px 15px;} #pagenav .prev {background-position:43px 15px;} /** CATEGORY **/ #body3 {width:748px;margin:0px auto;} #body3 .top {width:748px;height:15px;background:url('../images/body3_top.png');} #body3 .mid {width:748px;background:url('../images/body3_mid.png');} #body3 .bot {width:748px;height:13px;background:url('../images/body3_bot.png');} #categoryContent {position:relative;top:-13px;} #categoryContent h1 {padding:3px 0px;margin:0px;font-weight:normal;color:#434343;text-transform:uppercase;font-size:14px;font-family:Times New Roman;} #categoryContent h1 {width:70%;text-align:center;background:url('../images/heading_bg.gif') repeat-x 5px;} #categoryContent h1 .text {background:#f0f0f0;padding:0px 10px;} #categoryContent td {padding:0px 5px;} #categoryContent .left {width:50%;} #categoryContent .left .col {padding:0px 10px;} #categoryContent .right {width:50%;} #categoryContent .right .col{padding:0px 10px;} #categoryContent a {color:#364a70;font-family:Georgia;font-size:12px;font-style:italic;font-weight:bold;} #categoryContent .article {position:relative;} #categoryContent .article .morelink {font-weight:normal;position:absolute;right:0px;bottom:-18px;} #categoryContent .title {font-style:normal;} #categoryContent .comment {margin:0px;margin-left:10px;padding:0px;margin-bottom:30px;margin-top:0px;} #categoryContent .comment .author {font-family:Arial;font-size:10px;color:#646464;} #categoryContent .comment .username {text-transform:uppercase;} #categoryContent .comment .rating {font-family:Arial;font-size:10px;color:#820d0a;text-transform:uppercase;} #categoryContent .comment .body {color:#292828;font-family:Georgia;margin:0px;padding:0px;} /** OTHER **/ #body4 {width:748px;margin:0px auto;} #body4 .top {width:748px;height:15px;background:url('../images/body4_top.png');} #body4 .mid {width:748px;background:url('../images/body4_mid.png');} #body4 .bot {width:748px;height:13px;background:url('../images/body4_bot.png');} /**div {outline:1px solid red;}**/ #questionContent p { max-width:500px; overflow:hidden;} .middle { padding:0px 20px 0px 20px;} .right p { padding:0px 5px 0px 10px; margin-bottom:0px;} #articlesHome .right p { padding:0px 0px 0px 0px; margin:3px 0px 10px 0px;} .morelink { padding-right:5px;} /** CHARTS **/ #graphs { position:relative; background:url(../images/chartBg.png); width:790px; height:280px; padding:0px 0px 0px 0px; overflow:hidden;} #image { position:absolute; height:200px;width:300px; top:40px; left:50px;} #chart1 { position:absolute; height:200px;width:300px; top:30px; left:0px;} #chart2 { position:absolute; height:200px;width:300px; top:30px; left:250px;} #title1 { position:absolute; height:20px;width:100px; top:230px; left:100px; text-align:center} #title2 { position:absolute; height:20px;width:100px; top:230px; left:350px; text-align:center} #legend { position:absolute; width:130px; top:30px; left:650px; } #legend h3 { background-color:#FFF; color:#000; width:100px; margin-bottom:3px; font-size:80%;} .copyright { position:absolute;left:50%;margin-left:-375px; font-size:70%; text-align:left; width:750px; margin-top:15px; color:#666;}