body { margin:0; padding:0 0 2em; background-color:#f0f0f0; color:#444; text-align:center; font-family: 'Source Sans Pro', sans-serif; line-height:1.5em; font-size:100%; font-weight:300; }
input:focus, select:focus, textarea:focus, button:focus { outline:none; }
a { color:#336699; text-decoration:none; font-weight:400; }
a:hover { color:red; text-decoration:underline; }
.maximiser { clear:both; }

img { border:0; }
form { padding:0; margin:0; }
fieldset { border:0; padding:0 0 1em; }
input, select { vertical-align:middle; outline:none; }
textarea { outline:none; }
input:focus, select:focus, textarea:focus, button:focus { outline:none; }
button::-moz-focus-inner { border: 0; }
.placeholder { color:#999 !important; }

div.fruit { background-image:url('/files/template/figs.jpg'); background-position:center center; background-size:cover; height:350px; }

div.page { margin:0 auto; padding:0; max-width:1180px; background-color:#f0f0f0; }
div.pagePad { margin:0 1em; background:#fff; }

div.ticket { float:right; position:absolute; left:0; top:180px; z-index:9999; display:none; width:300px; overflow:hidden; }
div.ticket img { width:300px; }

div.header { padding:0.75em 0 2.5em; }
div.header h1 { font-family: 'Oswald', sans-serif; font-size:2.25em; font-weight:300; line-height:1.25em; letter-spacing:2px; text-transform:uppercase; margin:0; padding:0; color:#6db21e; }
div.header p { color:#333; font-size:1em; font-weight:300; letter-spacing:2px; text-transform:uppercase; margin:0.5em 0 0 0; padding:0; }
div.header p em { font-style:normal; }
div.header img { width:46px; height:46px; margin:0.5em 0; }

div.menu { color:#fff; background:#99659f; border-top:1px solid #a376a8; border-bottom:1px solid #895c8e; padding:0.75em 0; }
div.menu ul { margin:0; padding:0; list-style:none; letter-spacing:-1px; text-transform:uppercase; }
div.menu ul li { display:inline; padding:0 1em 0 0; font-size:1.1em; font-weight:bold; }
div.menu ul li:after { color:#e7b748; content:" \2022"; margin-left:1em; }
div.menu ul li:last-child:after { display:none; }
div.menu ul li a { color:#fff; font-weight:600; }
div.menu ul li a:hover { color:#ffda85; }

div.intro { margin:0; background-color:#000; background-image:url('/files/intro/snowy.png'); background-position:center left; background-size:cover; background-repeat:no-repeat; height:350px; }

div.aboutText { background:#fafafa; border-bottom: 1px solid #eee; margin:0; padding:0.5em 0; }
div.aboutText p { font-size:1.2em; } 
div.aboutText p em { font-weight:400; color:#6db21e; font-style:normal; } 
div.aboutText p strong { font-weight:400; color:#99659f; } 

div.highlights { padding:1em 0; }
div.highlight { width:33.333%; float:left; }
div.highlight div { padding:1em 2em; }
div.highlight h2 { font-family: 'Oswald', sans-serif; font-size:1.35em; font-weight:300; letter-spacing:1px; text-transform:uppercase; margin:0 0 1em 0; padding:0; color:#6db21e; }
div.highlight h2::before { content: "- "; }
div.highlight h2::after { content: " -"; }
div.highlight span { display:block; background:#999; padding-top:180px; padding-bottom:0px; }
div.highlight span strong { font-weight:400; display:block; background:#99659f; border-bottom:1px solid #a376a8; border-top:1px solid #895c8e; padding:2px 0; color:#fff; text-transform:uppercase; }
div.highlight p { text-align:left; }

span.highlight1 { background-image:url('/files/template/food.jpg') !important; background-size:cover !important; }
span.highlight2 { background-image:url('/files/template/stalls.jpg') !important; background-size:cover !important; }
span.highlight3 { background-image:url('/files/template/talks.jpg') !important; background-size:cover !important; }

div.proceeds { background:#e2f0d2 url('/files/template/brinsley.jpg') left bottom no-repeat; margin:0; padding:3em 0 2em; }
div.proceeds h2 { font-family: 'Oswald', sans-serif; font-size:2.15em; font-weight:300; line-height:1.25em; letter-spacing:1px; text-transform:uppercase; margin:0 0 0.5em 0; padding:0; color:#6db21e; }
div.proceeds h2::before { content: "- "; }
div.proceeds h2::after { content: " -"; }
div.proceeds p { padding:0 2em; }
div.proceeds p strong { font-weight:400; color:#99659f; }
div.proceedsText { width:35%; margin-left:59%; text-align:left; padding:0.1em 0 1em 0; }

div.stalls { background:#fafafa; padding:3em 1em; border-bottom: 1px solid #eee; }
div.stalls h2 { font-family: 'Oswald', sans-serif; font-size:2.15em; font-weight:300; letter-spacing:1px; text-transform:uppercase; margin:0 0 0.5em 0; padding:0; color:#6db21e; }
div.stalls h2::before { content: "- "; }
div.stalls h2::after { content: " -"; }
div.stalls img { border: 1px solid #ddd; width: 12.5%; margin: 0.5%; cursor:pointer; }

div.food { background:#fff; padding:3em 0 0;  }
div.food h2 { font-family: 'Oswald', sans-serif; font-size:2.15em; font-weight:300; letter-spacing:1px; text-transform:uppercase; margin:0 0 0.5em 0; padding:0; color:#6db21e; }
div.food h2::before { content: "- "; }
div.food h2::after { content: " -"; }
div.food p strong { font-weight:400; color:#99659f; }
div.foodPic { height:220px; background:#6db21e url('/files/template/foodlarge.jpg') center center no-repeat; background-size:cover; margin-top:2em; }

div.talks { background:#fafafa; border-top: 1px solid #eee; border-bottom: 1px solid #eee; padding:3em 2em; }
div.talks h2 { font-family: 'Oswald', sans-serif; font-size:2.15em; font-weight:300; letter-spacing:1px; text-transform:uppercase; margin:0 0 0.5em 0; padding:0; color:#6db21e; }
div.talks h2::before { content: "- "; }
div.talks h2::after { content: " -"; }
div.talks p { font-weight:400; color:#99659f; }
div.talks table { width:100%; text-align:left; margin-top:2em; }
div.talks table tr td { border-top:1px solid #ddd; vertical-align:top; padding:0.5em 0; }
.talkTime { font-weight:bold; font-size:0.9em; padding-right:1em; width:110px; }


div.venue { background:#fff; padding:3em 0 0; }
div.venue h2 { font-family: 'Oswald', sans-serif; font-size:2.15em; font-weight:300; letter-spacing:1px; text-transform:uppercase; margin:0 0 0.5em 0; padding:0; color:#6db21e; }
div.venue h2::before { content: "- "; }
div.venue h2::after { content: " -"; }
div.venue p { font-size:1.1em; margin-left:1em; margin-right:1em; }
div.venue p strong { font-weight:400; color:#99659f; }

div.contact { background:#fff; border-top: 1px solid #eee; border-bottom: 1px solid #eee; padding:3em 2em; }
div.contact h2 { font-family: 'Oswald', sans-serif; font-size:2.15em; font-weight:300; letter-spacing:1px; text-transform:uppercase; margin:0 0 0.5em 0; padding:0; color:#6db21e; }
div.contact h2::before { content: "- "; }
div.contact h2::after { content: " -"; }
div.contactForm { border:1px solid #eee; border-radius:0.25em; background:#fafafa; text-align:left; padding:1em; }
div.contactForm form { display:block; padding:0; margin:0; }
div.contactForm form fieldset { padding:0 0 0.5em; margin:0; }
div.contactForm form fieldset label { font-weight:400; color:#99659f; padding-left:0.25em; font-size:0.95em; }
div.contactForm form fieldset button { font-family:arial, sans-serif; font-size:1em; font-weight:400; padding:0.5em 1em; border:0px solid #ddd; background:#99659f; color:#fff; border-radius:1em; cursor:pointer; }
div.contactForm form fieldset button:hover { background:#6db21e; }
div.contactForm form img { display:none; }
.contactFormField { font-family:arial, sans-serif; font-size:1em; font-weight:400; padding:0.5em; border:1px solid #ddd; background:#fff; color:#333; border-radius:0.25em; }
.socialIcons { width:46px; height:46px; margin:0.5em 0; }

.searchMapContainer { height:400px; margin-top:2em; }

div.footer { background:#fafafa; padding:2em 0; border-top: 1px solid #eee;}

/* responsive styles */
@media screen and (max-width:1024px) { 
	div.proceeds { background-position:-150px 150px; }
	div.proceedsText { width:45%; margin-left:52%; }	
}
@media screen and (max-width:950px) { 
	div.header p { font-size:1em; }
	div.header p span { display:block; }
	div.aboutText p span { display:block; }
}
@media screen and (max-width:900px) { 
	div.highlight h2 { font-size:1.1em; }
	div.highlight div { padding:1em 1em; }
	div.proceeds { background-position:left bottom; }	
	div.proceeds h2 { font-size:1.75em; margin-bottom:1em; }
	div.proceeds p { font-size:1.1em; text-align:left; }
	div.proceeds p span { display:block; }
	div.proceeds p strong { font-size:1.2em; }	
	div.proceedsText { width:97%; margin-left:0; padding:0 0 250px 0; }	
	div.stalls p span { display:block; }
	div.stalls img { width: 17.5%; }
	
}
@media screen and (max-width:800px) { 
	div.pagePad { margin:0; }
	div.header { padding:0.75em 0 1.5em; }	
	div.menu ul li { font-size:1em; }
	div.food p span { display:block; }	
	div.contact p span { display:block; }
}
@media screen and (max-width:700px) { 
	div.highlight { width:100%; float:none; }
	div.highlight div { padding:1em 1em; border-bottom:1px solid #eee; }	
	div.highlight div:last-child { border-bottom:0px; }
	div.highlight h2 { font-size:1.5em; }
	div.proceeds h2 { text-align:left; margin-left:30px; }
	div.proceeds h2::before { content:none; }
	div.proceeds h2::after { content:none; }	
	div.proceeds h2 span { display:inline; }
	div.proceeds p { padding-left:30px; padding-right:30px; }
	div.proceeds p span { display:inline; }
	div.proceeds p strong { font-size:1.1em; }		
}

@media screen and (max-width:600px) { 
	div.menu { padding:0; }
	div.menu ul li { display:block; width:50%; float:left; padding:0; margin:0; text-align:center; border-bottom:1px solid #a376a8; font-size:1.2em; }
	div.menu ul li::after { display:none; }
	div.menu ul li a { display:block; padding:0.5em; }
	div.menu ul li a:hover { background:#6db21e; text-decoration:none; color:#fff; } 
	div.intro { background-image:url('/files/intro/flame.jpg'); background-position:center center; background-size:auto; height:300px; }
	div.aboutText p { font-size:1em; }
	div.stalls h2 { font-size:1.75em; }
	div.stalls img { width: 22.5%; }
	div.stalls p { padding-left:4em; padding-right:4em; }		
	div.stalls p span { display:inline; }
	div.food h2 { font-size:1.75em; }
	div.foodPic { height:180px; }
	div.talks { padding:3em 1em; }	
	div.talks h2 { font-size:1.75em; }
	div.venue h2 { font-size:1.75em; }
	div.venue p { font-size:0.9em; }
	div.contact h2 { font-size:1.75em; }
}
@media screen and (max-width:450px) {
	div.header h1 span { display:block; }
	div.header p em { display:block; }
	div.intro { background-size:cover; }
	div.aboutText p { padding-left:2em; padding-right:2em; }	
	div.aboutText p span { display:inline; }
	div.proceeds h2 { text-align:left; margin-left:20px; }
	div.proceeds p { padding-left:20px; padding-right:20px; }	
	div.stalls p { padding-left:2em; padding-right:2em; }
	div.food p { padding-left:2em; padding-right:2em; }
	div.food p span { display:inline; }
	div.talks p span { display:block; }	
	div.contact { padding-left:0.5em; padding-right:0.5em; }
	div.contact p { padding-left:2em; padding-right:2em; }
	div.contact p span { display:inline; }
	div.contactForm { padding:0.5em; }		
}
@media screen and (max-width:320px) {
	div.intro { height:250px; }	
	div.stalls img { width: 45.5%; }	
	div.stalls p { padding-left:1em; padding-right:1em; }
	div.food p { padding-left:1em; padding-right:1em; }
	div.venue p span { display:block; }	
}

/* iOS specific CSS */
@media screen and (-webkit-min-device-pixel-ratio:0) { 
	select:focus,
	textarea:focus,
	input:focus { font-size: 16px !important; background: #fff !important; }
	select,
	textarea,
	input { font-size: 16px !important; }
	select,
	textarea, 
	input[type="text"], 
	input[type="submit"],
	input[type="password"],
	input[type="email"] { -webkit-appearance: none; }
	body {
 		-webkit-text-size-adjust:none; 
		-webkit-font-smoothing:antialiased;		
	}
}