/* 
-----------------------------------------------

Hay Festival v1.0 - wales Stylesheet
Author:   Finn Beales - hello@madebyfinn.com
Version:  02/2011


CONTENTS:

1	Button colours
2   Navigation colour styles
3   Header logo
4   Picture boxes on right hand side of homepage
5   Homepage sales image
6   Standard content page

----------------------------------------------- */

.header-holder { width:936px; padding:20px 28px 20px 36px; height:85px; overflow:hidden; line-height:16px; margin:0 auto; }
.head-block { margin-top:12px; }
.colour-blocks { width:100%; overflow:hidden; padding:5px 0 0 0; }
.festival-dates { color:#fff; margin-top:-3px; font-family: 'TradeGothicNextW02-Ligh 694371'; padding-left:10px;  }

/* 0 Temporary styles
----------------------------------------------- */
.soldOutLink { display:none; }
#download { }
#genre-grid { }
#genre-grid li a img { border:1px solid #eee; }
#genre-filter-wrapper { }
.booking-info { }
#prog-list img.entity-image { border:none; }
#prog-list h2.entity-title { display:none; }
#prog-list p.entity-description { padding:0 0 20px 0; clear:none; }

.sales-block h2 { border:none;   font-family: 'TradeGothicNextW02-Ligh 694371'; font-size:24px; text-align:center; margin-bottom:15px;  }
.sales-block h2 a { display:inline; }
.action-block { text-align:center; overflow:hidden; padding-top:18px; padding-left:72px; }
.action { width:260px; text-align:center; float:left; }
/*.middle { border-left:1px solid #ccc; border-right:1px solid #ccc; }*/
.action p { text-transform:uppercase; font-size:18px; }
.action a { display:block; }
.action em {text-transform:lowercase; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:12px; color:#333; }


/* 1 wales buttons
----------------------------------------------- */

.button, .CartDeleteButton, .UpdateCartButton, .ContinueShoppingButton, .CheckoutNowButton, .AddToCartButton, .PaymentPageContinueCheckoutButton, .ReviewPageContinueCheckoutButton, .ContinueCheckoutButton, .normalButtons, .SelectAddressButton, .EditAddressButton, .AccountPageContinueCheckoutButton, .UpdateAccountButton, .CreateAccount, .EditAddressButton, .button-standard, .btn, .button-big, .back, input.btn-login, .btnSearch	{
	color: #fff;
	border: solid 1px #4a8ca6;
	background: #529cba;
	background: -webkit-gradient(linear, left top, left bottom, from(#529cba), to(#4a8ca6));
	background: -moz-linear-gradient(top,  #529cba,  #4a8ca6);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#529cba', endColorstr='#4a8ca6');
}
.button:hover, .CartDeleteButton:hover, .UpdateCartButton:hover, .ContinueShoppingButton:hover, .CheckoutNowButton:hover, .AddToCartButton:hover, .PaymentPageContinueCheckoutButton:hover, .ReviewPageContinueCheckoutButton:hover, .ContinueCheckoutButton:hover, .normalButtons:hover, .SelectAddressButton:hover, .EditAddressButton:hover, .AccountPageContinueCheckoutButton:hover, .UpdateAccountButton:hover, .CreateAccount:hover, .EditAddressButton:hover, .button-standard:hover, .btn:hover, .button-big:hover, .back:hover, input.btn-login:hover, .btnSearch:hover  {
	background: #529cba;
	background: -webkit-gradient(linear, left top, left bottom, from(#4a8ca6), to(#529cba));
	background: -moz-linear-gradient(top,  #4a8ca6,  #529cba);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4a8ca6', endColorstr='#529cba');
}

.togglebutton {
	color: #fff;
	border: solid 1px #333;
	background: #333;
}
.togglebutton:hover {
	border: solid 1px #529cba;
	background: #529cba;
}
.selected {
	border: solid 1px #529cba;
	background: #529cba;
}


/* 2 Navigation colour styles
----------------------------------------------- */

#nav .active span, #nav a:hover span, #nav li:hover a span, #nav li.hover a span, .add-nav .active a, .add-nav .active span, .add-nav a:hover span, .add-nav li:hover a span, .add-nav li.hover a span { background:url(images/arrow-wales.png) no-repeat; }
#nav .active a, #nav a:hover, #nav li:hover a, #nav li.hover a, .add-nav a:hover, .add-nav li:hover a, .add-nav li.hover a { background:#529cba; }
#nav ul { border-bottom:5px solid #529cba; }
#main { border-top:3px solid #529cba; /*font-family: 'TradeGothicLTStdRegular';*/ }
.add-nav ul { border-bottom:5px solid #529cba; }
.title, .title-full { border-bottom:5px solid #529cba;}

#WAL .lang-select { background:url(images/bg-wales.gif) no-repeat 0 50%; padding-left:20px; } 
#WAL a.lang-select:hover { text-decoration:none; }


/* 3 Logo
----------------------------------------------- */
.logo { display:block; text-indent:-9999px; overflow:hidden; background:url(images/logo-wales.gif) no-repeat; width: 586px; height: 60px; margin:0 0 0; }


/* 4 Picture boxes on right hand side of homepage
----------------------------------------------- */
.text-box a { color:#fff; display:block; background:url(images/bg-text-box-wales.png); width:211px; padding:10px 5px 8px 10px; cursor:pointer; }
.text-box a:hover { background:url(images/bg-text-box-wales-hover.png); text-decoration:none; }
.box:hover .text-box-holder, .aside .hover .text-box-holder { background:url(images/bg-text-box-wales-hover.png); }


.article h2 { margin:0 0 2px -3px; color:#000; font:36px/46px 'TradeGothicLTStdBoldNo.2', Arial, Helvetica, sans-serif; border:none; padding:0; } 
.article h2 a { color:#000; }
.article h2 a:hover { text-decoration:none; color:#444; }


/* 5 Homepage sales image
----------------------------------------------- */
.sales-block { width:100%; border-bottom:1px solid #ccc; padding:0 0 29px; margin:0 0 32px; }
.sales-block:after { content:""; display:block; clear:both; }
.sales-block img { float:right; }
.text-block { float:left; width:460px; padding:5px 0 0; margin-right:20px; line-height:18px; color:#010101; vertical-align:top; }
.prefix { text-transform:uppercase; font-size:18px; }
.prefix p { margin-bottom:12px; }
.text-block h1 { margin:0 0 18px 0; position:relative; z-index:2; font-size:38px; font-family: 'Trade Gothic W02 Bold 2'; text-transform:uppercase; }
.text-block h2 { font-size:18px; line-height:24px; font-weight:normal; margin:0 0 18px 0; padding:0; text-transform:none; border-bottom:none; }


/* 6 Content pages
----------------------------------------------- */
h2 { border-bottom:5px solid #529cba; margin:0 0 20px 0; padding:0 0 15px 0; position:relative; }
.title { border-bottom:5px solid #529cba; width:698px; }
.title-full { border-bottom:5px solid #529cba; width:940px; margin:0 0 33px 0; padding:0 0 15px 0; position:relative; }

.faq-questions { margin-bottom:1.5em; } 
.faq-questions li { margin-bottom:.5em; }
.faq-questions li a { font-size:14px; }
.faq-answers { margin-bottom:1.5em; } 
.faq-answers li { margin-bottom:1.5em; }
.faq-answers li h3 { margin-bottom:5px; }
.faq-answers li p { margin-bottom:0; }
.backtotop { font-size:11px; }

#wrapper-content { clear:both; width:940px; margin:0 auto; padding:0; overflow:hidden; font-weight:normal; font-family: 'TradeGothicLTStdLight';}

div#intro { float:left; width:168px; margin-right:12px;  }
div.extras-menu { float:left; width:158px; margin-right:12px;  }
div#contentarea { float:left; width:600px; }

div#intro h2, div#intro h3, div#intro p, div#contentarea h2, div#contentarea h3 { margin:0; padding:0; }

div.extras-menu 		{ color:#000; }
div.extras-menu h2 		{ margin-bottom:9px; }
div.extras-menu ul 		{ padding:0;   }
div.extras-menu ul li	{ line-height:20px; padding:5px; display:block; }
div.extras-menu ul li a	{ display:block; }
div.extras-menu ul li a:hover	{ text-decoration:none; }
div.extras-menu ul li:hover 	{ background-color:#e1e1e1; text-decoration:none; cursor:pointer; }
div.extras-menu ul li.active 	{ background-color:#e1e1e1; }
div#contentarea h3 { margin-bottom:5px;  }
div#contentarea ul li { margin-bottom:18px; padding-bottom:9px; border-bottom:1px dotted #ccc; }
div#contentarea iframe { margin:-10px 0 20px -20px; }

div#extras-copy { overflow:hidden; position:relative;  }
div#extras-copy img { border:none; margin-bottom:18px; }
div#extras-copy span.frame { position:absolute; top:0; left:0; width:464px; height:229px; }
div#extras-copy ul li img { float:right; margin-left:10px; margin-bottom:10px; border:1px solid #FFF; }
div#extras-copy ul li { overflow:hidden; clear:right; }

h3.toggler:hover{ background:#eee; }
div.element     { padding:0 5px; margin-bottom:9px; }

ul.extras-list				{ margin-top:0; }
ul.extras-list li	a		{ display:block; padding:3px; color:#333;}
ul.extras-list li	a:hover	{ background-color:#eee; text-decoration:none; color:#529cba;}


/* 7 Weblingo colour changes
----------------------------------------------- */
#tabnav { border-bottom:3px solid #529cba; }
#tabnav a.active:link,
#tabnav a.active:visited { background-color:#529cba; color:#fff; }
#tabnav a:hover { background-color:#529cba; color:#fff; }

table#calendar_of_events td.session { background-color:#ecfeec; border-bottom-color:#529cba; }
table#calendar_of_events td.session:hover { background-color:#e5ffe4; }

div.page-numbers a.active { background-color:#529cba; color:#fff; }

div#prog-event-wrapper h1 { border-bottom:5px solid #529cba;  padding:0 0 15px 0; position:relative; }

div.sponsor { color:#529cba; }

/* 8 IE Specific styles
----------------------------------------------- */
* html #nav a:hover span,
* html #nav li:hover a span,
* html #nav li.hover a span,
* html .add-nav a:hover span,
* html .add-nav li:hover a span,
* html .add-nav li.hover a span {
	background-position:-9999px -9999px;
	filter: progid:dximagetransform.microsoft.alphaimageloader(src='images/arrow-wales.png', sizingmethod='crop');
}

* html .text-box a {
	background:none;
	filter: progid:dximagetransform.microsoft.alphaimageloader(src='images/bg-text-box-wales.png', sizingmethod='scale');
}
* html .text-box a:hover {
	background:none;
	filter: progid:dximagetransform.microsoft.alphaimageloader(src='images/bg-text-box-wales-hover.png', sizingmethod='scale');
}

dl { margin:0; }
dt { font-weight:bold; margin:8px 0 1px 0; }
dd { margin:0; }