/*--------------------------------------------
Home Page Style Sheet (for FF3, Safari 3, Chrome 1)

version:     1.0
author:      Chris Newton, Cody Silva
website:     http://www.answerbag.com
--------------------------------------------*/
.SearchAnswers { margin: 0 0 40px; padding: 10px 20px 20px; }

.sections { background: url(../../images/bg/home_page_sections.jpg) repeat-x bottom center; border: 1px solid #caccce; margin-bottom: 20px; float: left; width: 630px; }
    .sections .questions,
    .sections .polls { float: left; display: inline; width: 44%; padding: 0 11px 25px 20px; position: relative; }
        .sections li h2 { margin: 0 0 25px; }
            .sections li h2 a { font-weight: bold; }
        .sections li .navigation { position: absolute; bottom: 10px; width: 90%; }
            .sections li .Nav2 { float: left; margin-top: 4px; }
            .sections li .viewAll { float: right; }
    .sections li.questions { border-right: 1px solid #caccce; }
        .sections li.questions .Tab1 { position: absolute; top: -12px; left: -5px; }
        .sections li.questions .IconQuestions { position: relative; top: 10px; left: 0; z-index: 1; padding: 16px 0 0 80px; }
        .sections li.questions dl { }
            .sections li.questions dd { margin: 0 0 20px; }
                .sections li.questions dd a { font-weight: bold; }
                    .sections li.questions dd .Note a { font-weight: normal; }
        .sections li.questions .viewAll { position: absolute; bottom: 10px; right: 10px; }
    .sections li.polls { }
        .sections li.polls .Tab1 { position: absolute; top: -12px; left: -5px; }
        .sections li.polls .IconPolls { position: relative; top: 10px; left: -20px; z-index: 1; padding: 16px 0 0 80px; margin-left: 20px; }
        .sections li.polls .Poll { margin-left: 0; }
            .sections li.polls .Poll dd { width: 275px; }
    .sections li.debates { border-right: none; }
        .sections li.debates .Tab1 { position: absolute; top: -12px; left: -5px; }
        .sections li.debates .IconDebates { position: relative; top: 10px; left: -20px; z-index: 1; padding: 16px 0 0 110px; margin-left: 20px; }
        .sections li.debates .title { font-weight: bold; }
            .sections li.debates .title .Note { font-weight: normal; }
        .sections li.debates .itemContent {}
            .sections li.debates .itemContent .Img1 { float: left; margin-right: 10px; }
            .sections li.debates .itemContent p {}

.totalAnswers { margin: 10px 0 20px; font-size: 12px; font-weight: bold; }

.Column1,
.Column2 { margin: 0 0 20px; }

.happeningNow { margin: 0 0 20px; }
    .happeningNow table { width: 100%; }
        .happeningNow table thead { display: none; }
        .happeningNow table tr {}
        .happeningNow table td { width: 80%; border-bottom: 1px solid #efeff0; padding: 10px 0; font-size: 11px; }
        .happeningNow table tr:last-child td { border-bottom: none; }
        .happeningNow table td:first-child { padding: 10px 20px 10px 0; }
        .happeningNow table td.Note { width: 20%; vertical-align: middle; text-align: right; text-transform: uppercase; }
            .happeningNow table td img { float: left; margin-right: 10px; }
            .happeningNow table td p { margin: 0 0 0 35px; }

.recentTopics { position: relative; }
    .recentTopics .Nav3 { position: relative; top: 1px; }
    .recentTopics .topicsContainer { border: 1px solid #e5e9ec; padding: 10px 0; }
    .recentTopics table { width: 100%; }
        .recentTopics table thead { display: none; }
            .recentTopics table td { width: 60%; padding: 10px 20px; vertical-align: middle; }
            .recentTopics table td:last-child { width: 40%; font-size: 11px; text-align: right; }

.hotTopics { margin: 0 0 40px; }
    .hotTopics .content { margin: 0 0 10px; }
        .hotTopics .content li { float: left; display: inline; width: 300px; margin-left: 30px; }
            .hotTopics .content li h3 { margin: 0 0 5px; }
        .hotTopics .content li:first-child { margin-left: 0; }
    .hotTopics .Nav2 { float: right; }
        
.popularQuestions { margin: 29px 0 0; float: left; display: inline; width: 300px; }  
  .popularQuestions ol { list-style: none; margin-left: 0; }
      .popularQuestions li { margin: 0 0 20px; }
          .popularQuestions li span { float: left; margin-right: 10px; margin-top: -5px; font-size: 33px; }
          .popularQuestions li a { display: block; margin-left: 27px; }
          .popularQuestions li p { margin: 0 0 0 27px; text-transform: uppercase; }

.dailyPoll { float: left; display: inline; width: 300px; margin-left: 30px; }  
    .dailyPoll .Poll dd label { width: 92%; }
        
.BestPolls { float: left; display: inline; width: 300px; margin-left: 30px; }

#Account {}
#Account .askFlowSigninError { margin: 0 0 40px; }
#Template2a #Account .Column1 { width: 315px; }
#Template2a #Account .Column2 { width: 564px; padding-left: 40px; border-left: 1px solid #e5e5e5; }        

.facebookConnect { margin: 0 0 20px; }
        
#RelatedAds {}
    #RelatedAds .ads { margin: 0 0 20px; }
    #RelatedAds .clear { clear: both; }        
        
#SiteMap {}
    #SiteMap h2 { margin: 0 0 10px; font-weight: bold; }
    #SiteMap ul { margin: 0 0 20px; }      
    #SiteMap .BulletList li { margin: 0 0 5px 15px; }
    #SiteMap .orderedList li { margin: 0 0 5px; }      

.browseList { margin: 20px 0 20px 0; font-size: 16px; line-height: 1.5em; }
    .browseList dt { font-weight: bold; }
    .browseList dd { display: inline; margin-right: 15px; }
    .browseList .recent { border-left: 1px solid #000; padding-left: 5px; }

#Leaderboard { margin-top: 29px; }
#Leaderboard .SectionTitle { margin: 0; }
#Leaderboard .mgb10 { margin-bottom: 10px; }
#Leaderboard .member { float: left; clear:both; width: 100%; padding-bottom: 12px; }
#Leaderboard .info { float: left; height: 25px; padding-right: 10px; }
	#Leaderboard .info.counter { line-height: 25px; width: 15px; }
	#Leaderboard .info.last { padding-right: 0; }
		#Leaderboard .info.last small { font-size: 11px; }
#Leaderboard .bottomlink { float: left; clear:both; margin-top: 5px; text-align:right; width: 100%; font-size: 12px; }

