/*
 SilverStripe Haze Theme
 Implemented by Rafał Hirsz (hirsz.mundusnovis.info)
 */

/**
  * Misc and defaults
  */

* {
	margin: 0;
	padding: 0;
	border: 0;
}

html { background: #fff; }
body {
	width: 920px; 
	margin: 0 auto;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	padding-top: 0;
	border-style: none;
}

/* useful image settings for within body text*/

img.leftpic {
float: left;
margin-right: 15px;
margin-bottom: 6px;
}

img.rightpic {
float: right;
margin-left: 15px;
margin-bottom: 7px;
}

/*glowing buttons*/

a#earlybird
{
  display: block;
  width: 216px;
  height: 84px;
  background: url('../images/EarlyBirdPassesGlowdefinitive.jpg') no-repeat 0 0;
}

a#earlybird:hover
{ 
  background-position: 0 -84px;
}

a#earlybird span
{
  position: absolute;
  top: -999em;
}

a#tickets
{
  display: block;
  width: 216px;
  height: 84px;
  background: url('../images/TicketsandProgrammeGlow.jpg') no-repeat 0 0;
}

a#tickets:hover
{ 
  background-position: 0 -84px;
}

a#tickets span
{
  position: absolute;
  top: -999em;
}

a#festivalticketssitewide
{
  display: block;
  width: 216px;
  height: 84px;
  background: url('../images/FestivalTicketsGlowsitewide.jpg') no-repeat 0 0;
}

a#festivalticketssitewide:hover
{ 
  background-position: 0 -84px;
}

a#festivalticketssitewide span
{
  position: absolute;
  top: -999em;
}

a#mailinglist
{
  display: block;
  width: 216px;
  height: 84px;
  background: url('../images/MailingListGlowdefinitive.jpg') no-repeat 0 0;
}

a#mailinglist:hover
{ 
  background-position: 0 -84px;
}

a#mailinglist span
{
  position: absolute;
  top: -999em;
}

a#iaitv
{
  display: block;
  width: 216px;
  height: 84px;
  background: url('../images/iaitvGlow.jpg') no-repeat 0 0;
}

a#iaitv:hover
{ 
  background-position: 0 -84px;
}

a#iaitv span
{
  position: absolute;
  top: -999em;
}

a#festivaltickets
{
  display: block;
  width: 216px;
  height: 168px;
  background: url('../images/FestivalTicketglowbutton.jpg') no-repeat 0 0;
}

a#festivaltickets:hover
{ 
  background-position: 0 -168px;
}

a#festivaltickets span
{
  position: absolute;
  top: -999em;
}

a#dailyupdate1
{
  display: block;
  width: 216px;
  height: 168px;
  background: url('../images/DailyUpdateglowbutton.jpg') no-repeat 0 0;
}

a#dailyupdate1:hover
{ 
  background-position: 0 -168px;
}

a#dailyupdate1 span
{
  position: absolute;
  top: -999em;
}

a#dailyupdate2
{
  display: block;
  width: 216px;
  height: 168px;
  background: url('../images/DailyUpdateglowbuttonv2.jpg') no-repeat 0 0;
}

a#dailyupdate2:hover
{ 
  background-position: 0 -168px;
}

a#dailyupdate2 span
{
  position: absolute;
  top: -999em;
}

a#festivallivetickets
{
  display: block;
  width: 216px;
  height: 84px;
  background: url('../images/FestivalLiveTicketsGlow.jpg') no-repeat 0 0;
}

a#festivallivetickets:hover
{ 
  background-position: 0 -84px;
}

a#festivallivetickets span
{
  position: absolute;
  top: -999em;
}

a#highlight1
{
  display: block;
  width: 214px;
  height: 30px;
  background: url('../images/highlight1.jpg') no-repeat 0 0;
}

a#highlight1:hover
{ 
  background-position: 0 -30px;
}

a#highlight1 span
{
  position: absolute;
  top: -999em;
}

a#highlight2
{
  display: block;
  width: 214px;
  height: 30px;
  background: url('../images/highlight2.jpg') no-repeat 0 0;
}

a#highlight2:hover
{ 
  background-position: 0 -30px;
}

a#highlight2 span
{
  position: absolute;
  top: -999em;
}

a#highlight3
{
  display: block;
  width: 214px;
  height: 30px;
  background: url('../images/highlight3.jpg') no-repeat 0 0;
}

a#highlight3:hover
{ 
  background-position: 0 -30px;
}

a#highlight3 span
{
  position: absolute;
  top: -999em;
}

a#highlight4
{
  display: block;
  width: 214px;
  height: 30px;
  background: url('../images/highlight4.jpg') no-repeat 0 0;
}

a#highlight4:hover
{ 
  background-position: 0 -30px;
}

a#highlight4 span
{
  position: absolute;
  top: -999em;
}

a#highlight5
{
  display: block;
  width: 214px;
  height: 30px;
  background: url('../images/highlight5.jpg') no-repeat 0 0;
}

a#highlight5:hover
{ 
  background-position: 0 -30px;
}

a#highlight5 span
{
  position: absolute;
  top: -999em;
}

a#highlight6
{
  display: block;
  width: 214px;
  height: 30px;
  background: url('../images/highlight6.jpg') no-repeat 0 0;
}

a#highlight6:hover
{ 
  background-position: 0 -30px;
}

a#highlight6 span
{
  position: absolute;
  top: -999em;
}

a#highlight7
{
  display: block;
  width: 214px;
  height: 30px;
  background: url('../images/highlight7.jpg') no-repeat 0 0;
}

a#highlight7:hover
{ 
  background-position: 0 -30px;
}

a#highlight7 span
{
  position: absolute;
  top: -999em;
}

a#highlight8
{
  display: block;
  width: 214px;
  height: 30px;
  background: url('../images/highlight8.jpg') no-repeat 0 0;
}

a#highlight8:hover
{ 
  background-position: 0 -30px;
}

a#highlight8 span
{
  position: absolute;
  top: -999em;
}

a#highlight9
{
  display: block;
  width: 214px;
  height: 30px;
  background: url('../images/highlight9.jpg') no-repeat 0 0;
}

a#highlight9:hover
{ 
  background-position: 0 -30px;
}

a#highlight9 span
{
  position: absolute;
  top: -999em;
}

a#manymore
{
  display: block;
  width: 214px;
  height: 30px;
  background: url('../images/manymore.jpg') no-repeat 0 0;
}

a#manymore:hover
{ 
  background-position: 0 -30px;
}

a#manymore span
{
  position: absolute;
  top: -999em;
}

a#programmedownload
{
  display: block;
  width: 216px;
  height: 60px;
  background: url('../images/ProgrammeDownloadGlow.jpg') no-repeat 0 0;
}

a#programmedownload:hover
{ 
  background-position: 0 -60px;
}

a#programmedownload span
{
  position: absolute;
  top: -999em;
}

ul.tabstrip li.current a, ul.tabstrip li.sel a, ul.tabstrip li.over a, ul.tabstrip li a { color: #808080 !important; }
#Form_EditForm fieldset #OpenIDDescription p {
	background: none;
	padding: 0;
	color: #777;
}
.clear { clear: both; }

/**
  * The container
  */
#Container {
	width: 920px;
	/*margin: 0 auto;*/
	/*position: absolute;*/	
	/*float: center;*/
		
}

/**
  * The header
  */
#Header {
	/*position: relative;
	top: 0em;*/
	/*width: 100%;*/
	margin-top: 30px;
}
	#Header h1 {
		font-size: 2.5em;
		color: #000000;
	}
	
h1 { 
font-size: 28px;
font-weight: normal;
display: block;
font-family: Georgia;
color: #1270b6;
/*margin-left: 10px;*/
}
h1 a:link {
font-size: 28px;
font-weight: normal;
display: block;
font-family: Georgia;
color: #EC008d;
text-decoration: none;
}	

h1 a:hover {
font-size: 28px;
font-weight: normal;
display: block;
font-family: Georgia;
color: #ec008d;
text-decoration: none;

}

h1 a:visited {
font-size: 28px;
font-weight: normal;
display: block;
font-family: Georgia;
color: #ec008d;

}

h2 {
 	font-size: 18px;
	color: #3d3d3d;
	margin: 0;
	font-family: Georgia;
	font-weight: normal;
}

h6 {
	font-family: arial;
	font-size: 18px;
	color: #ec008d;
}

h6 a:link {
	font-family: arial;
	font-size: 18px;
	color: #ec008d;
	text-decoration: none;
}	

h6 a:hover {
	font-family: arial;
	font-size: 18px;
	color: #ec008d;
	text-decoration: underline;

}

h6 a:visited {
	font-family: arial;
	font-size: 18px;
	color: #ec008d;
	text-decoration: none;
}


/**
  * Navigation
  */
#Navigation {
	position: absolute;
	width: 920px;
	top: 85px;
	background: #b6b6b6;

	margin-left: 2px;
	
	z-index: 2;
}
	#Navigation ul {
		list-style: none;
	}
		#Navigation ul li {
			display: block;
			line-height: 1.3;
			float: left;
			margin-left: 3px;
		}
			#Navigation ul li a {
				display: block;
				height: 30px;
				padding: 0 4px;
				font-size: 1.3em;
				text-decoration: none;
			}
				#Navigation ul li a span {
					text-align: left;
					text-transform: uppercase;
					font-weight: bold;
					font-family: arial;
					font-size: 12px;
					color: #ffffff;
				}
				#Navigation ul li :hover span,
				#Navigation ul li .current span {
					background: none;
					color: #505b63;
				}


/* Begin CSS Drop Down Menu */

#wrap {
	width:950px;
	margin: 0px auto;
	padding: 0px 0;
	text-align:left;
	background:#ffffff;
	border:0px solid #a0a0a0;
 	height:100%;


}

.clear {
        clear: both;
}



#menuh-container
	{
           
 width:920px;
 margin-top:5px;
 /*background-color: #aeaeae; */
	
	}

#menuh
	{
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	/*background-image: url('images/grey2.jpg') no repeat;*/
	font-family: arial, helvetica, sans-serif;
	/*background-color: #aeaeae;*/
	padding: 0px 10px 3px 0px;
	width: 920px;
}                               
	


	}
		
#menuh a
	{

	display:block;
	border: 0px solid #555;
	white-space:nowrap;
 	margin-left:0px;
	padding: 0.1em;
	
	}
	
#menuh a:link, #menuh a:visited, #menuh a:active	/* menu at rest */
	{
	color: #ffffff;


	background-color: #aeaeae; 
	text-decoration:none;
	}
	
#menuh a:hover						/* menu on mouse-over  */
	{
	color: #505b63;
	background-color: #aeaeae;
	text-decoration:none;
	width: 100%;

	}	
	
#menuh a.top_parent, #menuh a.top_parent:hover  /* attaches down-arrow to all top-parents */
	{
	/*background-image: url(navdown_white.gif);*/
	background-position: right center;
	background-repeat: no-repeat;
	background-color: #aeaeae;
	}
	
#menuh a.parent, #menuh a.parent:hover 	/* attaches side-arrow to all parents */
	{
	/*background-image: url(nav_white.gif);*/
	background-position: right center;
	background-repeat: no-repeat;
	}

#menuh ul
	{
	list-style:none;
	margin:0px;
	padding:5px 5px;
	float:left;
	/*text-transform: uppercase;*/
	/*width:5em;*/	
	background-color: #aeaeae;
	/* NOTE: For adjustable menu boxes you can comment out the above width rule.
	However, you will have to add padding in the "#menh a" rule so that the menu boxes
	will have space on either side of the text -- try it */
	}

#menuh li
	{
	position:relative;
	min-height: 1px;
	width: 100%;
	/* Sophie Dennis contribution for IE7 */
	vertical-align: bottom;
	/*text-transform: uppercase;*/
	background-color: #aeaeae;	/* Sophie Dennis contribution for IE7 */
	}

#menuh ul ul
	{
	position:absolute;
	z-index:500;
	top:auto;
	display:none;
	padding: 7px;
	margin: 0em 0 0 0em;
	}

#menuh ul ul li
	{
	padding: 3px 0px;
	width: 120px;
	/*border-bottom: 1px solid #ffffff;	*/
	}

#menuh ul ul ul
	{
	top:0;
	left:100%;
	}

div#menuh li:hover
	{
	cursor:pointer;
	z-index:100;
	}

div#menuh li:hover ul ul,
div#menuh li li:hover ul ul,
div#menuh li li li:hover ul ul,
div#menuh li li li li:hover ul ul
{display:none;}

div#menuh li:hover ul,
div#menuh li li:hover ul,
div#menuh li li li:hover ul,
div#menuh li li li li:hover ul
{display:block;}

/* End CSS Drop Down Menu */

/**
  * Breadcrumbs
  */
#Breadcrumbs {
	color: #c0c0c0;
}
	#Breadcrumbs p,
	#Breadcrumbs p a {
		color: #c0c0c0;
	}
	#Breadcrumbs p :hover {
		color: #909090;
	}

/**
  * Main content
  */
#Wrapper {
	float: center;
	width: 100%;
	margin-left:0px;
}
#Sidebar + #Wrapper + #Subcontent {
	width:920px;
	margin-right: 192px;
	margin-top: 80px
	margin-left: -5px;
	
}
#Subcontent a: IMG {
	border-style: none;
	border: 0;
	
}
	
	
#PersonList ol {
	float: left;
	width: 920px;
	height: 500px;
	margin: 0em;
	padding: 0em;
	list-style: none;
}

#PersonList li {
	float: left;
	width: 300px;
	margin: 0;
	padding: 0 5px;
}


/**
  * Sidebars
  */
#Sidebar {
	position: absolute;
	width: 400px;
	margin-left: 10px;
}
	#Sidebar ul {
		width: 400px;
		font-size: 1.1em;
		list-style: none;
		line-height: 2;
	}
		#Sidebar ul li a {
			background: #ffffff;
			width: 400px;
			color: #ababab;
			text-decoration: none;
			font-weight: bold;
			display: block;
			padding: 4px 8px;
			font-size: 0.9em;
			line-height: 1.5;
		}
		#Sidebar ul li a:hover,
		#Sidebar ul li a.current {
			background: #ffffff ;
			color: #9a9a9a;
		}
	#Sidebar .menu .menu li a {
		width: 400px;
		padding: 4px 17px;
		font-size: 1em;
	}
#Form_Form {
	width: 300px;
	float: center;
	
}	

/**
  * The footer
  */
#Footer { 
	padding-top: 0px;
	padding-right: 5px;
	background-image:url('themes/haze/images/10-10-07.footer.png');
}
	#Footer p {
		font-size: 0.8em;
		padding-right: 10px;
		font-decoration: none;
		color: #c0c0c0;
		text-align: right;
		background-image:url('themes/haze/images/10-10-07.footer.png');
	}
		#Footer p a {
			color: #c0c0c0;
			text-decoration: none;
		}
		#Footer p :visited,
		#Footer p a:hover {
			color: #ffffff;
			text-decoration: none;
		}

	}

	
strong a {
	color: #666;
	text-decoration: underline;
}
a strong {
	color: #666;
	text-decoration: underline;
}

a:link {
	color: #666;
	text-decoration: underline;
}

a:visited {
	color: #666;
	text-decoration: underline;
}

/*	#daily_highlights {
		width:444px;
		height:376px;
		background: #f0f0f0;
	}
	#daily_highlights .daily_highlights_header {
		width:100%;
		height:20px;
		padding: 15px 15px 15px 15px;
		color:#000;
		font-size:1.6em;
		font-weight:bold;
	}
	#daily_highlights .daily_highlights_buttons {
		width:100%;
		height:30px;
		background: #0e93cf;
	}
	
	#daily_highlights .daily_highlights_buttons .daily_highlights_button {
		height:22px;
		padding-top:3px;
		float:left;
		text-align:center;
		cursor: pointer;
		border-bottom: 1px solid #fff;
		color:#fff;
		text-decoration:underline;
		font-size:1.2em;
	}
	#daily_highlights .button1 {
		width:147px;
		background: #0e93cf;
		border-right: 1px solid #fff;
	}
	#daily_highlights .button2 {
		width:147px;
		background: #ec0f8c;
		border-right: 1px solid #fff;
	}
	#daily_highlights .button3 {
		width:148px;
		background: #f2c108;
	}
	#daily_highlights .slider_container {
		width:100%;
		overflow:hidden;
	}
	#daily_highlights .daily_highlights_slider_content {
		height:305px;
		width:300%;
	}
	#daily_highlights .slider_container .slider_content div {
		float:left;
		width:454px;
	}
	#daily_highlights .slider_container .daily_highlights_slider_content div {
		padding: 10px 10px 10px 10px;
		width:454px;
		height:100%;
	}
	
	.validation {
		color:red;
	} 
*/