/*
border blue colour: #00AFDB
*/

*{border:0; margin:0; padding:0}
body{font:100% Arial, Helvetica, sans-serif; color:#000; background:#FFF}

/* old site warning */
div#warning{height:80px;background-color:#00AFDB;color:#FFF; font-size:14px; text-align:center;position:absolute; padding:10px 0 0 0;top:-90px; width:1000px}
div#warning a{color:#FFF}


/* layout */
div#container{width:1000px; margin:auto; background:#FFF url(/_inc/img/bg-masthead.gif) no-repeat; min-height:900px; border:1px dashed #00AFDB; border-width:0 1px; position:relative; padding-bottom:10px; margin-top:90px}
div#masthead{height:120px}
div#mainnav{ height:90px; margin:0 12px 0 0}
div#categorynav{width:153px; height:600px; float:left; margin:0 0 0 2px}
div#content{margin:0 10px 0 155px; border:1px dashed #00AFDB; min-height:600px; position:relative}
	.cols1111{background:url(/_inc/img/bg-cols-1111.gif) repeat-y}
	.cols112{background:url(/_inc/img/bg-cols-112.gif) repeat-y}
	.cols121{background:url(/_inc/img/bg-cols-121.gif) repeat-y}
	.cols211{background:url(/_inc/img/bg-cols-211.gif) repeat-y}
	.cols22{background:url(/_inc/img/bg-cols-22.gif) repeat-y}
	.cols31{background:url(/_inc/img/bg-cols-31.gif) repeat-y}
	.cols13{background:url(/_inc/img/bg-cols-13.gif) repeat-y}
* html div#content{height:600px}
#footer{padding:4px; margin:10px 10px 0 155px; border:1px dashed #00AFDB; font-size:0.7em}

/* main nav */
div#mainnav ul{list-style:none; margin:0px; padding:0px;}
div#mainnav ul li{list-style:none; margin:0px; padding:0px; display:block; float: left; margin-left:-5px;}
	div#mainnav ul li a{display:block; width:110px; height:69px; background-position:0px 0px; background-repeat:no-repeat;text-indent:-5000px;}
	div#mainnav ul li a.mainnav-home{background:url('/_inc/img/mainnav/home.gif');}
	div#mainnav ul li a.mainnav-about{background:url('/_inc/img/mainnav/about.gif');}
	div#mainnav ul li a.mainnav-booking{background:url('/_inc/img/mainnav/booking.gif');}
	div#mainnav ul li a.mainnav-media{background:url('/_inc/img/mainnav/media.gif');}
	div#mainnav ul li a.mainnav-schools{background:url('/_inc/img/mainnav/education.gif');}
	div#mainnav ul li a.mainnav-sponsors{background:url('/_inc/img/mainnav/sponsors.gif');}
	div#mainnav ul li a.mainnav-friends{background:url('/_inc/img/mainnav/friends.gif');}
	div#mainnav ul li a.mainnav-contact{background:url('/_inc/img/mainnav/contact.gif');}
	div#mainnav ul li a:hover, div#mainnav ul li a.active{background-position:0px -54px;}
div#flashnav{width:845px;height:69px;float:right;margin-top:16px}

/* category nav */
div#categorynav ul{list-style:none; margin:0px; padding:0px; position:absolute;}
div#categorynav ul li{list-style:none; margin:0px; padding:0px; display:block;}
	div#categorynav ul li a{display:block; width:125px; height:54px; background-position:0px 0px; background-repeat:no-repeat;text-indent:-5000px;margin-top:-5px;}
	div#categorynav ul li a.catnav-myfestival{background:url('/_inc/img/catnav/myfestival.gif');margin-bottom:10px;}
	div#categorynav ul li a.catnav-theatre{background:url('/_inc/img/catnav/theatre.gif');}
	div#categorynav ul li a.catnav-dance{background:url('/_inc/img/catnav/dance.gif');}
	div#categorynav ul li a.catnav-visualarts{background:url('/_inc/img/catnav/visualarts.gif');}
	div#categorynav ul li a.catnav-music{background:url('/_inc/img/catnav/music.gif');}
	div#categorynav ul li a.catnav-family{background:url('/_inc/img/catnav/family.gif');}
	div#categorynav ul li a.catnav-artisttalks{background:url('/_inc/img/catnav/artisttalks.gif');margin-bottom:10px;}
	div#categorynav ul li a.catnav-lotterywestfestivalfilms{background:url('/_inc/img/catnav/lotterywestfestivalfilms.gif');}
	div#categorynav ul li a.catnav-becksmusicbox{background:url('/_inc/img/catnav/becksmusicbox.gif');}
	div#categorynav ul li a.catnav-perthwritersfestival{background:url('/_inc/img/catnav/perthwritersfestival.gif');}
	div#categorynav ul li a.catnav-greatsouthern{background:url('/_inc/img/catnav/greatsouthern.gif');margin-bottom:10px;}
	div#categorynav ul li a.catnav-freeevents{background:url('/_inc/img/catnav/freeevents.gif');}
	div#categorynav ul li a:hover, div#categorynav ul li a.active{background-position:0px -54px;}
div#flashcats{float:left;margin:13px 0 0 12px;}

/* sub nav */
ul#sub-nav{margin:0;padding:0}
ul#sub-nav li{line-height:22px; border-bottom:1px dashed #00AFDB; list-style:none; margin:0; padding:0 15px}
ul#sub-nav a{text-decoration:none;color:#000}
ul#sub-nav a:hover{font-weight:bold}
	/* currently selected nav item */
	/* about */
	body#bodyid-welcome #sub-nav-welcome,
	body#bodyid-artistic-director #sub-nav-artistic-director,
	body#bodyid-festival-background #sub-nav-festival-background,
	body#bodyid-board-members #sub-nav-board-members,
	body#bodyid-staff-directory #sub-nav-staff-directory,
	/* booking */
	body#bodyid-how-to-book #sub-nav-how-to-book,
	body#bodyid-access #sub-nav-access,
	body#bodyid-its-my-festival #sub-nav-its-my-festival,
	body#bodyid-see-three #sub-nav-see-three,
	/* media centre */
	body#bodyid-press-releases #sub-nav-press-releases,
	body#bodyid-downloads #sub-nav-downloads,
	body#bodyid-imagebank #sub-nav-imagebank,
	/* sponsors */
	body#bodyid-sponsors #sub-nav-sponsors,
	body#bodyid-corporate-partnerships #sub-nav-corporate-partnerships,
	body#bodyid-private-giving #sub-nav-private-giving,
	/* friends */
	body#bodyid-friends #sub-nav-friends,
	body#bodyid-about-the-friends #sub-nav-about-the-friends,
	body#bodyid-friends-events #sub-nav-friends-events,
	/* contact */
	body#bodyid-contact #sub-nav-contact,
	body#bodyid-work-with-us #sub-nav-work-with-us,
	body#bodyid-taking-part #sub-nav-taking-part,
	/* schools */	
	body#bodyid-school-events #sub-nav-school-events,
	body#bodyid-resources #sub-nav-resources,
	body#bodyid-faqs #sub-nav-faqs,
	body#bodyid-activities #sub-nav-activities,
	body#bodyid-student-work #sub-nav-student-work
	{font-weight:bold}

/* content columns */
div#content div.single{width:208px; float:left}
* html div#content div.single{width:207px}
div#content div.double{width:416px; float:left}
* html div#content div.double{width:414px}
div#content div.triple{width:624px; float:left}
* html div#content div.triple{width:621px}
div.wrapper{position:relative; margin-top:30px}
div.whatson-wrapper{margin-top:10px}
div.pathway{width:24%;float:left; text-align:center}
div.pathway a{text-decoration:none}

	/* homepage first column highlight */
	body#bodyid-home div#content div.double{background:#00AFDB}
	body#bodyid-home div#content div.double h1{color:#FFF;border-color:#FFF}

/* auto float clearing */
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden}
*:first-child+html .clearfix, 
* html .clearfix{height:1%}
.clear{clear:both}

/* headings */
h1,h5{font-size:11.5px; line-height:28px; color:#00AFDB; background-color:#FFF; border-bottom:1px dashed #00AFDB; padding:1px 5px 0 5px; text-transform:uppercase; font-weight:bold;}
	body#bodyid-home h1{background-color:transparent}
	h1.next, h5.next{border-top:1px dashed #00AFDB}
	h1.alt, h5.alt{border-top:1px dashed #00AFDB; border-bottom:none; margin-top:20px; margin-bottom:20px; padding-top:5px}
h2{font-size:12px; line-height:30px; color:#414142; font-weight:bold; padding:0 5px}
	h2 a{text-decoration:none;color:#414142}
h3{font-size:12px; line-height:14px; color:#414142; font-weight:normal; padding:0 5px; margin:-2px 0 7px 0}
h5{margin:30px 0;padding:10px 0}

/* general elements */
p{padding:0.5em 5px; font-size:12px; line-height:17px}
	p.alert{color:#F47321}
a{color:#00AFDB}
ul,ol{margin:0.5em}
li{margin:0 0 0 1em; font-size:12px; line-height:15px}

/* forms */
form li{list-style:none; clear:both}
label{font-size:12px; text-align:right; margin:0.5em 5px; display:block; float:left; width:110px}
input,textarea{border:1px solid #00AFDB; float:left}
legend{font-size:12px; margin:0 8px}
	/* quick search box */
	div#quicksearchbox{position:absolute;left:650px;top:85px;width:350px;height:22px}
	div#quicksearchbox span{position:absolute;left:-9999em}
	div#quicksearchbox label{background:url(/_inc/img/labels/search.gif) center no-repeat; display:block; width:66px; height:22px;float:left}
	div#quicksearchbox button{display:block;float:left;width:34px; height:22px; background:url(/_inc/img/buttons/search.gif) center no-repeat; cursor:pointer}
	div#quicksearchbox input{float:left; height:18px;margin:2px 0}
	/* media centre login */
	#medialogin button{margin-left:122px; background:#00AFDB; color:#FFF; padding:2px}
	#medialogin p{margin-left:135px}
	/* media centre registration */
	#mediaregister label{width:130px}
	#mediaregister button{margin-left:140px; background:#00AFDB; color:#FFF; padding:2px}
	/* contact form */
	#contact-form fieldset{border:1px solid #00AFDB; margin:5px auto;width:375px}
	li.checkbox label{display:inline; float:none}
	li.checkbox input{margin-left:120px}
	#contact-form button{margin:5px 0 5px 120px; background:#00AFDB; color:#FFF; padding:2px}
	/* my festival registration */
	#myfestivalregister fieldset{border:1px solid #00AFDB; margin:5px auto;width:475px}
	#myfestivalregister label{width:130px}
	#myfestivalregister button{margin:8px 0 0 140px; background:#00AFDB; color:#FFF; padding:2px}
	/* my festival login */
	#myfestivallogin button{margin:8px 0 0 120px; background:#00AFDB; color:#FFF; padding:2px}
	
/* home page */
#homeslideshow{margin:8px}
#whatsoncontent{display:none}
ul.eventlist li{list-style:none; margin:0;padding:0; line-height:22px}
ul.eventlist li h2{line-height:22px}
ul.eventlist a{text-decoration:none; display:block; height:22px; line-height:22px; overflow:hidden}
ul.eventlist li img{margin-right:3px; float:left}
	/* calendar */
	table.tblCalendar{border-collapse:collapse;margin:0 auto;width:190px; font-size:11px;text-align:center}
	table.tblCalendar caption{font-size:11.5px; line-height:28px; text-align:left; text-transform:uppercase; padding:0 5px; color:#00AFDB}
	table.tblCalendar thead th{background-color:#00AFDB;color:#FFF}
	table.tblCalendar td{background-color:#D4F1F8;color:#00AFDB}
	table.tblCalendar td,table.tblCalendar th{padding:1px;border:1px solid #FFF}
	table.tblCalendar td.festival{background-color:#84D8ED;color:#00AFDB}
	table.tblCalendar a{text-decoration:none; color:#000}
	table.tblCalendar .left{border-left:0 none}
	table.tblCalendar .right{border-right:1 none}
	table.tblCalendar a:hover, table.tblCalendar a.today{background-color:#00AFDB;color:#FFF;display:block;font-weight:bold}
	/* brochure signup */
	#brochure-thumbnail{position:absolute;top:-20px;left:80px}
	#brochure-text{margin-top:80px}

/* category page */
div.dl-box{position:absolute;float:left;left:60px;top:0px;display:none;width:400px;height:300px;z-index:1000;background-color:#FFF;padding:10px}
div.dl-box li{list-style:none}
div.smaller-box{height:150px}
div.larger-box{height:400px;width:500px}
div.dl-box-theatre{border:2px solid #731472}
div.dl-box-dance{border:2px solid #F8981D}
div.dl-box-visualarts{border:2px solid #F0CB00}
div.dl-box-music{border:2px solid #AFBD22}
div.dl-box-family{border:2px solid #F37421}
div.dl-box-artisttalks{border:2px solid #E56D7B}
div.dl-box-lotterywestfestivalfilms{border:2px solid #C41230}
div.dl-box-becksmusicbox{border:2px solid #5D9732}
div.dl-box-perthwritersfestival{border:2px solid #00B1B0}
div.dl-box-greatsouthern{border:2px solid #00AFDB}
div.dl-box-freeevents{border:2px solid #54534A}

	/* results table */
	table.results{border:0;border-collapse:collapse}
	table.results td{border-width:0 0 1px 1px; border-style:dashed; border-color:#00AFDB;vertical-align:top; padding:2px}
	table.results p, table.results h2{padding:0; line-height:17px}
	table.results td.thumb{border-left:0;width:110px}
	table.results td.icons{width:75px;padding: 0 0 5px 0;}
	table.results td.icons div.icon{position:relative; display:block; width:18px; height:18px; float:left; margin:5px 0 0 5px;}
	table.results td.desc{width:420px}
	table.results td.widedesc{width:520px}
	table.results td.info{width:210px}
	p.ruled{border-bottom:1px dashed #00AFDB}
	
	/* table.writers */
	table.writers{width:100%}
	table.writers td{padding:6px}
	table.writers td,table.writers td p{font-size:12px}
	table.writers td.hilite{background-color:#D6F2F9}

/* event page */
img.eventlrg{display:block; margin:10px auto 0 auto}
ul.utility{list-style:none;margin:0;padding:0}
ul.utility li{border-bottom:1px dashed #00AFDB; margin:0; padding:4px 8px; line-height:18px}
ul.utility li h2{padding:0; line-height:13px}
ul.utility li p{padding:0;margin:0}
	/* price list */
	ul.utility li ul{margin:0;padding:0; list-style:none}
	ul.utility li ul li{margin:0;padding:0; border:none; line-height:14px}
	/* icons list */
	ul.utility li a {text-decoration:none; color:#000}
	ul.utility li a span {display:block; margin:0 0 0 22px}
	ul.utility li a img {border:none; float:left}
	/* image caption */	
	p.caption{font-size:0.7em; color:#999; margin:0 0 0 10px;padding:0}
	/* quotes */
	blockquote{margin-left:10px}
	blockquote span{font-size:0.8em}	
	/* pathways */
	.pathwaytext{}
	.pathwayicon{margin-bottom:40px; margin-right:5px}
	/* tags */
	#soldout{position:absolute;top:0;right:0;width:100px;height:100px;z-index:20; background:url(/_inc/img/labels/soldout.gif) top right no-repeat}
	#cancelled{position:absolute;top:0;right:0;width:100px;height:100px;z-index:20; background:url(/_inc/img/labels/cancelled.gif) top right no-repeat}
	#sellingfast{position:absolute;top:0;right:0;width:100px;height:100px;z-index:20; background:url(/_inc/img/labels/sellingfast.gif) top right no-repeat}
	
/* sponsors */
ul.sponsors{list-style:none}
ul.sponsors li{display:block; float:left; width:auto; height:90px; line-height:90px}
ul.sponsors li.linecredit{display:block; float:none; height:20px; line-height:20px; clear:both; font-size:10px; width:80%}
ul.sponsors li.linecredit img{float:left; margin:0 20px 10px 0}
ul.sponsors img{margin:5px}

/* media centre */
body#bodyid-media li,
body#bodyid-imagebank li,
body#bodyid-press-releases li{list-style:none}
body#bodyid-downloads li{list-style:none}

/* booking section */
div.pathway ul{list-style:none}

/* events detail page */
#av_container {
	background-color: #FFF;
	padding: 5px;
	margin: 5px;
	border: 2px solid #00AFDB;
	width: 320px;
	height: 330px;
}
#a_container {
	background-color: #FFF;
	padding: 5px;
	margin: 5px;
	border: 2px solid #00AFDB;
	width: 325px;
	height: 210px;
}
a#a_close, a#av_close {
	color: #000;
	text-decoration: none;
	font-size: 12px;
}
a.close-box {
	float: right;
	text-decoration: none;
	font-size: 12px;
	color: #000;
}
div.dl-box li a{
	border: none !important;
	text-decoration: underline !important;
	color: #00AFDB !important;
	margin: 0 !important;
	padding: 0 !important;
}
div.dl-box li{
	border: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

.venuetrigger{display:block;line-height:20px;margin-top:5px}
#artistpopup {
	display: none;
}
.artistpopup{}
.artistpopup-active {
	position: absolute;
	top: 50px;
	left: 50px;
	width: 700px;
	height: 300px;
	background: #fff;
	border: 2px solid #00AFDB;
	overflow: auto;
	padding: 10px;
}
a#artistpopup-close {
	display: block;
	width: 80px;
	float: right;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	text-align: right;
}

.all-ages {
	color:#5d9732;
}

h2.young-kids {
	color:#f37321;
	font-size:1.1em;
}

h2.middle-kids {
	color:#ec008c;
	font-size:1.1em;
}

h2.older-kids {
	color:#731472;
	font-size:1.1em;
}

.myfestivaluser-stats {
	width:200px;
	background-color:#ffffff;
	color:#414142;
	float:left;
	margin-left:10px;
}

.myfestivaluser-stats h2 {
	font-size:0.9em;
	line-height:20px;
	display:block;
}

.myfestivaluser-stats ul {
	list-style:none;
	margin:0;
	padding:0;
}

.myfestivaluser-stats h2 a {
	line-height:20px;
	display:block;
}

.myfestivaluser-stats ul li {
clear:left;
	border-bottom:1px dashed #00afdb;
	line-height:20px;
	margin:0;
	padding:1px 0;
	height:auto;
	width:200px;
	display:block;
}

.myfestivaluser-stats h2 a img {
	float:left;
	padding:2px 10px 2px 0px;
}

.user-list {
	margin-left:5px;
}

a img.myfestivaluser-pic {
	margin:5px;
}

a.selectedUser img.myfestivaluser-pic {
	margin:1px;
	border:4px solid #ffffff
}

#festivalplanner-login {
	float:right;
	width:170px;	
	height:400px;
	padding-right:10px;
	margin-top:10px;
	color:#ffffff;
}

#festivalplanner-login h2 {
	color:#ffffff;
	font-size:0.8em;
	line-height:120%;
	padding-left:0; margin-left:0;
}