/******************************/
/**    GLOBAL PAGE STYLES    **/
/******************************/

* {
	margin: 0;
	padding: 0;
}
html {
	height: 100%;
}
body {
	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size: 13px;
	color: #666;
	background: #ccc url(/images/background.gif) repeat-x;
}
h2 {
	color: #f60;
	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
}
a:link, a:visited {
	color: #06c;
}
a:hover, a:active {
	color: #f60;
}

/******************************/
/**     SECTION ID STYLES    **/
/******************************/

#loginbar {
	color: #3ff;
	background: url(/images/login_bar.gif) repeat-x top left;
	width: 100%;
	height: 46px;
	font-size: 0.8em;
	font-weight: bold;
}
#loginbar .text_field {
	width: 240px;
}
#loginbar .container {
	line-height: 45px;
}
#loginbar img {
	position: relative;
	padding: 0 5px 0 5px;
	border: none;
	top: 10px;
}
#loginbar #shift_right {
	position: relative;
	left: 20px;
}
#loginbar .submit {
	position: relative;
	top: 10px;
	padding: 0 5px 0 5px;
}
#loginbar form {
	position: relative;
	float: left;
	display: inline;
}
#loginbar #no_account {
	position: relative;
	float: left;
	display: inline;
	left: 60px;
	overflow: visible;
}
.container {
	position: relative;
	top: 0;
	width: 988px;
	margin: 0 auto;
}
#header {
	background: url(/images/nav_bg.gif) no-repeat center top;
	position: relative;
	top: 0;
	width: 985px;
	height: 93px;
}
#bca_logo {
	background: url(/images/bca_logo_2011.png) no-repeat left top;
	position: absolute;
	display: inline;
	float: left;
	top: 9px;
	left: 17px;
	z-index: 89;
	width: 181px;
	height: 153px;
	margin: 0 0 -20px 0;
}
#welcome {
	position: relative;
	top: 25px;
	left: 208px;
	float: left;
	display: inline;
	width: 400px;
	height: 34px;
	color: #f60;
	font-size: 12px;
	line-height: 34px;
	font-weight: bold;
}
#welcome p {
	display:inline;
	position:relative;
	top:-10px;
}
#welcome img {
	border: 2px solid #ccc;
}
#nav_container {
	width: 410px;
	position: relative;
	display: inline;
	float: left;
	top: 69px !important; top: 45px;
	left: -213px;
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 11px;
	margin: 0;
	padding: 0 0 20px 10px;
}
#nav_container ul {
	list-style-type: none;
}
#nav_container li {
	margin: 0;
	display: inline;
	text-transform: lowercase;
	position: relative;
}
#nav_container a {
	float: left;
	line-height: 14px;
	font-weight: bold;
	padding: 0 12px 6px 12px;
	text-decoration: none;
	color: #666;
}
#nav_container a.active, #nav_container a:hover {
	color: #06c;
	background: url(/images/nav_uparrow.gif) no-repeat bottom center;
}
#nav_account {
	color: #ccc;
	font-weight: bold;
	font-size: 10px;
	background: transparent url(/images/nav_account.gif) no-repeat top center;
	width: 133px;
	height: 24px;
	position: relative;
	float: right;
	margin: -1px 20px 0 0;
	text-align: center;
	line-height: 20px;
	top: -1px;
}
#nav_account a {
	text-decoration: none;
	color: #3ff;
}
#nav_account a:hover, #nav_account a:active {
	text-decoration: none;
	color: #fff;
}
#content {
	position: relative;
	z-index: 0;
	top: 44px !important; top: 30px;
}
#content_top {
	background: url(/images/content_bg_top.gif) no-repeat top center;
	height: 42px;
	width: 987px;
}
#content_mid {
	background: url(/images/content_bg_mid.gif) repeat-y top center;
	width: 987px;
	position:relative;
}
#content_mid #intro {
	text-indent: 0;
	font-size: 12px;
	line-height: 15px;
	width: 355px;
	position: relative;
	left: 10px;
	margin: -8px 10px 0 7px;
	float:left;
	display: inline;
}
#content_bottom {
	background: url(/images/content_bg_bottom.png) no-repeat top center !important;
	background: url(/images/content_bg_bottom.gif) no-repeat top center;
	position: relative;
	width: 987px;
	height: 12px;
}
#box_nominate {
	background: url(/images/box_nominate.gif) no-repeat top center;
	width: 173px;
	height: 149px;
	position: relative;
	left: 30px;
	top: -76px;
	display: inline;
	float: left;
	margin-bottom: -70px;
}
#box_comment {
	background: url(/images/box_comment.gif) no-repeat top center;
	width: 173px;
	height: 149px;
	position: relative;
	left: 40px;
	top: -76px;
	display: inline;
	float: left;
	margin-bottom: -70px;
}
#box_vote {
	background: url(/images/box_vote.gif) no-repeat top center;
	width: 173px;
	height: 149px;
	position: relative;
	left: 50px;
	top: -76px;
	display: inline;
	float: left;
	margin-bottom: -70px;
}
#header_dudes {
	width: 248px;
	overflow:visible;
	height: 165px;
	position: relative;
	left: 13px;
	top: -79px;
	display: inline;
	float: left;
	margin-bottom: -80px;
	margin-right: 0px !important; margin-right: -10px;
	z-index:40;
}
#box_comment_and_vote {
	background: url(/images/box_comment_and_vote.gif) no-repeat top center;
	width: 351px;
	height: 149px;
	position: relative;
	left: -9px;
	top: -75px;
	display: inline;
	float: left;
	margin-bottom: -80px;
	z-index:10;
}
#box_nominate h1, #box_comment h1, #box_vote h1, #box_comment_and_vote h1 {
	height: 0;
	width: 0;
	text-indent: -9999px;
}
#box_nominate img, #box_comment img, #box_vote img, #box_comment_and_vote img {
	position: relative;
	margin: 0 !important; margin: -70px 0 0 0;
}
#search {
	position: relative;
	float: right;
	width: 300px;
	height: 49px;
	top: -10px !important; top: -30px;
	right: 5px;
}
#search .text_field {
	width: 210px;
	height: 19px;
	position: relative;
	top: -12px;
	color: #666;
}
#search .submit {
	position: relative;
	top: 3px;
}
#main_content_container {
	position:relative;
	width: 100%;
	height: 100%;
	background: url(/images/sidebar_bg.gif) repeat-y top left;
}
#categories {
	width: 221px;
	position: relative;
	display: inline;
	float: left;
	border-right: 1px dashed #ccc;
}
#categories h1 {
	color: #f60;
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 20px;
	padding: 10px 5px 10px 10px !important; padding: 10px 5px 0 10px;
}
#categories ul {
	list-style-type: none;
	display: inline;
}
#categories li {
	background: url(/images/bullet_star.gif) no-repeat 7px 9px;
	height: 30px;
	line-height: 30px;
	padding: 0 0 0 25px;
	font-size: 13px;
	overflow:hidden;
}
#categories li a:link, #categories li a:visited, #categories li.u a:link, #categories li.u a:visited {
	font-weight: bold;
	color: #033;
	text-decoration: none;
}
#categories li a:hover, #categories li a:active, #categories li.u a:hover, #categories li.u a:active {
	font-weight: bold;
	color: #f63;
	text-decoration: none;
}
#categories li.u {
	background: url(/images/bullet_star.gif) no-repeat 7px 9px;
	height: 30px;
	line-height: 30px;
	padding: 0 0 0 25px;
	font-size: 13px;
	border-bottom: 1px dashed #ccc;
}
#main_content {
	position: relative;
	display: inline;
	float: right;
	width: 765px;
}
#main_content h1 {
	background: url(/images/star.gif) no-repeat center left;
	margin: 13px 0 0 10px;
	padding-left: 20px;
	font-size: 18px;
	font-weight: bold;
	color: #036;
}
#main_content h1 a:link, #main_content h1 a:visited {
	color: #f60;
	text-decoration: none;
}
#main_content h1 a:hover, #main_content h1 a:active {
	text-decoration:underline;
}
#main_content p {
	font-size: 10px;
	line-height: 14px;
	margin: 10px 0 0 10px;
}
#footer {
	padding: 5px 0 10px 20px;
	font-weight: bold;
	font-size: 10px;
	color: #333;
	line-height: 20px;
}
#footer .footer_nav {
	color: #fff;
}
#footer .footer_nav a:link, #footer .footer_nav a:visited {
	text-decoration: none;
	color: #f63;
}
#footer .footer_nav a:hover, #footer .footer_nav a:active {
	text-decoration: underline;
	color: #f63;
}
.leaderboard {
	width: 728px;
	margin: 10px auto;
}
#ad_section {
/*	background: url(/images/ad_bg.gif) no-repeat top center; */
	width: 730px;
	height: 180px;
	position: relative;
	margin: 9px auto 0 auto;
}
.ad_unit {
	width: 187px;
	height: 162px;
	position: relative;
	float: left;
	display: inline;
	top: 7px;
	margin-left: 6px;
}
#ad_section h1 {
	font-size: 13px;
	text-transform: lowercase;
	color: #033;
	font-weight: bold;
	position: relative;
	top: 20px;
	left: 6px;
	background:none;
}
#ad_section ul {
	float:right;
	list-style-type: none;
	position:relative;
	top: 30px;
	right: 10px;
}
#ad_section li {
	display:block;
	line-height: 14px;
	background: url(/images/bullet_arrows.gif) no-repeat 0px 2px;
	padding: 0 0 0 15px;
	font-size: 11px;
	width:120px;
	margin-bottom: 5px;
}
#ad_section a:link, #ad_section a:visited {
	color: #09f;
	text-decoration: none;
}
#ad_section a:active, #ad_section a:hover {
	color: #f63;
	text-decoration: none;
}
#blog_pagination {
	font-weight: bold;
	width: 100%;
	text-align: center;
	font-size: 0.8em;
}
#blog_pagination a {
	text-decoration: none;
}
.like_blog_pagination {
	font-weight: bold;
	width: 100%;
	text-align: center;
	font-size: 0.8em;
}
.like_blog_pagination a {
/*	text-decoration: none;*/
}

/******************************/
/**   REUSABLE CLASS STYLES  **/
/******************************/

.centered { text-align: center; }
.padtop { margin-top: 10px; }
.padbot { margin-bottom: 10px; }
.padleft { margin-left: 10px; }
.padright { margin-right: 10px; }
.browser {
  background: url(/images/browser_frame.jpg) no-repeat top left;
  width: 113px;
  height: 90px;
  position: relative;
  top: 8px;
  left: 3px;
  float: left;
}
.browser img {
  width: 111px;
  height: 82px;
  border: 0;
  position: relative;
  top: 6px;
  left: 1px;
}
.blog {
	position: relative;
	display: block;
	padding: 4px 4px 4px 4px;
	background: url(/images/blog_bg.gif) no-repeat center center;
	width: 741px;
	height: 116px;
}
.blog .mid_sec {
	position: relative;
	display: inline;
	float: left;
}
.blog p {
	position: relative;
	top: -3px !important; top: -6px;
	width: 486px;
}
.blog p.blog_footer {
	background: url(/images/bullet_blogs_arrows.gif) no-repeat 1px 3px;
	padding: 0 0 3px 17px;
}
.blog p.blog_footer a.comments {
	color: #6c0;
	font-size: 0.9em;
}
.blog .votes_sec {
	float: right;
	position: relative;
	display: inline;
	width: 105px;
	height: 112px;
	background: url(/images/blog_sep.gif) no-repeat bottom left;
	padding: 5px 5px 0 5px;
}
.blog .votes_sec .votes_frame,
.blog .votes_sec .votes_frame.top_3 {
	position: relative;
	top: 18px;
	left: 10px;
	background: url(/images/total_votes_bg.gif) no-repeat top left;
	height: 95px;
	width: 86px;
}
.blog .votes_sec .votes_frame.top_3 { background: url(/images/bg_top_three.gif) no-repeat top left; }
#page_finalists .blog .votes_sec .votes_frame.rank1 { background: url(/images/bg_first.gif) no-repeat top left; }
#page_finalists .blog .votes_sec .votes_frame.rank2 { background: url(/images/bg_second.gif) no-repeat top left; }
#page_finalists .blog .votes_sec .votes_frame.rank3 { background: url(/images/bg_third.gif) no-repeat top left; }
#page_finalists .blog .votes_sec .votes_frame h3 {
	font-size: 17px;
	color: #666;
	line-height: 15px;
	padding: 28px 0 0;
}
#page_finalists .blog .votes_sec .votes_frame h3 .votes_subhead { font-size: 12px; color: #9a9a9a; }
.blog .votes_sec .votes_frame h3,
.blog .votes_sec .votes_frame.top_3 h3 {
	width: 86px;
	color: #033;
	line-height: 45px;
	padding: 15px 0 0 0;
	font-size: 23px;
	text-align: center;
}
.blog .votes_sec .votes_frame.top_3 h3 { color: #666; }
.blog .votes_sec .votes_frame .vote_btn {
	width: 86px;
	text-align: center;
	position: relative;
	top: -6px;
	left: 2px;
}
.blog .votes_sec .votes_frame .vote_btn img {
	border: none;
}
h2.big_orange {
	text-indent: 5px;
	padding: 5px 5px 0px 5px;
	color: #f60;
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 16px;
}
h2.big_orange a {
	color: #f60;
	text-decoration: none;
}
h2.category_subhead {
	padding: 10px 0 5px 25px;
	font-size: 0.9em;
	color: #666;
}
a.box_button {
	position: relative;
	top: 114px;
	left: 15px;
	width: 145px;
	height: 30px;
}
a.box_button2 {
	position: relative;
	top: 113px !important; top: 120px;
	left: 15px;
	width: 145px;
	height: 30px;
}
a.box_button3 {
	position:relative;
	left: 44px;
	top: 113px !important; top: 120px;
	width: 145px;
	height: 30px;
}
a.box_button img, a.box_button2 img, a.box_button3 img {
	border: none;
}
.section_with_underline {
	display: block;
	position:relative;
	left:4px;
	width: 99%;
	padding-bottom: 10px;
	border-bottom: 1px dashed #ccc;
}
.clear {
	clear: both;
}
.no {
	display: none;
}
.copyright {
	font-weight: normal;
	color:#666;
}
.sep_left {
	position: relative;
	top: -13px;
	width: 5px;
	height: 34px;
	display: inline;
	float: left;
	background: url(/images/nav_sep.gif) no-repeat bottom left;
}
#rules p.rules_small, #terms p {
	color: #666;
	width: 90%;
	padding-left: 25px;
	font-size: 12px;
	line-height: 1.4em;
}
#rules p.rules_big {
	color: #f60;
	width: 95%;
	font-weight: bold;
	padding-top: 10px;
	padding-left: 5px;
	font-size: 1.1em;
}
#rules p.rules_big .num {
	color: #666;
}

#about_text p, #about_vote_text p, #about_comment_text p {
	position:relative;
	left: 18px;
	width: 700px;
	font-size: 12px;
	line-height: 16px;
}
#about_text img {
	float:right;
	margin:0;
	padding:0;
}
#main_content h1.special_about_header {
	font-size: 15px;
	color:#666;
}
h2.finalists_subhead {
	width: 93%;
	text-align: center;
	color: #666;
	margin: 15px auto;
}
#num_blogs {
	float:right;
	position:relative;
	top: -18px;
	left: -18px;
	height:0;
	overflow:visible;
}