/*CSS Document*/

/*Reset*/

/** * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) * http://cssreset.com */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, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {	margin: 0;	padding: 0;	border: 0; outline:0;	font-size: 100%;	font: inherit;	vertical-align: baseline;}/* HTML5 display-role reset for older browsers */article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {	display: block;}body {	line-height: 1;}ol, ul {	list-style: none;}blockquote, q {	quotes: none;}blockquote:before, blockquote:after,q:before, q:after {	content: '';	content: none;}table {	border-collapse: collapse;	border-spacing: 0;}

*{outline:none;}
input {-webkit-appearance: none;border-radius: 0;}

/*Main*/

html,body{height:100%;}
body{background:transparent url('graphics/background_pink.png') repeat-y top;background-size:contain;}
header{background:transparent url('graphics/cloud.jpg') no-repeat center top;width:100%;margin-bottom:7%;}
header img{margin-bottom:-10px;margin-top:10%;height:auto;width:100%;}
header+section{margin-top:0%;}
h2{margin-bottom:8%;padding:0 6%;text-align:center;}

section,#ticketform,.banner{clear:both;overflow:hidden;position:relative;width:100%;}

article{padding:6%;position:relative;text-align:center;}
.article img{vertical-align:middle;}
.page_break img{margin:0 1%;width:140px;}
.intro ul li{clear:both;margin:0 0 30px;list-style:none;position:relative;min-height:200px;}
.intro img{height:200px;position:absolute;top:50%;margin-top:-100px;}
.intro .l_bubble{left:0;}
.intro .r_bubble{right:0;}
.intro .l_bubble+p{margin:20px 0 20px 240px;}
.intro .r_bubble+p{margin:20px 230px 20px 0;}



#ticketform{background:#999;color:#FFF;margin:0 0 7%;}
form{margin:10%;width:80%;}
form[name='eform']{margin-bottom:0;}
form[name='payer']{margin-top:5%;}
#message{padding-top:1%;}
.extra h2{margin-bottom:0;}
.extra{padding:4% 0;}


/*Text*/

h1,h2,p,label,input,ol li{font-family:sans-serif;}

h1,h2,article p,.banner p,.intro p,label,input{font-weight:900;}
p,ol li{font-weight:100;}

h1,article p,.banner p,.intro p{font-size:1.7em;}
h2{font-size:2.7em;}
p,ol li{font-size:0.875em;}
label,input{font-size:1.25em;}
.square p{font-size:1.74em;}

ol{overflow:hidden;text-align:left;}
ol li{list-style-type:decimal-leading-zero;margin-left:4ex;margin-right:4ex;}
ol,ol li{margin-top:3ex;}
p{margin:3ex 0 2ex;}
.intro p,.intro ul{margin:2ex auto;max-width:800px;}
.square p{margin:2ex auto;max-width:600px;}
article p{text-align:justify;}

label,input{margin:5px 0;}
label{clear:left;float:left;padding:7px 0;}
input{border:none;clear:right;float:right;padding:5px;text-align:center;}
input[type='submit']{cursor:pointer;padding:10px;float:right;}
form p{clear:both;display:block;width:100%;}


/*Banner*/

.banner{margin:7% auto;width:75%;}
.banner{position:relative;overflow:auto;}
.banner ul{position:relative;}
.banner li{list-style:none;position:relative;min-height:200px;}
.banner ul li{float:left;}

.banner p{margin:20px;}
.banner img{height:200px;position:absolute;top:50%;margin-top:-100px;}
.banner .l_bubble{left:20px;}
.banner .r_bubble{right:20px;}
.banner .l_bubble+p{margin:20px 20px 20px 240px;}
.banner .r_bubble+p{margin:20px 230px 20px 20px;}


/*Prev Next */

.prev,.next{cursor:pointer;margin-top:-26px;position:absolute;top:50%;opacity:0.2;filter:alpha(opacity=20);width:50px;}
.prev:hover,.next:hover{opacity:0.5;filter:alpha(opacity=50);}
.prev{left:1.8%}
.next{right:1.8%}


/*Colours*/

article{color:#A37D7D;}
h2,.intro p{color:#E2BBD8;}
form{color:#FFF;}
input{background:#C9C8C7;color:#FFF;}
input[type='submit']{background:#BBB;}
form a{color:#FFF;}
.plum{background:/*#B296AE*/transparent url(patterns/plum27.png) repeat -20px -27px;}
.mist{background:/*#C7CEE0*/transparent url(patterns/mist32.png) repeat 0 0;}
.auburn{background:/*#A37D7D*/transparent url(patterns/auburn15.png) repeat 0 0;}
.purple{color:#BC9DC2;}
.pink{color:#F6A0A0;}
.orange,.intro p.orange{color:#F6BA8D;}
.blue{color:#BABBE6;}
.mist2{color:#C7CEE0;}

/*Geometry Center Adjustments*/

.plum img,.mist img{padding-left:2.5%;}


/*Mushrooms*/

.square{background:transparent url(graphics/mushrooms_1_50.png) no-repeat bottom right;}


/*Shadows*/

.page_break{margin:-3px 0 3px 0;}
.page_break:before,.page_break:after{content:"";position:absolute;z-index:1000;}
.page_break:before {top:0;bottom:0;left:-10px;right:-10px;-webkit-box-shadow:0 0 3px 1px rgba(0,0,0,0.3);-moz-box-shadow:0 0 3px 1px rgba(0,0,0,0.3);box-shadow:0 0 3px 1px rgba(0,0,0,0.3);}


/*Form Clears*/

form:before,form:after{content:"";display:table;}
form:after{clear:both;}
form{display:inline-block;overflow:hidden;}
input+p:before,input+p:after{content:"";display:table;}
input+p:after{clear:both;}
input+p{display:inline-block;margin-top:20px;}


/*Footer*/

footer{overflow:hidden;padding:20px 0 0;text-align:center;}
footer a{margin:0 5px;text-decoration:none;}
footer a img{width:50px;}
footer p,footer p a{margin:20px 0 0;}
footer p a{float:right;color:#E9E8E9;padding:5px 5px;}



/*Sizing*/

/* Thanks : http://weedygarden.net/2010/10/retina-display-and-css-background-images/ */

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (-o-min-device-pixel-ratio: 3/2),
    only screen and (-moz-min-device-pixel-ratio: 1.5),
    only screen and (-min-device-pixel-ratio: 1.5) {
.square{background:transparent url(graphics/mushrooms_1.png) no-repeat bottom right;background-size:300px;}
}

@media only screen and (min-device-width:1025px){
header{background-attachment:fixed;}
}

@media only screen and (min-width:920px){
.square p{max-width:660px;}
.prev{left:4%;}
.next{right:4%;}
h1,article p,.square p,.banner p,.intro p{font-size:1.95em;}
}

@media only screen and (max-width:750px){
h1,article p,.square p,.banner p,label,input,.intro p{font-size:1.2em;}
h2{font-size:2em;}
.square p{max-width:410px;}
/*.prev,.next{display:none;}*/
.intro img{height:200px;position:relative;margin:20px 0;}
.intro .l_bubble+p{margin:0;}
.intro .r_bubble+p{margin:0;}
}

@media only screen and (max-width:550px){
article p{text-align:left;}
h1,article p,.square p,.banner p,label,input,.intro p{font-size:1.1em;}
.square p{max-width:none;}
}

@media only screen and (max-width:550px){
.square{background:none;}
.banner img{height:auto;margin-left:-100px;margin-top:0;top:0;width:200px;}
.banner .l_bubble, .banner .r_bubble{left:50%;}
.banner .l_bubble+p,.banner .r_bubble+p{margin:220px 20px 20px 20px;}
}


@media only screen and (max-width:400px){
.banner p{text-align:center;}
}

@media only screen and (max-width:310px){
.banner{display:none;}
}