/**********************************************************************************************

	Title: Website
	Author: XHTMLized
	Date: October 2007 

***********************************************************************************************

	1.  GENERAL
			1.1 Headings and paragraphs
			1.2 Forms
			1.3 Links
			1.4 Miscellaneous
		
	2. GENERAL ELEMEMENTS
	
	3. LAYOUT
			3.1 Accessibility menu
			3.2 Header
			3.3 Content
			3.4 Secondary content
			3.5 Sidebar
			3.6 Footer
		
	4. LAYOUT ELEMENTS

***********************************************************************************************/


/* 1. GENERAL
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

/* Global reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd,q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

body {
	line-height: 1; }	
	
ol, ul {
	list-style: none; }
	
table {
	border-collapse: separate; 
	border-spacing: 0;  /* tables still need 'cellspacing="0"' in the markup */
}

caption, th, td {
	text-align: left; 
	font-weight: normal;
}

body {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 67.5%; /* 1em = 10px \ 1.1em = 11px \ 1.2em = 12px */
	text-align: center;
}

/* 1.1	Headings and paragraphs
-----------------------------------------------------------------------------------------------*/	

h1, h2, h3, h4 {
	position:relative;
	color:#eb6a2a;
}
h1 span, h2 span, h3 span, h4 span {
	position:absolute;top:0;left:0;
	display:block;width:100%;height:100%;
	background-position:left center;
	background-repeat:no-repeat;
	font-family:Arial,Helvetica,sans-serif;
}

h1 {}

h2 {font-size:22px;padding:2px 0;margin:24px 0 17px 0;}

h3 {font-size:15px;padding:2px 0;margin:24px 0 17px 0;}

h4 {font-size:13px;padding:2px 0;margin:15px 0 15px 0;}


p  {
	font-size:1.1em;
	line-height:1.54em;
	letter-spacing: 0.077em 
}
#content p {
	margin:1.2em 0;
	letter-spacing: 0.077em 
}


/* 1.2	Forms
-----------------------------------------------------------------------------------------------*/	

input, textarea, select {
	font: 1.2em Arial, Helvetica, sans-serif;
}
label, input.checkbox, input.radio {
	cursor:pointer;
}

/* 1.3	Links
-----------------------------------------------------------------------------------------------*/	

a {
	color: #0099ff;
	text-decoration: none;
}

a:visited {}

a:hover, a:focus {
	text-decoration: underline;
}

a:active {}


/* 1.4	Miscellaneous
-----------------------------------------------------------------------------------------------*/	

hr { 
	display: none; }
		
strong {
	font-weight: bold; }
		
em {
	font-style: italic; }
	
abbr, acronym {
	border-bottom: 1px dotted #999; 
	cursor: help;
}


/* 2. GENERAL ELEMENTS
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

.hide {
	position: absolute;
	left: -9999px;
}

.clear {
	clear: both;
	font-size: 0;
	height: 0;
	line-height: 0;
	overflow: hidden;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block; }
	
/* Hides from IE-mac \*/ 
* html .clearfix {
	height: 1%; }

.clearfix {
	display: block; }
/* End hide from IE-mac */


/* 3. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

.container {
	width: 780px;
	position: relative;
	margin: 0 auto;
	text-align: left;
}

#header {
	height:290px;
}

/* Default - Two columns layout */

#content {
	float: left;
	width: 551px; 
}
	
#sidebar {
	width: 191px;
	float: right; 
	margin-bottom: 20px;
}

#footer {
	position:relative;
	margin-top:25px;
	padding-top:25px;
	padding-bottom:20px;
	clear: both; }

/* Main Backgrounds */
body {
	background-color:#000;
	color:#666;
}
#header {
	background:url(../images/bg_header2.jpg) top center no-repeat;
}
#footer {
	background:url(../images/bg_footer.gif) top left repeat-x;
}

/* 3.1	Accessibility menu
-----------------------------------------------------------------------------------------------*/	

#accessibility-menu {
	position: absolute;
	left: -1000em;
	text-align: left;
}


/* 3.2	Header
-----------------------------------------------------------------------------------------------*/	

/* Logo -> Image replacement. */
#header #logo, #header #logo a, #header #logo a span {
	display: block;
	width: 369px;
	height: 181px;
	overflow: hidden;
}

#header #logo {
	position: absolute;
	top: 80px;
	left: -79px;
}

#header #logo a {
	text-align:left;text-indent:-9999px;
	background: url(../images/logo2.gif) no-repeat;
}

/* navigation */
div.navigation { position: absolute; top: 265px; left: 43px; width: 100%; }
div.navigation ul li { float: left; }
div.navigation ul li a { background: url(../images/navigation.gif) no-repeat top left; display: block; height: 25px; width: 94px; }

/* link states */
div.navigation ul li.home a { background-position: 0 0; }
div.navigation ul li.show-dates a { background-position: -94px 0; }
div.navigation ul li.gallery-nav a { background-position: -188px 0; }
div.navigation ul li.media a { background-position: -282px 0; }
div.navigation ul li.store a { background-position: -376px 0; }
	
/* hover states */
div.navigation ul li.home a:hover,
div.navigation ul li.home a.active { background-position: 0 -25px; }
div.navigation ul li.show-dates a:hover,
div.navigation ul li.show-dates a.active { background-position: -94px -25px; }
div.navigation ul li.gallery-nav a:hover,
div.navigation ul li.gallery-nav a.active { background-position: -188px -25px; }
div.navigation ul li.media a:hover,
div.navigation ul li.media a.active { background-position: -282px -25px; }
div.navigation ul li.store a:hover,
div.navigation ul li.store a.active { background-position: -376px -25px; }


/* current states */
body.home div.navigation ul li.home a, body.home div.navigation ul li.home a:hover { background-position: 0 -25px; }
body.show-dates div.navigation ul li.show-dates a, body.show-dates div.navigation ul li.show-dates a:hover { background-position: -94px -25px; }
body.gallery-nav div.navigation ul li.gallery-nav a, body.gallery-nav div.navigation ul li.gallery-nav a:hover a:hover { background-position: -188px -25px; }
body.media div.navigation ul li.media a, body.media div.navigation ul li.media a:hover { background-position: -282px -25px; }
body.store div.navigation ul li.store a, body.store div.navigation ul li.store a:hover { background-position: -376px -25px; }

	

	

/* 3.3	Content
-----------------------------------------------------------------------------------------------*/	

#content .box {
	background:#151515 url(../images/brd_contentbox.gif) top right no-repeat;
	padding:1px 25px 10px;
	margin-bottom:20px;
}

#content .box .two-column-a {
	width:230px; 
	float:left; 
	padding-right: 30px;
}	

#content .box .two-column-b {
	width:230px; 
	float:left; 
}	

.col-fix {
	height: auto;
	width: 490px;
	}


#content blockquote {
	margin:22px 50px;
	color:#996633;
}
	#content blockquote strong {
		display:block;
		font-weight:bold;
	}
	#content blockquote em {
		display:block;
		line-height:1.1em;
		font-style:normal;
		color:#444;		
	}
	
#content .even

	{

		float:left;

		width:216px;

		padding-right:12px;

		padding-left:0;

		display:block;

	}	
	
#content .date {
	color:#666;
	font-size:1.1em;
	margin:0 0 .1em
}	

#content .title {
	color:#eb6a2a;
	font-size:1.2em;
	margin:0 0 1em
}	

	
#content .divider {
	margin:15px 0;padding-top:11px;
	background:url(../images/bg_footer.gif) top left repeat-x;
}	


	
#content table.media td {

	padding: 5px 5px 5px 0;	
	font-size:110%;	

	}



h2#about_the_show span {background-image:url(../images/titl-about_the_show.gif);}
h2#behind_scenes span {background-image:url(../images/titl-behind_scenes.gif);}
h2#august_30 span {background-image:url(../images/titl-august_30.gif);}
h2#show-dates span {background-image:url(../images/titl-09-show-dates.gif);}
h2#media span {background-image:url(../images/titl-media.gif);}
h2#goldjupiter span {background-image:url(../images/titl-goldjupiter.gif);}
h2#books-six-flags span {background-image:url(../images/titl-books-six-flags.gif);}
h2#crew-gear span {background-image:url(../images/titl-crew-gear.gif);}
h2#spectacular_moments span {background-image:url(../images/titl-spectacular_moments.gif);}
h2.hfix { margin: 24px 0px 6px 0px;}
	
/* 3.4	Secondary content
-----------------------------------------------------------------------------------------------*/	

#content .box {
	background:#151515 url(../images/brd_contentbox.gif) top right no-repeat;
	padding:1px 25px 10px;
	margin-bottom:20px;
}
#content blockquote {
	margin:16px 50px;
	color:#996633;
}
	#content blockquote strong {
		display:block;
		font-weight:bold;
	}
	#content blockquote em {
		display:block;
		line-height:1.1em;
		font-style:normal;
		color:#444;		
	}
	


h3#web span {background-image:url(../images/titl-web.gif);}
h3#print span{background-image:url(../images/titl-print.gif);}
h3#templates span{background-image:url(../images/titl-templates.gif);}
h3#six-flags span {background-image:url(../images/titl-six-flags.gif);}
h3#blackt span {background-image:url(../images/titl-blackt.gif);}
h3#baseball-cap span {background-image:url(../images/titl-baseball-cap.gif);}

/* 3.5	Sidebar
-----------------------------------------------------------------------------------------------*/	

h4#get_latest span {background-image:url(../images/titl-get_latest.gif);}
h4#stay_date span {background-image:url(../images/titl-stay_date.gif);}
h4#buy_your_tickets span {background-image:url(../images/titl-buy_your_tickets.gif);}
h4#about_pyrotecnico span {background-image:url(../images/titl-about_pyrotecnico.gif);}
h4#video span {background-image:url(../images/titl-video.gif);}
h4#media span {background-image:url(../images/titl-media2.gif);}
h4#smallgold span {background-image:url(../images/titl-smallgold.gif);}
h4#wanna-bring span {background-image:url(../images/titl-wanna-bring.gif);}
h4#sixflags-map span {background-image:url(../images/titl-six-flags-map.gif);}

/* Big Preview */
#preview
	{
		position:absolute;
		padding:20px;
		border:1px solid #282828;
		background:#000;
		color:#999;
		display:none;
		float:left;
		width:auto;
		text-align:left;
	}	
	#preview p {
		font-size:1em;line-height:1.4em;
		padding-top:7px;
	}

#sidebar .spacer {
	margin:15px 0;padding-top:11px;
	background:url(../images/bg_footer.gif) top left repeat-x;
}

#sidebar .gallery {
	margin:20px 0;
}
	#sidebar .gallery li {
		float:left;
		margin:0 17px 17px 0;
	}
	
#sidebar p {
	font-size: 1em;
	line-height: 1.5em;
}

/* 3.6	Footer
-----------------------------------------------------------------------------------------------*/	
#footer {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	color:#444;
	margin-bottom:10px;
}
#footer dl {
	float:left;
	width:240px;
	font-size:1.1em;
	line-height:1.45em;
	padding:0 0 20px 25px;	
}
	#footer dt {
		float:left;clear:left;
		width:60px;
		padding-right:5px;
	}
	#footer dd {
		float:left;
		width:155px;
	}

#footer img {
	float:right;
	padding-right:12px;
	clear: both;
}

#footer div {
	float:right;
}

#footer p {
	clear:both;
	float:right;
	font-size:0.9em;
	padding-right:12px;
}
	#footer p a {
		color:#444;
	}

/* 4. LAYOUT ELEMENTS
-----------------------------------------------------------------------------------------------
===============================================================================================*/