/*
***************************************************************
SCHOOL FOOD TRUST ** HIGH SCHOOL MUSICAL 3
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Description:	Core stylesheet
Filename:	core.css

===============================================================
Color Palette
--------------------------------------------------------------- 
#d91027 - vibrant Red
#FFCCCC - Nav Pink
#99CC00 - vibrant Green
*/

/*
===============================================================
=BASE 
--------------------------------------------------------------- */

/* =Links
-------------------------------------- */
a { text-decoration:none; }
a, a:link { color: #d91027; }
a:visited { color: #d91027; }
a:focus, a:active  { color:#d91027; }
a:hover {color: #d91027; text-decoration:underline; }


/* =Type - Generics 
-------------------------------------- */
body {  
	background: #5f8786 url('../img/locker-door-tile.jpg') repeat scroll top left;
	color: #444; 
	font: normal 62.5% Helvetica, Arial; 
	margin:0;
	padding:0;
	text-align:center;
	}

p, ol, ul, dl, address, blockquote, pre, table { 
	margin: 0 0 0.75em;
	font-size: 1.2em; 
	font-weight: normal; 
	line-height: 1.5em; 
	}


/* =Lists 
-------------------------------------- */
ul, ol { margin:0 18px 1.8em 18px; list-style-type:disc; }
ol { list-style-type:decimal; }
ul.no-style, ol.no-style { margin:0; padding:0; list-style:none; } 

dt 	 { font-weight: bold; }
dd 	 { margin:0 0 0.5em; }
dd, dd li p { font-size: 1em; }


/* =Images - default images 
-------------------------------------- */
img { }
p img { }
p img.top   { margin-top:0; }


/* =Headings
-------------------------------------- */
h1,h2,h3,h4,h5,h6 { font-weight: bold; color:#333; }

h1 { margin: 0 0 0 0; font-size: 2.4em; line-height: 1.2; }
h2 { margin: 1.2em 0 0; font-size: 1.8em; line-height: 1.4; }
h3 { margin: 0.5em 0 0; font-size: 1.4em; }
h4 { margin: 0.5em 0 0.5em; font-size: 1.3em; }
h5 { font-weight: normal; font-size: 1.2em; color:#000; }
h6 { font-weight: normal; font-size: 1.2em; color:#000; }

h2.divider { border-bottom: 1px solid #ccc; clear:both; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; border: none !important; }


/* =Phrase elements
-------------------------------------- */
em 	 { font-style: italic; }
strong { font-weight: bold; }

/* =Forms
-------------------------------------- */
form { }
input { }
input.text, input.textarea { }


/*
===============================================================
03 =LAYOUT (Project Specific)
--------------------------------------------------------------- */

div#wrapper { 
	width:770px;
	margin: 0 auto;
	text-align:left;
	position:relative;  
	}

div#col-a {
	width:180px; 
	float:left; 
	position:relative;
	}
	
div#col-b { 
	width:580px; 
	float:right; 
	position:relative;
	}


/* =LOGOS
--------------------------------------------------------------------*/
/* High School Musical */
#sft_logo {
	position:absolute; 
	top:0;
	left:0;
	cursor: pointer;
}



/* School Food Trust */
#hsm_logo {
	position:absolute;  
	top:0;
	right:-20px!important;
	cursor: pointer;
}



/* =NAVIGATION 
--------------------------------------------------------------------*/
/* level 1 */
ul#nav { margin:180px 0 40px; text-transform:lowercase; }
	ul#nav li {  font-size:1.3em; font-weight:bold; margin-bottom:13px;}
	ul#nav li.selected { }
		ul#nav li a { background:#fff; padding:5px; }
		ul#nav li a:hover { text-decoration: none; background:#eee; }
		ul#nav li.selected a { color:#fff; background:#d91027;  }
		ul#nav li.selected a:hover { background:#d91027;  }
/* level 2 */		
	ul#nav li.selected ul { background:#ffcccc; margin:5px 0 0; padding:5px 0 ; }
	ul#nav li.selected li { font-size:0.7em; font-weight:normal; padding:0; margin:0!important; line-height:1.5em;  }
	
	ul#nav li.selected li a, ul#nav li.selected li span { color:#333; background:transparent url('../img/bullet.gif') 6px 8px no-repeat ; display:block; padding:0 5px 0 15px; margin:0;  }
	ul#nav li.selected li a:hover { color:#333; background:transparent url('../img/bullet-red.gif') 6px 8px no-repeat ;  text-decoration:underline; }
	ul#nav li.selected li.selected a { background:transparent url('../img/bullet-red.gif') 6px 8px no-repeat; color:#d91027; font-weight:bold; }



#col-b p#terms-conditions {
	position:absolute;
	bottom:-40px;
	left:0; 
}
#col-b p#terms-conditions a { color:#fff; }



/*--------------------------------------------------------------------
 =CONTENT
--------------------------------------------------------------------*/


/* HOME PAGE */


/* Group image
--------------------------------------------------------------------*/

#group-image {
	background:  url('../img/group-image-2.png') no-repeat scroll top left;
	width: 580px;
	height: 415px;
	margin-top:30px;
	position:relative;
}

.sellotape {
	background: url('../img/sellotape.png') no-repeat scroll top left;
	width: 80px;
	height: 67px;
	position:absolute;
}

.sellotape.right {
 	right:0px;
	top:210px;
}

.sellotape.left {
	left:-30px;
	top:100px;
}


/* Welcome box
--------------------------------------------------------------------*/

#col-b #welcome {
	background: #fffff7;
	width: 350px;
	margin:50px 0 0 ;
	position:relative;
	float:left;
}

#col-b #welcome h1 {
	background: url('../img/welcome_heading.png') no-repeat scroll top left;
	width: 100%;
	height: 35px;
	text-indent:-9999px;
	position:relative;
	margin:-35px 0 0 ;
}


#col-b #welcome p { padding: 10px 20px 0; margin:0; }
#col-b #welcome p.last { /*padding-right:80px; */padding-bottom:20px; }

/* Stickers
--------------------------------------------------------------------*/

#latest-journal-sticker {
/*	float:right;
	margin-top:-115px;
	margin-right:-30px;*/
	position:absolute;
	right:-25px;
	bottom:-25px;
}

#exclusive-sticker {
	position:absolute;
	top:380px;
	right:40px;
}

/* Competition
--------------------------------------------------------------------*/

body#home #competition { width:210px; float:right; margin-top:125px; background:#fff; position:relative; }
body#home #competition h2 { width: 170px; background: url('../img/east-high-eats-heading.png') no-repeat scroll top left; margin:-35px 0 10px; position:relative; }
body#home #competition h2 a { display:block; height:35px; text-indent:-9999px;  }
body#home #competition p { padding:0px 10px 10px; margin:0; font-weight:bold; }


/* Carousel
--------------------------------------------------------------------*/

ul#profile-carousel {  /*display:none;*/ }




/* PROFILES PAGE */

body#profiles { }
body#profiles #col-b  { background:#fefff7 url('../img/profiles-box-bg.gif') repeat-x scroll top left; margin:150px 0 0; padding:10px 0; width:580px;  }
body#profiles #col-b h1 { 
	margin:-35px 0 15px 20px; 
	background: url('../img/profiles-heading.png') no-repeat scroll top left;
	position:relative;
	width: 230px;
	height: 56px;
	text-indent:-9999px;
	}
body#profiles #col-b p { background:#ecebe6; padding:10px 100px 10px 20px; }
ul#profile-cards { margin:20px 0 20px 18px;}
	ul#profile-cards li { 
		width: 175px; 
		height: 242px;
		background: #fff no-repeat scroll top left; 
		float:left;
		margin:0 10px 10px 0;
		position:relative;
		}
	ul#profile-cards li h3 { text-indent:-9999px; position:absolute; }
	ul#profile-cards li a { 
		text-indent:-9999px; 
		display:block; 
		width: 175px; 
		height: 242px; 
		cursor:pointer; 
		}


/* If charater based */
	ul#profile-cards li.chad, ul#profile-cards li.chad a { background: url('../img/profile-card-chad.gif') 0 0 no-repeat; }
	ul#profile-cards li.gabriella, ul#profile-cards li.gabriella a { background: url('../img/profile-card-gabriella.gif') 0 0 no-repeat; }
	ul#profile-cards li.ryan, ul#profile-cards li.ryan a { background: url('../img/profile-card-ryan.gif') 0 0 no-repeat; }
	ul#profile-cards li.sharpay, ul#profile-cards li.sharpay a { background: url('../img/profile-card-sharpay.gif') 0 0 no-repeat; }
	ul#profile-cards li.taylor, ul#profile-cards li.taylor a { background: url('../img/profile-card-taylor.gif') 0 0 no-repeat; }
	ul#profile-cards li.troy, ul#profile-cards li.troy a { background: url('../img/profile-card-troy.gif') 0 0 no-repeat; }

	
/* If Actor based */	

	ul#profile-cards li.corbin, ul#profile-cards li.corbin a { background: url('../img/profile-card-corbin.gif') 0 0 no-repeat; }
	ul#profile-cards li.vanessa, ul#profile-cards li.vanessa a { background: url('../img/profile-card-vanessa.gif') 0 0 no-repeat; }
	ul#profile-cards li.lucas, ul#profile-cards li.lucas a { background: url('../img/profile-card-lucas.gif') 0 0 no-repeat; }
	ul#profile-cards li.ashley, ul#profile-cards li.ashley a { background: url('../img/profile-card-ashley.gif') 0 0 no-repeat; }
	ul#profile-cards li.monique, ul#profile-cards li.monique a { background: url('../img/profile-card-monique.gif') 0 0 no-repeat; }
	ul#profile-cards li.zac, ul#profile-cards li.zac a { background: url('../img/profile-card-zac.gif') 0 0 no-repeat; }

	ul#profile-cards li.corbin a,
	ul#profile-cards li.chad a,
	ul#profile-cards li.vanessa a,
	ul#profile-cards li.gabriella a,
	ul#profile-cards li.lucas a,
	ul#profile-cards li.ryan a,
	ul#profile-cards li.ashley a,
	ul#profile-cards li.sharpay a,
	ul#profile-cards li.monique a,
	ul#profile-cards li.taylor a,
	ul#profile-cards li.zac a,
	ul#profile-cards li.troy a { background-position:  0 -242px; }
	
	
	ul#profile-cards li a:hover { background-position: 0 -484px; }
	
	
	
/* PROFILE PAGE  */

body#profile { }
body#profile #col-b  {  
	margin:125px 0 0; 
	position:relative; 
	}

body#profile #col-b h1 { 
	margin: 0 0 60px 20px;
	background: url('../img/profile-heading.png') no-repeat scroll top left;
	position:relative;
	width: 200px;
	height: 56px;
	text-indent:-9999px;
	}

#profile-card {
	background:transparent url('../img/profile-card-bottom.png') no-repeat scroll bottom left;
	width:289px;
	position:relative;
	margin-left:15px;
	min-height:360px;
	height:auto!important;
	height:360px;
	}
	
#profile-card h2 { 
	background:transparent url('../img/profile-card-header.png') no-repeat scroll top left;
	height:55px; 
	width:289px;
	text-transform:uppercase;
	position:absolute;
	padding:0;
	margin:0;
	top:-55px;
	}

#profile-card h2 span {
	position:absolute;
	text-align:center;
	top:22px;
	width:100%;
}

#profile-card ul { 
	padding:4px 11px 0 11px;
	text-transform:uppercase;
	font-size:1.4em;
	font-weight:bold;
	}
	
#profile-card li { background:#e5e5e5; margin:0 0 5px; padding:5px 10px; line-height:1.2em; width:246px!important; width:266px; }
#profile-card li span { font-weight:normal; }
#profile-card p { padding:5px 20px 20px; }

div.profile-card-front { 
	background:transparent repeat-y scroll top left;
	width:315px; 
	height:415px;
	position:absolute;
	right:0;
	top:10px;
 }


div.profile-card-front.chad { background-image: url('../img/card-profile-chad.png'); }
div.profile-card-front.gabriella { background-image: url('../img/card-profile-gabriella.png'); }
div.profile-card-front.ryan { background-image: url('../img/card-profile-ryan.png'); }
div.profile-card-front.sharpay { background-image: url('../img/card-profile-sharpay.png'); }
div.profile-card-front.taylor { background-image: url('../img/card-profile-taylor.png'); }
div.profile-card-front.troy { background-image: url('../img/card-profile-troy.png'); }


div.profile-card-front.corbin { background-image: url('../img/card-profile-corbin.png'); }
div.profile-card-front.vanessa { background-image: url('../img/card-profile-vanessa.png'); }
div.profile-card-front.lucas { background-image: url('../img/card-profile-lucas.png'); }
div.profile-card-front.ashley { background-image: url('../img/card-profile-ashley.png'); }
div.profile-card-front.monique { background-image: url('../img/card-profile-monique.png'); }
div.profile-card-front.zac { background-image: url('../img/card-profile-zac.png'); }


.journal-sticker {  
	position:absolute; 
	right:10px;
	top:350px;
	cursor:pointer;
} 
body#journal #col-b .sticker {
	position:absolute; 
	right:0;
	top:-80px;
	cursor:pointer;
}




/* JOURNALS */

body#journal { }

body#journal #col-b  { 
	margin:180px 0 20px;
	padding:28px 0 20px;
	background:transparent url('../img/lined-paper-bg.gif') repeat; 
	position:relative;
	}

body#journal #col-b h1 { 
	background: url('../img/journal-heading.png') no-repeat scroll top left;
	width:580px;
	height:56px;
	text-indent:-9999px;
	position:absolute;
	top:-56px;
	}

body#journal #col-b #entries p a.button { margin:0 20px 2em;  }

body#journal #col-b .journal-entry, body#journal #col-b .other-entries { margin:0 20px 28px;  padding:0; clear:both;  }	
body#journal #col-b .journal-entry h2 { line-height:1.25em; color:#069; margin:0 0 0.7em; padding:0; }	
	body#journal #col-b .journal-entry a { color:#069; }	
body#journal #col-b .journal-entry span { padding:8px; border:1px #ccc solid; background:#fff;  width:120px; float:right; margin:0 0 0 10px;}	
	body#journal #col-b .journal-entry span img { }
body#journal #col-b .journal-entry p { line-height:1.25em; margin:0 0 1.25em!important; padding:0; }	
body#journal #col-b .journal-entry br { display:block; }
body#journal #col-b .journal-entry p.author { font-size:1em; color:#069; }	
body#journal #col-b .journal-entry p.author a { text-decoration:underline; color:#069; font-weight:bold; }	
body#journal #col-b .journal-entry p.author a:hover { text-decoration:none; }	
body#journal #col-b .other-entries ul { margin:0; }
body#journal #col-b .other-entries ul li {
line-height:1.2em;
font-weight:bold;
}

/* journal side bar */
body#journal #col-b #entries { float:left; width:400px; }
body#journal #col-b #journal-nav {
	background:transparent url('../img/receipt-bottom.png') no-repeat bottom left;
	width:145px;
	float:left;
	margin:30px 0 0 0 ;
	padding:10px 12px 30px;
	position:relative;
}
#col-b #journal-nav h3 {
	background:transparent  url('../img/receipt-top.png') 0 0 no-repeat  ;
	height:50px;
	width:165px;
	position:absolute;
	top:-57px;
	left:0;
}
#col-b #journal-nav h3 span { position:absolute; bottom:0; left:12px; }
#col-b #journal-nav h4 { margin:20px 0 10px ; }
#col-b #journal-nav ul { }
#col-b #journal-nav ul li { 
	line-height:1.1em;
	margin:0 0 0.5em;
	}
	#col-b #journal-nav ul li.selected { font-weight:bold; padding-left:0.8em; background: transparent url('../img/bullet-red.gif') 0 3px no-repeat; }

/* archived */
#col-b ul#archived-entries { }
	#col-b ul#archived-entries li { line-height:1em;  font-size:0.9em;}
	#col-b ul#archived-entries li a { font-weight:bold;}
	#col-b ul#archived-entries h4 { font-size:1.1em; margin:1.1em 0 0.3em;  }
		body#journal #col-b ul#archived-entries p { line-height:1.2em!important; margin:0 0 0 1em!important;  }

/* RECIPE  PAGE */

body#recipes { }
body#recipes #col-b  {  
	margin:120px 0 30px;
	position:relative;
	}

body#recipes #col-b h1 { 
	margin: 0 0 65px 20px;
	background: url('../img/recipe-heading.png') no-repeat scroll top left;
	width: 180px;
	height: 56px;
	text-indent:-9999px;
	z-index:5;
	position:relative;
	} 


/* RECIPE CARD */
#recipe-card { 
	width:385px;
	position:relative;
	background: transparent url('../img/recipe-card-body.png') repeat-y scroll bottom left;
	padding:0;
	z-index:2;
	}
	
#recipe-card h2 { 
	background:transparent url('../img/recipe-card-header.png') no-repeat scroll top left;
	position:absolute;
	width:385px;
	height:60px;
	margin:-60px 0 0;
	font-size:1.55em;
	text-transform:uppercase;
	}
	
#recipe-card h2 span { 
	top:23px;
	left:20px;
	position:absolute;
	}
	
#recipe-card h3 {  
	margin:0 20px 10px;
	font-size:1.2em;
	}	
		
#recipe-card div.footer { 
	background:transparent url('../img/recipe-card-bottom.png') no-repeat scroll top left;
	width:385px;
	height:25px;
	position:absolute;
	bottom:-25px;
	}
	
#recipe-card p { margin:0 20px 0;}
#recipe-card p#cooking-time {
	font-size:1.4em;
	font-weight:bold;
	color:#666;
}
#recipe-card p#cooking-time span{
	color:#99cc00;
	margin-right:10px;
}  

#recipe-image {
	width:193px;
	height:193px;
	background: no-repeat scroll top left;
	right:-165px;
	top:-105px;
	position:absolute;
	z-index:1;
}

#recipe-card #summary {
	background:#ebebeb;
	position:relative;
	margin:2px 10px 0;
	padding:10px 10px 1px;
/*	min-height:190px;*/
}
#recipe-card #summary p { 
	margin:0 0 5px; 
	color:#333;
	font-weight:bold; 
	line-height:1.2em;
/*	width:280px; */
	/* font-size:1.15em; */
}
	
/* Ingredients / Equipment */
#ingredients, #equipment {
	margin:0 10px;
	background:#ebebeb;
	padding:10px 0 0;
	position:relative;
	clear:both;
}
#equipment { margin-bottom:10px; padding-bottom:10px; } 
#ingredients h3, #equipment h3 { margin:0 0 0.5em 10px;  font-size:1.2em;}

#ingredients ul, #equipment ul {
	width:350px;
	margin:0 0 0 15px;
	
}
#ingredients ul li, #equipment ul li {
	background:transparent url('../img/bullet.gif') 0 3px no-repeat scroll;
	padding:0 10px 0 10px;
	line-height:1.1em; 
	margin-bottom:0.2em;
	font-size:0.9em;
	float:left;
}


#top-tips { padding-top:10px; margin:0 20px;}
#top-tips h3,#top-tips p { margin:0 0 10px; }
#top-tips p { line-height:1.2em; }



/* Other recipes */

#other-recipes {
	width:230px;
	position:absolute;
	top:175px;
	right:0;
	z-index:1;
}

#other-recipes h4 { 
	background:transparent url('../img/torn-notebook-edge.png') 0 0 no-repeat ;
	margin:0; 
	position:relative;
	font-size:1.4em;
/*	padding:45px 0 0 50px;*/	
	height:65px;
	color:#333;
}
	#other-recipes h4 span { 
		position:absolute;
		bottom:0;
		left:45px;
		}
#other-recipes ul {
	background:#fffff7 url('../img/lined-paper-bg-2.gif') 0 0 repeat ;
	padding:4px 0 20px 0;
/*	font-size:1.05em;*/
}
#other-recipes ul li {
	line-height:1.59em; 
	padding:0 10px 0 45px;
	}

#other-recipes ul li.selected { font-weight:bold;}
	#other-recipes ul li.selected a {  padding-left:0.8em;  background:url('../img/bullet.gif') 0 4px no-repeat scroll;}
	
	
 
/* EXCLUSIVE CONTENT PAGES */

/* generic */
body#exclusive { }
body#exclusive h1, 
body#games h1, 
body#videos h1  {
	background:  no-repeat scroll top left; 
	width:580px;
	height:48px;
	text-indent:-9999px;
	position:absolute;
	top:-48px;
	left:0;
	}
body#exclusive h1 { background-image: url('../img/exclusive-heading.png') ;}
body#games h1 { background-image: url('../img/games-heading.png') ;}
body#videos h1 { background-image: url('../img/videos-heading.png') ;}
body#videos #col-b p.text { padding-left:30px;}


body#exclusive #col-b,
body#games #col-b, 
body#videos #col-b { 
	margin:180px 0 0; 
	position:relative;
	background: url('../img/tray-body.png') top left repeat-y ; 
	}
body#exclusive #col-b { height:610px;}

		
body#exclusive #col-b #tray-footer, 
body#games #col-b #tray-footer, 
body#videos #col-b #tray-footer  { 		
	height:33px;
	width:100%;
	position:absolute;
	clear:both;
	bottom:-33px;
	background: url('../img/tray-footer.png') top left no-repeat; 
	}


/* Exclusive home */	
body#exclusive #col-b a { cursor:pointer;}		
body#exclusive #col-b a#video {  position:absolute; z-index:2; top:20px; left:25px;  }
body#exclusive #col-b a#wallpaper { position:absolute; right:30px; top:20px; }
body#exclusive #col-b a#journal {  position:absolute; left:20px; top:145px; z-index:1; }		
body#exclusive #col-b a#recipes { position:absolute; z-index:3; bottom:90px; left:100px; }
body#exclusive #col-b a#games {  position:absolute; top:350px; right:60px; width:236px; z-index:5; }
body#exclusive #col-b a#gallery {  position:absolute; top:480px; left:30px; width:236px; z-index:1; }


/* games */

body#games { }
body#games #col-b  { padding-top:10px; }
body#games div#lead-text { 
	margin:0 30px 20px ; 
	width:515px;
	background:#efeeeb url('../img/tray-recess-top.gif') no-repeat top left;
	padding:8px 0 0;
	position:relative;
	}
body#games div#lead-text p { 
	background:transparent url('../img/tray-recess-body.gif') repeat-y  top left;
	padding:0 10px;
	width:290px;
	line-height:1.3em;
/*	font-size:1.3em;*/
	font-weight:bold;
	}

body#games div#lead-text span {
	background:transparent url('../img/tray-recess-bottom.gif') no-repeat   bottom left;
	height:8px; 
	width:540px;
	display:block;
	position:absolute;
	bottom:-8px;
	left:0;

}
	
#game-controller {
	background:transparent url('../img/games-controller.png') no-repeat scroll top left;
	width:247px;
	height:205px;
	position:absolute;
	top:-60px;
	right:-20px;
	z-index:5;
}

body#games #col-b ul { margin:0 0 0 25px;}
	body#games #col-b ul li { clear:both; }
	body#games #col-b ul li div { width:310px; float:left; }
	body#games #col-b ul li a.frame { 
		background: url('../img/game-img-frame.jpg') no-repeat scroll top left;
		height:135px;
		width:170px;
		display:block;
		position:relative;
		float:left;
		margin:0 10px 0 0;
	}

	body#games #col-b ul li a.frame img {
		position:absolute;
		top:14px;
		right:14px;
		border:1px #999 solid;
	}  
	body#games #col-b ul li a.frame img:hover { border-color:#333; }
	body#games #col-b ul li h2 { margin:0.8em 0 0; font-size:1.2em; }
		body#games #col-b ul li h2 a { color:#069; }
		body#games #col-b ul li p { line-height:1.3em; font-size:1em; }
		
		
/* Videos */
body#videos #col-b  { padding-top:15px; }
#video-wrapper  {
	background:transparent url('../img/video-bg.png') no-repeat scroll top left;
	width:524px;
	height:347px;
	position:relative;
	margin:0 0 0 28px;
	padding:0;
}	

#video-player {
	position:absolute;
	top:10px;
	left:11px;
	width:353px;
	height:321px;
	padding:0; margin:0;
	text-align:left;	
}	
	#video-player h5,#video-player p { color:#fff; }
	#video-player h5 { font-size:1.3em; font-weight:bold; color:#fff; }
	#video-player a { color:#99cc00; }
	#video-player  .alt { display:none;}
#video-info {
	background:transparent url('../img/video-info-bottom.png') no-repeat scroll bottom left;
	width:144px;
	position:absolute;
	top:10px;
	right:10px;
	padding:0 0 2em;
}		
	#video-info h2 { 
		background:#2f2e2f url('../img/video-info-top.png') no-repeat scroll top left; 
		width:124px; 
		color:#fff;
		font-size:1.4em;
		padding:10px 10px 0;
		margin:0;
		}		
	#video-info h3 {
		color:#99cc00;
		font-size:1.2em;
		margin:0 0 1em;
		padding:0 10px;
	}	
	#video-info p { 
		color:#eee; 
		padding:0 10px;
		line-height:1.2em;
		font-size:1.1em;
		}
	
ul#video-list { margin:15px 0 0 28px;}
	ul#video-list li { width:120px; float:left; margin:0 10px 15px 0;}
	ul#video-list li a.frame { background:#fff; border:1px #999 solid; display:block; width:114px; height:85px; padding:2px; cursor:pointer;}
	ul#video-list li.selected a.frame, ul#video-list li.selected a.frame:hover  { border-color:#D91027;} 

		ul#video-list li a.frame:hover { border-color:#333;}
		ul#video-list li a.frame.null:hover { border-color:#999; cursor:default;}

		
	ul#video-list li h4 { font-size:0.9em; margin:0.3em 0 0; line-height:1.1em;}
	ul#video-list li p { font-size:0.8em; line-height:1.2em; margin:0; }
	
	
/* COMPETITION PAGES */


/* layout */
body.competition { }
body.competition h1 {
	background: url('../img/competition-heading-bg.gif') bottom left repeat-x ; 
	width:100%;
	height:56px;
	}
	body.competition h1 span { 
		background: url('../img/eat-to-win-heading.png') no-repeat scroll top left; 
		height:48px;
		width:226px;
		margin-left:20px;
		display:block;
		text-indent:-9999px;
	}

body.competition #col-b { margin:120px 0 0; position:relative; } 

body.competition.generic #col-b p { margin:0 0 10px 20px; width:300px;}
body.competition.generic #screen { padding-bottom:20px; }

#screen { 
	position:relative;
	background: #fff url('../img/competitions-bg.jpg') repeat-x scroll top left;
	border:10px #000 solid;
	margin:0 5px;
	}
	
	#screen h2, #screen h3  { 
		padding:0; 
		margin:0;
		color:#069;
		font-size:1.8em;
		}	
		#screen h2 span { color:#d91027;}
		#screen h3 {  margin:20px 0 10px; }
		
#screen p { margin:0 0 10px 0; padding:0; line-height:1.3em; }
#screen p.clear { margin:0; }
#screen ul {  position:absolute; right:50px; top:290px; }
#screen ul li { margin:0 0 20px; text-align:center; }
#screen ul li a { padding:0.5em 1em; background:#d91027; color:#fff;  }


span#screen-handle {
	width:100%; 
	height:21px;
	background: url('../img/screen-handle.png') 0 0  no-repeat; 
	display:block;
	}
	
/* Eat to win specific */
body#eat-to-win #meal-ticket { position:absolute; top:25px; right:40px; }
body#eat-to-win #screen { 
	background: #fff url('../img/tomatoes.jpg') 0 0 no-repeat; 
	min-height:600px; 
	height:auto!important;
	height:620px;	
	}
	body#eat-to-win.terms #screen { height:auto!important; }
	
body#eat-to-win #screen h2 { 
	background: url('../img/meal-ticket-title.png') 0 0 no-repeat; 
	width:267px; 
	height:109px; 
	text-indent:-9999px;
	position:absolute;
	top:20px; 
	left:20px;
	}
body#eat-to-win #screen #text { 
	width:300px;
	position:absolute;
	top:200px;
	left:130px;
	}
	body#eat-to-win #screen #terms { 
		margin:0 0 20px 130px;
		padding-top:200px; 
		width:300px;
		}	
body#eat-to-win #screen #knife,
body#eat-to-win #screen #fork {
	position:absolute;
	top:200px;
	height:361px; 
}

body#eat-to-win #screen #knife { 
	background:url('../img/knife.png') no-repeat scroll top left; 
	width:40px; 
	right:50px;
	}
body#eat-to-win #screen #fork {
	background:url('../img/fork.png') no-repeat scroll top left; 
	width:60px; 
	left:50px;
}
body#eat-to-win #screen p.last { width:60%; }
body#eat-to-win #screen #text a.sticker { 
	position:absolute;
	bottom:-50px;
	right:0;
	}


/* Dining Hall Disco specific */

body#dining-hall-disco  h1 span { 
	background-image: url('../img/dining-hall-disco-heading.png');
	width:397px;
	}
body#dining-hall-disco h2 { margin:20px 0 10px 20px; padding:0!important;}	


body#dining-hall-disco.home #screen { 
	background: #fff url('../img/last-dance-banner.jpg') 0 0 no-repeat; 
	min-height:675px; 
	height:auto!important;
	height:675px!important;	
	}

body#dining-hall-disco.regional-winners  #screen { background-image:url('../img/regional-winners-bg.jpg')!important; 
}
body#dining-hall-disco.overall-winner #screen { background-image:url('../img/overall-winner-bg.jpg')!important; 
min-height:865px; 
height:auto!important;
height:865px!important;
}


/* Competition winners */
body#dining-hall-disco #list-wrapper { 
	position:absolute; 
	top:515px; 
	left:15px;
	background:#fff; 
	width:520px; 
	overflow:auto;
	}	
	body#dining-hall-disco.overall-winner #list-wrapper {
	top:720px; 	
	}
	body#dining-hall-disco.overall-winner #pagination {
	top:660px; 	
	}
body#dining-hall-disco  ul#video-list { position:relative!important; width:1800px; top:0; right:0; margin:0; }
body#dining-hall-disco  ul#video-list li { float:left; /*display:inline-block;*/ text-align:left; margin:0 10px 0 0; }	
body#dining-hall-disco  ul#video-list li h4 {  }
 
	body#dining-hall-disco  ul#video-list li h4 a { background:transparent; color:#D91027; padding:0;}	
	
	body#dining-hall-disco #video-player-wrapper {
		height:321px;
		position:absolute;
		top:120px;
		left:15px;
		padding:10px 10px 5px; 
		background:#ccc;
		border:1px #999 solid;
		width:353px;
	}
	body#dining-hall-disco #video-player { }
	body#dining-hall-disco #video-player h5, 
	body#dining-hall-disco #video-player p { color:#333!important; }
	body#dining-hall-disco #video-player a { color:#D91027!important; }
	body#dining-hall-disco.overall-winner #video-text {
		top:480px;
		position:absolute;
		left:15px;
	 	width:400px;
	}
	body#dining-hall-disco #video-text {
		position:absolute;
		top:190px;
		right:15px;
	 	width:130px;
	}
	body#dining-hall-disco #video-text h3 { margin:0;  }
		body#dining-hall-disco #video-text h3 span { font-weight:normal; font-size:0.8em!important;color: #333 ; display:block; margin-bottom:5px; }	
	body#dining-hall-disco #video-text p { }
	
body#dining-hall-disco.how-to #screen { background-image: url('../img/footsteps-bg.jpg'); padding-top:150px; }	

body#dining-hall-disco.make-your-own-video #screen { background:#fff url('../img/camcorder-img.jpg') bottom right no-repeat;  }	




body#dining-hall-disco.how-to #screen h3,
body#dining-hall-disco.generic #screen h3 {  margin-left:30px; }	
body#dining-hall-disco.generic #screen ol { width:490px; }

body#dining-hall-disco.home #screen #text { 
	width:250px;
	position:absolute;
	top:200px;
	left:20px;
	}	
body#dining-hall-disco.download-song #screen #text {  width:420px; margin:0 20px 30px; }
body#dining-hall-disco.download-song #text .sticker { position:relative!important; }
body#dining-hall-disco.download-song #text div {
	width:350px!important;
	position:absolute;
	top:320px;
	left:180px;
}

#screen ul.terms { top:430px; right:80px;}

/* stickers */
body#dining-hall-disco #screen a.sticker { position:absolute; }
body#dining-hall-disco.home #screen a.sticker { top:320px; right:40px; }
body#dining-hall-disco.how-to #screen a.download { top:140px; right:70px; }
body#dining-hall-disco.how-to #screen a.make-your-own-video { top:260px; right:40px; }
body#dining-hall-disco.how-to #screen a.send-it-to-us { top:390px; right:60px; }
/* How to make a video stickers */	
#rules-sticker { top:235px; right:10px; }
#enter-sticker { top:160px!important; right:110px!important; }


	
/* System message */
#screen .user-message {  padding:0; margin:0 0 30px; zoom:1;}
#screen .error-message, #screen .notify-message { font-size:1.9em; font-weight:bold!important; margin:0 20px; padding:5px 10px 5px 35px; zoom:1;}
#screen .error-message { background:#ffcccc url('../img/cross.gif') 10px 8px no-repeat!important; color:#d91027!important; }
#screen .notify-message { background:#ffffcc url('../img/tick.gif') 10px 7px no-repeat!important; color:#75b343!important; }


#screen #uploading {
	background:#eee url('../img/ajax-loader.gif') 0 0 no-repeat;
	clear:both;
	min-height:40px;
	height:auto!important;
	height:40px;
	margin:20px 0 ;
	padding:0 0 0 40px;
}
#screen #uploading p { font-weight:bold}
#screen #uploading strong { color:#006699;}

/* questions */

div.question {
	width:180px;
	height:315px;
	background: url('../img/meal-list-bg.gif') top left no-repeat;
	float:left;
	position:relative;
	margin-bottom:30px;
}

div.question:hover { cursor:pointer;}
div.question img.meal { position:absolute; top:55px; left:10px; z-index:1;}
div.question .menu-c img.meal {  }
div.question p { padding: 0 12px!important; font-size:1.2em; position:absolute; top:230px; font-weight:bold; }
div.question h4 { position:absolute!important; top:-25px; right:10px;z-index:2; }




		
		
		
/* GALLERY PAGE */
body#gallery { }
body#gallery #col-b  { 
	background:#fefff7 url('../img/cork-bg.gif') repeat scroll top left; 
	margin:150px 0 100px; 
	padding:10px 0 0; 
	width:580px;  
	min-height:450px;
	}
	
body#gallery #col-b h1 { 
	margin:-35px 0 0; 
	background: url('../img/gallery-heading.png') no-repeat scroll top left;
	position:relative;
	width: 580px;
	height: 56px;
	text-indent:-9999px;
	}

body#gallery #col-b ul { margin:20px 40px; }
	body#gallery #col-b ul li {
		width:159px;
		height:180px;
		float:left;
		margin:0 10px 10px 0;
		position:relative;
		}
		body#gallery #col-b ul li.kill-margin { margin-right:0;}
		
		body#gallery #col-b ul li div.pin { 
			width:15px; 
			height:20px; 
			background:transparent url('../img/pin.png') no-repeat scroll top left;
			position:absolute;
			top:-10px;
			left:60px;
			}
body#gallery #col-b #gallery-footer {
	height:27px;
	width:580px;
	position:absolute;
	clear:both;
	bottom:-27px;
	background: url('../img/frame-footer.png') top left no-repeat;
}







/* WALLPAPER PAGE */

body#wallpaper { }
body#wallpaper #col-b  { background:#fefff7 url('../img/profiles-box-bg.gif') repeat-x scroll top left; margin:150px 0 100px; padding:10px 0; width:580px;  }
body#wallpaper #col-b h1 { 
	margin:-35px 0 15px 20px; 
	background: url('../img/wallpaper-heading.png') no-repeat scroll top left;
	position:relative;
	width: 262px;
	height: 56px;
	text-indent:-9999px;
	}
body#wallpaper #col-b p { background:#ecebe6; padding:10px 100px 10px 20px; }


ul#wallpapers { /*margin:0 0 0 20px;*/}
	ul#wallpapers li { position:relative; float:left; margin:0; width:270px; padding:20px 0 0 20px;   }
	ul#wallpapers li.wrap { float:right;  padding-left:0!important; }
	ul#wallpapers li h2 { margin:0.5em 0 0 ; font-size:1.1em;  }
	ul#wallpapers li p { background:transparent!important; padding:0!important; margin:0; font-size:0.9em;  }
	ul#wallpapers li a.img { display:block; background:#fff; padding:4px; border:1px #ccc solid; width:234px;}
	ul#wallpapers li a.img:hover { border-color:#333; }
ul#wallpapers li a.button { position:absolute; bottom:10px; right:26px; padding:0.2em 0.5em 0.2em 1.5em!important;}
	ul#wallpapers ol {  }
		ul#wallpapers ol li { position:absolute;font-size:0.8em;  display:inline; padding:0 0.5em 0 0 ; width:auto; margin-right:0.5em; border-right:1px #ccc solid; }
		ul#wallpapers ol li.last-child { border:none; }
		
#wallpaper-footer	{ 
	background:url('../img/wallpaper-footer.png') no-repeat scroll top left; 
	width:580px;
	height:69px;
	position:absolute;
	bottom:-69px;
	left:0;
	}	

/* Pagination */
body.jsenabled #pagination {  margin:20px 0 0 20px; }
#pagination a,
#pagination span { /*float:left; */display:inline; padding:7px 10px 5px; margin:0 4px 0 0; border:1px solid #EEEEEE; text-decoration:none; background:#fff;}
#pagination a:hover,
#pagination span.current { background:#fff; border-color:#999;  }

#pagination span.prev,#pagination span.next { background:#fff !important; border-color:#eee !important; }


body#gallery #pagination {  margin:20px 0 0 40px; }
body#gallery #pagination a,
body#gallery #pagination span { border:1px solid #82643f; background:#d3ac85; }
body#gallery #pagination span.current { background:#e8d0b8; border-color:#82643f;  }	
body#gallery #pagination span.prev, body#gallery #pagination span.next { background:#d3ac85 !important; border-color:#82643f !important; /*color:#b8976e!important; *//*display:none;*/ }	


body#videos #pagination {  margin:20px 0 0 30px; }
body#videos #pagination a, body#videos #pagination span { border:1px solid #ccc;  }
body#videos #pagination span.current {  border-color:#666;  }		

body#dining-hall-disco #pagination { top:465px; left:-5px; position:absolute;  }
body#dining-hall-disco #pagination a,body#dining-hall-disco #pagination a span { border:1px #ccc solid; position:relative; }
body#dining-hall-disco #pagination span.current {  border-color:#666; position:relative;}


/* ORDERED LISTS */

#recipe-card ol  { margin:0 20px 0 0px; }
#screen ol  { margin:0 0 30px; width:250px; line-height:1.2em;}
body.how-to #screen ol  { width:300px;  }	
#screen ol.upload {/* width:280px; */ margin-right:20px;}
	
#recipe-card ol li,
#screen ol li { 
	margin-bottom:10px; 
	margin-left:20px; 
	background:transparent  no-repeat scroll top left; 
	padding:0 0 0 25px; 
	line-height:1.2em; 
	}
#screen #terms { padding:20px; width:300px; }
#screen #terms ol li {
	float:none!important;
	width:auto!important;
	padding:0 0 0 25px;
}
#terms ol li {
	margin-left:0!important; 
	font-size:0.85em;
}



#recipe-card ol li.item1 { background-image:url('../img/ordered-lists/recipes/1.gif'); }
#recipe-card ol li.item2 { background-image:url('../img/ordered-lists/recipes/2.gif'); }
#recipe-card ol li.item3 { background-image:url('../img/ordered-lists/recipes/3.gif'); }
#recipe-card ol li.item4 { background-image:url('../img/ordered-lists/recipes/4.gif'); }
#recipe-card ol li.item5 { background-image:url('../img/ordered-lists/recipes/5.gif'); }
#recipe-card ol li.item6 { background-image:url('../img/ordered-lists/recipes/6.gif'); }
#recipe-card ol li.item7 { background-image:url('../img/ordered-lists/recipes/7.gif'); }
#recipe-card ol li.item8 { background-image:url('../img/ordered-lists/recipes/8.gif'); }
#recipe-card ol li.item9 { background-image:url('../img/ordered-lists/recipes/9.gif'); }
#recipe-card ol li.item10 { background-image:url('../img/ordered-lists/recipes/10.gif'); }
#recipe-card ol li.item11 { background-image:url('../img/ordered-lists/recipes/11.gif'); }
#recipe-card ol li.item12 { background-image:url('../img/ordered-lists/recipes/12.gif'); }
#recipe-card ol li.item13 { background-image:url('../img/ordered-lists/recipes/13.gif'); }
#recipe-card ol li.item14 { background-image:url('../img/ordered-lists/recipes/14.gif'); }
#recipe-card ol li.item15 { background-image:url('../img/ordered-lists/recipes/15.gif'); }
#recipe-card ol li.item16 { background-image:url('../img/ordered-lists/recipes/16.gif'); }
#recipe-card ol li.item17 { background-image:url('../img/ordered-lists/recipes/17.gif'); }
#recipe-card ol li.item18 { background-image:url('../img/ordered-lists/recipes/18.gif'); }
#recipe-card ol li.item19 { background-image:url('../img/ordered-lists/recipes/19.gif'); }
#recipe-card ol li.item20 { background-image:url('../img/ordered-lists/recipes/20.gif'); }

#screen ol li.item1 { background-image:url('../img/ordered-lists/competitions/1.gif'); }
#screen ol li.item2 { background-image:url('../img/ordered-lists/competitions/2.gif'); }
#screen ol li.item3 { background-image:url('../img/ordered-lists/competitions/3.gif'); }
#screen ol li.item4 { background-image:url('../img/ordered-lists/competitions/4.gif'); }
#screen ol li.item5 { background-image:url('../img/ordered-lists/competitions/5.gif'); }
#screen ol li.item6 { background-image:url('../img/ordered-lists/competitions/6.gif'); }
#screen ol li.item7 { background-image:url('../img/ordered-lists/competitions/7.gif'); }
#screen ol li.item8 { background-image:url('../img/ordered-lists/competitions/8.gif'); }
#screen ol li.item9 { background-image:url('../img/ordered-lists/competitions/9.gif'); }
#screen ol li.item10 { background-image:url('../img/ordered-lists/competitions/10.gif'); }
#screen ol li.item11 { background-image:url('../img/ordered-lists/competitions/11.gif'); }
#screen ol li.item12 { background-image:url('../img/ordered-lists/competitions/12.gif'); }
#screen ol li.item13 { background-image:url('../img/ordered-lists/competitions/13.gif'); }
#screen ol li.item14 { background-image:url('../img/ordered-lists/competitions/14.gif'); }
#screen ol li.item15 { background-image:url('../img/ordered-lists/competitions/15.gif'); }
#screen ol li.item16 { background-image:url('../img/ordered-lists/competitions/16.gif'); }
#screen ol li.item17 { background-image:url('../img/ordered-lists/competitions/17.gif'); }
#screen ol li.item18 { background-image:url('../img/ordered-lists/competitions/18.gif'); }
#screen ol li.item19 { background-image:url('../img/ordered-lists/competitions/19.gif'); }
#screen ol li.item20 { background-image:url('../img/ordered-lists/competitions/20.gif'); }



/* GENERIC */

/* Button */
a.button, form input.button  {
	padding:0.4em 0.5em 0.4em 1.7em;
	color:#fff!important;
	background:#D91027 url('../img/button-chevron.gif') 0.4em 0.4em no-repeat;
	font-weight:bold;
	border:none;
	margin:0;
}
form input.button { background:#D91027 url('../img/button-chevron.gif') 0.6em 0.6em no-repeat; cursor:pointer;}



/* FORMS */
#screen form { margin:20px 20px;}
#screen form ol { width:auto; }
#screen form ol li { margin:0 2em 1em 0; padding:0; width:210px; float:left; }
#screen form ol li.alt { margin-right:0;}
#screen form ol li.two-col { width:100%; }
#screen form ol li.recaptcha { width:100%!important; }
#recaptcha_widget_div { margin-top:0.6em;}
#screen form select { width:100%; }
#screen form fieldset {  border:1px #ccc solid; background:#eee; padding:10px 30px 5px 20px; }
#screen form legend { background: #fff; padding:0.5em 1em; font-weight:bold; border:1px #ccc solid; font-size:1.2em; color:#333; }
#screen form label { display:block; font-weight:bold; }
#screen form label em { display:block; font-weight:normal; font-style:italic; margin-bottom:5px;}
#screen form label span { font-size:0.9em!important; display:block; }
#screen form input.formtext { border:1px #999 solid; width:100%;  padding:0.2em; font-size:1.1em; }	
#screen form .error { 
	color:#D91027; 
	font-weight:bold; 
	padding-left:20px; 
	min-height:20px;
	height:auto!important;
	height:25px;
	padding-top:2px;
	/*font-style:italic;*/
	background:transparent url('../img/exclamation.png') no-repeat scroll top left;  

	}	

#screen form input.highlight { background:#FFFFCC; }	
	
#screen div#notes { margin:0; clear:both;}
#screen div#notes h3 { margin-bottom:10px; margin-left:0; }
#screen div#notes p { font-size:1.1em; }	

/* Ts & Cs */
body#profiles.terms #col-b { margin-bottom:20px; }
body#profiles.terms #col-b h1 { background-image:url('../img/terms-heading.png')!important; width:400px;}
body#profiles.terms #col-b h2 { font-size:1.4em; margin:20px 20px 10px; padding:0;}
body#profiles.terms #col-b p { font-size:1.1em; background:transparent; margin:0 20px 10px; padding:0;}
body#profiles.terms #col-b ol { font-size:1.1em; margin:0 0 10px 20px;}


/* error pages */

body#profiles.error #col-b h1 { 
	margin:-35px 0 15px 20px; 
	background: url('../img/error-heading.png') no-repeat scroll top left;
	position:relative;
	width: 200px;
	height: 56px;
	text-indent:-9999px;
	}

/* FOOTER
--------------------------------------------------------------------*/
#footer { clear:both; overflow:hidden; display:none; }
	#footer ul {}
		#footer ul li {  }




/* Z-INDEX Stacking order
--------------------------------------------------------------------*/
#screen ul { z-index:13;  }
#camera-image { z-index:11; }
.journal-sticker { z-index:10; } 
#profile-card { z-index:9; }
div.profile-card-front { z-index:6 }
#hsm_logo { z-index:7; }
#sft_logo { z-index:6; } 
.sellotape { z-index:5; }
#exclusive-sticker { z-index:4; }
#group-image { z-index:3; }
#latest-journal-sticker { z-index:2; }
#welcome { z-index:1; }


/*------------------------------------------------------------------------------
   =CLASS - General util
------------------------------------------------------------------------------  */
.left	{ float: left !important; }
.right	{ float: right !important; }
.clear  { clear: both; }
.bold { font-weight:bold; }
.nowrap { white-space: nowrap;}
.hide, .hidden, .print-logo { display:none; }