/* -------------------------------------------------------------- 
  
   CSS Starter Kit
   Web Design & Development by Studio 24 Ltd
   www.studio24.net - (0870) 241 6159
     
-------------------------------------------------------------- */

@import "reset.css";


body {
	background: url(../img/layout/bg.gif) 0 0 repeat-x;
}


/* =CONTAINERS
-------------------------------------------------------------- */
div#container { /* set as 'standard' width, centred container for 1024x768 site - 960px wide inc. 20px padding left and right */
	width: 950px;
	margin: 0 auto;
	padding:0;
}

/* LOGO
-------------------------------------------------------------- */
img#logo {
	float: left;
}


/* =FESTIVALS NAVIGATION
-------------------------------------------------------------- */
dl.festivals {
	float: right;
	margin: 45px 0 0 0;
	padding: 0;
}

dl.festivals dt, dl.festivals dd {
	float: left;
	font-family: "Century Gothic", AppleGothic, Futura, Arial, Helvetica, sans-serif;
}

dl.festivals dt {
	font-size: 1em;
	font-weight: normal;
	text-transform: lowercase;
	color: #666;
}

dl.festivals dd {
	background: url(../img/layout/forward-slash.gif) 0 60% no-repeat;
	text-transform: uppercase;
	margin: 0 0 0 8px;
	padding-left: 13px;
	font-size: 1.4em;
	font-weight: bold;
}

dl.festivals dd.first-item {
	background: none;
	padding-left: 0;
}

/* =NAV-PRIMARY
-------------------------------------------------------------- */
ul#nav-primary {
	float: right;
	clear: right;
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-family: "Century Gothic", AppleGothic, Futura, Arial, Helvetica, sans-serif;
}

ul#nav-primary li {
	float: left;
	background: url(../img/layout/nav-primary-divider.gif) 0 60% no-repeat;
	margin: 0 0 0 5px;
	padding-left: 10px;
	text-transform: uppercase;
	font-size: 1.1em;
	font-weight: bold;
}

ul#nav-primary li.first-item {
	background: none;
	margin-left: 0;
	padding-left: 0;
}

ul#nav-primary ul.submenu {
    display: none;
}

/* =NAV-FESTIVAL
-------------------------------------------------------------- */
ul#nav-festival {
	float: right;
	clear: right;
	list-style: none;
	margin: 25px 0 0 0;
	padding: 0;
	font-family: "Century Gothic", AppleGothic, Futura, Arial, Helvetica, sans-serif;
}

ul#nav-festival li {
	float: left;
	margin: 0 10px;
	font-size: 1.25em;
	font-weight: bold;
	text-transform: uppercase;
}

ul#nav-festival li a:link, ul#nav-festival li a:visited, ul#nav-festival li a:focus, ul#nav-festival li a:active {
	color: #fff;
}

/* =NAV-SECONDARY
-------------------------------------------------------------- */
div#nav-secondary {
	float: left;
	width: 150px;
	margin: 0 30px 0 0;
	padding: 0;
}

div#nav-secondary ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
} 

div#nav-secondary ul li {
	margin: 5px 0;
	padding: 0;
	text-transform: uppercase;
}

div#nav-secondary ul li a:link, div#nav-secondary ul li a:visited, div#nav-secondary ul li a:focus, div#nav-secondary ul li a:active {
	padding-left: 20px;
	display: block;
}

div#nav-secondary p {
	border-top: 1px solid #eee;
	margin: 15px 0;
	padding: 10px 0;
}

div#nav-secondary p a:link, div#nav-secondary p a:visited, div#nav-secondary p a:focus, div#nav-secondary p a:active {
	display: block;
	background: url(../img/icons/pdf.gif) 0 60% no-repeat;
	margin: 5px 0 0 0;
	padding: 0 0 0 20px;
}


/* =BREADCRUMB
-------------------------------------------------------------- */

ul#nav-breadcrumb {
	list-style-type: none;
} 


/* =CONTENT CONTAINERS
-------------------------------------------------------------- */
div#content {
	clear: both;
	margin: 35px 0 20px 0;
	float: left;
	width: 100%;
}

/*
body.home div#content {
	margin-top: 10px;
}
*/

img#banner {
    margin-top: 10px;
}

img#festival-banner {
    margin-top: 20px;
}

div#content-primary {
	float: left;
	width: 450px;
	margin: 0;
	padding: 0;
}

body.home div#content-primary {
	width: 255px;
	padding: 0 30px 0 25px;
}

div#content-secondary {
	float: left;
	width: 310px;
	margin: 0 0 0 10px;
}

body.home div#content-secondary {
	width: 630px;
	position: relative;
}

div#content-tertiary {
	float: left;
	clear: both;
	width: 950px;
	margin: 20px 0 0 0;
	padding: 0;
}

div#content-tertiary ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

/* =LINE-UP */
div#content-tertiary ul.line-up li {
	/*margin: 0 10px 10px 0;*/
	margin: 0 10px 0 0;
    padding: 0;
	float: left;
}


div#content-tertiary ul.line-up li a:link, div#content-tertiary ul.line-up li a:visited, div#content-tertiary ul.line-up li a:focus, div#content-tertiary ul.line-up li a:active {
	display: inline-block;
	/* width: 128px; */
	padding: 5px 10px;
	border-bottom: 1px solid #eee;
}

div#content-tertiary ul.line-up li a:hover {
	background: #A39E9F;
	color: #fff;
	text-decoration: none;
}


/* =HOMEPAGE TERTIARY */
body.home div#content-tertiary ul li {
	color:#9E9999;
	float:left;
	margin:0;
	min-height:140px;
	padding:10px 170px 10px 10px;
	width:290px;
}
body.home div#content-tertiary ul li#become-a-friend {
	
	margin-right:10px;
}
body.home div#content-tertiary ul li#join {
	
}

body.home div#content-tertiary ul li#become-a-friend img,
body.home div#content-tertiary ul li#join img {
	float:right;
}

body.home div#content-tertiary ul h2 {
	color: #fff;
	border-bottom: 1px solid #2b2929;
}

body.home div#content-tertiary a.read-more:link,
body.home div#content-tertiary a.read-more:visited,
body.home div#content-tertiary a.read-more:focus,
body.home div#content-tertiary a.read-more:active {
	color: #fff;
	background: #161616;
	text-transform: uppercase;
	display: block;
	padding: 4px 8px;
	float: right;
	font-size: 1.16em;
	font-family: "Century Gothic", AppleGothic, Futura, Arial, Helvetica, sans-serif;
	margin-top: -20px;
}

body.home div#content-tertiary form {
	margin: 31px 0 0 0;
	padding: 0;
}

body.home div#content-tertiary fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

body.home div#content-tertiary input#mailing-email {
	border: none;
	width: 145px;
	margin: 0 8px 0 0;
	padding: 6px 0;
	float:left;
}

body.home div#content-tertiary input#mailing-submit {
	color: #fff;
	background: #161616;
	border: none;
	text-transform: uppercase;
	margin: 0;
	float:right;
	padding: 0;
	padding: 4px 8px;
	font-size: 1.16em;
	font-family: "Century Gothic", AppleGothic, Futura, Arial, Helvetica, sans-serif;
}

/* =SITE-INFO / FOOTER
-------------------------------------------------------------- */
div#site-info-container {
	clear:both;
	border-top: 3px solid #c7c3c3;
	margin: 0;
	padding: 20px 0 0 0;
}

div#site-info {
	width: 950px;
	margin: 0 auto;
}

div#site-info ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

/* =FUNDERS */
div#site-info div#funders {
    float: left;
    width: 310px;
    margin-right: 10px;
} 

div#site-info div#principal-sponsor {
    float: left;
    width: 150px;
    /* margin-right: 170px; */
    margin-right: 10px;
}

div#site-info div#website-sponsor {
    float: left;
    width: 150px;
    margin-right: 10px;
}

div#site-info div#supporters {
    float:left;
    width: 310px;
}

/* =LINKS */
div#site-info div#links {
	float: left;
	/* clear: left; */
	width: 150px;
	/* margin: 10px 170px 0 0;*/
	padding: 0;
    margin: 0 0 0 10px!important;
}

div#site-info div#links li {
	margin: 5px 0;
}

div#site-info div#links ul a:link, div#site-info div#links ul a:visited, div#site-info div#links ul a:focus, div#site-info div#links ul a:active {
	color: #333;
	padding-left: 15px;
}

div#site-info div#links ul a:hover {
	color: #000;
}

div#site-info div#links a.facebook:hover {
	background: url(../img/icons/facebook.gif) 0 60% no-repeat;
}

div#site-info div#links a.twitter:hover {
	background: url(../img/icons/twitter.gif) 0 60% no-repeat;
}

div#site-info div#links a.flickr:hover {
	background: url(../img/icons/flickr.gif ) 0 60% no-repeat;
}

div#site-info div#links a.rss {
	background: none;
}

div#site-info div#links a.rss:hover {
	background: url(../img/icons/rss.gif) 0 60% no-repeat;
}

/* =MAILING LIST */
div#site-info div#mailing-list {
	float: left;
	width: 310px;
	margin: 10px 0 0 0;
	padding: 0;
}

div#site-info div#mailing-list form {
	margin: 0;
	padding: 0;
}

div#site-info div#mailing-list fieldset {
	width: 300px;
	margin: 0;
	padding: 0;
	border: none;
}

div#site-info div#mailing-list label {
	float: left;
	margin: 10px 0;
}

div#site-info div#mailing-list input#email {
	border: 1px solid #9e9999;
	padding: 5px 8px;
	width: 170px;
}

div#site-info div#mailing-list input#submit {
	background: #6e6464;
	border: none;
	color: #fff;
	padding: 5px 8px;
	text-transform: uppercase;
}

/* =COPYRIGHT */
div#site-info ul#copyright {
	float: left;
	clear: both;
	width: 100%;
	margin: 20px 0 0 0;
	padding: 5px 0;
	border-top: 1px solid #eee;
	font-size: 0.9em;
}

div#site-info ul#copyright li {
	text-align: right;
}

div#site-info ul#copyright li a:link, div#site-info ul#copyright li a:visited, div#site-info ul#copyright li a:focus, div#site-info ul#copyright li a:active {
	color: #6d6464;
	text-decoration: underline;
}

div#site-info ul#copyright li a:hover {
	text-decoration: none;
}

/* =BASIC TYPOGRAPHY
-------------------------------------------------------------- */

html {
	font-size: 100%; /* 100% = the default font size of the browser, usually 16px -> DON'T CHANGE THIS */
}

/**
 * Font sizing: 
 *
 * To calculate the percentage font-size to use in the body tag use the following calculation:
 *
 * (16px / Required body font-size) x 100
 *
 * Examples below:
 * 16px = 100%
 * 14px = 87.5%
 * 12px = 75%
 * 10px = 62.5%
 *
 */

body {
    font-family: Verdana, Helvetica, sans-serif;
	font-size: 75%; /* Set the base font-size (75% sets a size of 1em = 12px) */
    /* line-height: 1.4em; */
    line-height: 1.6em;
    color: #333;
}

/* =HEADINGS */
h1, h2, h3, h4 {
	line-height:1.5em;
	text-transform: uppercase;
	border-bottom: 1px solid #ccc;
	font-family: "Century Gothic", AppleGothic, Futura, Arial, Helvetica, sans-serif;
}

/* 1em = body font-size, so we can calculate our other font-sizes based on this:
   for example, if we want a font-size of 32px, in ems 32px = (32 / 12) = 2.6em */

h1 {
	font-size: 2.6em; /* 32px */
	font-size: 1.416em; /* 17px */
	color: #000;
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
}

body.home h1 {
    border: none;
}

h2 {
	font-size: 1.25em; /* 15px */
	color: #6d6464;
	margin: 0 0 10px 0;
	padding: 3px 0 5px 0;
}

div#site-info h2 {
	font-size: 1.16em;
}

h3 {
	font-size: 1em; /* 12px */
	color: #9e9999;
	border-bottom: 1px solid #eee;
	margin: 0;
	padding: 5px 0 5px 0;
}

h4 {
	font-size: 1.6em; /* 20px */
	color: #6d6464;
}

p {
	margin: 0 0 1em 0; 
}


/* =OTHER TEXT ELEMENTS
-------------------------------------------------------------- */

blockquote {
	font-style: italic; 
	font-family: serif;
	font-size: 2em;
}

pre, code {
	margin: 0 0 1em 0;
}


/* =LINKS
-------------------------------------------------------------- */

a:link, a:visited, a:focus, a:active {
	color: #006666;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

p#skip-link { 
	position:absolute;
	left:-9000px;
	top:0; 
	z-index:20;
} 

dl.festivals dd a:link, dl.festivals dd a:visited, dl.festivals dd a:focus, dl.festivals dd a:active {
	color: #6d6464;
}

ul#nav-primary a:link, ul#nav-primary a:visited, ul#nav-primary a:focus, ul#nav-primary a:active {
	color: #666;
}


/* icon links */
a.icon:link, a.icon:visited, a.icon:focus, a.icon:active, a.icon:hover {
	padding:2px 0 4px 20px;
	background-color: transparent;
	background-position:0 0;
	background-repeat: no-repeat;
} 
a.pdf:link, a.pdf:visited, a.pdf:focus, a.pdf:active, a.pdf:hover {
	background-image:url(../img/icons/pdf.png);
}
a.word:link, a.word:visited, a.word:focus, a.word:active, a.word:hover {
	background-image:url(../img/icons/word.png);
}
a.excel:link, a.excel:visited, a.excel:focus, a.excel:active, a.excel:hover {
	background-image:url(../img/icons/excel.png);
}
a.txt:link, a.txt:visited, a.txt:focus, a.txt:active, a.txt:hover {
	background-image:url(../img/icons/txt.png);
}
a.flash:link, a.flash:visited, a.flash:focus, a.flash:active, a.flash:hover {
	background-image:url(../img/icons/flash.png);
}
a.video:link, a.video:visited, a.video:focus, a.video:active, a.video:hover {
	background-image:url(../img/icons/video.png);
}
a.podcast:link, a.podcast:visited, a.podcast:focus, a.podcast:active, a.podcast:hover {
	background-image:url(../img/icons/podcast.png);
}
a.pub:link, a.pub:visited, a.pub:focus, a.pub:active, a.pub:hover {
	background-image:url(../img/icons/pub.png);
}
a.rss:link, a.rss:visited, a.rss:focus, a.rss:active, a.rss:hover {
	background-image:url(../img/icons/rss-feed.png);
}
a.print:link, a.print:visited, a.print:focus, a.print:active, a.print:hover {
	background-image:url(../img/icons/print.png);
}
a.friend:link, a.friend:visited, a.friend:focus, a.friend:active, a.friend:hover {
	background-image:url(../img/icons/friend.png);
}
a.help:link, a.help:visited, a.help:focus, a.help:active, a.help:hover {
	background-image:url(../img/icons/help.png);
}
a.info:link, a.info:visited, a.info:focus, a.info:active, a.info:hover {
	background-image:url(../img/icons/info.png);
}
a.email:link, a.email:visited, a.email:focus, a.email:active, a.email:hover {
	background-image:url(../img/icons/email.png);
}
a.vcard:link, a.vcard:visited, a.vcard:focus, a.vcard:active, a.vcard:hover {
	background-image:url(../img/icons/vcard.png);
}
a.plus:link, a.plus:visited, a.plus:focus, a.plus:active, a.plus:hover {
	background-image:url(../img/icons/plus.png);
}
a.minus:link, a.minus:visited, a.minus:focus, a.minus:active, a.minus:hover {
	background-image:url(../img/icons/minus.png);
}
	
	
/* =LISTS
-------------------------------------------------------------- */

ul {
	margin: 0 0 1em 2em;
}

ol { 
	margin: 0 0 1em 2em;
}

dl {
	margin: 0 0 1em 2em;
}

dt {
	font-weight: bold;
}

dt, dd {
	margin: 0 0 0.5em 0 ;
}

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

ul.news li {
	margin: 0 0 20px 0;
	float: left;
}

body.home ul.news li {
    width: 630px;
}

ul.news li img {
	float: left;
	margin-right: 15px;
}

ul.news li h3 {
	border: none;
	font-size: 1.16em;
}

ul.news a.read-more:link, ul.news a.read-more:visited, ul.news a.read-more:focus, ul.news a.read-more:active {
	float: right;
}

body.home div#content-secondary a.rss:link, body.home div#content-secondary a.rss:visited, body.home div#content-secondary a.rss:focus, body.home div#content-secondary a.rss:active {
	position: absolute;
	top: 6px;
	right: 0;
	display: block;
	width: 14px;
	height: 14px;
}

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

ul.authors li {
    position: relative;
    float: left;
    width: 150px;
    height: 150px;
    overflow: hidden;
    margin: 0 10px 10px 0;
}

ul.authors li:nth-child(even) {
    margin-right: 0;
}

ul.authors li img {
    width: 150px;
}

ul.authors li p {
    margin: 0;
}

ul.authors li p a:link, ul.authors li p a:visited, ul.authors li p a:focus, ul.authors li p a:active {
    display: block;
    /* background: #000; */
    /* background: rgba(0,0,0,0.7); */
    background: url(../img/layout/author-bg.png) 0 0 repeat;
    position: absolute;
    top: 0;
    left: 0;
    width: 140px;
	height: 90px;
    padding: 60px 5px 0 5px;
    color: #fff;
    text-transform: uppercase;
	font-family: "Century Gothic", AppleGothic, Futura, Arial, Helvetica, sans-serif;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
}

/* =TABLES
-------------------------------------------------------------- */

table {
	width: auto;
	margin: 0 0 1em 0;
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
}

th,td {
	padding: 0.3em 0.4em 0.2em 0.4em;
	border-bottom:1px solid #ddd;
	border-right:1px solid #ddd;
}

th {
	font-weight:bold;
	background-color: #ccffcc;
}

tr:nth-child(odd) { /* CSS3 zebra row solution - only works in Opera & Safari */
  background-color: #edf3fe;
}

tr.alt { /* Hardcoded zebra row solution - use this class on every other <tr> for a zebra effect */
	background-color: #edf3fe;
}


/* -------------------------------------------------------------- 
   -------------------------------------------------------------- 
	     				FORMS
   -------------------------------------------------------------- 
   -------------------------------------------------------------- */
/* form warning message */
form div.message p {
	color:#000;
}
   
/* fieldset messages - before the relevant field */
form div em {
	display: none;
}

form div.problem em {
	display: inline;
	color:red;
}

   
   
/* =SIMPLE-FORM
----------------------------------------------- */

form.simple-form fieldset {
	margin:1em 0;
	padding:1em;
	border:solid 1px #ccc;
	background-color:#eee;
}

form.simple-form legend {
	font-weight: bold;
}

form.simple-form div {
	position:relative;
	padding:6px;
	margin-bottom: 0.5em;
}

form.simple-form label {
	display: block;
}

form.simple-form input {
	width:200px;
}

form.simple-form textarea {
	width:300px;
	height:100px;
}

form.simple-form div.radio input, form.simple-form div.checkbox input, form.simple-form input.submit {
	width:auto;
}
   
form.simple-form div.radio label, form.simple-form div.checkbox label {
	display: inline;
}

/* fieldset messages - before the relevant field */
form.simple-form div.problem {
	background-color: #ffefef;
	border:solid 1px #ff7f7f;
}

/* progressive enhancements for browsers beyond ie6 */
form.simple-form input:focus, form.simple-form textarea:focus {
	background-color: #ffc;
}

form.simple-form input[type="text"], form.simple-form textarea{
	border-top: solid 2px #999;
	border-right: solid 1px #999;
	border-bottom: solid 1px #999;
	border-left: solid 2px #999;
}

/* CSS rounded corners - no Opera support as of Aug 09 */
form.simple-form div.message,
form.simple-form div.problem,
form.simple-form fieldset {
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
}

 

/* =FLASH MESSAGES
----------------------------------------------- */

div.message {
	padding:10px;
}

div.message ul a:hover {
	text-decoration: none;
}

/* flash message - error */
div.error {
	border:solid 1px #ff7f7f;
	background-color: #ffefef;
}
div.error,
div.error a:link, 
div.error a:visited, 
div.error a:focus, 
div.error a:active  {
	color:red;
}

/* flash message - alert */
div.alert {
	border:solid 1px #FF8A00;
	background-color: #FCFFDF;
}
div.alert,
div.alert a:link, 
div.alert a:visited, 
div.alert a:focus, 
div.alert a:active  {
	color:#FF8A00;
}

/* flash message - success */
div.success {
	border:solid 1px #3FAF00;
	background-color: #EAFFDF;
}
div.success,
div.success a:link, 
div.success a:visited, 
div.success a:focus, 
div.success a:active  {
	color:#2D7F00;
}


/* =PAGE IMAGE
-------------------------------------------------------------- */
img#page-image {
    margin-top: 30px;
}


/* =GOOGLE MAP
-------------------------------------------------------------- */
div#google-map {
    height: 250px;
}

/* =VIEW PAGES
-------------------------------------------------------------- */
dl.event, dl.venue {
    margin: 0;
}

dl.event dt, dl.event dd {
    float: left;
    margin: 0 0 10px 0;
}

dl.event dt {
    clear: both;
    width: 150px;
}

dl.event dd {
    width: 300px;
}

/* ARCHIVE PAGES
----------------------------------------------------------------- */
ul.photos {
    margin: 0;
    padding: 0;
    list-style: none;
}

ul.photos li {
    float: left;
    margin: 0 1px 1px 0;
    padding: 0;
    height: 75px;
}

dl.programmes {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #ccc;
}

dl.programmes dd a:link, dl.programmes dd a:visited, dl.programmes dd a:focus, dl.programmes dd a:active {
    background: url(/assets/img/icons/pdf.gif) 0 50% no-repeat;
    padding-left: 22px;
    display: block;
}

/* =DAIRY DATES
----------------------------------------------------------------- */
div.dairy-dates ul{
	list-style:none;
	margin:0;
	padding:0;	
}

div.dairy-dates a{
	display:block;	
}

div.dairy-dates li{
	margin:10px 0px;	
}