@import url(http://misc.hersheypa.com/assets/social_bar/social_bar.css);
/* CSS Document */

/* Reset
---------------------------------------------------------------------*/

html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, img, table, tr, td, form {
	margin: 0;
	padding: 0;
	border: 0;
}

/* General
---------------------------------------------------------------------*/
body {
	font: 12px Arial, Helvetica, sans-serif;
	color: #1A0706;
	background: #1B0807 url(/images/background.jpg) repeat-x center top;
	line-height:125%;
}
h2 {
	font:bold 18px Arial, Helvetica, sans-serif;
}

a:link, a:visited{
	color:#1A0706;
	text-decoration:underline;
	
}
a:hover{
	text-decoration:underline;
	color:#80161C;
}

/* Layout
---------------------------------------------------------------------*/
#container{
	width: 980px;
	padding:0px 0 50px;
	margin:0 auto;
	text-align: left;
	overflow:hidden;
}
#main_container{
	width:950px;
	float:left;
	padding:0;
	margin:0 15px;
	background: #1B0807 url(/images/main_background.jpg) repeat-x center top;
}
#header{
	float:left;
	margin:0;
	padding:0 0 5px;
	width:950px;
	height:230px;
	position:relative;
}
#visit_hersheypa{
	float:right;
	padding:13px 25px 0 0
}
#logo{
	padding:71px 0 0 52px;
	margin:0;
	width:226px;
	height:112px;
	float:left;
}
#body_content{
	width:890px;
	margin:0;
	padding:0 30px 30px;
	float:left;
}
#body_content .intro{
	color:#FFFFFF;
	width:860px;
	padding:0 0 30px 20px;
}
#body_content h1{
	float:left;
	padding:5px 0 0 15px;
	width:315px;
}
#body_content h2{
	font-size:16px;
	padding:0 0 0px;
}
#body_content p{
	padding:0 0 10px;
}

#main_content_container{
	float:left;
	width:860px;
	background: #F4DDAA url(/images/main_content_background.jpg) repeat-x center top;
	padding:15px;
	margin:0 0 30px;
}
#main_content{
	float:left:
	width:860px;
}
#home_left_col{
	background: url(/images/story_photo_background.jpg) no-repeat left top;
	float:left;
	width:285px;
	padding:0 15px 0 0;
}
#home_left_col img{
	float:left;
	margin:7px 0 0 7px;
	padding:0;
	border:5px solid white;
}
#photo_caption h2{
	color:#582519;
	float:left;
	width:270px;
	padding:10px 0 0;
	text-align:center;
}
#photo_caption h3{
	color:#8B634C;
	float:left;
	width:270px;
	padding:0;
	text-align:center;
	font-weight:normal;
	font-style:italic;
	font-size:14px;
}
#home_center_col{
	float:left;
	width:360px;
	padding:7px 15px 0 0;
}
#home_right_col{
	float:right;
	width:170px;
	padding:7px 0 0 15px;
	background:url("/images/rightside_vertical_border.jpg") no-repeat scroll left top transparent;
}
#home_right_col h4{
	color:#D11B15;
	font-size:16px;
}
#home_right_col #top5{
	padding:10px 0 0;
}
#top5 .listing{
	background:url(/images/top5_background.jpg) no-repeat top;
	width:150px;
	height:30px;
	text-align:center;
	color:#FFF;
	font-size:11px;
	font-weight:bold;
	padding:6px 0 2px 1px;
	float:left;
}
.listing a:link, .listing a:visited{
	color:#FFF;
	text-decoration:none;
}
.listing a:hover{
	color:#FFF;
	text-decoration:underline;
}
.promoText {
	font-size: 14px;
	color: #FFFF00;
	line-height: 22px;
}
#bottom_bar{
	float:left;
	width:890px;
}
#banners img{
	float:left;
	padding:0 30px 0 0;
}
#see_more_stories{
	vertical-align:top;
	float:left;
	width:235px;
	margin:0 0px 0 0;
	display:block;
}
#see_more_stories table{
	padding:0;
	margin:0;
}
.sms_thumb{
	border:2px solid white;
	margin:0 3px 3px 0;
}
.callout_link:link, .callout_link:visited{
	color:#D11B15;
	text-decoration:underline;
	font-style:italic;
	font-weight:bold;
}
.callout_link:hover{
	text-decoration:underline;
	color:#80161C;
	font-style:italic;
}

/**** Submit Story
---------------------------------------------*/
#ss_left_col{
	background: url(/images/ss_photo_background.jpg) no-repeat left top;
	float:left;
	width:285px;
	padding:0 15px 0 0;
}
#ss_left_col img{
	float:left;
	margin:7px 0 0 7px;
	padding:0;
	border:5px solid white;
}
#ss_left_col p{
	float:left;
	padding:10px 0 0 10px;
	width:260px;
}
#ss_right_col{
	float:left;
	width:530px;
	padding:7px 0 0 0;
}
#ss_right_col .table_container{
	float:left;
	width:530px;
	padding:0 0 15px;
	margin:0;
}
.table_mini{
	float:left;
	width:200px;
	padding:0;
	margin:0;
}
.form_sub{
	font-size:10px;
}
.table_row_spacing{
	padding:0 0 5px;
}
.form_head{
	padding:5px 0 0;
}
#rules{
	padding:0;
	margin:0;
}
.legal_box{
	float:left;
	width:520px;
	height:50px;
	padding:3px;
	margin:5px 0 10px;
	overflow:auto;
	background:#CCCCCC;
	border:inset 1px;
	color:#666666;
}
.textarea{
	float:left;
	width:520px;
	height:150px;
}
#ss_right_col label{
	float:left;
}
#ss_right_col .legal_label{
	width:530px;
	float:left;
	display:block;
}
#ss_right_col .sm_label{
	width:50px;
	float:left;
	display:block;
	font-size:10px;
}
#dob_link{
	font-size:9px;
	margin:0;
}

/**** GAllERY
--------------------------------------------*/
#gallery_left_col{
	float:left;
	width:190px;
	padding:7px 0 0;
	margin:0;
	background:url("/images/leftside_vertical_border.jpg") no-repeat scroll right top transparent;
}
#gallery_left_col .search_box{
	float:left;
	border:1px solid #1A0706;
	padding:0;
	margin:0 0 5px;
	width:170px;
}
#gallery_left_col h3{
	padding:0 0 25px;
	float:left;
}
#gallery_left_col p{
	float:left;
	padding:0 0 5px;
	width:170px;
}
#gallery_left_col #browse_by{
	width:170px;
	float:left;
	padding:0 0 0 2px;
	margin:0;
	color:#4C1E18;
}
#gallery_left_col h4{
	padding:0;
	margin:0;
	float:left;
	font-size:14px;
	width:190px;
}
#browse_by ul{
	padding:0 0 15px;
	margin:3px 0 0 20px;
	float:left;
	display:block;
	list-style:url(/images/gallery_ul_dash.jpg);
}
#browse_by lis{
	padding:0;
	margin:0;
}
#gallery_right_col{
	float:right;
	width:660px;
	padding:7px 0px 0 0;
}
#photos_container {
	float:left;
	width: 660px;
	display:block;
	padding:0 0px 0 0;
}
#photos_container .photos_row{
	display:block;
	float:left;
	width:660px;
}
.gallery_photo{
	float:left;
	width:156px;
	padding:0 0 15px 8px;
	position:relative;
}
.gallery_photo_first{
	clear:both;
	float:left;
	width:156px;
	padding:0 0 15px 8px;
	position:relative;
}
.gallery_photo_last{
	clear:right;
	float:right;
	width:156px;
	padding:0 0 15px 8px;
	position:relative;
}
.bacon_wrap{
	float:left;
	position:absolute;
	width:156px;
	margin:0 0 0;
	padding:0;
	z-index:100;
	top:96px;
	left:10px;
}
.bacon_wrap_text{
	float:left;
	position:absolute;
	text-align:center;
	font-weight:bold;
	color:#FFF;
	width:156px;
	margin:0 0 0;
	padding:0;
	z-index:100;
	top:95px;
	left:9px;
	font-size:11px;
}
#gallery_right_col .gallery_photo h2, #gallery_right_col .gallery_photo_first h2, #gallery_right_col .gallery_photo_last h2{
	color:#582519;
	font-weight:bold;
	font-size:12px;
	text-align:center;
	padding:8px 0 0 3px;
	margin:0;
}
.gallery_photo h2 a:link, .gallery_photo h2 a:visited, .gallery_photo_first h2 a:link, .gallery_photo_first h2 a:visited, .gallery_photo_last h2 a:link, .gallery_photo_last h2 a:visited{
	color:#582519;
	text-decoration:none;
}
.gallery_photo h2 a:hover, .gallery_photo_first h2 a:hover, .gallery_photo_last h2 a:hover{
	text-decoration:underline;
}
#gallery_right_col .gallery_photo h3, #gallery_right_col .gallery_photo_first h3, #gallery_right_col .gallery_photo_last h3{
	color:#8B634C;
	font-size:10px;
	text-align:center;
	font-weight:bold;
	padding:0 0 0 3px;
	margin:-2px 0 0;
}
.story_photo{
	margin:0 0 0 3px;
	border:2px solid white;
}
#pagination{
	font-size:11px;
	float:right;
	padding:5px 10px;
	text-align:right;
	width:635px;
	height:15px;
	background:#C3B188;
	margin:0;
}
#pagination #results_text{
	float:left;
}

/**** TOP 10
--------------------------------------------*/
#final_main_col{
	float:left;
	width:850px;
	padding:15px 0px 0 0;
}
#final_photos_container {
	float:left;
	width: 850px;
	display:block;
	padding:0 0px 0 0;
}
#final_photos_container .photos_row{
	display:block;
	float:left;
	width:850px;
}
#final_main_col .gallery_photo{
	float:left;
	width:156px;
	padding:0 0 15px 14px;
	position:relative;
}
#final_main_col .gallery_photo_first{
	clear:both;
	float:left;
	width:156px;
	padding:0 0 15px 14px;
	position:relative;
}
#final_main_col .gallery_photo_last{
	clear:right;
	float:right;
	width:156px;
	padding:0 0 15px 14px;
	position:relative;
}
#final_main_col .gallery_photo h2, #final_main_col .gallery_photo_first h2, #final_main_col .gallery_photo_last h2{
	color:#582519;
	font-weight:bold;
	font-size:12px;
	text-align:center;
	padding:8px 0 0 3px;
	margin:0;
}
#final_main_col .bacon_wrap{
	float:left;
	position:absolute;
	width:156px;
	margin:0 0 0;
	padding:0;
	z-index:100;
	top:108px;
	left:16px;
}
#final_main_col .bacon_wrap_text{
	float:left;
	position:absolute;
	text-align:center;
	font-weight:bold;
	color:#FFF;
	width:156px;
	margin:0 0 0;
	padding:0;
	z-index:100;
	top:107px;
	left:15px;
	font-size:11px;
}

.gallery_photo h2 a:link, .gallery_photo h2 a:visited, .gallery_photo_first h2 a:link, .gallery_photo_first h2 a:visited, .gallery_photo_last h2 a:link, .gallery_photo_last h2 a:visited{
	color:#582519;
	text-decoration:none;
}
.gallery_photo h2 a:hover, .gallery_photo_first h2 a:hover, .gallery_photo_last h2 a:hover{
	text-decoration:underline;
}
#final_main_col .gallery_photo h3, #final_main_col .gallery_photo_first h3, #final_main_col .gallery_photo_last h3{
	color:#8B634C;
	font-size:10px;
	text-align:center;
	font-weight:bold;
	padding:0 0 0 3px;
	margin:-2px 0 0;
}


/***  CONTEST DETAILS
---------------------------------------------*/
#cd_right_col{
	float:left;
	width:550px;
	padding:7px 0 0 0;
}

/***  VOTE NOW 
---------------------------------------------*/
.popupContainer_vote {width:370px; padding:15px; background:#1B0807;}
.popupInside_vote {width:auto; padding:8px 10px; background:#F4DDAA;text-align:left;}
#vote_popupCopy{clear:both; width:350px; }
#vote_popupCopy h2{
	font-size:16px;
	width:200px;
	float:left;
}



/***  DETAILS
---------------------------------------------*/
#detail_left_col {background: url(/images/story_photo_background.jpg) no-repeat left top;float:left;width:285px;padding:0 15px 0 0;}
#detail_left_col .mainPic{float:left;margin:7px 0 0 7px;padding:0;border:5px solid white;}

#voteSection {width:250px;font: 14px Arial, Helvetica, sans-serif; padding:0 0 0; margin:10px 0 0 15px;}
#voteSection .voteNow{width:125px;padding:0 10px 0 0;float:left;}
#voteSection .voteContainer{width:100px;padding:0 0 0 0;float:right;}
#voteSection .thumb{width:17px;padding:4px 5px 0 0;float:left;}
#voteSection .txt{width:75px; padding:7px 0 0;float:right;text-align:right;}

#shareSection{width:250px;padding:25px 0 0;margin:0 0 0 15px;clear:both;}
#shareSection .fb{width:82px;padding:7px 10px 0 0;}
#shareSection .tw{width:68px;padding:7px 0 0;}


#detail_right_col {float:left;width:535px;padding:7px 15px 0 0;}
#body_content #detail_right_col h2{font-size: 21px;color: #582519;padding:0;}
#detail_right_col .location{font-size: 14px;color: #8B634C;font-style: italic;font-weight: normal;}
#detail_right_col h3{font-size: 14px;color: #000;padding:8px 0 3px;}

#dTop5{width:490px;padding:10px 0 0;}
#dTop5 h4{font-size: 18px;color: #D11B15;padding:0 0 10px;}
#dTop5 .listing{background:url(/images/top5_background.jpg) no-repeat top;width:150px;height:30px;text-align:center;color:#FFF;font-size:11px;font-weight:bold;margin: 0px 10px 0 0;padding:6px 0 2px 1px;float:left;}

#dPage{font-size:11px;float:left;padding:5px 10px;text-align:right;width:535px;height:15px;background:#C3B188;margin:10px 0 0;}
#dPage #results_text{float:left;}

.clear {clear:both;}




/**** =Pop Up windows
---------------------------------------------*/
.popupContainer {width:275px; padding:15px; background:#1B0807;}
.popupInside {width:auto; padding:8px 10px; background:#F4DDAA;text-align:left;font-size:11px;}
#dob_popupCopy{clear:both; width:265px;}

/**** =Footer
---------------------------------------------*/
#footer{clear:both;font-size:11px;color:#999999;margin:0px auto;overflow:hidden;width:980px;padding:0 0 25px;}
#footer a:link, #footer a:visited{color:#999999; text-decoration:none;}
#footer a:hover{ color:#999999;text-decoration:underline;}
#footer #small_logo{float:right;margin:0;padding:11px 25px 0 0px;display:inline;}
#footer ul#navFooterFirst{list-style-image:none;list-style-position:outside;list-style-type:none;margin:0px auto;width:980px;padding:0 0 0 215px;}
#footer ul#navFooterFirst li{float:left;list-style-image:none;padding:20px 20px 0 0px;}
#footer ul#navFooterFirst li.last{float:left;list-style-image:none;padding:20px 0px 0 0px;}
#footer ul#navFooterFirst li.footerLogo{padding:0 45px 0 30px;}