/* Title: Global styles for screen media. Author: Simon Leadbetter simon@cogdesign.com. Last updated: 20 August 2008 */

/* --[ =GRID ]--------------------------------- */
/* 
html {background:transparent url('../site_assets/images/generic/vert_grid.gif') repeat left top;}
html body {background:transparent url('../site_assets/images/generic/horz_grid.png') repeat-y left top;}
*/

/* --[ =LAYOUT ]------------------------------- */
html,html body{padding:0;margin:0;}
html{width:100%;height:100%;background:transparent url('../site_assets/images/generic/background.jpg') repeat top left;}
html body{background:transparent url('../site_assets/images/generic/strata.jpg') repeat-x top center;padding-bottom:30px;}
div#header{background:#FFFFFF url('../site_assets/images/generic/bigdig_headerbackground.jpg') no-repeat left bottom;position:relative;margin:0;width:100%;}
div#content{position:relative;padding:0;margin:0;}
div#content div#main_content{position:relative;display:block;background:transparent url('../site_assets/images/generic/bigdiglogo_bottom.jpg') no-repeat center top;padding:35px 0 15px 0;margin:0 auto;width:960px;min-height:660px;}
div#footer{position:relative;display:block;width:960px;padding:10px;margin:0 auto;}

/* --[ =HEADER ]------------------------------- */
div#header #logo{background:transparent url('../site_assets/images/generic/mol_logo.gif') no-repeat left top;position:absolute;top:0; left:0;display:block;height:200px;width:417px;text-indent:-5000px;margin:0;padding:0;cursor:pointer;z-index:1100;}
div#header h1#logo a{display:block;height:200px;}
div#header div#innerwrapper{background:transparent url('../site_assets/images/generic/bigdiglogo_top.jpg') no-repeat center bottom;position:relative;display:block;height:200px;width:960px;margin:0 auto;padding:0;}
div#header div#innerwrapper a.badge{background:transparent url('../site_assets/images/generic/badge.gif') no-repeat center top;position:absolute;right:0;top:0;z-index:200;text-indent:-5000px;display:block;height:200px;width:162px;margin:0 auto;padding:0;}
div#header div#innerwrapper a.badge:hover{filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}
/* --[ =CONTENT ]------------------------------- */
div#content div#main_content div#flash_container{position:relative;display:block;width:960px;height:450px;margin:0 0 45px 0;padding:0;text-align:center;}
div#content div#main_content div.offer{width:960px; margin-bottom:1em; height:165px;}
div#content div#main_content a.book_now{background:transparent url('../site_assets/images/generic/book_now.gif') no-repeat left top;position:relative;display:block;width:145px;height:134px;margin:0 15px 0 0;text-indent:-5000px;float:left;}
div#content div#main_content p.strapline{background:transparent url('../site_assets/images/generic/strapline_new.gif') no-repeat center top;position:relative;display:block;width:960px;height:152px;margin:0;text-indent:-5000px;}
div#content div#main_content a.book_now:hover{filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}

div#content div#main_content div#flash_container a.game_link{background:transparent url('../site_assets/images/generic/play_the_game.png') no-repeat left top;position:relative;display:block;width:800px;height:450px;margin:0;text-indent:-5000px;float:left;}
div#content div#main_content div#flash_container a.game_link:hover{background-position:top right;}

div#content div#main_content a.morelink{background:transparent url('../site_assets/images/generic/morelink.gif') no-repeat top left;position:relative;display:block;width:800px;height:57px;margin:0 auto;text-indent:-5000px;}
div#content div#main_content a.morelink:link:hover, body#t_homenew div#content div#main_content a.morelink:visited:hover{background-position:top right;}

/* --[ =FOOTER ]------------------------------- */
div#footer div#copyright p{font-size:0.714286em;padding:0;margin:0;}

/* --[ =TYPOGRAPHY ]--------------------------- */
body{font-size:87.5%;line-height:1.5em;font-family: Verdana, Arial, "MS Trebuchet", sans-serif;} /* Set base font size to 14px for Internet Explorer 6 and below on Windows */
html>body{font-size:14px;} /* Ignored by IE6, but used by Firefox, Safari, IE7, Opera */       
p{font-size:1em;line-height:1.5em;margin:0 0 0.5em 0;color:#FFFFFF;}
h1{font-size:2em;line-height:1.4em;margin:0 0 0.5em 0;color:#C9E9Eb;}
h2{font-size:1.428571em;line-height:1.4em;margin-top:1em;margin-bottom:0.5em;clear:both;display:block;color:#C9E9Eb;}
h3,h4,h5,h6{font-size:1.142857em;line-height:1.4em;margin-top:0em;margin-bottom:0.5em;clear:both; display:block;color:#FFFFFF;}
dl,ol,ul{margin-bottom:1.5em;}                                                         
sup,sub{position:relative;height:0;line-height:1px;vertical-align:baseline;_vertical-align:bottom;/* Hack for < IE6*/}
sup{bottom:1ex;}
sub{top:.5ex;}  
dfn{font-style:italic;font-weight:bold;} 
pre {margin:0;padding:0;}
blockquote {margin:1.5em 0 1.5em 2em;}
blockquote p {margin:0;}
blockquote cite{font-size:0.714286em;line-height:2.1em;margin:0 0 1.5em 0;}
hr{line-height:0.071429em;margin-top:-0.142858em;margin-bottom:1.5em;}
img {position:relative;}  
table{margin-bottom:1.5em;border-collapse:collapse;}
table th{font-weight:bold;text-align:left;}
table tr,table th,table td{margin:0;padding:0 1.5em 0 1em;height:21px;border:none;}
table tfoot{font-size:0.714286em;line-height:2.1em;margin:0 0 1.5em 0;font-style:italic;}
table caption{height:21px;margin:0;}

/*sIFR*/
h1.sIFR-replaced{margin-bottom:0.2em;}
h2.sIFR-replaced{margin-bottom:0.5em;}


/* --[ =FORMS ]--------------------------------------- */
form {position:relative;padding:0;margin:0;}
form fieldset {position:relative;padding:0;margin:0 0 0.5em 0;}
form fieldset input, form fieldset textarea, form fieldset select{border:1px solid #000000;}
form fieldset input:focus, form fieldset textarea:focus, form fieldset select:focus{border-color:#666666; background-color:#C9E9Eb;}
/*remove border on non-standard input types*/
form fieldset input.ns_input, form fieldset input.ns_input:focus{border:none;}
form fieldset legend{font-size:1.428571em;line-height:1.4em;padding-bottom:0.3em;clear:both;display:block;color:#FFFFFF;}
form fieldset label{position:relative;display:block;font-size:0.857143em;line-height:2.1em;font-weight:bold;float:none;color:#FFFFFF;}
form fieldset label span{color:#FFFFFF;float:left;font-size:1em;line-height:1.4em;font-weight:bold;}
form fieldset p.error{font-size:1em; font-weight:normal; line-height:1.5em; color:#1B0F03; margin:0 0 0.5em 0;}
form fieldset input.error{background-color:#5A320E; color:#FFFFFF;border:1px solid #000000;}
form fieldset input.checkbox {float:left;margin: 0 0.5em 0.5em 0;clear:none;width:auto!important;}
form fieldset input,form fieldset textarea{position:relative;display:block;padding:3px 5px;margin:0 0 0.5em 0;font-size:1em;line-height:1.5em;clear:both;font-family:Verdana,Arial,"MS Trebuchet",sans-serif;}
form fieldset textarea{height:200px;}


/* --[ =COLUMN SYSTEM ]------------------------------- */
/* Eg. <div class="col width-value[one|two|three|four|six] float(optional) btm_margin(optional) last(if last in row)> */

.col{margin:0 15px 0 0; position:relative;}
.float{float:left; display:inline;}
.last{margin:0;}
.btm_margin{margin:0 0 1.5em 0; clear:left;}
.clear{clear:both;}

.col_group{clear:left;}

.one{width:65px;}
.two{width:145px;}
.three{width:225px;}
.four{width:305px;}
.five{width:385px;}
.six{width:465px;}
.seven{width:545px;}
.eight{width:625px;}
.nine{width:705px;}
.ten{width:785px;}
.eleven{width:865px;}
.twelve{width:945px; margin:0;}

/* Form elements override */
form fieldset div.one input, form fieldset div.one textarea{width:53px;}
form fieldset div.two input, form fieldset div.two textarea{width:133px;}
form fieldset div.three input, form fieldset div.three textarea{width:213px;}
form fieldset div.four input, form fieldset div.four textarea{width:293px;}
form fieldset div.five input, form fieldset div.five textarea{width:373px;}
form fieldset div.six input, form fieldset div.six textarea{width:453px;}
form fieldset div.seven input, form fieldset div.seven textarea{width:533px;}
form fieldset div.eight input, form fieldset div.eight textarea{width:613px;}
form fieldset div.nine input, form fieldset div.nine textarea{width:693px;}
form fieldset div.ten input, form fieldset div.ten textarea{width:773px;}
form fieldset div.eleven input, form fieldset div.eleven textarea{width:853px;}
form fieldset div.twelve input, form fieldset div.twelve textarea{width:933px;}

form fieldset div.one select{width:65px;}
form fieldset div.two select{width:145px;}
form fieldset div.three select{width:225px;}
form fieldset div.four select{width:305px;}
form fieldset div.five select{width:385px;}
form fieldset div.six select{width:465px;}
form fieldset div.seven select{width:545px;}
form fieldset div.eight select{width:625px;}
form fieldset div.nine select{width:705px;}
form fieldset div.ten select{width:785px;}
form fieldset div.eleven select{width:865px;}
form fieldset div.twelve select{width:945px;}

/* --[ =MISCALLANEOUS ]------------------------ */
.inv{position:absolute;left:-5000px; z-index:-1; height:1px; float:left; display:inline;}   


/* --[ =HACKS ]-------------------------------- */
.clearfix{display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */
.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;} 

/* --[ =LINKS ]--------------------------- */
a {outline: none;}
:link { text-decoration: none; color:#1B0F03; }
:visited { text-decoration: none; color:#1B0F03; }
:link:hover, :visited:hover { text-decoration: underline; color:#FFFFFF; }
:link:focus, :visited:focus { text-decoration: none;}
:link:active, :visited:active { text-decoration: none; color:#1B0F03;}

/*Elements without a href attribute that cause an action via jQuery*/
.link{color:#EB3D15;}/*Add this class to the tag*/
.hover{text-decoration: underline; color:#7d7d7d; cursor:pointer;}/*this class will be added dynamically*/

/* --[ =NAVIGATION ]------------------------------- */ 
/* Global */
div#navigation_global{position:absolute;top:0;left:240px;width:720px;z-index:1000;}
div#navigation_global ul{position:relative;list-style:none;width:auto;margin:0;padding:0;}
div#navigation_global ul li{position:relative;font-size:0.857143em;font-weight:bold;display:inline;}
div#navigation_global ul li a{float:left;width:135px;margin:0 15px 0 0;padding:5px;color:#000000;background:transparent url('../site_assets/images/generic/globalnavigation_background.png') repeat top left;}
div#navigation_global ul li a:hover{text-decoration:none;color:#EB3D15;}

body#t_trust div#navigation_global ul li a.trust,
body#t_festival div#navigation_global ul li a.festival,
body#t_love div#navigation_global ul li a.love,
body#t_rotw div#navigation_global ul li a.rotw,
body#t_contact div#navigation_global ul li a.contact {color:#EB3D15;cursor:default;}
body#t_trust div#navigation_global ul li a.trust:hover,
body#t_festival div#navigation_global ul li a.festival:hover,
body#t_love div#navigation_global ul li a.love:hover,
body#t_rotw div#navigation_global ul li a.rotw:hover,
body#t_contact div#navigation_global ul li a.contact:hover{text-decoration:none;cursor:default;}

/* Section */
div#navigation_sections{background:transparent url('../site_assets/images/generic/sectionnavigation_background.png') no-repeat top right;list-style:none;padding:10px 15px;width:115px;}
div#navigation_sections ul{padding:0;margin:0 0 1em 0; list-style:none;}
div#navigation_sections ul li{list-style:none;display:block;margin:0 0 0.4em 0;font-size:0.928571em;line-height:1.2em;font-weight:normal;color:#000000;}
div#navigation_sections ul li a{display:block;text-decoration:none;font-weight:normal; }
div#navigation_sections ul li a:link { text-decoration: none; color:#7d7d7d; }
div#navigation_sections ul li a:visited { text-decoration: none; color:#7d7d7d; }
div#navigation_sections ul li a:link:hover, div#navigation_sections ul li a:visited:hover { text-decoration: underline; color:#EB3D15; }
div#navigation_sections ul li a:link:focus, div#navigation_sections ul li a:visited:focus { text-decoration: none;}
div#navigation_sections ul li a:link:active, div#navigation_sections ul li a:visited:active { text-decoration: none; color:#7d7d7d;}

div#navigation_sections p{font-size:0.928571em;line-height:1.2em;padding:0;margin:0 0 0.5em 0;color:#7d7d7d;font-weight:bold;}
div#navigation_sections p:hover{text-decoration:none;color:#EB3D15;outline: none;}
div#navigation_sections p a{font-weight:bold;outline: none;color:#7d7d7d;}
div#navigation_sections p a:hover{text-decoration:none; color:#EB3D15;}

body#t_festival.home div#navigation_sections p#nav_festival_home a,
body#t_festival.weekend div#navigation_sections p#nav_weekend,
body#t_festival.get_involved div#navigation_sections p#nav_get_involved,
body#t_festival.traders div#navigation_sections p#nav_traders a,
body#t_festival.sponsors div#navigation_sections p#nav_sponsors,
body#t_festival.press div#navigation_sections p#nav_press,
body#t_festival.education div#navigation_sections p#nav_education,
body#t_festival.photo_gallery div#navigation_sections p#nav_photo_gallery a,
body#t_festival.video_gallery div#navigation_sections p#nav_video_gallery a,
body#t_festival.competition div#navigation_sections p#nav_competition,
body#t_festival.mailing_list div#navigation_sections p#nav_mailing_list,

body#t_trust.home div#navigation_sections a#nav_trust_home,
body#t_trust.about div#navigation_sections a#nav_about,
body#t_trust.vacancies div#navigation_sections a#nav_vacancies,
body#t_trust.trustees div#navigation_sections a#nav_trustees,
body#t_trust.team div#navigation_sections a#nav_team,
body#t_trust.coin div#navigation_sections a#nav_coin,
body#t_trust.news div#navigation_sections a#nav_news,
body#t_trust.contact div#navigation_sections a#nav_contact
{color:#EB3D15;cursor:default;}

/* --[ =MODULAR LAYOUT ELEMENTS ]------------------------------- */
div.listing{position:relative;border-top:1.2em solid #c3c2c1; padding:5px 0 5px 0; margin:0 0 0.5em 0;}
div.listing h2{padding:0;margin:0 0 0.5em 0;}
div.listing p{padding:0;margin:0 0 0.5em 0;}
div.listing p.jobdescription{font-weight:bold;color:#666666; margin-top:-0.7em;}
div.listing dl {padding:0;margin:0;}
div.listing img.thumbnail {position:relative;float:right;margin:-5px 0 0 10px;display:inline;}

/* --[ =JQUERY UI ELEMENTS ]------------------------------- */
/*global*/
.ui-state-default{color:#EB3D15;}
.ui-state-active{color:#7d7d7d;}

/*tabs*/
ul.tab_nav{list-style:none; padding:0.75em; margin:0.75em 0; background:#blue;}
ul.tab_nav li{display:inline;}
ul.tab_nav li a{float:left; margin:0 1em 0 0;}
ul.tab_nav li.ui-state-active a, ul.tab_nav li.ui-tabs-selected a{color:red;}
div.tab_area div.ui-tabs-hide{display:none;}

/*accordion*/
div.accordion{margin:0;}
div.accordion h3{margin:0 0 0.4em 0;}