﻿@charset "utf-8";
/* CSS Document */

/*** CSS Reset ***/
html, body, div, span,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
img, ins, kbd, q, s, samp,
small, strike, strong,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}
ol, ul { list-style:none; margin:0; padding:0; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table {	border-collapse: collapse; border-spacing: 0; }

/*** Set ***/
BODY { color:#505050; display:block; font-family:Arial, Helvetica, sans-serif; height:100%; font-size:11px; text-align:center; }
A { font-size:11px; text-decoration:none; }
A:HOVER { text-decoration:underline; }
H1 { font-size:32px; }
H2 { font-size:24px; }
H3 { font-size:19px; }
H4 { font-size:16px; }
H5 { font-size:13px; }
H6 { font-size:11px; }

/*** Header ***/
#header-content { background:url(images/headerbg_v2.0.gif) repeat-x; height:101px; }
#search-container { background:url(images/searchbg_v2.0.gif) repeat; height:121px; }
#header-divider { background:url(images/headerdivider.gif) no-repeat center; height:8px; }

#header-left, #header-right { float:left; }
#header-left { width:280px; }
#header-right { width:680px; }

#logo-container { margin:8px 0 0 10px; }
#logo-container A { border:0; float:left; }
#logo { background:url(images/logo_v2.0.gif) no-repeat; height:84px; width:270px; }

#account-container { display:block; height:37px; }
#account-container-wrap { float:right; }
#account-left, #account-right, #account-content { float:left; height:37px; }
#account-left { background:url(images/accountleft.gif) no-repeat; width:30px; }
#account-right { background:url(images/accountright.gif) no-repeat; width:30px; }
#account-content { background:url(images/accountbg.gif) repeat-x; }
#account-content SPAN, #account-content A { color:#f2f2f2; float:left; margin-top:9px; }
#account-content A { font-weight:bold; }
#account-content .login-link { text-decoration:none; }

#navigation-container { display:block; height:32px; margin-top:31px; }
UL.nav-list { margin-left:35px; }
UL.nav-list LI A , UL.nav-list LI A SPAN { float:left; margin-right:2px; }
UL.nav-list LI A SPAN { height:33px; width:108px; }

.tab-home { background:url(images/spritetab_v1.0.gif) no-repeat -109px -66px; }
.tab-question { background:url(images/spritetab_v1.0.gif) no-repeat -545px -66px; }
.tab-debate { background:url(images/spritetab_v1.0.gif) no-repeat -1968px 0; }
.tab-poll { background:url(images/spritetab_v1.0.gif) no-repeat -327px -66px; }
.tab-browse { background:url(images/spritetab_v1.0.gif) no-repeat -1750px 0; }
.tab-home:HOVER, .link-tab-home .active { background-position: -218px -66px; }
.tab-question:HOVER, .link-tab-question .active { background-position: -654px -66px; }
.tab-debate:HOVER, .link-tab-debate .active { background-position: 0 -66px; }
.tab-poll:HOVER, .link-tab-poll .active { background-position: -436px -66px; }
.tab-browse:HOVER, .link-tab-browse .active { background-position: -1859px 0; }

#search-content { background:url(images/search_v2.0.gif) no-repeat; height:100%; width:950px; }
#search-image, #search-control, #search-textbox-container, #search-button-container { float:left; }
#search-image { width:155px; height:100%; }
#search-control { height:100%; text-align:left; width:645px; }
#search { margin-top:30px; }
#search-textbox-container { margin-left:70px; }
#search-type { font-size:12px; padding:5px 0 0 70px; }
#search-type INPUT, #search-type SPAN { float:left; }
#search-type SPAN { margin:4px 3px 0 0; }

UL.subnav-list { float:left; margin:15px 0 0 17px; }
UL.subnav-list LI { clear:both; }
UL.subnav-list LI A { float:left; }

.search-textbox  { border:0; font-size:16px; height:21px; padding:12px 20px; width:382px; }
.search-button { background:url(images/searchbutton.gif) no-repeat; border:0; cursor:pointer; height:45px; width:129px; }
.search-button:HOVER { background:url(images/searchhoverbutton.gif) no-repeat; }
.pushpin-ask { background:url(images/pinask.png) no-repeat; height:45px; width:133px; }
.pushpin-blog { background:url(images/pinblog.gif) no-repeat; height:45px; width:133px; }

/*** Categories ***/
#category-container { background:url(images/categorybg.png) no-repeat; height:172px; text-align:left; position:absolute; top:0; width:950px; z-index:1; }
#category-link { float:right; margin-right:20px; }
#category-link A { color:#fff; }

UL.category-list { padding:15px 0 10px 70px; }
UL.category-list LI { float:left; margin:0 30px 7px 0; width:180px; }
UL.category-list LI A { color:#fff; float:left; font-size:12px; }

/*** Main Content ***/
#main-content-container { margin-top:30px; text-align:left; }
#main-content, #main-content2 { margin-bottom:20px; width:645px; }
#side-bar, #side-bar2 { margin-bottom:20px; width:285px; }
#main-content, #side-bar2 { float:left; }
#side-bar, #main-content2 { float:right; }

UL.item-list { clear:both; font-size:11px; }
UL.item-list LI { border:1px #e8e8e8 solid; border-width:0 0 1px 0; clear:both; }
UL.item-list .item-left, UL.item-list .item-left-small, UL.item-list .item-right, UL.item-list .item-right-small { float:left; margin:10px 0; }
UL.item-list .item-left { width:80px; }
UL.item-list .item-left-small { width:45px; }
UL.item-list .item-right { padding:0 5px 0 10px; width:550px; }
UL.item-list .item-right-small { padding:0 5px 0 10px; width:565px; }
UL.item-list .item-heading { color:#505050; margin:0 0 5px 0; }
UL.item-list .item-content { margin-bottom:5px; }
UL.item-list .item-content .item-title A { color:#1b608a; font-size:13px; font-weight:bold; }
UL.item-list .item-category { color:#505050; }
UL.item-list .item-time { float:right; }
UL.item-list A { color:#1b608a; }

/*** Featured ***/
#featured-tab-container { margin-top:9px; }
.featured-content { clear:both; }

UL.featured-tab-list { margin-left:2px; }
UL.featured-tab-list LI A, UL.featured-tab-list LI A SPAN { float:left; } 
UL.featured-tab-list LI A { margin-right:2px; }
UL.featured-tab-list LI A SPAN { height:34px; width:125px; }

UL.featured-type-list { float:right; margin:8px 10px 10px 0; }
UL.featured-type-list LI { float:left; }

.hottest-tab { background:url(images/spritetab_v1.0.gif) no-repeat -994px 0; }
.unanswered-tab { background:url(images/spritetab_v1.0.gif) no-repeat -1498px 0; }
.newest-tab { background:url(images/spritetab_v1.0.gif) no-repeat -1246px 0; }
.hottest-tab:HOVER, .link-hottest .active  { background-position: -1120px 0; }
.unanswered-tab:HOVER, .link-unanswered .active  { background-position: -1624px 0; }
.newest-tab:HOVER, .link-newest .active  { background-position: -1372px 0; }

.type { color:#1b608a; float:left; padding:3px 0 3px 0; text-decoration:none !important; }
.type STRONG { margin-right:10px; padding:3px 0 3px 10px; }
.type-active { background:url(images/filterright.gif) right no-repeat; padding:3px 0 3px 0; }
.type-active STRONG { background:url(images/spritetab_v1.0.gif) no-repeat 0 0; color:#fff; margin-right:10px; padding:3px 0 3px 10px; }

/*** Quick Question ***/
#ask-container { margin:0; }
#ask-textbox-container, #ask-button-container { float:left; }
.ask-textbox { background:url(images/quickaskbg.gif) no-repeat; border:0; padding:6px 5px; width:217px; }
.ask-button { background:url(images/ask_v2.0.gif); border:0; cursor:pointer; height:26px; width:48px; }
.ask-button:HOVER { background:url(images/askhover_v2.0.gif) no-repeat; }

/*** Notorious Section ***/
#notorious-tab-container { margin-top:15px; }

.notorious-list-container { background:#3d89bf; padding:10px 0; }
.notorious-list-container H2 { color:#ffecb3; margin-right:20px; text-align:right; }

UL.notorious-tab-list LI A, UL.notorious-tab-list LI A SPAN { float:left; }
UL.notorious-tab-list LI A { margin-right:2px; }
UL.notorious-tab-list LI A SPAN { height:65px; width:75px; }

.henyo-tab { background:url(images/spritetab_v1.0.gif) no-repeat -730px 0; }
.bobo-tab { background:url(images/spritetab_v1.0.gif) no-repeat -202px 0; }
.gago-tab { background:url(images/spritetab_v1.0.gif) no-repeat -466px 0; }
.henyo-tab:HOVER, .link-henyo .active { background-position: -806px 0; }
.bobo-tab:HOVER, .link-bobo .active { background-position: -278px 0; }
.gago-tab:HOVER, .link-gago .active { background-position: -542px 0; }

UL.notorious-list { margin-top:8px; }
UL.notorious-list LI { clear:both; color:#1f1f1f; padding:2px 5px; }
UL.notorious-list LI .item-left, UL.notorious-list LI .item-right { float:left; }
UL.notorious-list LI .item-left { background:#fff; margin-left:5px; }
UL.notorious-list LI .item-right { padding:13px 0 0 10px; width:195px; }
UL.notorious-list LI A, UL.notorious-list LI SPAN.count-text { color:#fff; }
UL.notorious-list LI SPAN.count-text { float:right; font-weight:bold; }

/*** Question ***/
UL.answer-list { margin-top:-10px; }
UL.answer-list LI.answer-content { border:1px #999 solid; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; clear:both; margin:20px 0; padding:10px 20px; }
UL.answer-list LI.answer-content:HOVER { border-color:#333; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; box-shadow:0 0 8px #666; -webkit-box-shadow:0 0 8px #666; -moz-box-shadow:0 0 8px #666; }
UL.answer-list LI A { color:#1b608a; }
UL.answer-list LI .col1 { float:left; margin-right:10px; width:50px; }
UL.answer-list LI .col2 { float:left; width:540px; } 
UL.answer-list LI .answer-heading { color:#505050; font-size:11px; margin-bottom:20px; }
UL.answer-list LI .answer-vote { float:right; }
UL.answer-list LI .answer-text { font-size:13px; margin-bottom:10px; }

/*** Category List ***/
#categories-container { margin-top:20px; }

UL.categories-list { font-size:11px; }
UL.categories-list LI { float:left; height:40px; margin-bottom:8px; width:275px; }
UL.categories-list LI.category, UL.categories-list A { color:#1b608a; font-size:12px; font-weight:bold; }

/*** Blog ***/
UL.blog-list { clear:both; }
UL.blog-list .item-left, UL.blog-list .item-right { float:left; margin:10px 0; }
UL.blog-list .item-left { width:80px; }
UL.blog-list .item-right { padding:0 5px 0 10px; width:550px; }
UL.blog-list .item-right A { color:#1b608a; }
UL.blog-list .item-heading { color:#505050; margin:0 5px 5px 5px; }
UL.blog-list .item-title { margin:15px 5px; }
UL.blog-list .item-title  H2 { color:#083453; font-weight:normal; }
UL.blog-list .item-content { font-size:12px; margin:0 5px; }
UL.blog-list .item-content .text { color:#333; }

.blog-divider { background:url(images/dividerblog.gif) no-repeat; height:3px; width:551px; }

/*** Comment ***/
.comment-control { clear:both; float:right; margin:10px 0 5px 0; }
.comment-control A, .comment-control SPAN { color:#808080 !important; float:left; }
.comment-control SPAN.divider { margin:0 8px; }
.comment-area TEXTAREA { width:99%; }

UL.comment-list { clear:both; font-size:11px; margin-top:20px; width:100%; }
UL.comment-list LI { border-top:1px #c2c2c2 solid; padding:3px 5px 5px 5px; } 
UL.comment-list LI .col1 { float:left; margin:8px 10px 10px 0; width:50px; }
UL.comment-list LI .col2 { float:left; margin:8px 0 10px 0; width:460px !important; }
UL.comment-list LI .col2-debate { float:left; margin:8px 0 10px 0; width:405px; } 
UL.comment-list LI DIV.comment-heading { margin-bottom:15px; }

.comment-icon { background:url(images/commenticon_v2.0.gif) no-repeat; float:left; height:14px; margin-right:5px; width:17px; }

/*** Profile ***/
.profile-container { font-size:12px; }
.profile-content { margin:0 10px; }
#profile-head { margin-left:2px; }
#profile-head .col1 { float:left; width:84px; }
#profile-head .col2 { float:left; padding-top:20px; }

UL.profile-list { margin:10px 5px 0 5px; }
UL.profile-list LI { clear:both; }
UL.profile-list LI SPAN { float:left; }
UL.profile-list LI SPAN.label { font-weight:bold; width:90px; }
UL.profile-list LI SPAN.info { width:185px; }

UL.ranking-tab-list LI A, UL.ranking-tab-list LI SPAN { float:left; }
UL.ranking-tab-list LI A { margin-right:2px; }
UL.ranking-tab-list LI A SPAN { height:45px; width:55px; }

.ranking-list-container { background:#3d89bf; color:#fff; padding:10px 0; }
.ranking-list-container H2 { color:#ffecb3; margin-right:20px; text-align:right; }

TABLE.ranking-table { margin-top:5px; width:100%; }
TABLE.ranking-table TR TH { border-bottom:1px #fff solid; padding:2px 3px; }
TABLE.ranking-table TR TD { padding:2px 3px; }
TABLE.ranking-table TR .col2 { text-align:right; }

.contribution-content { clear:both; }
UL.contribution-list { clear:both; margin-top:10px; }
UL.contribution-list LI { margin-bottom:10px; }
UL.contribution-list LI A { color:#1b608a; font-size:12px; }
UL.contribution-list LI A.question { font-size:13px; font-weight:bold; }

.message-button { background:url(images/buttonmessage.gif) no-repeat; border:0; cursor:pointer; height:30px; width:198px; }
.message-button:HOVER { background:url(images/buttonmessagehover.gif) no-repeat; }

.henyo-tab-small { background:url(images/spritetab_v1.0.gif) no-repeat -882px 0; }
.bobo-tab-small { background:url(images/spritetab_v1.0.gif) no-repeat -354px 0; }
.gago-tab-small { background:url(images/spritetab_v1.0.gif) no-repeat -618px 0; }
.henyo-tab-small:HOVER, .link-henyo-small .active { background-position: -938px 0; }
.bobo-tab-small:HOVER, .link-bobo-small .active { background-position: -410px 0; }
.gago-tab-small:HOVER, .link-gago-small .active { background-position: -674px 0; }

.question-tab { background:url(images/spritetab_v1.0.gif) no-repeat -1519px -66px; }
.answer-tab { background:url(images/spritetab_v1.0.gif) no-repeat -763px -66px; }
.comment-tab { background:url(images/spritetab_v1.0.gif) no-repeat -1015px -66px; }
.feedback-tab { background:url(images/spritetab_v1.0.gif) no-repeat -1267px -66px; }
.question-tab:HOVER, .link-question .active { background-position: -1645px -66px; }
.answer-tab:HOVER, .link-answer .active { background-position: -889px -66px; }
.comment-tab:HOVER, .link-comment .active { background-position: -1141px -66px; }
.feedback-tab:HOVER, .link-feedback .active { background-position: -1393px -66px; }

UL.tab-list LI, UL.tab-list LI A, UL.tab-list LI A STRONG { float:left; }
UL.tab-list LI { margin-left:2px; }
UL.tab-list LI A { background:url(images/taborange.gif) no-repeat; color:#083453; font-size:12px; height:34px; text-decoration:none; width:125px; }
UL.tab-list LI A:HOVER, UL.tab-list LI .active { background:url(images/taborangeactive.gif) no-repeat; color:#fff; }
UL.tab-list LI A STRONG { margin-top:10px; text-align:center; width:100%; }

.form-container { width:606px; }
.form-container2 { width:236px; }
UL.form-list { font-size:12px; }
UL.form-list LI.label { margin-bottom:3px; }
UL.form-list LI.info { margin-bottom:8px; }
UL.form-list LI .input1 { width:300px; }
UL.form-list LI .input2 { width:230px; }
UL.form-list LI TEXTAREA { width:600px; }

TABLE.notification-table { border:1px #e1e1e1 solid; border-width:1px 1px 0 1px; font-size:13px; font-weight:bold; margin-bottom:8px; text-align:center; width:100%; }
TABLE.notification-table TR TH { background:#e1e1e1; padding:6px 5px; }
TABLE.notification-table TR TD { border:1px #e1e1e1 solid; border-width:0 1px 1px 0; padding:4px 5px; }
TABLE.notification-table TR TD.label { text-align:right; }
TABLE.notification-table TR TD.input { width:68px; }

.button { background:url(images/buttongray.gif) no-repeat; float:right; height:25px; width:70px; }
.button:HOVER { background:url(images/buttongrayactive.gif) no-repeat; text-decoration:none; }
.button SPAN { color:#666; float:left; font-size:13px; margin-top:4px; text-align:center; width:100%; } 

/*** Footer ***/
#footer-container { background:#185f90 url(images/footerbg.gif) repeat-x; clear:both; color:#46acf0; margin-top:20px; min-height:300px; text-align:left; }
#footer-content { clear:both; padding-top:35px; }
#footer-content .col1, #footer-content .col2, #footer-content .col3 { float:left; width:310px; }
#footer-content .col1 {}
#footer-content .col2 {}
#footer-content .col3 {}
#footer-content .col1 DIV, #footer-content .col2 DIV, #footer-content .col3 DIV { margin:0 15px; }
#footer-content H3 { margin-bottom:10px; }

#footer-dark-container { background:url(images/footerdarkbg.gif) repeat-x; height:47px; }
#footer-dark-container P, #footer-dark-container A, #footer-dark-container SPAN { color:#46acf0; }
#footer-dark-container P { float:right; margin-top:22px; }

.footer-divider { background:url(images/footerdivider.gif) repeat-y; height:320px; float:left; margin:15px 7px 15px 6px; width:2px; }
.inset-footer { text-shadow:#333 1px 1px 0, #f2f2f2 0 0 0; }
.inset-footer-blue { text-shadow:#185d8c 1px 1px 0, #f2f2f2 0 0 0; }

.contact-textbox { background:#185d8c; border:1px #3279ab solid; color:#46acf0; padding:4px 5px; width:270px; }
.contact-textarea { height:123px !important; padding:4px 5px !important; }
.contact-button { background:url(images/contactsubmit.gif) no-repeat; border:0; cursor:pointer; height:26px; width:69px; }
.contact-button:HOVER { background:url(images/contactsubmithover.gif) no-repeat; }

UL.contact-list { margin-top:25px; }
UL.contact-list LI { margin:3px 0; }
UL.contact-list LI.label { margin-top:10px; }
UL.contact-list LI.control { margin-top:10px; text-align:right; }

UL.footer-list { float:left; padding-top:22px; }
UL.footer-list LI { float:left; }
UL.footer-list LI A { float:left; font-size:12px; text-decoration:none; }
UL.footer-list LI SPAN { margin-right:8px; }

/*** Common ***/
.breadcrumb { background:url(images/breadcrumbg.gif) repeat-x; border:1px #b2b2b2 solid; font-size:11px; height:23px; margin-bottom:10px; padding-left:15px; }
.breadcrumb DIV { margin-top:6px; }
.breadcrumb A { color:#1b608a; }
.breadcrumb2 { margin:0 0 10px 0 !important; }

.image { background:url(images/alert.png) no-repeat; float:left; height:11px; width:12px; }
.content { margin:0 10px; }
.content-small { margin:0 5px; }
.content-container { clear:both; margin-bottom:30px; }
.header { color:#083453; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; margin:10px 0; }
.yellow-divider { background:url(images/yellowdivider_v2.0.gif) no-repeat; clear:both; height:7px; margin-top:10px; width:645px; }
.divider-small { background:url(images/yellowdividersmall_v2.0.gif) no-repeat; height:7px; margin-top:10px; width:285px; }
.divider2 { background:url(images/divider2.gif) no-repeat; clear:both; height:3px; margin-top:10px; width:645px; }
.divider-small2 { background:url(images/dividersmall2.gif) no-repeat; height:3px; margin-top:5px; width:285px; }
.divider-big { background:url(images/dividerbig.gif) no-repeat; clear:both; height:7px; margin-top:10px; width:950px; }