
body {
    font: 10px Arial, Tahoma, Helvetica, sans-serif;
}

.clear {
    clear:both;
    height:0;
}

a, a:link, a:visited {
	color:#000000;
	text-decoration:none;
}

p {
	font-size:12px;
	line-height:1.3em;
	margin:0 0 1em;
}

h2 {
    font-size:1.6em;
}

a.anchor { 
	height: 0px;
	text-indent: -5000px;
}

/*
================================================================
Header styles
================================================================
*/
  
#header h1 {
    background: url(../../images/design_bighit/logo.png) no-repeat;
    width:261px;
    height:154px;
}

#header h1 a {
    text-indent:-5000px;
    overflow:hidden; 
    display:block;
    width:261px;
    height:154px;
}

#header {
    background: url(../../images/design_bighit/stitches_header.png) no-repeat 265px 0px;
    width:1024px;
    height:100px;
    position:relative;
    z-index:50;
}

#header ul.nav-sub-ul-0 {
    position:absolute;
    top:83px;
    left:288px;
    display:block;
}


#header ul.nav-sub-ul-0 li {
    display:inline;
    float:left;
    margin:0 10px;
}

#header ul.nav-sub-ul-0 li a {
    background-image: url(../../images/design_bighit/mainmenu.png);
    background-repeat:no-repeat;
    display:block;
    text-indent:-2000px;
    overflow:hidden;
    height:15px;
}

#header a.commissioner {
    background-position: 0 0;
    width:201px;
}

#header a.commissioner:hover, #header a.commissioner.active {
    background-position: 0 -15px;
}

#header a.vote {
    background-position: -220px 0;
    width:70px
}

#header a.vote:hover,#header a.vote.active {
    background-position: -220px -15px;
}

#header a.recipes {
    background-position: -310px 0;
    width:130px;
}

#header a.recipes:hover, #header a.recipes.active {
    background-position: -310px -15px;
}

#header a.submitrecipe {
    background-position: -460px 0;
    width:170px;
}

#header a.submitrecipe:hover, #header a.submitrecipe.active {
    background-position: -460px -15px;
}


/*
================================================================
  Styles for the main content
================================================================
*/

#wrapper {
    width:950px;
    margin:4px 15px;

}


.content {
    float:right;
    width:660px;
    min-height:490px;
    background: url(../../images/design_bighit/content_bg2.jpg) no-repeat;
}


.big-recipes-section, .static {
    background: none;   
    padding-bottom: 5px;
}
/*
================================================================
Footer styles
================================================================
*/

#footer {
    float:right;
    clear:right;
    width:685px;
}

#footer li a {
    font-size:9px;
    color:#666666;
    text-transform:uppercase;
    text-decoration:none;
    letter-spacing:0.02em;
    margin:0 10px;
}

#footer p {
    font-size:9px;
    color:#666666;
    text-transform:uppercase;
    margin-top:4px;
    float:right;
    clear:both;

}

#footer li a:hover {
    text-decoration:underline;
    color:#f00;
}

#footer li {
    float:left;
    border-left:1px solid #666666;
    font-size:9px;
}

#footer li.share {
    border:none;
}

#footer li.last a {
    margin-right:0;
}

#footer li.share a.stico_default, #footer li.share a.stbutton {
    background:url(../../images/design_bighit/icons.png) no-repeat !important;
    display:block;
    height:12px;
    padding-left:17px;
    text-align:baseline;
}

#footer ul li.share .stbuttontext {
    line-height: normal;
}

#footer ul {
    float:right;
}

/*
================================================================
  Style for left sidebar with image
================================================================
*/

#left-sidebar {
    z-index:0;
    width:260px;
    overflow:show;
}

#left-sidebar .main-img {
    z-index:-1;
    position:relative;
    left:20px;
    top:30px;
    
}

#left-sidebar .left-wrapper{
    margin-top: 60px;	
    margin-left: 20px;
}

/*
================================================================
Home page
================================================================
*/

.home-block {
    width:208px;
	height:125px;
    float:left;
    margin-right:10px;
}


.home-block .blockcontainer {
	background: url(../../images/design_bighit/white_70.png);
    width:188px;
	min-height:125px;
	height: 148px;
	padding: 5px 10px;
    color:#000000;
    margin-bottom:8px;
}

.home-block h2 {
    overflow:hidden;
    text-indent:-5000px;
    width:208px;
    height:28px;
    margin-bottom:7px;
}

#leaderboard h2 {
    background: url(../../images/design_bighit/buttons_headlines.png) no-repeat 0 0;
}

#featured-hits h2 {
    background: url(../../images/design_bighit/buttons_headlines.png) no-repeat -220px 0;
}

#got-recipe h2 {
    background: url(../../images/design_bighit/buttons_headlines.png) no-repeat -440px 0;
}

/**** Leaderboard content styles ****/
#leaderboard ol li {
    width:212px;
    color:#000;
    position:relative;
}

#leaderboard li a{
    position:absolute;
    right:0;
    top:5px;
    display:block;
    background:url(../../images/design_bighit/buttons_headlines.png) no-repeat -220px -50px;
    font-size:9px;
    text-decoration:underline;
    width:72px;
    height:20px;
    color:#000;
    padding-left:12px;
}

.see-recipes {
	text-align: right;
	position: relative;
	top: -5px;
	z-index: 5;
}

.see-recipes a {
	text-align: center;
	background:url(../../images/design_bighit/buttons_headlines.png) no-repeat -220px -50px;
    font-size:9px;
    text-decoration:underline;
    width:72px;
    height:20px;
    color:#000;
    text-decoration:underline;
    display: block;
    float: right;
}

#leaderboard li span.ordinal {
    font-weight:bold;
    font-family: "Arial Black", Arial, sans-serif;
    width:25px;
    display:block;
    float:left;
}

#leaderboard li div {
    height:17px;
    position:relative;
    background:url(../../images/design_bighit/buttons_headlines.png) no-repeat -220px -78px;
    width:180px;
    height:10px;
}

/**** Slideshow content styles ****/

#featured-hits {
    color:#13773b;
    height: 181px;
}

.featured-hit {
	background-color: none;
    margin-left:10px;
    margin-right:10px;
    margin-top:0px;
}

.featured-hit h3 {
    font-size:11px;
    font-weight:bold;
    height: 30px;
    color:#13773b;
}

.featured-hit img {
    position:relative;
}

#featured-hits .house-party {
    overflow:hidden;
    text-indent:-5000px;
    background: url(../../images/design_bighit/buttons_headlines.png) no-repeat 0 -50px;
    width:208px;
    height:30px;
    margin-bottom:0;
}

#featured-hits p a {
    color:#000;
    text-decoration:none;
    font-weight:bold;
    font-size:11px;
    /*margin-left:8px;*/
}

/**** Recipe content styles ****/

.home-block #tbs {
    background: url(../../images/design_bighit/buttons_headlines.png) no-repeat 0 -100px;
    width:170px;
    height:60px;
    padding-left:70px;
    padding-top:5px;
    display: block;
}

.home-block #tbs p {
    width:157px;
    font-weight:bold;
    font-size:10px;
}

#got-recipe { 
	height: 271px;
	display: block;
}
	
#got-recipe h3 {
    font-size:11px;
    font-weight:bold;
    color:#13773b;
}

#got-recipe p {
    color:#000;
    font-weight:bold;
    margin-bottom:2px;
    font-size: 11px;
}

/*
================================================================
Recipe page
================================================================
*/
#big-hit-recipe-header{
	margin-top: 38px;
	padding-bottom: 20px;
}
	
#recipe-title{
	background: url(../../images/design_bighit/big_hit_recipes_title.png) no-repeat;
}

.recipe p {
    font-size:13px;
    line-height:1.3em;
    margin:0 0 1em;
}

#big-hit-recipe-header{
	margin-top: 38px;
	padding-bottom: 20px;
}
	
#recipe-title{
	background: url(../../images/design_bighit/big_hit_recipes_title.png) no-repeat;
}

#recipe-title h2{
	text-indent: -5000px;
	height: 22px;
	padding-bottom: 10px;
}

#big-hit-recipe-header p{
	width: 318px;
}

#recipe-title h2{
	text-indent: -5000px;
	height: 22px;
	padding-bottom: 10px;
}

#big-hit-recipe-header p{
	width: 318px;
}

#big-hit-recipe-header, .recipe {
	border-bottom: 1px solid #e5e5e5;
}

.recipe h2 {
    color:#86B33C;
    line-height:1em;
    margin:0.5em 0;
    text-transform:lowercase;
}

.recipe .image {
	float: right;
	display: block;
	width: 145px;
	height: 85px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}

a.expand {
	border:0 none;
	color:#E95D22;
	font-size:1.2em;
	font-weight:bold;
	text-transform:lowercase;
}

.recipe p {
	font-size:13px;
	line-height:1.3em;
	margin:0 0 1em;
}

a.expand {
	border:0 none;
	color:#E95D22;
	font-size:1.2em;
	font-weight:bold;
	text-transform:lowercase;
}

.summary p, h4 {
	color:#666666;
	font-size:14px;
	font-weight:bold;
	margin-top:1em;
	text-transform:none;
}

/*
================================================================
Voting page
================================================================
*/
.detailsURL{
	display:none;
}
.fading-bg {
    background: url(../../images/design_bighit/graded_white_background.png) no-repeat;
    width:278px;
    height:300px;
    float:left;
    margin:25px 10px;
    padding-top:10px;
    padding-bottom:20px;
    overflow:hidden;

}

#playerarea {
    margin: 0px 10px 25px 35px;
}

#reciperarea{
    margin: 0px 10px 25px 10px;
}
#playerheader{
    padding: 0px 15px 0 10px;
}

#playerinfo-wrap{
    padding: 0px 5px 0px 10px;
}

#reciperarea h3, #reciperarea h5{
	font-size: 11px;
}

#playerimage {
    float:right;
    width:72px;
    height:116px;
    margin-right:15px;
}

#contestlogo {
    width:152px;
    height:78px;
    background: url(../../images/design_bighit/vote_graphics.png) no-repeat -480px 0;
}

#favorite-player {
    background: url(../../images/design_bighit/vote_graphics.png) no-repeat -210px -2px;
}

#favorite-player h3{
	width: 239px;
	height: 85px;
    text-indent: -5000px;	
}

#my-player {
	margin-top: 25px;
	margin-left: 50px;
    background: url(../../images/design_bighit/vote_graphics.png) no-repeat 0 0;	
    width: 183px;
}

#my-player h5{
	height: 20px;
	text-indent: -5000px;
}

#selected-player{
	 width: 216px; 
     height: 226px; 
     margin-left: 27px;
     background: url(../../images/design_bighit/vote_graphics.png) no-repeat -2px -129px;      
}

#selected-player.has-voted {
     background: url(../../images/design_bighit/vote_graphics.png) no-repeat -470px -127px;      
}

#selected-player.done-voting {
     background: url(../../images/design_bighit/vote_graphics.png) no-repeat -240px -128px;      
}

#drop-frame {
    display: none;
    width: 72px;
    height: 102px;
}

#drop-frame img{
    margin-top: 65px;
    margin-left: 65px;
}

#submit-vote{
    margin-top: 10px;
    margin-left: 70px;
}

#submit-vote h5{
	background: url(../../images/design_bighit/vote_graphics.png) no-repeat 0 -90px; 
}

#submit-vote.has-voted h5{
	background: url(../../images/design_bighit/vote_graphics.png) no-repeat -399px -90px; 
}

#submit-vote h5 a{
    display: block;
    width: 145px;
    height: 26px;
    text-indent: -5000px;
}

#submit-vote.has-voted a{
	cursor: default;
}

/*
================================================================
Deck of cards on voting page
================================================================
*/


div.hiddenplayerinfo, div.player-recipe {
    display:none;
}

#players {
    background: url(../../images/design_bighit/white_70.png);
    width:650px;
    height:130px;
}

#players ul#profiles li {
    float:left;
    /*border-top:2px #f00 solid; */
    

}

#players p {
    text-transform:uppercase;
    margin-left:20px;
    font-weight:900;
    font-size:10px;
    color:#000;
    font-family:"Arial Black";
    margin-bottom:7px;
}

#playerarea #playername h2 {
    font-size:16px;
    font-weight:bold;
}

#playerarea #playername p.location {
    font-size:16px;
    font-weight:normal;
    margin-bottom:5px;
}

#playerarea #playername {
    /*margin-bottom:23px;*/
}

/**** Player bio box styling (copy) ***/

.fading-bg #playerdemographics, 
.fading-bg #playerRecipe {
    width:240px;
    overflow:hidden;
}

.fading-bg #playerdemographics h3, 
.fading-bg #playerRecipe h3 {
    font-weight:bold;
    font-size:11px;
    margin-top:12px;
    margin-bottom:0px;
}

.fading-bg #playerdemographics p, 
.fading-bg #playerRecipe p {
    font-size:11px;
    font-weight:regular;
    margin-top:0;
    margin-bottom:4px;
}

#print-recipe{
    margin-top: 10px;
    height: 26px;
    width: 100%;
}

#print-recipe h3{
    float: right;
    margin-right: 70px;
    background: url(../../images/design_bighit/vote_graphics.png) no-repeat -210px -90px;
    width: 148px;
}

#print-recipe h3 a{
    text-indent: -5000px;
    width: 148px;
    height: 26px;
    display: block;
}

#recipeheader{
    height: 100px;
}

#recipeheader-info {
	padding: 15px 0px 0px 10px;
	width: 120px;
}

#recipeheader h3 {
	color: #e13d1e;
	font-weight: bold;
}

#recipeimagemask {
    position:relative;
    width:130px;
    overflow:hidden;
    float:right;
    margin-right:10px;
}

#recipeimagemask .recipeimage img {
    z-index:8950;
}

.imagemaskstencil {
    z-index:9000;
    position:absolute;
    top:0;
    left:0;
}

#recipeName h5{
	font-weight: bold;
}

#recipe-ingredients{
    display: block;
    width: 264px;
    padding: 0px 5px 0px 10px;
    clear: both;
} 

/*
================================================================
Scroll content styles
================================================================
*/
.ui-state-default, .ui-widget-content .ui-state-default{
    border: none;          
    background: #333333 url('../../images/design_bighit/drag-handler.png') repeat-y scroll 0 0;        
}

 .ui-slider-vertical .ui-slider-handle{
    left: 0px; 
    width: 8px;
} 

.ui-slider .ui-slider-handle {
    height: 80px;
    margin-bottom: -80px;
    cursor:default;
    position:absolute;
    z-index:2;
}
    
.ui-corner-all{
    -moz-border-radius: 0px;
}

.ui-slider {
    position:relative;
    text-align:left;
}

.scroll-bar-wrap  { 
    float: right;
    width: 8px;
    height: 167px;
    margin: auto 0;
    background: transparent url('../../images/design_bighit/scroll_bg.gif') repeat-y 0 0;
    border: none;
}

.scroll-bar-wrap .ui-slider { 
    background: none;
    border: 0;
}

.scroll-bar-wrap .ui-slider-vertical {
    height: 100%;   
}

.scroll-bar-wrap .scroll-bar {
    height: 87px;   
}

#recipe-ingredients .scroll-bar-wrap {
    height: 215px;
}

#recipe-ingredients .scroll-bar-wrap .scroll-bar {
    height: 135px;
}

#playerinfo-wrap .scroll-bar-wrap .scroll-bar {
    height: 110px;
}

#playerinfo-wrap .scroll-bar-wrap {
    height: 190px;
}

#recipe-scrollpane {
    float: left;
    /*width: 230px;*/
    height: 215px;
    overflow: auto;
}

#player-scrollpane{
    float: left;
    /*width: 230px;*/
    height: 190px;
    overflow: auto;
}

/*
================================================================
Submit recipe form
================================================================
*/

#submit-recipe-instructions {
    background:url(../../images/design_bighit/buttons_headlines.png) no-repeat 0 -416px;
    width:280px;
    height:91px;
    padding-left:120px;
    padding-top:4px;
    margin-top:20px;
    margin-bottom:20px;
}

#submit-recipe-instructions h2 {
    text-indent:-5000px;
    overflow:hidden;
    width:270px;
    height:28px;
    background: url(../../images/design_bighit/buttons_headlines.png) no-repeat 0 -270px;
}

#submit-recipe-instructions p {
    font-size: 11px;
    width:250px;
    color:#000;
}


#submit-recipe-form ul.form {
    font-size: 12px;
    width:259px;
    padding-left:20px;
    padding-right:20px;
    position:relative;
    top:-20px;
}

#submit-recipe-form  {
    margin-left:100px;
}

#submit-recipe-form  .formcontent {
    width:299px;
    background:#fff;
}


#submit-recipe-form .clippedheader {
    background:  url(../../images/design_bighit/buttons_headlines.png) no-repeat -440px -418px;
    width:300px;
    height:30px;
}


#submit-recipe-form .form li {
    margin: 0 0 5px 0;
}

#submit-recipe-form .form label {
    font-weight: bold;
    font-size:11px;
    float:left;
    margin-top:2px;
}

#submit-recipe-form .form input, 
#submit-recipe-form .form textarea {
    border:1px solid #969696;
    width: 255px;
    display: block;
    float:left;
    clear:left;
}

#submit-recipe-form .form input.submit {
    border:none;
    width:150px;
    height:30px;
    background:url(../../images/design_bighit/submitRecipe.png) no-repeat;
    cursor:pointer;

}

#submit-recipe-form .checkboxinstructions {
    width:235px;
    position:relative;
    right:0;
    display:inline-block;
    margin-left:5px;
}

#submit-recipe-form span.instructions {
    float:left;
    clear:left;
    color:#666666;
    font-size: 11px;
}

#submit-recipe-form .hiddenFields {
    display:none;
}

#submit-recipe-form .form .checkbox {
    width: 20px;
    display: inline;
    border:0px;
}

#submit-recipe-form .form .for-checkbox {
    font-weight: normal;
}

#submit-recipe-form .form .submit {
    width: 75px;
}

li.error label {
	color:#BC1212;
	font-weight:bold;
}

/*
================================================================
Commissioner page
================================================================
*/

.commissionerpage .copy {
    width:325px;
    margin-left:40px;
    position:relative;
    top:40px;
    margin-bottom:20px;
}

h2.commissioner {
    background:url(../../images/design_bighit/buttons_headlines.png) no-repeat -300px -190px;
    width:315px;
    height:70px;
    overflow:hidden;
    text-indent:-5000px;
    margin-bottom:0px;
    position:relative;
    top:-10px;
}

.commissionerpage .clippedheader {
    background:  url(../../images/design_bighit/buttons_headlines.png) no-repeat 0px -520px;
    width:325px;
    height:25px;
}

.commissionerpage #commissioner-videos .clippedheader {
    width:260px;
}

.commissionerpage .copycontent {
    width:277px;
    background:#ffffff;
    padding:0 24px 10px;
}

.commissionerpage .copycontent p {
    font-size:11px;
    color:#000;
    line-height:1.4;
    margin-bottom:9px;
}

.commissionerpage #commissioner-videos {
    float:right;
    top:80px;
    right:25px;
    position:relative;
    width:260px;
    overflow:hidden;
}

.commissionerpage #commissioner-videos h3 {
    font-weight:bold;
    color:#333333;
    font-size:11px;
    text-transform:uppercase;
    font-family: "Arial Black", Arial, sans-serif;
    margin-bottom:2px;
    margin-top:-27px;
}

.commissionerpage #commissioner-videos .commissioner-sidebar-box {
    padding:8px 10px 10px 20px;
    background:#ffffff;
    margin-bottom:30px;
}

.commissionerpage #commissioner-videos .commissioner-sidebar-box div {
    height:130px;
    width:220px;
}

.commissionerpage #commissioner-videos .commissioner-sidebar-box div.thumbnail {
    width:80px;
    height:60px;
    display: inline;
}

.commissionerpage #commissioner-videos .commissioner-sidebar-box div.thumbnail img {
    width:80px;
    height:60px;
    padding: 0 10px;
}

.commissionerpage #bottombuttons {
    margin-bottom:10px;
    width:800px;
}

.commissionerpage  #bottombuttons a {
    display:block;
    float:left;
    overflow:hidden;
    text-indent:-5000px;
    vertical-align:bottom;
    position:relative;
    bottom:0;
    margin-right:5px;
}

.commissionerpage a.vote {
    background:url(../../images/design_bighit/buttons_headlines.png) no-repeat 0 -180px;
    width:240px;
    height:60px;
}

.commissionerpage a.follow {
    background:url(../../images/design_bighit/buttons_headlines.png) no-repeat -300px -100px;
    width:225px;
    height:60px;
}


.commissionerpage a.readblog {
    background:url(../../images/design_bighit/buttons_headlines.png) no-repeat -440px -35px;
    width:225px;
    height:60px;
}




/*
================================================================
House party page
================================================================
*/
.house-party-section{
	text-align: center;
}

#throw-house-party
{
    margin: 40px 0px 0px 125px;
    width: 291px;
    float: none;
    height: 100%;
    background: url(../../images/design_bighit/white_background-right.png) no-repeat;
}

#throw-house-party .contents{
    margin: 10px 10px 10px 15px;
    text-align: left;
}

#throw-house-party .title{
    background: url(../../images/design_bighit/buttons_headlines.png) no-repeat -302px -270px;
}

#throw-house-party .title h2{
    text-indent: -5000px;
    height: 45px;
    margin-bottom: 15px;    
}


#thow-house-party p{
    font-size:13px;
}

#party-planning, #tbs{
    background-image: url(../../images/design_bighit/buttons_headlines.png);
    background-repeat: none;
    float: left;
}

#party-planning a, #tbs a{
	display: block;
    text-indent: -5000px;
	height: 51px;
	width: 100%;
}

div.home-block #tbs a {
    display: inline;
    text-indent: 0px;
}

#tbs{
	margin-left: 10px;
	background-position: -302px -331px;
	width: 240px;
}

#party-planning{
	width: 280px;
    background-position: 0px -331px;
}
