/*
College Herald admin, v1.0

Media: Screen
Author: Mike Harding @ Publicis Digital NZ
*/

body { background: #ffffff url(../images/body-bg.jpg) top center repeat-x; }

a:link { color: #cc6600; font-weight:bold; }
a:visited { color: #cc6600; }
a:hover { color: #1d66a0; }

h1 { color: #000; margin: 0 0 20px 0; }

select { border: 1px solid #999; }
input.button {
	background: #ddd;
	border: 1px solid #999;
	cursor: pointer;
	padding: 5px 7px;
	width: 0;  /* Fix for IE to remove extra padding */
	overflow: visible;
	}
	input.button[class] {  /* IE ignores [class] */
		width: auto;  /* cancel IE fix for other browsers */
		}

#container {
	margin: 0 auto;
	width: 760px;
	padding-bottom: 50px;
	}

#header {
	/*background: url(../images/header-bg.jpg) 0 0 no-repeat;*/
	position: relative;
	}
	#masthead {
		/*background: url(../images/college-herald-let-it-out.png) -50px 0 no-repeat;*/
		height: 129px;
		left: -53px;
		position: relative; 
		}
		#secondary-logos, #secondary-logos li {
			list-style: none;
			margin: 0;
			padding: 0;
			}
		#secondary-logos {
			position: absolute;
			right: 20px;
			bottom: 48px;
			}
		#secondary-logos li {
			float: left;
			display: inline;
			}

	#secondary-logos #nzh-logo {
		margin-right: 15px;
		}

#main {
	background: #fff url(../images/grey-fade.gif) top repeat-x;
	border-right: 1px solid #bbb;
	border-left: 1px solid #bbb;
	}

.bottom {
	height: 11px;
	background: #fff url(../images/section-bottom.gif) 0 0 no-repeat;
	font-size: 1px;
	line-height: 1;
	position: relative;
	}

/* TOP NAV ////////////////////////////////////////////////////////////////////////////////////// */
#navigation {
	background: #e2e2e2 url(../images/nav-bg.png) 0 0 no-repeat;
	}
#navigation ul, #navigation li {
	margin: 0;
	padding: 0;
	list-style: none;
	background: none;
	}
	#navigation ul {
		display: block;
		margin-left: 5px;
		}
	#navigation li {
		float: left;
		display: inline;
		}
	#navigation li a {
		display: block;
		overflow: hidden;
		height: 40px;
		text-indent: -100em;
		}
		#nav-about a { background: url(../images/nav/about.gif) 0 0 no-repeat; width: 190px; }
		#nav-how-to-enter a { background: url(../images/nav/how-to-enter.gif) 0 0 no-repeat;  width: 107px; }
		#nav-for-teachers a { background: url(../images/nav/for-teachers.gif) 0 0 no-repeat; width: 106px; }
		#nav-submit a { background: url(../images/nav/submit.gif) 0 0 no-repeat; width: 137px; }
		#nav-resources a { background: url(../images/nav/resources.gif) 0 0 no-repeat; width: 86px; }
		#nav-faqs a { background: url(../images/nav/faqs.gif) 0 0 no-repeat; width: 51px; }
		#nav-winners a { background: url(../images/nav/winners.gif) 0 0 no-repeat; width: 72px; }

		#navigation li a:hover { background-position: 0 -40px; }
		#navigation li.selected a { background-position: 0 -80px; }
			
	#navigation li#logout {
		float: right;
		padding: 0 20px 0 0;
		font-size: 1.1em;
		line-height: 26px;
		}


/* SUB NAV ////////////////////////////////////////////////////////////////////////////////////// */
#subnav {
	padding-top: 8px;
	background: url(../images/subnav-join.gif) center 0 no-repeat;
	}
	.subnav-about {background-position: 95px 0 !important; }
	#subnav.subnav-about div { margin-left: 60px; }
	.subnav-how-to-enter { background-position: 244px 0 !important; }
	#subnav.subnav-how-to-enter div { margin-left: 65px; }
	.subnav-resources { background-position: 583px 0 !important; }
	#subnav.subnav-resources div { margin-left: 540px; }
	#subnav div {
		float: left;
		display: inline;
		background: #ce6a07 url(../images/subnav-right.gif) right 0 no-repeat;
		padding-right: 3px;
		}
#subnav ul, #subnav li {
	margin: 0;
	padding: 0;
	list-style: none;
	background: none;
	}
	#subnav ul {
		float: left;
		display: inline;
		padding-left: 4px;
		background: url(../images/subnav-left.gif) 0 0 no-repeat;
		}
	#subnav li {
		float: left;
		display: inline;
		}
	#subnav li a {
		display: block;
		overflow: hidden;
		height: 19px;
		text-indent: -100em;
		}
		#sub-partners a { background: url(../images/subnav/partners.gif) 0 0 no-repeat; width: 69px; }
		#sub-getting-started a { background: url(../images/subnav/getting-started.gif) 0 0 no-repeat; width: 107px; }
		#sub-weekly-themes a { background: url(../images/subnav/weekly-themes.gif) 0 0 no-repeat;  width: 101px; }
		#sub-general-themes a { background: url(../images/subnav/general-themes.gif) 0 0 no-repeat; width: 108px; }
		#sub-prizes a { background: url(../images/subnav/prizes.gif) 0 0 no-repeat; width: 51px; }
		#sub-editors-tips a { background: url(../images/subnav/editors-tips.gif) 0 0 no-repeat; width: 87px; }

		#subnav li a:hover { background-position: 0 -19px; }


/* HOME PAGE //////////////////////////////////////////////////////////////////////////////////// */
#home-top {
	background: url(../images/home-top-bg-1.jpg) no-repeat;
	height: 288px;
	border-bottom: 1px solid #bbb;
	padding: 1px 30px 0 295px;
	}
#home-top h1 {
	margin: 35px 0 1.5em 0;
	width: 404px;
	height: 16px;
	position: relative;
	text-transform: uppercase;
	font-size: 1em;
	}
	#home-top h1 span {
		background: url(../images/headings/welcome-to-ch.gif) no-repeat;
		position: absolute;
		width: 100%;
		height: 100%;
		height: 26px;
		width: 442px;
		}
#home-top p { color: #666; }
#home-top p strong { color: #333; }
#home-top p small { font-size: 0.917em; }

#theme-calendar {
	padding: 1px 0 0 60px;
	min-height: 65px;
	height: auto !important; /* min-height fix for IE */
	height: 65px;
	margin-top: 20px;
	background-position: left top;
	background-repeat: no-repeat;
	}
	.days-1 { background: url(../images/days/1.gif); }
	.days-2 { background: url(../images/days/2.gif); }
	.days-3 { background: url(../images/days/3.gif); }
	.days-4 { background: url(../images/days/4.gif); }
	.days-5 { background: url(../images/days/5.gif); }
	.days-6 { background: url(../images/days/6.gif); }
	.days-7 { background: url(../images/days/7.gif); }
	.days-8 { background: url(../images/days/8.gif); }
	.days-9 { background: url(../images/days/9.gif); }
	.days-10 { background: url(../images/days/10.gif); }
	.days-11 { background: url(../images/days/11.gif); }
	.days-12 { background: url(../images/days/12.gif); }
	.days-13 { background: url(../images/days/13.gif); }
	.days-14 { background: url(../images/days/14.gif); }
	.days-15 { background: url(../images/days/15.gif); }
	.days-16 { background: url(../images/days/16.gif); }
	.days-17 { background: url(../images/days/17.gif); }
	.days-18 { background: url(../images/days/18.gif); }
	.days-19 { background: url(../images/days/19.gif); }
	.days-20 { background: url(../images/days/20.gif); }
	.days-21 { background: url(../images/days/21.gif); }
	.days-22 { background: url(../images/days/22.gif); }
	.days-23 { background: url(../images/days/23.gif); }
	.days-24 { background: url(../images/days/24.gif); }
	.days-25 { background: url(../images/days/25.gif); }
	.days-26 { background: url(../images/days/26.gif); }
	.days-27 { background: url(../images/days/27.gif); }
	.days-28 { background: url(../images/days/28.gif); }
	.days-29 { background: url(../images/days/29.gif); }
	.days-30 { background: url(../images/days/30.gif); }
	.days-31 { background: url(../images/days/31.gif); }
	.days-32 { background: url(../images/days/32.gif); }
	.days-33 { background: url(../images/days/33.gif); }
	.days-34 { background: url(../images/days/34.gif); }
	.days-35 { background: url(../images/days/35.gif); }
	.days-36 { background: url(../images/days/36.gif); }
	.days-37 { background: url(../images/days/37.gif); }
	.days-38 { background: url(../images/days/38.gif); }
	.days-39 { background: url(../images/days/39.gif); }
	.days-40 { background: url(../images/days/40.gif); }
	.days-41 { background: url(../images/days/41.gif); }
	.days-42 { background: url(../images/days/42.gif); }
	.closed { background: url(../images/days/closed.gif); }
#theme-calendar h2 {
	width: 344px;
	height: 13px;
	font-size: 1em;
	text-transform: uppercase;
	position: relative;
	margin: 12px 0 5px 0;
	}
	#theme-calendar h2 span {
		background: url(../images/headings/until-next-deadline.gif) no-repeat;
		position: absolute;
		width: 100%;
		height: 100%;
		}
#theme-calendar p { margin-left: 15px; }
	a#theme-link {
		color: #333;
		font-weight: bold;
		margin-right: 10px;
		}
		a#theme-link:hover { color: #af227c; }
	a.theme-link {
		color: #cc6600;
		font-weight: bold;
		}
		a.theme-link:hover { color: #1D66A0; }

#theme-calendar.closed h2 {
	width: 267px;
	height: 13px;
	font-size: 1em;
	text-transform: uppercase;
	position: relative;
	margin: 7px 0 5px 10px;
	}
	#theme-calendar.closed h2 span {
		background: url(../images/headings/submissions-closed.gif) no-repeat;
		position: absolute;
		width: 100%;
		height: 100%;
		}
	#theme-calendar.closed p { font-size: 1.1em; margin-left: 10px; }


#home-bottom {
	background: url(../images/grey-fade.gif) top repeat-x;
	padding: 20px 0 20px 25px;
	}

#home-bottom h2, #home-bottom h3 {
	font-size: 1em;
	text-transform: uppercase;
	margin: 0 0 10px 0;
	line-height: 1;
	}
#home-bottom p {
	font-size: 1.1em;
	color: #666;
	padding-right: 20px;
	}
#home-bottom ul, #home-bottom li {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 1em;
	}
	#home-bottom ul {
		width: 420px;
		float: left;
		display: inline;
		}
	#home-bottom li {
		float: left;
		display: inline;
		width: 195px;
		padding: 7px 0;
		}
		#home-bottom li#feature-1 {
			border-right: 1px solid #d6d6d6;
			margin-right: 15px;
			}
		li#feature-2 {
			/*border-bottom: 1px solid #d6d6d6;*/
			padding-bottom: 20px;
			}
		#home-bottom li#feature-2, 
		#home-bottom li#feature-3 {
			width: 190px;
			}
		#home-bottom li#feature-2 h3, #home-bottom li#feature-2 p,
		#home-bottom li#feature-3 h3, #home-bottom li#feature-3 p {
			margin-left: 10px;
			margin-right: 10px;
			padding-right: 0;
			}

#prize-image { margin: 15px 25px 15px 0; }

/* HEADINGS */
#feature-1 h2, #feature-2 h3, #feature-3 h3 { position: relative; }
#feature-1 h2 span, #feature-2 h3 span, #feature-3 h3 span {
	position: absolute;
	width: 100%;
	height: 100%;
	}
#feature-1 h2 { width: 181px; height: 49px; }
	#feature-1 h2 span { background: url(../images/headings/are-you-a-student.gif) no-repeat; }
#feature-2 h3 { width: 181px; height: 49px; }
	#feature-2 h3 span { background: url(../images/headings/are-you-a-teacher.gif) no-repeat; }
#feature-3 h3 { width: 112px; height: 13px; margin-top: 10px; }
	#feature-3 h3 span { background: url(../images/headings/editors-tips.gif) no-repeat; }

/* BUTTONS */
p#btn-how-to-enter, p#btn-find-out-more, p#btn-more-tips { margin-bottom: 0; position:absolute; top: 705px;}
p#btn-more-tips { float: right; }
p#btn-how-to-enter a, p#btn-find-out-more a, p#btn-more-tips a {
	position: relative;
	display: block;
	}
p#btn-how-to-enter a span, p#btn-find-out-more a span, p#btn-more-tips a span {
	position: absolute;
	width: 100%;
	height: 100%;
	cursor: pointer;
	}
p#btn-how-to-enter a { width: 168px; height: 35px; }
	p#btn-how-to-enter a span { background: url(../images/buttons/how-to-enter.gif) no-repeat; }
p#btn-find-out-more a { width: 168px; height: 35px; /*position:relative; top:-3px;*/ }
	p#btn-find-out-more a span { background: url(../images/buttons/find-out-more.gif) no-repeat; }
p#btn-more-tips a { width: 78px; height: 17px; }
	p#btn-more-tips a span { background: url(../images/buttons/more-tips.gif) no-repeat; }


#banner-ad { margin-top: 5px; }


/* BASIC PAGE /////////////////////////////////////////////////////////////////////////////////// */
#page-content {
	padding: 40px;
	}
	#page-content h1 {
		text-transform: uppercase;
		font-size: 2.4em;
		color: #1d66a0;
		padding-bottom: 5px;
		border-bottom: 1px solid #d6d6d6;
		font-family: Helvetica, Arial, Sans-serif;
		}
		#page-content h1 span {
			display: block;
			line-height: 27px;
			padding: 0;
			}
	#page-content h2 {
		text-transform: uppercase;
		font-size: 1.6em;
		color: #1d66a0;
		padding-bottom: 5px;
		border-bottom: 1px solid #d6d6d6;
		margin: 2em 0 0.5em 0;
		}
		#page-content h2 span {
			line-height: 19px;
			padding: 0;
			display: inline-block;
			}
	#page-content h3 {
		text-transform: uppercase;
		font-size: 1.4em;
		color: #1d66a0;
		padding-bottom: 5px;
		border-bottom: 1px solid #d6d6d6;
		margin: 2em 0 0.5em 0;
		}
		#page-content h3 span {
			line-height: 16px;
			padding: 0;
			display: inline-block;
			}

#page-content #banner-ad {
	float: right;
	display: inline;
	padding: 0 0 20px 25px;
	background: #fff;
	margin: 0 -20px 0 0;
	}

p#entry-address { padding-left: 30px; color: #000; }


/* THEMES /////////////////////////////////////////////////////////////////////////////////////// */
#general-theme-list { clear: both; }
#general-theme-list ul, #general-theme-list ul li {
	list-style: none;
	margin: 0;
	padding: 0;
	}

#general-theme-list ul {
	float: left;
	display: inline;
	width: 215px;
	margin-bottom: 25px;
	border-left: 1px solid #ddd;
	padding-left: 10px;
	}
	#general-theme-list ul li {
		margin-bottom: 5px;
		font-size: 1.1em;
		}
p.theme-meta {
	color: #666;
	font-size: 1.1em;
	}
	p.theme-meta strong { color: #333; }

p.back-to-top {
	text-align: right;
	font-size: 1.1em;
	}
	p.back-to-top a { color: #666; }
	p.back-to-top a:hover { color: #333; }


/* RESOURCES //////////////////////////////////////////////////////////////////////////////////// */
p.pdf-download {
	padding-left: 40px;
	background: url(../images/pdf-large.gif) left no-repeat;
	line-height: 32px;
	margin-left: 25px;
	}
	p.pdf-download a { color: #333; text-decoration: none; font-weight: bold; }
	p.pdf-download a:hover { text-decoration: underline; }


/* TERMS //////////////////////////////////////////////////////////////////////////////////////// */
.terms-list {
	margin-left: 0;
	padding-left: 0;
	}
	.terms-list li {
		margin-bottom: 10px;
		font-size: 1.1em;
		color: #666;
		}
		.terms-list li strong { color: #333; }
.terms-list li ol {
	list-style: lower-roman !important;
	margin: 10px 0 0 0;
	padding-left: 0;
	}
	.terms-list li ol li { font-size: 1em; list-style: lower-roman; }
dl.styled-list, dl.styled-list dt, dl.styled-list dd {
	list-style: none;
	margin: 0;
	padding: 0;
	}
dl.styled-list { margin: 1em 0; }
dl.styled-list dt {
	margin-bottom: 10px;
	float: left;
	clear: left;
	width: 90px;
	font-weight: bold;
	}
dl.styled-list dd {
	margin-bottom: 10px;
	float: left;
	display: inline;
	width: 280px;
	}


/* COMING /////////////////////////////////////////////////////////////////////////////////////// */
#coming-soon {
	text-align: center;
	padding-top: 100px;
	}
	#coming-soon #logo img { display: inline; }


/* LOGIN //////////////////////////////////////////////////////////////////////////////////////// */
.login form {
	width: 400px;
	margin: 0 auto;
	}
.login #user-data { margin-bottom: 0; }
.login #user-password input.text-field { width: 170px; }

/* WINNERS ////////////////////////////////////////////////////////////////////////////////////// */
.winners-list {
	clear: both;
	width: 100%;
	}
.winners-list th {
	font-weight: bold;
	background: #eee;
	border-top: 1px solid #ccc;
	}
.winners-list th, .winners-list td {
	border-bottom: 1px solid #ccc;
	padding: 3px 10px;
	font-size: 1.1em;
	}

/* FOOTER /////////////////////////////////////////////////////////////////////////////////////// */
#footer {
	background: #fff url(../images/footer-bg.gif) 0 0 no-repeat;
	margin-top: 20px;
	padding: 19px 0 1px 25px;
	}
	#footer ul, #footer li {
		list-style: none;
		margin: 0;
		padding: 0;
		}
		#footer ul { padding-left: 95px; }
		#footer li {
			float: left;
			display: inline;
			margin-right: 52px;
			}
			#footer li.last { margin-right: 0; }

#footer-links {
	padding: 15px 0;
	/*background: url(../images/footer-shadow.jpg) 0 0 no-repeat;*/
	}
#footer-links ul, #footer-links li {
	list-style: none;
	margin: 0;
	padding: 0;
	}
	#footer-links ul {
		color: #666;
		font-size: 0.917em;
		padding: 0 25px;
		}
	#footer-links li {
		float: right;
		display: inline;
		margin-left: 15px;
		}
	#footer-links a { color: #666; }
	#footer-links a:hover { color: #555; }
	#footer-links ul #copyright {
		float: left;
		display: inline;
		margin-left: 0;
		}


/* TOOLS //////////////////////////////////////////////////////////////////////////////////////// */
.clear { clear: both; }
.clearfix { zoom: 1; /* for IE7 */ }
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}
* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}
.accessibility {
	position: absolute;
	left: -999px;
	width: 900px;
	background: none;
	}


/* SIFR //////////////////////////////////////////////////////////////////////////////////////// */
.sIFR-flash { visibility: visible !important; margin: 0; }
.sIFR-replaced { visibility: visible !important; }
span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
	}
.sIFR-flash + div[adblocktab=true] { display: none !important; }
.sIFR-hasFlash h1.replace span {
	visibility: hidden;
	font-size: 24px;
	}
.sIFR-hasFlash h2.replace span {
	visibility: hidden;
	font-size: 18px;
	}
.sIFR-hasFlash h3.replace span {
	visibility: hidden;
	font-size: 14px;
	}