/* -------------------------------------------------------------- 
  
   reset.css
   * Resets default browser CSS.
   
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

body { 
  line-height: 1.5; 
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from , . */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }

/* -------------------------------------------------------------- 
   
   typography.css
   * Sets up some sensible default typography.
      
-------------------------------------------------------------- */

/* fonts */

@font-face {
	font-family: 'DroidSerifRegular';
	src: url('/fonts/DroidSerif/DroidSerif-Regular-webfont.eot');
	src: local('☺'), url('/fonts/DroidSerif/DroidSerif-Regular-webfont.woff') format('woff'), url('/fonts/DroidSerif/DroidSerif-Regular-webfont.ttf') format('truetype'), url('/fonts/DroidSerif/DroidSerif-Regular-webfont.svg#webfontOAAhrq6s') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'DroidSansRegular';
	src: url('/fonts/DroidSans/DroidSans-webfont.eot');
	src: local('☺'), url('/fonts/DroidSans/DroidSans-webfont.woff') format('woff'), url('/fonts/DroidSans/DroidSans-webfont.ttf') format('truetype'), url('/fonts/DroidSans/DroidSans-webfont.svg#webfontw7zqO19G') format('svg');
	font-weight: normal;
	font-style: normal;
}

body { 
  font: 75%/1.5 Frutiger, "Frutiger Linotype", 'DroidSansRegular', "Helvetica Neue", Arial, Helvetica, sans-serif; 
	/* http://articles.sitepoint.com/article/eight-definitive-font-stacks/3 */
  color: #222; 
  background: #fff;
}

body#tinymce {
  background: #fff;
}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6{ font-weight: normal; color: #222; font-family: "Frutiger LT 47 LightCn", Frutiger, "Frutiger Linotype", 'DroidSansRegular', "Helvetica Neue", Arial, Helvetica, sans-serif}

/* 	http://drewish.com/tools/vertical-rhythm base font size 12px, line height 18px,
	target sizes 24,21,18,16,14,12,10 which were obtained from:
	http://www.markboulton.co.uk/journal/comments/five-simple-steps-to-better-typography-part-4
*/
#header h1,div#logo {
	font-size: 2em; /* 24px */ line-height: 1.5em; /* 36px */  margin-top: 0; margin-bottom: 0em; color: #ecebe6;
}

#content h1 {
	height:36px;
	font-size: 1.3333em;  
	line-height: 36px; 
	margin: 0 0 48px 0; 
	color: #ecebe6;
}

body#artists #content h1 {
	background: url('/img/artists_bg.jpg') no-repeat 5em 0;
}

body#about #content h1 {
	background: url('/img/about_bg.jpg') no-repeat 5em 0;
}

body#location #content h1 {
	background: url('/img/location_bg.jpg') no-repeat 5em 0;
}

body#sc_bookings #content h1 {
	background: url('/img/contact_bg.jpg') no-repeat 12em 0;
}

body#sc_albums #content h1 {
	background: url('/img/gallery_bg.jpg') no-repeat 12em 0;
	margin-bottom: 24px;
}

h2 {
	font-size: 1.75em; /* 21px */ line-height: 1.7143em; /* 36px */ margin-top: 0.8571em; margin-bottom: 0em; 
}

h3 {
	font-size: 1.5em; /* 18px */ line-height: 1em; /* 18px */ margin-top: 1em; margin-bottom: 0em; 
}

h4 {
	font-size: 1.3333em; /* 16px */ line-height: 1.125em; /* 18px */ margin-top: 1.125em; margin-bottom: 0em; 
}

h5,h6,h3.album{
	font-size: 1.1667em; /* 14px */ line-height: 1.2857em; /* 18px */ margin-top: 1.2857em; margin-bottom: 0em; 
}

p {
	font-size: 1em; /* 12px */ line-height: 1.5em; /* 18px */ margin-top: .75em; margin-bottom: 0em; 
}

.smaller, #footer p {
	font-size: 0.8333em; /* 10px */ line-height: 1.8em; /* 18px */ margin-top: .9em; margin-bottom: 0em;
}

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}


/* Text elements
-------------------------------------------------------------- */

a:focus, 
a:hover     { color: #222; }
a           { color: #222; text-decoration: underline; }

 
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

/* Lists
-------------------------------------------------------------- */

li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       {  }
dd          { font-style: italic;}


/* Tables
-------------------------------------------------------------- */

table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; background: #C3D9FF; }
th,td       { padding: 4px 10px 4px 5px; }
tr.even td  { background: #E5ECF9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }


/* header */

#header {
	height: 110px;
	background-color: #3E3E3E;

}

#header div#logo, #header h1 {
	margin-top: 0;
	height: 110px;
	width: 228px;
	margin:0 auto;
	background: url('/img/logo.jpg');
	text-indent: -9000px;
}

#header div#logo a {
	display: block;
	height: 110px;
	width: 228px;
	color: #ecebe6;
}

/* nav */

ul#nav {
	margin: 1em auto;
	list-style: none;
	text-align: center;
	display: block;
}

ul#nav li {
	display: inline;
	text-transform: uppercase;
	color:#CD9F62;
	font-size:1.143em;
	margin: 0;
}

ul#nav li a {
	color:#3E3E3E;
	text-decoration: none;
	text-shadow: 0 1px 1px rgba(255,255,255,1);
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

ul#nav li.active, ul#nav li a {
	padding: 3px 6px;
}

ul#nav li a:hover, ul#nav li a:focus {
	background-color: #e5e5de;
	color: #000;
}

/* sub nav */

ul#sub_nav {
	margin: 1.3125em 0 0 0;
	list-style: none;
	background-color: #F1F1ED;
	text-transform: uppercase;
	color:#CD9F62;
	font-size:1.143em;
	width: 200px;
}

ul#sub_nav li a {
	color:#3E3E3E;
	text-decoration: none;
	text-shadow: 0 1px 1px rgba(255,255,255,1);
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

ul#sub_nav li.active, ul#sub_nav li a {
	padding: 3px 6px;
	display: block;
}

ul#sub_nav li a:hover, ul#sub_nav li a:focus {
	background-color: #e5e5de;
	color: #000;
}


/* wrapper */ 

#wrapper {
	background-color: #e5e5de;
	margin: 0;
}

.container {
	width: 950px;
	margin:0 auto;
}

#main {
	background: #fff url('/img/main_bg.png') repeat-x;
	padding: 0 0 96px 0;
	overflow: hidden;
}

#sc_albums #main{
	background-color: #515151;
	color: #ECEBE6;
	padding: 0 0 48px 0;
}

#sc_albums #content h2, #sc_albums #content h3 {
	color: #ECEBE6;
}

#sc_albums #main a {
	color: #ECEBE6;
}

#sc_albums #content img#gallery-index-img{
	margin-top: 24px;
}

#content {
	margin: 0 0 0 96px;
	width: 420px;
	float: left;
	min-height: 400px;
}

#sc_bookings #content {
	/*width: 350px;*/
}

#sc_albums #content, #location-map #content {
	width: 758px;
}

#sidebar {
	margin: 66px 0 0 96px;
	float: left;
	width: 242px;
}

#sc_bookings #sidebar {
	margin-top: 148px;
}

#artists #content img {
	float:right; 
	margin-right:-50px;
}

/* footer */
#where_when, #footer {
	text-align: center;
	clear: both;
	
}

#where_when {
	background-color: #ecebe6;
	padding: 1.3125em 0; /* same as h3 margin-top */
}

#where_when #when {
	font-size: 1.5em; /* 21px */ line-height: 1em; /* 21px */ margin: 0;  /* like h3 */
}

#where_when #where, #form-title {
	font-size: 1.2857em; /* 18px */ line-height: 1.1667em; /* 21px */ padding-top: 1.1667em; margin-bottom: 0em;  /* like h4 */
}

#mailchimp {
	background-color: #e5e5de;
}

#mailchimp form {
	width: 300px;
	margin: 0 auto;
}

#mailchimp form #form-title, #mailchimp form .submit {
	text-align: center;
	padding-bottom: 1em;
}

#mailchimp #mce-EMAIL {
	background-color: #F5F4F1;
}

#mailchimp #mce-EMAIL:focus {
	background-color: #fff;
}

#footer {
	padding: 1.75em 0; /* same as margin on .smaller */
}

/* home page */

body#home #main p, body#home #main h2, body#home #main  h3 {
	text-shadow: 0 1px 1px rgba(255,255,255,.3);
}

body#home #content h2 {
	margin-top: 48px;
}

body#home #main {
	background: url('/img/flags.jpg') no-repeat;
	height: 634px;
	padding: 0;
}

body#home #content, body#home #sidebar {
	float: left;
}

body#home #content {
	margin-left: 110px;
	width: 450px;
}

body#home #sidebar {
	font-size:.917em;
	margin: 270px 0 0 40px;
	width: 300px;
}

body#home #sidebar p {
	margin-top: .5em;
}

body#home #main h1, body#home #main h2, body#home #main h3, body#home #main h4 {
	/*color: #D0D0CA;*/
}



/* Conditions of Entry */

body#conditions-of-entry ol h3{
	font-size: 1em; /* 14px */ line-height: 1.5em; /* 21px */ font-weight: bold;
}

body#conditions-of-entry ol {
	margin-top: 0.875em;
}

/* forms
================================== */

form {
	margin-top: .75em;
}

fieldset {
	border:none;
}

input.submit {
	margin:0 1em 1em 160px;
}

legend {
	font-weight:normal;
	font-size: 1.5em;
}

form div.optional {
	position:relative;
	margin:1em 0em 1em 0em;
	clear:left;
}


label {
	display: block;
	font-weight: normal;
}

label span {
	font-size:0.9em;
	color: red;
}

div.room label {
	height: 4em;
}

div.input {
	margin-bottom: 2em;
}

.pickerimg {
	margin-left: 1em;
}

input {
	width:300px;
	padding:0;
}


input[type="checkbox"] {
	width:20px;
}

input[type="text"], input[type="password"] ,textarea {
	border: 1px solid #D0D0C9;;
	background-color: #ECEBE6;
	padding: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-family: "PT Sans", "Verdana", "Lucida Grande", "Arial", sans-serif; font-size: 100%;
}


input.form-error, textarea.form-error, input.error {
	border:1px solid red;
}

form .error-message, label.error {
	color: red;
	margin-top:.5em;
}

.radio input,.checkbox input,.submit input{
	width:auto;
}
input.radio, .checkbox input {
	float: left;
	clear: left;
 	width:auto;
	margin-bottom: 1em;
}

.checkbox {
	clear: left;
}


.checkbox label {
	margin-bottom: 1em;
}

.checkbox label {
	display: inline-block;
}



input:focus,textarea:focus {
	background-color:#F5F4F1;
}

textarea {
	width:300px;
	height:100px;
}

p#paypal {
	line-height: 23px;
	margin-top: 2em;
}

#paypal img {
	margin: 0 1em 0 0;
	vertical-align: middle;
}

.button a {
	margin-top: 2em;
	background: #E5E5DE;
	border: 1px solid #4C618C;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: inset 0 0 1px 1px #f6f6f6;
	-moz-box-shadow: inset 0 0 1px 1px #f6f6f6;
	-ms-box-shadow: inset 0 0 1px 1px #f6f6f6;
	-o-box-shadow: inset 0 0 1px 1px #f6f6f6;
	box-shadow: inset 0 0 1px 1px #f6f6f6;
	color: #333;
	font: bold 12px "helvetica neue", helvetica, arial, sans-serif;
	line-height: 1;
	padding: 8px 0 9px;
	text-align: center;
	text-shadow: 0 1px 0 #fff;	
	width: 13em; 
	display:block;
	text-decoration: none;
}


.button a:hover {
	background: #d9d9d9;
    -webkit-box-shadow: inset 0 0 1px 1px #eaeaea;
    -moz-box-shadow: inset 0 0 1px 1px #eaeaea;
    -ms-box-shadow: inset 0 0 1px 1px #eaeaea;
    -o-box-shadow: inset 0 0 1px 1px #eaeaea;
    box-shadow: inset 0 0 1px 1px #eaeaea;
    color: #222;
    cursor: pointer;
}

.button a:active {
	background: #d0d0d0;
    -webkit-box-shadow: inset 0 0 1px 1px #e3e3e3;
    -moz-box-shadow: inset 0 0 1px 1px #e3e3e3;
    -ms-box-shadow: inset 0 0 1px 1px #e3e3e3;
    -o-box-shadow: inset 0 0 1px 1px #e3e3e3;
    box-shadow: inset 0 0 1px 1px #e3e3e3;
    color: #000; 
}

/* SPAM check - hidden form element */
.areyouhuman { display: none;} 
.check {margin-top: 1.5em;}


/* photo gallery */

ul#albumThumbs {
	margin: 0 150px 0 0;
	float: left;
}

ul#albumThumbs li{
	list-style: none;
}

body ul#gallery {
	text-align: center;
	margin:1.5em 0;
	float: left;
}
ul#gallery li,  ul#gallery li p{
	display: inline;
	margin: 0 0px;
}

ul#gallery li {
	float: left;
	width:75px;
}

ul#gallery li#thumb1 {
	margin-left: 0;
}

ul#gallery li#thumb10 {
	margin-right: 0;
}

ul#gallery li img, ul#albumThumbs li img{
	border: 1px solid #3E3E3E;
		/*padding: 2px;*/
	
	/*background-color: #fff;*/
}

ul#gallery img.selected, ul#gallery li a:hover img, ul#albumThumbs li a:hover img {
	border-color: #C1C0BC;
	background-color: #C1C0BC;
}

ul#gallery a:focus {
	outline: 0;
}

#imgwrap {
	clear: left;
	min-height: 800px;
}

#imgwrap #img_placeholder img#largeimage {
	/*border: 1px solid #ECEBE6;*/
	/*
	padding: 2px;
		background-color: #fff;*/
	
}

img#largeimage, img.loading {
	margin: 0 auto;
	display: block;	
}


h3#photoTitle {
	text-align: center;
	font-size: 1em;
	margin-top: 1em;
}
 
#nextprev {
	text-align: center;
	margin-bottom: 1em;
}

#nextprev img.photonav{
	display: inline;
	border: none;
}

#photo-nav {
	font-size: 0.7143em;
    line-height: 2.1em;
    color: #999;
	text-align: center;
}

/* files */ 
a.pdf, a.address-book {
	padding: 2px 0 2px 24px;
	line-height: 1.333;
}
a.pdf {
	background: url('/img/page_white_acrobat.png') no-repeat center left;
}

/* contact page */
div.vcard {
	margin-top: .75em;
}

a.address-book {
	background: url('/img/vcard_add.png') no-repeat left center;
}

/* sponsors */

#sponsors {
	text-align: center;
	padding-top: 24px;
}

#sponsors a {
	margin: 0 30px 0 30px;
}

#sponsors a img {
	margin-bottom: 24px;
}

/* thank you page */

#social {
	list-style: none;
	margin: 2em 0 0 0;
}

#social li {
	display: inline;
	padding: 0 40px 0 0;
	text-align: left;
}

#social li a {
	padding: 10px 10px 10px 34px;
	line-height: 16px;
	text-decoration: none;
	color: #fff;
	background: #6c6c6a;
	text-shadow: 0 -1px 1px #333;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.5);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.5);
	box-shadow: 0 1px 2px rgba(0,0,0,.5);
}

#social li a.facebook {
	background: #6c6c6a url('/img/social.png') no-repeat 10px 10px;
	background: url('/img/social.png') no-repeat 10px 10px, -webkit-gradient(linear, left top, left bottom, to(rgb(108, 108, 106)), from(rgb(183, 183, 178)));
	background: url('/img/social.png') no-repeat 10px 10px, -webkit-linear-gradient(top, rgb(108, 108, 106), rgb(183, 183, 178));
	background: url('/img/social.png') no-repeat 10px 10px, -moz-linear-gradient(top, rgb(108, 108, 106), rgb(183, 183, 178));
	background: url('/img/social.png') no-repeat 10px 10px, -o-linear-gradient(top, rgb(108, 108, 106), rgb(183, 183, 178));
	background: url('/img/social.png') no-repeat 10px 10px, linear-gradient(top, rgb(108, 108, 106), rgb(183, 183, 178));108, 108, 106
}

#social li a.twitter {
	background: #6c6c6a url('/img/social.png') no-repeat 10px -20px;
	background: url('/img/social.png') no-repeat 10px -20px, -webkit-gradient(linear, left top, left bottom, to(rgb(108, 108, 106)), from(rgb(183, 183, 178)));
	background: url('/img/social.png') no-repeat 10px -20px, -webkit-linear-gradient(top, rgb(108, 108, 106), rgb(183, 183, 178));
	background: url('/img/social.png') no-repeat 10px -20px, -moz-linear-gradient(top, rgb(108, 108, 106), rgb(183, 183, 178));
	background: url('/img/social.png') no-repeat 10px -20px, -o-linear-gradient(top, rgb(108, 108, 106), rgb(183, 183, 178));
	background: url('/img/social.png') no-repeat 10px -20px, linear-gradient(top, rgb(108, 108, 106), rgb(183, 183, 178));
}

#social li a.email {
	background: #6c6c6a url('/img/social.png') no-repeat 10px -50px;
	background: url('/img/social.png') no-repeat 10px -50px, -webkit-gradient(linear, left top, left bottom, to(rgb(108, 108, 106)), from(rgb(183, 183, 178)));
	background: url('/img/social.png') no-repeat 10px -50px, -webkit-linear-gradient(top, rgb(108, 108, 106), rgb(183, 183, 178));
	background: url('/img/social.png') no-repeat 10px -50px, -moz-linear-gradient(top, rgb(108, 108, 106), rgb(183, 183, 178));
	background: url('/img/social.png') no-repeat 10px -50px, -o-linear-gradient(top, rgb(108, 108, 106), rgb(183, 183, 178));
	background: url('/img/social.png') no-repeat 10px -50px, linear-gradient(top, rgb(108, 108, 106), rgb(183, 183, 178));
}

#social li a:active{
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	position: relative;  
	top: 2px;
}