﻿#column1 {float:left; width: 290px; margin-right:5px;}
#column2 {float:left; width:400px; margin-left:5px; }    
#column3 {float:right; }        

#discussionList {background:#E3E3E3 none repeat scroll 0 0; width: 270px; padding : 10px; }
#discussionList .item { padding: 3px 0px; border-top: solid 1px black;} 
#discussionList h3 { padding-top:12;margin:0}    
#discussionList h4 { padding:0;margin:0}    
#discussionList p { padding:0;margin:0}    

#predictionList {background:#E3E3E3 none repeat scroll 0 0; width: 270px; padding: 10px; margin-top:5px;}
#predictionList .item { padding: 3px 0px; border-top: solid 1px black;}   
#predictionList h3 { padding-top:12;margin:0}    
#predictionList h4 { padding:0;margin:0}    
#predictionList p { padding:0;margin:0}    


#latestComments {background:#E3E3E3 none repeat scroll 0 0; width: 270px; padding: 10px; margin-top:5px;}
#latestComments .item { padding: 3px 0px; border-top: solid 1px black;}   
#latestComments h4 { padding:0;margin:0}    

.topMover { background-color:#E3E3E3; padding:5px; width:240px; margin-top:5px;}    
.topMover h3 {padding-bottom:7px;}
.topMover td {padding-right:25px;}
.topMover .popupMenu {background-color:#FFE49C; padding:10px;}
.topMover .popupLeft {font-size:1.2em; float:left; padding:5px;}
.topMover .popupRight {font-size:0.9em; float:left; padding:5px;}

#topPredictor {float:left; background-color: #E3E3E3; padding:10px; margin-top:5px; width:230px;}                
#topPredictor h3 {text-align: center;}
#topPredictor .col1 {float:left;}
#topPredictor .col2 {padding-left:10px;float:left;}
#topPredictor .rank {padding-right:10px;font-size:30px;}
#topPredictor .predictor {clear:both; padding-top: 10px;}
#topPredictor p { clear:both; text-align:right;}

#featuredPrediction {background-color:#e3e3e3; padding: 10px;}
#featuredPrediction h2 {padding-bottom: 10px;}    
#featuredPrediction h3 {padding-bottom: 2px;}    
#featuredPrediction .byLine {padding-left:60px;margin:3px;}
#featuredPrediction .avatar {float:left;}
#featuredPrediction .detail {color:#555555;padding:1px;	}
#featuredPrediction .comments {padding:5px;}

#featuredBlog {background-color:#e3e3e3; padding: 10px;margin-top:10px;}
#featuredBlog h2 {padding-bottom: 10px;}    
#featuredBlog .author {padding-left:20px;margin:3px; float:left;}
#featuredBlog .avatar {float:left;}
#featuredBlog .intro {clear:both;}

#correctPrediction {background:#E3E3E3; padding:10px; width:380px; margin-top:10px;}
#correctPrediction .item { padding:5px; border-bottom: 1px solid white;}        
#correctPrediction h2 {margin:0; float:left;}
#correctPrediction .topPredictors {padding-left:60px;}
#correctPrediction .byLine {padding: 15px 0 15px 65px;}
#correctPrediction .avatar {float:left; padding:10px 0;}
#correctPrediction .comments {padding:5px 0;}
#correctPrediction .avatar {float:left;}
#correctPrediction .correctTitle {font-style: italic; font-size: 1.2em; color:Green;background:url("/images/check.gif") no-repeat scroll left top transparent; padding-left:20px;}
#correctPrediction .pctChange { width: 150px;}
#correctPrediction .predictionTitle { width: 315px; float: left }

#fbFans {margin-top:5px;}
.message h3 {display: inline; font-size:16px;}

.lastUpdated {margin:0;}        
.more { text-align:right;padding-right:10px;}
