@charset "UTF-8";

/*
	
	Site Design Copyright 2008 Infusion Design Melbourne
	www.infusiondesign.com.au
	
	Table of Contents
	1.	Browser CSS Reset
	2.	Typographic Setup
	3.	Generic Page Layout
	

*/

/*  -----  1. RESET  -----  */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body, html {
	height: 100%;
}
body {
	line-height: 20px;
	font-size: 100.01%;
	font-family: "Comic Sans MS", Arial, sans-serif;
	color: #fff;
	background: #2e0020;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

.clearfloat {
	clear: both;
}

/* -----  BODY STYLES  -----  */
#home { background: #a51602; }
#kids-zone { background: #176824; }
#news-events { background: #f6ae00; }
#mums-dads { background: #172789; }
#contact { background: #371882; }

/* ---- GENERAL SETUP  -----  */

a {
	color: #fff;
	text-decoration: none;
	border-bottom: 2px dotted #8bc53f;
/*	font-weight: bold;*/
}
a:hover {
	border-bottom-color: #fff;
}

h1, h2, h3, h4, p, ul, li {
	line-height: 20px;
	margin-bottom: 20px;
}

strong {
	font-weight: bold;
}
em {
	font-style: oblique;
}

/*  -----  MASTHEAD, LOGO  -----  */
#masthead_outer {
	background: transparent url(../images/design/rock_wave.png) no-repeat 50% 0;
	height: 240px;
	display: block;
	position: relative;
	z-index: 10;
}
#masthead_inner {
	height: 240px;
	width: 910px;
	margin: 0 auto;
	position: relative;
}
	#logo {
		background: url(../images/design/header_logo.png) no-repeat 0 0;
		display: block;
		position: absolute;
		top: 2px;
		left: 10px;
		width: 254px;
		height: 158px;
	}
	#logo a {
		height: 158px;
		width: 254px;
		display: block;
		cursor: pointer;
		border: 0 none;
		text-indent: -9999px;
	}
	
/*  -----  NAVIGATION  -----  */

#navigation {
	position: absolute;
	top: 50px;
	right: 0px;
	width: 574px;
	height: 25px;
	background: url(../images/design/navbar.png) no-repeat 0 0;
	
}
#navigation li {
	display: inline;
}
#navigation li a:link, #navigation li a:visited {
	display: block;
	position: absolute;
	border: 0 none;
	top: 0;
	height: 25px;
	overflow: hidden;
	text-indent: -9999px;
}
	#navigation .home-link a:link, #navigation .home-link a:visited, #navigation .home-hover {
		left: 0px;
		width: 76px;
	}
		#navigation .home-link a:hover, #navigation .home-link a:focus, #navigation .home-hover {
			background: url(../images/design/navbar.png) no-repeat 0 -50px;
		}
	#navigation .news-events-link a:link, #navigation .news-events-link a:visited, #navigation .news-events-hover {
		left: 79px;
		width: 136px;
	}
		#navigation .news-events-link a:hover, #navigation .news-events-link a:focus, #navigation .news-events-hover {
			background: url(../images/design/navbar.png) no-repeat -79px -50px;
		}
	#navigation .kids-zone-link a:link, #navigation .kids-zone-link a:visited, #navigation .kids-zone-hover {
		left: 215px;
		width: 112px;
	}
		#navigation .kids-zone-link a:hover, #navigation .kids-zone-link a:focus, #navigation .kids-zone-hover {
			background: url(../images/design/navbar.png) no-repeat -215px -50px;
		}
	#navigation .mums-dads-link a:link, #navigation .mums-dads-link a:visited, #navigation .mums-dads-hover {
		left: 327px;
		width: 128px;
	}
		#navigation .mums-dads-link a:hover, #navigation .mums-dads-link a:focus, #navigation .mums-dads-hover {
			background: url(../images/design/navbar.png) no-repeat -327px -50px;
		}
	#navigation .contact-link a:link, #navigation .contact-link a:visited, #navigation .contact-hover {
		left: 455px;
		width: 119px;
	}
		#navigation .contact-link a:hover, #navigation .contact-link a:focus, #navigation .contact-hover {
			background: url(../images/design/navbar.png) no-repeat -455px -50px;
		}
#navigation .nav-hover {
	position: absolute;
	top: 0;
	height: 25px;
}


/*  ---- WRAPPER  ---- */
#page_wrap {
	width: 910px;
	margin: -60px auto 0 auto;
	padding-bottom: 40px;
}

#non_footer {
	min-height: 100%;
	position: relative;
}

/*  -----  FOOTER  -----  */
#footer {
	position: relative;
	width: 100%;
	text-align: center;
	font-size: 0.75em;
	clear: both;
	padding: 40px 0 10px 0;
	height: 52px;
	margin-top: -92px;
	background: url(../images/design/footerbg.png) no-repeat 50% 100%;
}
#footer a {
	color: #fff;
	border-bottom: 1px dotted #333;
}

/*  -----  HOME PAGE  ------ */
#home_welcome {
	width: 345px;
	padding: 0 20px 20px 20px;
	float: right;
	font-size: 0.875em;
}
#home_feature {
	width: 495px;
	margin: -30px 0 20px 30px;
	height: 300px;
	float: left;
	position: relative;
}
	#home_feature .overlay {
		background: transparent url(../images/design/index_feature_overlay.png) no-repeat 0 0;
		position: absolute;
		width: 504px;
		height: 354px;
		top: -30px;
		left: -15px;
		z-index: 8;
	}
	#image_scroller {
		position: relative;
		overflow: hidden;
		width: 463px;
		height: 287px;
	}
		#image_scroller li {
			position: absolute;
			overflow: hidden;
			width: 463px;
			height: 287px;
			top: 0;
			left: 0;
		}
		#image_scroller li img {
			display: block;
		}
#home_newsevents {
	width: 435px;
	height: 190px;
	padding: 0 50px 20px 40px;
	float: left;
	background: url(../images/design/home_newseventsbg.png) no-repeat 0 25px;
	color: #a9210e;
	font-size: 0.875em;
}
	#newsevents_heading {
		margin: 0 0 15px -15px;
	}
	#newsevents_heading a {
		display: block;
		width: 273px;
		height: 52px;
		background: url(../images/design/home_newseventsh.png) no-repeat 0 0;
		text-indent: -9999px;
		border: 0 none;
	}
	#newsevents_heading a:hover {
		background-position: 0 -56px;
	}
	#home_newsevents .news_title {
		font-weight: bold;
		font-size: 1.2em;
	}
	#home_newsevents a {
		color: #A9210E;
		border-bottom-color: #000;
	}
	#home_newsevents a:hover {
		border-bottom-color: #f6ae00;
	}

#welcome_to_rock {
	background: url(../images/design/home_welcometorock.png) no-repeat 0 0;
	width: 328px;
	height: 25px;
	margin: 0 0 15px 0;
	text-indent: -9999px;
}
#home #kids_link {
	display: block;
	background: url(../images/design/home_kidszonelink.png) no-repeat 0 0;
	width: 304px;
	height: 207px;
	text-indent: -9999px;
	margin: 20px 0 20px 20px;
	border: 0 none;
}
#home #kids_link:hover {
	background-position: 0 -207px;
}

#home #mumsdads_link {
	display: block;
	background: url(../images/design/home_mumsdads.png) no-repeat 0 0;
	width: 321px;
	height: 117px;
	margin: 0 0 0 20px;
	text-indent: -9999px;
	border: 0 none;
}
	#home #mumsdads_link:hover {
		background-position: 0 -117px;
	}
#home #photos-link {
	border: 0 none;
	margin-top: 15px;
	float: left;
}
	#home #photos-link img {
		display: block;
	}

/*  -----  NEWS & EVENTS PAGE  ----- */

#newsevents_header {
	display: block;
	background: url(../images/design/newsevents_header.png) no-repeat 0 0;
	width: 178px;
	height: 27px;
	margin: 0 auto 20px auto;
	text-indent: -9999px;
}

#newsevents_list_wrap {
	float: right;
	width: 485px;
	background: #fff url(../images/design/newsevents_bg_top.png) no-repeat 0 0;
	color: #000;
	font-size: 0.875em;
}
#newsevents_list {
	padding: 40px;
	background: transparent url(../images/design/newsevents_bg_bottom.png) no-repeat 100% 100%;
}

#nextprogram {
	background: url(../images/design/nextprogram_bg.png) no-repeat 0 0;
	float: left;
	margin-left: 60px;
	width: 240px;
	height: 88px;
	padding: 30px;
	
}
#nextprogram_header {
	background: url(../images/design/nextprogram_header.png) no-repeat 0 0;
	width: 300px;
	height: 42px;
	display: block;
	margin: -22px 0 10px -28px;
	text-indent: -9999px;
}

.news_item {
	margin-bottom: 20px;
}
.news_item .news_title {
	color: #006aad;
	font-size: 1.65em;
	line-height: 30px;
}

#newsevents_list a {
	color: #006AAD;
}
#newsevents_list a:hover {
	border-bottom-color: #f22;
}

#news_sidephoto {
	float: left;
	margin: 50px 0 0 60px;
	width: 300px;
	
}

#photo_link {
	float: left;
	margin: 50px 0 0 60px;
}
	#photo_link a {
		margin-left: 0;
		border: 0 none;
	}
/*  -----  KIDS ZONE  -----  */

#kids_header {
	display: block;
	text-indent: -9999px;
	margin: 0;
	background: url(../images/design/kidszone_header.png) no-repeat 0 0;
	width: 367px;
	height: 162px;
	margin: 0 auto -80px auto;
	position: relative;
	top: -100px;
}

#kids_biglinks {
	width: 460px;
	float: left;
}
#kids_biglinks a {
	border: 0 none;
	width: 428px;
	height: 75px;
	display: block;
	background: url(../images/design/kids_downloads_cast_sprite.png) no-repeat 0 0;
	text-indent: -9999px;
	margin: 10px 0 10px 0;
}

#kids_text {
	float: right;
	width: 390px;
	padding: 20px 10px 20px 50px;
	font-size: 0.875em;
}

a#meet_the_cast_link {
	background-position: 0 0;
}
a#meet_the_cast_link:hover {
	background-position: -428px 0;
}
a#downloads_link {
	background-position: 0 -75px;
}
a#downloads_link:hover {
	background-position: -428px -75px;
}

/*  -----  MUMS & DADS  -----  */

#mumsdads_header {
	display: block;
	text-indent: -9999px;
	background: url(../images/design/mumsdads_header.png) no-repeat 0 0;
	width: 189px;
	height: 34px;
	margin: 0 auto 20px auto;
}

#insiderock_header {
	display: block;
	text-indent: -9999px;
	margin: 0 0 20px 40px;
	background: url(../images/design/insiderock_header.png) no-repeat 0 0;
	width: 183px;
	height: 42px;
}
#meet_the_committee_header {
	display: block;
	text-indent: -9999px;
	margin: 0;
	background: url(../images/design/meet_the_committee_header.png) no-repeat 0 0;
	width: 280px;
	height: 42px;
}

#inside_rock_wrap {
	float: left;
	width: 500px;
	position: relative;
}
#inside_rock {
	width: 479px;
	background: #fff url(../images/design/inside_rock_bg_top.png) no-repeat 0 0;
	color: #172789;
	font-size: 0.875em;
}
#inside_rock_bottom {
	background: transparent url(../images/design/inside_rock_bg_bottom.png) no-repeat bottom left;
	padding: 40px;
}

#meet_committee_wrap {
	float: right;
	width: 400px;
	padding-top: 70px;
}

#committee_list {
	margin: 40px 40px 0 0;
}
#committee_list li {
	position: relative;
	overflow: hidden;
	width: 74px;
	height: 90px;
	margin: 0 20px 20px 0;
	float: left;
	background: #222;
}
#committee_list .committee_list_link {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 74px;
	height: 90px;
	background: transparent url(../images/design/committee_link_overlay.png) no-repeat 0 0;
}
#committee_list a.committee_list_link:hover, #committee_list a.committee_list_link:focus, #committee_list li.active a.committee_list_link {
	background-position: 0 -90px;
}
#committee_list .committee_list_image {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

#meet_committee_wrap .sidebar_img {
	clear: both;
	margin: 70px 0 0 0;
	display: block;
}

/*  -----  CONTACT FORM  -----  */

#contact_header {
	display: block;
	text-indent: -9999px;
	margin: 0 auto 20px auto;
	background: url(../images/design/contact_header.png) no-repeat 0 0;
	width: 125px;
	height: 31px;	
}

#contact_form {
	background: url(../images/design/contact_form_bg.png) no-repeat 0 0;
	width: 325px;
	height: 255px;
	padding: 30px 0 0 20px;
	margin-left: 50px;
	color: #371882;
	font-size: 0.875em;
	float: left;
}
#contact_form label {
	width: 80px;
	float: left;
}
#contact_form input[type="text"], #contact_form textarea {
	width: 200px;
	border: 0 none;
	background: #cfbbff;
	font-size: 12px;
	padding: 5px;
	color: #371882;
}

#contact_form input[type="text"]:focus, #contact_form textarea:focus {
	background: #ede6ff;
}
#contact_form #submit {
	margin-left: 80px;
}
#contact_form li {
	clear: both;
	margin: 0 0 10px 0;
}

#contact_details {
	width: 400px;
	float: right;
	padding-top: 60px;
	font-size: 0.875em;
}

.error {
	position: absolute;
	width: 350px;
	padding: 30px;
	border: 8px solid #555;
	background: #eee;
	color: #e22;
	font-size: 0.875em;
}

/*  -----  KIDS DOWNLOADS  -----  */

#downloads_list {
	
}
#downloads_list li {
	width: 430px;
	float: left;
	overflow: auto;
	margin: 20px 20px 20px 0px;
}

#downloads_list .image_wrap {
	position: relative;
	float: left;
	overflow: hidden;
	width: 152px;
	height: 142px;
	background: #8bc53f;
}
	#downloads_list .image_wrap .image_overlay {
		position: absolute;
		top: 0;
		left: 0;
		width: 152px;
		height: 142px;
		background: transparent url(../images/design/download_overlay.png) no-repeat 0 0;
		z-index: 1;
	}
	#downloads_list .image_wrap img {
		display: block;
		
	}

#downloads_list .download_description {
	margin-left: 170px;
	font-size: 0.875em;
}
#downloads_list .download_description .download_title {
	font-weight: bold;
	font-size: 1.4em;
	line-height: 30px;
}
#downloads_list .download_description .download_title a {
	color: #fff;
	text-decoration: none;
	border-bottom: 2px dashed #8bc53f;
}
#downloads_list .download_description .download_title a:hover, #downloads_list .download_description .download_title a:focus {
	color: #8bc53f;
	border-bottom-color: #fff;
}

/*  ---  MEET THE CAST  ----  */

#cast_list {
	margin: 0 0 0 240px;
	float: left;
}
#cast_list li {
	position: relative;
	overflow: hidden;
	width: 74px;
	height: 90px;
	margin: 0 20px 0 0;
	float: left;
	background: #222;
}
#cast_list a.cast_list_link {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 74px;
	height: 90px;
	background: transparent url(../images/design/cast_link_overlay.png) no-repeat 0 0;
}
#cast_list a.cast_list_link:hover, #cast_list a.cast_list_link:focus, #cast_list li.active a.cast_list_link {
	background-position: 0 -90px;
}
#cast_list .cast_list_image {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

#featured_cast_image {
	float: left;
	position: relative;
	clear: left;
	width: 295px;
	height: 360px;
}
	#featured_cast_image .overlay {
		width: 295px;
		height: 360px;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 9;
		background: transparent url(../images/design/cast_big_overlay.png) no-repeat 0 0;
	}
	#featured_cast_image img {
		display: block;
		position: absolute;
		top: 42px;
		left: 40px;
		
	}
#featured_cast_content {
	float: left;
	width: 500px;
	margin: 40px 0 20px 50px;
	padding: 0 0 20px 0;
}

	.featured_cast_title {
		font-weight: bold;
		font-size: 1.5em;
	}
	
/* ================= */
/* = Photo Section = */
/* ================= */

#photo-gallery {
	
}

#photo-gallery ul {
	
}

#photo-gallery li {
	display: block;
	position: relative;
	width: 152px;
	height: 142px;
	background: #fff;
	margin: 20px 35px;
	float: left;
}
#photo-gallery li a {
	position: absolute;
	z-index: 10;
	background: transparent url(../images/design/photos_overlay2.png) no-repeat 0 0;
	border: 0 none;
	display: block;
	width: 152px;
	height: 142px;
}
#photo-gallery li a:hover {
	background-position: 0 -142px;
}
#photo-gallery li img {
	position: absolute;
	display: block;
}

#photo-gallery .paginate {
	clear: both;
	float: left;
	margin: 20px 0 30px 50px;
}
	.paginate a {
		margin: 0 15px 0 15px;
	}

#photo-full {
	float: left;
	clear: both;
	margin: 20px 0;
	text-align: center;
}
	#photo-full img {
		margin: 20px auto;
		clear: both;
	}
	#photo-full .paginate {
		float: right;
	}
		#photo-full .paginate b {
			color: #e35000;
		}
	#photo-full #back_to_gallery {
		margin-left: 50px;
	}

#photo-albums {
	width: 568px;
	margin: 0 auto;
}
	
#photos-header {
	font-size: 32px;
	text-align: center;
	font-weight: bold;
	color: #000;
}

#albums-header, #album-name {
	text-align: center;
	color: #006AAD;
	font-size: 24px;
	margin-top: 30px;
}

#album-list {
	
}
#album-list li {
	display: block;
	margin: 15px 15px;
	float: left;
	width: 250px;
}
#album-list li a {
	padding: 20px 30px;
	border: 2px dotted #fff;
	-moz-border-radius: 30px 20px;
	-webkit-border-radius: 30px;
	color: #006aad;
	display: block;
	font-weight: normal;
	font-size: 16px;
}
	#album-list li a:hover {
		border-color: #e35000;
	}

#photo-gallery a, #photo-albums a, #photo-full a {
	border-color: #E35000;
}
	#photo-gallery a:hover, #photo-albums a:hover, #photo-full a:hover {
		border-color: #fff;
	}