
#bestofHeader{
 text-align: center; 
}

.past_bestof {
  text-align: center;
  font-size: 10pt;
}

.sendtofriend {
  font-size: 8pt;
  
}

.bestof_header {
 border-bottom: 2px solid #ddd;
 margin-bottom: 10px;
 padding: 5px 5px 5px 12px;
 font-size: 16pt;
 color: #333;
 text-align: left; 
 background-color: #efefef;
}
.mainbox{  }
.lbox { border: 1px solid black; font-size:10px; background-color: #eeeeee; margin-bottom: 15px; padding: 4px;} 
.rcontent { border: 1px solid ; font-size:10px; background: #FFEECC; margin-bottom: 15px; padding: 4px;} 
.rtitle { margin:0; padding: 2px; text-align: center; }
#logout { font-size: 7pt; color: ;}

h3{ font-size: 110%; margin:15px 0px 4px 0px; font-weight: bold}
h2{ margin-bottom: 6px;}

#loginBox{ background-color: ; border: 1px solid ; margin-bottom: 10px;}
#usertitle{ background-color: ; color:white; padding:2px;}
#userstats { border: 1px solid ; font-size:10px; background: #eeeeee; margin-bottom: 15px; padding: 4px; text-align:center;} 

#recentbox{ background-color: ; border: 1px solid ;}
#sentbox{ background-color: #ddddee; border: 1px solid ;}
#nominate{ background-color: #eeeeee; border: 1px solid ; padding: 6px; font-size: 12px;}
#rpics {}
.rpic {padding: 2px 4px;}

#todaytitle{margin-top:4px; color: white; background-color: ; text-align:center; padding: 2px; margin:0; margin-top: 4px;}

.color_feat {border: 2px solid ; background-color: ; margin-bottom: 10px; padding: 4px; border-bottom-width: 2px; border-top-width:0px;}
.color_1 {border: 1px solid ; background-color: #eeeeee; margin-bottom: 10px; padding: 4px;}
.color_0 {border: 1px solid ; background-color: #eeeeee; margin-bottom: 10px; padding: 4px;}
.dailypic{border: 1px solid #cccccc; padding: 4px 18px;}

.sendlink{ text-align:center;}
.weekdate{ margin-bottom: 2px; font-size: 90%}

.bestOfLeft {
 	float:left;
 	_display:inline;
 	width:754px;
 	height:auto;
 	text-align:center;
 	color:#202933;
 	margin:15px 0 15px 10px; /* left margin comes to total of 20px with addition of 10px padding from #pageContainer */
}
.bestOfLeft #bestOfDaily {
  float:left;
  clear:both;
  width:100%;
  padding:15px 0;
  margin:0 0 10px 0;
  height:auto;
  border:1px solid #ccc;
 	border-radius:4px;
 	-moz-border-radius:4px;
 	-webkit-border-radius:4px;
}
.bestOfLeft #bestOfDaily #logoBar strong {
  font:bold 40px Arial,sans-serif;
  display:inline-block;
  zoom:1;
  *display:inline;
  vertical-align:top;
  padding:15px 5px 0 0;
}
.bestOfLeft #bestOfDaily #logoBar span.bestofHoNLogo {
  display:inline-block;
  zoom:1;
  *display:inline;
  width:395px;
  height:53px;
  margin:0 0 0 10px;
  overflow:hidden;
  vertical-align:top;
  background:url('/i/bestof/sprite_btns_icons.gif') no-repeat 0 0;
  text-indent:-9999px;
}
.bestOfLeft #bestOfDaily h1.bestOfTagline {
	font:30px Arial,sans-serif;
	color:#202933;
	margin:10px 0;
	padding:0;
	text-align:center;
}
.bestOfLeft #bestOfDaily .bestOfCrown {
	text-align:center;
	float:left;
	width:100%;
}
  .bestOfCrown img {border:5px solid #666;position:relative;margin:0 auto;}
  .bestOfCrown a {color:#265791;font:16px Arial,sans-serif;}
  .bestOfCrown a.sendLink {display:block;padding:10px 0 0;}
.bestOfLeft h2 {
	color:#202933;
	font:bold 22px Arial,sans-serif;
	text-align:left;
	padding-left:10px;
}
.bestOfLeft .bestOfCrown h2.date {
  position:absolute;
  top:-36px;
  right:-63px;
  z-index:5;
  background:url('/i/bestof/redCircle.png') no-repeat;
  width:116px;
  height:116px;
  margin:0;
  padding:35px 0 0;
  color:#fff;
  text-align:center;
  font:bold 22px Arial,sans-serif;
}
.bestOfLeft h2 span {font-size:14px;color:#265791;}
.bestOfLeft h2 a {font-size:14px;}

.bestOfLeft #bestOfPast {clear:both;}


.bestOfRight {
	width:184px;
	float:right;
  _display:inline;
  color:#202933;
  border:1px solid #ccc;
  border-radius:4px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  margin:15px 10px 15px 0; /* right margin comes to total of 20px with addition of 10px padding from #pageContainer */
}
.bestOfRight h2.HOTListsLogo {
  margin:10px auto;
  text-align:center;
  width:139px;
  height:25px;
  background:url('/i/bestof/sprite_btns_icons.gif') no-repeat bottom right;
  text-indent:-9999px;
}
.bestOfNewsletter {
	background-color:#f3f3f3;
	width:475px;
	height:110px;
	text-align:left;
	clear:both;
	padding:5px;
	margin:0 auto;
  border:1px solid #ccc;
	color:#202933;
	text-align:center;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
.bestOfNewsletter h3 {
	color:#202933;
	font:18px Arial,sans-serif;
	padding:5px 0;
	margin:0;
	text-align:center;
}
.bestOfNewsletter form {
  margin:20px 0 0;
}
.bestOfNewsletter form input {
  vertical-align:middle;
}
.bestOfNewsletter form input.submitButton {
  background:url('/i/bestof/sprite_btns_icons.gif') no-repeat bottom left;
  width:122px;
  height:29px;
  border:0;
  padding:0;
  margin:0 0 0 5px;
  text-indent:-9999px;
  vertical-align:middle;
  cursor:pointer;
}
.socialShare {
	margin:0 auto;
	width:450px;
	font-size:12px;
	color:#434343;
}
.socialShare h2 {
	color:#265791;
	font:bold 15px Arial,sans-serif;
	margin:8px 0 0 0;
	padding:0 0 3px 0;
}
.socialShare a {
	color:#265791;
	font-weight:normal;
	font:10px Arial,sans-serif;
}
/* This is disabled for now. */
/*.socialShare a.facebook {background:url('../i/ico_facebook.gif') no-repeat 0 0;vertical-align:middle;padding:0 0 0 15px;margin:0 0 0 8px;}
.socialShare a.myspace {background:url('../i/ico_myspace.gif') no-repeat 0 0;vertical-align:middle;padding:0 0 0 18px;margin:0 0 0 8px;}
.socialShare a.bebo {background:url('../i/ico_bebo.gif') no-repeat 0 0;vertical-align:bottom;padding:3px 0 0 20px;margin:0 0 0 8px;}
.socialShare a.hi5 {background:url('../i/ico_hi5.gif') no-repeat 0 0;vertical-align:middle;padding:0 0 0 20px;margin:0 0 0 8px;}
.socialShare a.live {background:url('../i/ico_live.gif') no-repeat 0 0;vertical-align:bottom;padding:5px 0 0 26px;margin:0 0 0 8px;}*/

#logoBar {text-align:center;}

