@charset "utf-8";
/*
Copyright is held by original owners.
CSS Document: Erika
Version: 1.10
*/

/*
ATTRIBUTES
**********
Font Primary: #, Font
Page Heading: #, Font
Content Headings: #, Font
__________

DIMENSIONS
**********
Main site width: 996px
Content Main: 696/288px
Gutter width: 12px
__________

CSS INDEX:
**********
+ Global Styles
  - Text
  - Links
  - Lists
+ Page Layout
  - Content (Containers)
  - Columns
+ Header
+ Footer
+ Navigation
  - Primary
  - Secondary
+ Banners
+ Page Tools
+ Content (Body)
  - Headings
  - Lists
  - Forms
  - Tables
  - Media Player
  - Media List
  - Community
  - Gallery Preview
  - Tours
  - Track/Album Listing
__________

*/

/*
=================================
GLOBAL STYLES
*/

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

#erika {
	font-family:Arial, Helvetica, sans-serif;
	font-size:72%;
	line-height: 16px;
	color:#fff;
	background:#000 url(../images/bg_page2.jpg) center top no-repeat;
}

textarea { /* Repeat Font Family from above */
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
}
	
.accessible {
	display:block;
	position:absolute;
	left:-9999em;
	z-index:0;
	height:0px;
	width:0px;
	line-height:0px;
	font-size:0px;
	float:left;
	clear:none;
	visibility:collapse;
}

.invisible {
	display:none;
}	

.right {
	float:right;
}

.left {
	float:left;
}

.center {
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

.image.right, .photo.right {
	margin:0em 0em 2em 2em;
}

.image.left, .photo.left {
	margin:0em 2em 2em 0em;
}

.photo.left img {
	float:left;
}

.photo.right img {
	float:right;
}

	/* LINKS */
	a {
		color:#7b7b7b;
		text-decoration:none;
	}
	
	a:link {
		color:#7b7b7b;
		text-decoration:none;
	}
	a:visited {
		color:#7f7f7f;
		text-decoration:none;

	}
	a:hover {
		color:#e0cbac;
		text-decoration:underline;
	}
	a:active {
		color:#e0cbac;
	}

	/* LISTS */
	#content_container ul, #content_container ol { 
		display:inline-block; /* Keep from losing bullets to floated objects */
	}
		#content_container li ul, #content_container li ol { 
			display:block; /* Restore block value */
		}
	
	
	
	
/*
=================================
PAGE LAYOUT
*/	

html, body {
	min-width:996px;
}

#content_container {
	width:996px;
	margin:16px auto 0px auto;
}	

#content {
	float:left;
	width:708px;
}


#content_extra {
	float:right;
	width:288px;
}
	
	/* CONTENT (containers) */
	
	/* COLUMNS */
	/* NOTE: main content area = 696px */
	.col_1of3, .col_2of3, .col_1of1 {
		float:left;
		margin-right:12px;
	}
	
	.col_1of1 {
		width:696px;
	}
	
	.col_1of3 {
		width:288px;
	}
	
	.col_2of3 {
		width:396px;
	}
	
		/* COLUMN BOXES + COLUMN MAIN HEADINGS */
		/* This is CSS3 used to not need a declared box style */	
		
		.col_1of3 div, .col_2of3 div, .col_1of1 div, #content_extra div {
			border:1px solid #201e1e;
			background-color:#101010;
			margin-bottom:8px;
			padding:12px;
		}
			.col_1of3 div div, .col_2of3 div div, .col_1of1 div div, #content_extra div div {
				border:none;
				margin:0em;
				background-color:inherit;
				padding:0em;
			}
			
		.col_1of3 div  > h2:first-child, .col_2of3 div  > h2:first-child, .col_1of1 div > h2:first-child, #content_extra div  > h2:first-child,
		.col_1of3 div  > h1:first-child, .col_2of3 div  > h1:first-child, .col_1of1 div  > h1:first-child, #content_extra div  > h1:first-child {
			color:#e0cbac;
			padding:6px 12px;
			margin:-12px -12px 12px -12px;
			background:#232323 url(../images/bg_h2.jpg) 0 0 repeat-x;
			font-family: Arial, Helvetica, sans-serif;
			
			font-size:1.2em;
			font-weight:normal;
			border-bottom:1px double #28221a;
			clear:both;
		}
		
		.col_1of3 div  > h2:first-child:after, .col_2of3 div  > h2:first-child:after, .col_1of1 div  > h2:first-child:after, #content_extra div  > h2:first-child:after,
		.col_1of3 div  > h1:first-child:after, .col_2of3 div  > h1:first-child:after, .col_1of1 div  > h1:first-child:after, #content_extra div  > h1:first-child:after {	
			content: "";
			display:block;
			border-bottom:1px solid #000;
			margin:0px -12px 0px -12px;
			position:relative;
			top:6px;
		}			
		
		
		
		h2 img.preview {
			display:block;
			margin:0em auto;
			padding:1em;
		}
		
		h2 span {
			color:#bdbdbd;
			font-weight:normal;
			font-family:Arial, Helvetica, sans-serif;
			text-transform:uppercase;
			font-size:.65em;
		}
		
		
		
			/* CLEAR H2 styles */
			#page .community h2:after, #page .tracks h2:after {
				display:none;
			}
			
			#page .tracks h2 {
				display:block;
				background:none;
				border:none;
				text-transform:none;
			}			

/*
=================================
HEADER
*/

#header {
	width:996px;
	margin:0em auto;
	position:relative;
	height:233px;
}

#header #company a {
	display:block;
	background:url(../images/logo_erika.png) no-repeat;
	width:323px;
	height:117px;
}

#header #company {
	position:absolute;
	left:10px;
	top:31px;
}

#header #byline {
	display:block;
	background:url(../images/byline.png) no-repeat;
	width:323px;
	height:40px;
	position:absolute;
	left:10px;
	top:155px;
}


/*
=================================
FOOTER
*/

#footer {
	clear:both;
	padding:12px 0em;
}

#footer .page {
	width:996px;
	margin:0em auto;
	border-top:1px solid #312e2e;
	position:relative;
}

#footer #site_design {
	position:absolute;
	right:0px;
	bottom:7px;
}

#footer #site_design a {
	display:block;
	width:113px;
	height:18px;
	background:url(../images/site_design.png) 0 0 no-repeat;
}

#footer #site_links {
	margin:0em auto;
	width:auto;
	text-align:center;
}

#footer #site_links ul {
	margin:0em;
	padding:5px 0em;
}

#footer #site_links li {
	margin:0em;
	padding:0em;
	background:none;
	list-style:none;
	display:inline;
}

#footer #site_links li a {
	display:inline-block;
	padding:5px 5px;
	text-transform:lowercase;	
}

#footer #site_links li a:hover{
	text-decoration:none;
}

/*
=================================
NAVIGATION
*/


	/* PRIMARY */
	#nav_primary {
		width:100%;
		margin-left:-50%;
		left:50px;
		background:url(../images/bg_nav_primary.png) repeat;
		position:relative;	
		overflow:hidden;
	}
	
	#nav_primary .page {
		float:right;
		margin-right:15px;
	}
	
	#nav_primary #nav li {
		list-style:none;
		position:relative;
		float:left;
		height:32px;
		line-height:32px;
	}
	
	#nav_primary #nav li a span {
		position:absolute;
		left:-9999em;
	}
	
	#nav_primary #nav li a {
		background-position:center top;
		background-repeat:no-repeat;
		height:32px;
		display:block;
		padding:0em 5px 0em 10px;
	}
	
	#nav_primary #nav li a:hover, #nav_primary #nav li.current a {
		background-position:center -100px;
	}
	
		/* sizes */
		#nav_primary #nav .nav_pri_1 a {
			background-image:url(../images/nav_pri_1.png);
			width:49px;
		}
		#nav_primary #nav .nav_pri_2 a {
			background-image:url(../images/nav_pri_2.png);
			width:43px;
		}
		#nav_primary #nav .nav_pri_3 a {
			background-image:url(../images/nav_pri_3.png);
			width:47px;
		}
		#nav_primary #nav .nav_pri_4 a {
			background-image:url(../images/nav_pri_4.png);
			width:40px;
		}
		#nav_primary #nav .nav_pri_5 a {
			background-image:url(../images/nav_pri_5.png);
			width:25px;
		}
		#nav_primary #nav .nav_pri_6 a {
			background-image:url(../images/nav_pri_6.png);
			width:55px;
		}
		#nav_primary #nav .nav_pri_7 a {
			background-image:url(../images/nav_pri_7.png);
			width:45px;
		}
		#nav_primary #nav .nav_pri_8 a {
			background-image:url(../images/nav_pri_8.png);
			width:30px;
		}
		#nav_primary #nav .nav_pri_9 a {
			background-image:url(../images/nav_pri_9.png);
			width:59px;
		}
		
	/* SECONDARY */




/*
=================================
CONTENT (body)
*/


	/* HEADINGS */
	h1 {
		font-size:2.35em;
		color:#e0cbac;
		
	}
	h2, h3, h4 {
		color:#e0cbac;
	}
	h2 {
		font-family: Arial, Helvetica, sans-serif;
		font-size:1.2em;
		margin-bottom:0em;
		padding-bottom:.2em;
		font-weight:bold;
	}
	
	h3 {
		font-family: Arial, Helvetica, sans-serif;
		font-size:1.1em;
		margin-bottom:0em;
		padding-bottom:.2em;
		font-weight:bold;
	}
	
	h4 {
		font-size:1.1em;
	}
	
	h5, h6 {
		font-size:1em;
	}
	
	p + h2, ul + h2, ol + h2 {
		margin-top:1.25em;
	}
		
	/* LISTS */
	#content_container ul, #content_container ol {
		margin-bottom:18px;
		margin-left:1.4em;
		display:inline-block;
	}
	
	#content_container li ul, #content_container li ol {
		margin-bottom:0em;
	}
	
	#content_container ol li {
		list-style-type:decimal;
		margin-left:2em;
		margin-top:.4em;
	}
	
	#content_container ul li {
		margin-left:2em;
		margin-top:.4em;
	}	
	
	/* FORMS */	
	#page form div.line {
		margin-bottom:6px;
		clear:both;
	}
	
	form label {
		color:#c9c9c9;
		width:25%;
		display:inline-block;
		float:left;
		line-height:1em;
		text-transform:lowercase;
		font-size:1em;
		margin-top: 3px;
	}
	
	form input, form textarea, form select {
		border:1px solid #363636;
		background-color:#000;
		color:#c9c9c9;
		width:70%;
		padding:2px 0px;
		text-indent:.3em;
	}
	
	form textarea {
		height:10em;
		overflow:auto;
	}
	
	#page form div.buttons {
		padding-left:25%;
	} 
	
	form button {
		cursor:pointer;
		border:1px solid #363636;
		background-color:#000;
		color:#c9c9c9;
		text-transform:lowercase;
		padding:.1em 2em;
		overflow:visible;
	}
	
	form button:hover {
		background-color:#28221a;
	}
	
	form button span {
		display:inline;
	}
	
	
	/* TABLES */	
	table {
		margin-bottom:12px;
		border-collapse:collapse;
		border:1px solid #201e1e;
	}
	
	table caption	 {
		font-size:.8em;
		background:#000;
		padding:12px;
		margin-top:12px;
	}
	
	table td, table th {
		padding:12px;
		border:1px solid #000;
		border-width:0px 1px;
	}
	
	table thead th {
		background:#232323 url(../images/bg_table_th.jpg) left top repeat-x;
	}
	
	table tbody .alt td {
		background-color:#131313
	}
	
	table tbody th {
		background-color:#090909;
	}
	
	table tfoot th {
		background-color:#090909;
	} 
	
#content_container p {
	margin-bottom:1em;
}

#content_container p + ul, #content_container p + ol {
	margin-top:-12px;
}



	/* MEDIA PLAYER */
	#page .media_player {
		width:100%;
		margin:-12px -12px 12px -12px;
		text-align:center;
	}
	
	/* TWITTER LIST */
	#page .twitter ol {
		margin:0em;
		padding:0em;
	}	
	#page .twitter ol li {
		list-style:none;
		margin:0em;
		padding:0em;
		max-width:256px;
	}
	#page .twitter ol li span {
		color:#e0cbac;
		font-family:Arial, Helvetica, sans-serif;
		font-size: 10px;
		white-space:nowrap;
	}
	
	#page .twitter ol li p {
		word-wrap: break-word;
		overflow:visible;
	}
	
	#page .twitter ol li a {
		display:block;
		white-space:normal;
		max-width:250px;
	}
	
	#page .twitter .link {
		text-align:right;
	}
	
	#page .twitter .link a {
		display:block;
		padding-right:20px;
		background:url(../images/button_more.png) right top no-repeat;
		line-height:18px;
		font-size:.92em;
		color:#fff;
	}
	
	#page .twitter .link a:hover {
		background-position:right -100px;
	}
	
	/* MEDIA LIST */
	#page div.media_list {
		margin:-12px;
	}
	
	/* COMMUNITY */
	#page .community {
		position:relative;
		padding-bottom:0em;
	}
	
	#page .community h2 {
		padding-top:16px;
		padding-bottom:16px;
		margin-bottom:0em;
	}
	
	#gallery { display: block; position: relative; clear: both; height: auto;}
	
	#gallery h2 { 
		padding-top:5px;
		padding-bottom:5px;
		margin-bottom:0em; 
		font-size: 1em; 
		font-weight: bold;
		padding-right: 0px;
		padding-left: 0px;
		margin: 0px;
		}
		
	#gallery a { 		
		font-size: .9em; 
		font-weight: normal;
		text-decoration: none;
		}
	
	#page .social_links {
		margin:0em;
		padding:0em;
		position:absolute;
		right:12px;
		top:12px;
	}

	
	#page .social_links li {
		margin:0em;
		padding:0em;
		background:none;
		list-style:none;
		display:inline;
		float:left;
	}
	
	#page .social_links li a {
		display:inline-block;
		width:30px;
		height:32px;
		background-repeat:no-repeat;
		margin-left:2px;
	}
	
	#page .social_links li a:hover {
		margin-top:-1px;
	}
	
		/* images */
		#page .social_links li.facebook a {
			background:url(../images/icon_facebook.png);
		}
		#page .social_links li.telstra a {
			background:url(../images/icon_telstra.png);
		}
		#page .social_links li.myspace a {
			background:url(../images/icon_myspace.png);
		}
		#page .social_links li.itunes a {
			background:url(../images/icon_itunes.png);
		}
		#page .social_links li.youtube a {
			background:url(../images/icon_youtube.png);
		}



	/* GALLERY PREVIEW */
	#page .gallery_preview {
		position:relative;
		min-height:120px;
		padding-bottom:30px;
		padding-left:190px;
		margin-right:-8px;
	}
	
	#page .gallery_preview .preview_image {
		border:1px solid #343434;
		position:absolute;
		left:0px;
		top:0px;
	}
	
	#page .gallery_preview .preview_image img {
		margin:0em;
	}
	#page .gallery_preview .caption p {
		margin-bottom:.3em;
	}
	#page .gallery_preview .caption p.after {
		content:"(Click for full size image)";
		display:block;
		color:#e0cbac;
		font-family: Arial, Helvetica, sans-serif;
		font-style:italic;
	}

	#page .gallery_preview .links {
		margin:0em;
		margin-top:3px;
	}
	
	#page .gallery_preview .links li {
		list-style:none;
		background:none;
		margin:0em;
		padding:0em;
		display:inline;
		float:left;
	}
	
	#page .gallery_preview .links li a {
		text-indent:-9999em;
		display:block;
		background-position:0 0;
		background-repeat:no-repeat;
	}
	
	#page .gallery_preview .links li a:hover {
		background-position:left -100px;
	}
	
	#page .gallery_preview .links a.prev {
		width:37px;
		background-image:url(../images/button_prev.png);
		height:37px;
		margin-right:2px;
		
	}
	#page .gallery_preview .links a.next {
		width:37px;
		background-image:url(../images/button_next.png);
		height:37px;
	}
	
	#page .gallery_preview .links a.full {
		position:absolute;
		left:0px;
		bottom:0px;
		width:133px;
		background-image:url(../images/button_full.png);
		height:18px;
	}
	
	#page .gallery_preview .number {
		position:absolute;
		right:0px;
		bottom:0px;
		display:block;
		text-align:center;
		width:80px;
		font-weight:bold;
		color:#bdbdbd;
	}


	/* TOURS */
	#page .tours .links ul {
		padding:0em;
		margin:12px 0px;
		font-size:.85em;
	}
	
	#page .tours .links li {
		list-style:none;
		background:none;
		margin:0em;
		padding:0em;
		display:inline;
	}
	
	#page .tours .links li a {
		display:block;
		background-repeat:no-repeat;
		line-height:18px;
		text-transform:uppercase;
		margin:0em;
		float:left;
	}
	#page .tours .links .prev a {
		width:auto;
		background-image:url(../images/button_prev_small.png);
		height:18px;
		margin-right:2px;
		background-position:left top;
		padding-left:20px;
	}
	#page .tours .links .next a {
		width:auto;
		background-image:url(../images/button_next_small.png);
		height:18px;
		background-position:right top;
		padding:0px 20px 0px 10px !important;
	}
	#page .tours .links .prev a:hover {
		background-position:left -100px;
		text-decoration:none;
	}
	#page .tours .links .next a:hover {
		background-position:right -100px;
		text-decoration:none;
	}	
	
		/* items */
		#page .tours .item {
			position:relative;
			overflow:visible;
			border-bottom:1px solid #28221a;
			border-top:1px solid #28221a;
			margin-top:-1px;
			padding:16px 16px 16px 66px;
			min-height:30px;
		}
		
		
		
		#page .tours .date {
			position:absolute;
			left:16px;
			top:16px;
			width:32px;
			height:39px;
			background: #251f15;
			text-align:center;
		}
		
		#page .tours .date span {
			display:inline-block;
			width:32px;
			position:absolute;
			left:0px;
			text-transform:uppercase;
		}
		
		#page .tours .date a, #page .tours .date a:hover {
			text-decoration:none;
		}
		
		#page .tours .date .day {
			top:12px;
			font-weight:bold;
			font-size:13px;
			color:#e0cbac;
		}
		
		#page .tours .date .year {
			font-size:10px;
			top:26px;
			color:#e0cbac;
			letter-spacing:-.06em;
		}
		
		#page .tours .date .month {
			top:0px;
			color:#e0cbac;
			font-size:9px;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-weight:bold;
		}
		
		#page .tours h3 {
			font-family:Arial, Helvetica, sans-serif;
			font-weight:bold;
			font-size: 1.2em;
			
		}
		
		#page .tours h4 {
			font-weight:normal;
			font-size:1.1em;
			color: #FFFFFF;
		}
		
		#page .tours h5 {
			font-size: 1.1em;
						
		}
		
		#page .tours h6 {
			font-size: 1.0em;
			font-weight: normal;
		}
		
		
		#page .tours h4 a, #page .tours h3 a  {
			color:#fff;
		}
		
		
		
		/* TOURS */
		#page .tracks {
			
			display:block;
			margin:12px 0px;
			clear:both;
			background:#151515 url(../images/bg_tracks.jpg) left top repeat-x;
			padding:12px;			
		}
		
		#page .tracks h2 {
			font-size:1.6em;
			clear:both;
			margin:12px 0px;
			display:block;
			text-align: left;
		}
		
		#page .tracks .preview {
			float:left;
			margin-right:12px;
		}
		
		#page .tracks table {
			border:none;
			overflow:visible;
			min-width:450px;
		}
		
		#page .tracks table td {
			border:none;
			border-bottom:1px solid #191919;
			vertical-align:middle;
			text-align:left;
			padding:8px 12px;
		}
		
		#page .tracks table th {
			background:none;
			border:none;
			border-bottom:1px solid #191919;
			text-align:left;
			padding:8px 12px;
		}
		
		#page .tracks table td:first-child {
			text-align:center;
			padding:8px 0px 8px 8px;
		}
		
		#page .tracks table tbody tr:hover {
			background:#111111;
		}
		
		#page .tracks table .actions {
			border:none;
			padding:none;
			margin:0em;
		}
		
			#page .tracks table .actions li {
				list-style:none;
				background:none;
				margin:0em;
				padding:0em;
				float:left;
			}
			
			#page .tracks table .actions a {
				padding:4px 12px;
				margin:0px 8px 0px 0px;
				border:1px solid #363636;
				background:#3171616;
				color:#c9c9c9;
				float:left;
			}
			
			#page .tracks table .actions a:hover {
				background:#00adef;
				color:#fff;
				text-decoration:none;
			}

		
/*
=================================
ITEMS REPLACED BY VISUAL CONTEXT
*/

#footer #site_design span,
#header #company span,
#header #byline span,
#page .social_links li a span
{
	position:absolute;
	left:-9999em;
}