/*NOTES ---------------------------------

Insert notes here

UPDATE INFO ------------------------

Revision number: 1.2.1
Last updated: 09 Dec 2008
Last update made by: RS

CONTENTS ---------------------------

=1: Reset all elements to a common value
=2: Default classes
=3: Accessibility
=4: Default Styles
=4a: colours, sizes, etc
=5: Layout Styles
=6: generic styles
=7: Page related styles
=7a: home page
=7b: another page

*/

/* -- =1: reset all elements to a common value ----------------------------------------------------- */
body {color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,h7,h8,h9,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
	margin:0;
	padding:0;
}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,strong,th,var{
	font-style:normal;
	font-weight:bold;
}
li {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6,h7,h8,h9{font-size:100%;font-weight:normal;}
q:before,q:after{content:"'";}
abbr,acronym {border:0;font-variant:normal;}
sup,sub {line-height:-1px;vertical-align: text-top;}
sub {vertical-align:text-bottom;}
input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}



/* -- =2: default classes -------------------------------------------------------------------------- */
.center { text-align: center; }
.right { text-align: right !important; }
.left { text-align: left !important; }
.small { font-size: 0.9em; }
.smaller { font-size: 0.8em !important; }
.bold { font-weight: bold !important; }
.floatRight { float: right; }
.floatLeft { float: left;}
.clear { clear: both; }


/* -- =3: accessibility ---------------------------------------------------------------------------- */
.aural {
	position: absolute;
	left: -9999px;
	font-size: small;
}

.hide { display: none; }


/* -- =4: Default Styles --------------------------------------------------------------------------- */
/* =4a: colours, sizes, etc of elements */
body {
	font: 60% Arial, sans-serif; /* set font size to 10px (a nice round number) - 1.4 line height */
	background: #F6DEF2;
	color: #0000;
	text-align: justify;
}

h1,dt {
	float: left;
	width:100%;
	font:0.9em Arial, sans-serif;
	font-weight:bold;
	text-transform: uppercase;
	background: url(..img/header1_purple.png) no-repeat;
	color: #fff;
	padding: 12px 10px;
	margin: 0 0 0.2em 0;
}



h6 {
    background: url(../img/header2_purple.png) no-repeat;
	
	width:100%;
	font:0.9em Arial, sans-serif;
	font-weight:bold;
	text-transform: uppercase;
	color: #fff;
	padding: 12px 10px;
	margin: 0 0 0.1em 0;
	}




h2,h4,h5 {
	float: left;
	width:100%;
	font:0.9em Arial, sans-serif;
	font-weight:bold;
	text-transform: uppercase;
	color: #fff;
	padding: 12px 10px ;
	margin: 0 0 0.1em 0;
}

h2 {background: url(../img/header1_purple.png) no-repeat;}

h4 {background: url(../img/header1_violet.png) no-repeat;}

h5 {background: url(../img/header1_green.png) no-repeat;}

h1 a,h2 a, h6 a, hb a, h4 a, h5 a, h6 a {
	color: #fff !important;
	text-decoration: none !important;
}

h3 { font-size: 0.9em; font-weight:bold; text-transform: uppercase; padding: 0px 0px 0px 0px; color: #3D1C5D;}

	


p {
	margin-bottom: 1em;
}

a {  }

a:hover, a:active {  }

/*a:link {
	color: #6D0F57;
}*/


/* -- =5: Layout Styles ---------------------------------------------------------------------------- */
#header, #nav-top, #content, #nav, #footer { float: left; }
#container { /* keep the layout together and centered */
	width: 782px;
	overflow: hidden;
	text-align: justify;
	margin: 0 auto;
}



#header { /* header */
	width: 782;
	height: 220px;
	background: url('../img/menu_header.gif') no-repeat;
}

	#header ul {
		margin-top: 100px;
	}
	
	#header p {
		text-indent: -999em;
	}

	#header li {
		float: left;
		margin: 0 50px 10px 0;
	}
	
	#header li a {
		font: 2em Arial, Helvetica, sans-serif;
		font-weight: bold;
		color: #3D1C5D;
		text-decoration: none;
		text-transform: uppercase; 
		padding: 0px 10px;
	}

#content { /* main content area (middle column) */
	font-size: 1.4em;
	width: 100%;
}



	#content .content-block, {
		float: center;
		width: 375px;
		background: #F6DEF2;
		margin-bottom: 20px;
	}
	
	#content .content-block-l {
	float: left;
	width: 375px;
	background: #F6DEF2;
	margin-bottom: 20px;
	}
	
	#content .content-block-r {
	float: right;
	width: 375px;
	background: #F6DEF2;
	margin-bottom: 20px;
	}
	
	#content .content-block-full {
		width: 100%;
		float: center;
		background: #F6DEF2;
		margin-bottom: 20px;
	}

		#content .content-block p, #content .content-block-r p, #content .content-block-full p {
			padding: 0 0px;
		}

#footer { /* at the bottom of the page */
	width: 951px;
}

	


/* =6: generic styles ------------------------------------------------------------------------------ */


/* =7: Page related styles ------------------------------------------------------------------------- */
/* =7a: home page */
.home {}


/* =7b: dates page */


    #dates-page {
	    width: 100%;
}

	
		
	#dates-page .event {
	    /*background-color:#fff;*/
		margin-bottom: 15px;
		padding-bottom: 15px;
		border-bottom: 1px solid #3D1C5D;
	}
	
	/*#dates-page .event h3 strong {
		float: left;
		width: 100%;
		font-weight: bold !important;
		margin-bottom: 10px !important;
	}*/
	
		#dates-page .label, #dates-page .value {
			float: left;
			width: 138px;
			margin-left: 10px;
		}
	
	/*#dates-page .view {
		float: right;
		font-size: 0.9em;
		margin-right: 30px;
		background: url('../img/arrow-down.png') no-repeat 0 50%;
		padding-left: 20px;
		height: 1%;
	}
	
	#dates-page .activeDt .view {
		display: none;
	}*/
	
	/* =7c: welcome page */
#welcome-page .h7 {
	background: url(../img/header2_violet.png) no-repeat;
	float: left;
	width:100%;
	font:0.9em Arial, sans-serif;
	font-weight:bold;
	text-transform: uppercase;
	color: #fff;
	padding: 12px 10px;
	margin: 0 0 0.1em 0;
	text-decoration: none !important;
}

#welcome-page .h8 {
	background: url(../img/header2_green.png) no-repeat;
	float: left;
	width:100%;
	font:0.9em Arial, sans-serif;
	font-weight:bold;
	text-transform: uppercase;
	color: #fff;
	padding: 12px 10px;
	margin: 0 0 0.1em 0;
	text-decoration: none !important;
}
	
/* =7c: artists page */
#artist-page .floatRight {
	margin-left: 10px;
} 

#artist-page .floatLeft {
	margin-right: 10px;
}

#artist-page .floatRight h2, #artist-page .floatLeft h2 {
	width: 375px;
}

#artist-page .h7 {
	background: url(../img/header2_violet.png) no-repeat;
	float: left;
	width:100%;
	font:0.9em Arial, sans-serif;
	font-weight:bold;
	text-transform: uppercase;
	color: #fff;
	padding: 12px 10px;
	margin: 0 0 0.1em 0;
	text-decoration: none !important;
}

#artist-page .h8 {
	background: url(../img/header2_green.png) no-repeat;
	float: left;
	width:100%;
	font:0.9em Arial, sans-serif;
	font-weight:bold;
	text-transform: uppercase;
	color: #fff;
	padding: 12px 10px;
	margin: 0 0 0.1em 0;
	text-decoration: none !important;
}

/* =7d: info pages */
#info-page .subnav {
	float: left;
	width: 100%;
	font: 0.9em Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform: uppercase;
	background: url(../img/header1_purple.png) no-repeat;
	padding: 15px 10px;
	margin: 0 0 1em 0;
	list-style: none;  
}

	#info-page .subnav li {
		float: left;
		padding-right: 20px;
		margin-right: 30px;
		background: url(../img/arrow-down.png) no-repeat right center;
	}
	
		#info-page .subnav li a {
	color: #fff;
	text-decoration: none;
		}

/* =7e: signup */

#signup-page form {
	float: none;
	width: 100%;
}

#signup-page fieldset {
	/*float: none;*/ 
	float: left; /* CHANGED BY ALI */
	width: 100%;
	display: inline;
}

.recaptcha_block { /* ADDED BY ALI */
	clear: both;
	margin-left:205px;
/*	border:1px #f00 solid;*/
}

#recaptcha_widget_div {
/*	margin-left:205px;*/
}


	#signup-page form li {
		float: left;
		width: 100%;
		color: #3D1C5D;
		margin-bottom: 5px;
		text-transform: uppercase;
	}
	
	#signup-page form li label {
		width: 200px;
		float: left;
		margin-right: 10px;
		text-align: right;
	}
	
	#signup-page form li input {
		float: left;
		width: 300px;
	}
	
	#signup-page form li #age {
		width: 30px;
	}
	
	#signup-page form li.single {
		margin-left: 210px;
		display: inline;
	}
	
	#signup-page form li #sex-f,#signup-page form li #sex-m, #email-me {
		width: auto !important;
		float: none !important;
		margin: 0;
	}
	
	#signup-page label.error {
		float: left;
		width: 250px;
		color: #c00;
		font-weight: bold;
		margin-left: 2px;
		font-size: 10px;
	}

/* =7f: news */

#news-page .h7 {
	background: url(../img/header2_violet.png) no-repeat;
	float: left;
	width:100%;
	font:0.9em Arial, sans-serif;
	font-weight:bold;
	text-transform: uppercase;
	color: #fff;
	padding: 12px 10px;
	margin: 0 0 0.1em 0;
	text-decoration: none !important;
}

#news-page .h8 {
	background: url(../img/header2_green.png) no-repeat;
	float: left;
	width:100%;
	font:0.9em Arial, sans-serif;
	font-weight:bold;
	text-transform: uppercase;
	color: #fff;
	padding: 12px 10px;
	margin: 0 0 0.1em 0;
	text-decoration: none !important;
}	
#news-page .label {
            color: #3D1C5D;
			float: left;
			width: 40px;
			margin-left: 10px;
		}

#news-page .value {
			color: #3D1C5D;
			float: left;
			width: 400px;
			margin-left: 10px;
		}
		
#news-page .floatRight {
	margin-left: 10px;
} 

/* =7g: welcome page
#welcome-page .content-block h2, #welcome-page .content-block-r h2 {
	width: 375px;
}*/ 
		
/* tickets */
#tickets-page .buy {
	float: right;
	font-size: 0.9em;
	margin-right: 30px;
	background: url('../img/arrow-down.png') no-repeat 0 50%;
	padding-left: 20px;
	height: 1%;
}
#tickets-page .venue {
			float: left;
			width: 300px;
			margin-left: 30px;
		}
		
/* =7h: photo pages */
#photo-page .thumbnail {
	float: left;
	width: 150px;
	color: #fff;
	padding: 0px 0px 0px 5.3px;
	height: 112px;
	margin-bottom: 50px;
	
}

/* =7i: grandfinale page */

#grandfinale-page .floatRight {
	margin-left: 20px;
} 

#grandfinale-page .floatLeft {
	margin-right: 20px;
}

#grandfinale-page .floatRight h2, #grandfinale-page .floatLeft h2 {
	width: 355px;
}

#grandfinale-page .subnav {
	float: left;
	width: 100%;
	font: 1.2em "Bookman Old Style", "American Typewriter", "Palatino Linotype", Georgia, serif;
	background: url(../img/bg-heading.png) no-repeat;
	color: #fff;
	padding: 15px 10px;
	margin: 0 0 1em 0;
	list-style: none;
}

	#grandfinale-page .subnav li {
		float: left;
		padding-right: 20px;
		margin-right: 50px;
		background: url('../img/arrow-down.png') no-repeat right center;
	}
	
		#grandfinale-page .subnav li a {
			color: #fff;
			text-decoration: none;
		}
	
	#grandfinale-page .label, #grandfinale-page .value {
			float: left;
			width: 130px;
			margin-left: 10px;
		}