/*
#######################################################################
# 
# Hevy Music Festival 2009
# Print CSS stylesheet
#
# Hand-crafted by Phenotype (phenotype.net)
#
#######################################################################
-----------------------------------------------------------------------
* You may use this file for learning purposes.
*
* The unique combination of images, colours, sizes, typography and 
* positioning ('the design') is copyright.
*
* Copying, modifying or any other use of design-related images 
* is prohibited.
*
* Don't rip our site, be creative!
-----------------------------------------------------------------------
*/

/*-------------------------------------------------------------------
// Page layout and appearance
-------------------------------------------------------------------*/

#accessibility, #header h1, #header h2, #navigation, #background, .overlay, #credits {
	display: none;
	}
	
#content-secondary {
	padding: 24px 0;
	}
	
#footer {
	border-top: 2px solid #999;
	padding: 24px 0;
	}

/*-------------------------------------------------------------------
// Typography and content formatting
-------------------------------------------------------------------*/

/* 
XHTML tag styles 
---------------------------
*/

body {
	font-size: 62.5%; /* Resets font sizes to 10px, so 1em = 10px */
	font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Tahoma, Verdana, Arial, sans-serif;
	color: #222;
	}
	
a {
	color: #0c92c4;
	}
	
a:hover {
	text-decoration: none;
	}
	
	a.image-link {
		padding: 0 !important;
		border: 0 !important;
		}
  
acronym, abbr {
	cursor: help;
	border-bottom: 1px dotted #000;
	}
	
blockquote {
	margin: 0 15px 1.875em 15px;
	font-size: 1.6em;
	line-height: 1.875;
	font-style: italic;
	}
	
cite, q {
	font-size: 1.1em;
	line-height: 1.559;
	font-style: italic;
	}
  
code, pre {
	font-family: monospace;
	font-size: 1.6em;
	line-height: 1.875;
	}
  
dl {
	margin: 0 0 1.714em 0;
	font-size: 1.4em;
	line-height: 1.714;
	text-align: left;
	}

em, i {
	font-style: italic;
	}
	
h1 {
	margin: 0 0 1em 0;
	font-size: 4.8em;
	line-height: 1;
	font-weight: bold;
	text-align: left;
	letter-spacing: -0.03em;
	}
	
h2 {
	margin: 0 0 1.6em 0;
	font-size: 3em;
	line-height: 1.6;
	font-weight: bold;
	text-align: left;
	letter-spacing: -0.03em;
	text-transform: uppercase;
	}
	
h3 {
	margin: 0.2em 0 0.8em 0;
	font-size: 2.4em;
	line-height: 1;
	font-weight: bold;
	text-align: left;
	letter-spacing: -0.03em;
	text-transform: uppercase;
	}

h4 {
	margin: 0.5em 0 1em 0;
	font-size: 1.6em;
	line-height: 1.5;
	font-weight: bold;
	text-align: left;
	letter-spacing: -0.03em;
	text-transform: uppercase;
	}
	
hr {
	display: none;
	visibility: hidden;
	}
  
img {
	border: 0;
	}
	
ol {
	margin: 0 1em 1.714em 1em;
	font-size: 1.4em;
	line-height: 1.714;
	text-align: left;
	list-style-position: inside;
	}
	
	ol li {
		list-style-type: decimal;
		}
	
p {
	margin: 0 0 1.714em 0;
	font-size: 1.4em;
	line-height: 1.714;
	text-align: left;
	vertical-align: top;
	}
  
select {

	}
  
small {
	font-size: 0.8em;
	}
	
strong, bold {
	font-weight: bold;
	}
	
ul {
	margin: 0 1em 1.714em 1em;
	font-size: 1.4em;
	line-height: 1.714;
	text-align: left;
	list-style-position: inside;
	}
	
	ul li {
		list-style-type: disc;
		}
  
	ul dl, ul h3, ul h4, ul ul, ul ol, ul p, ol dl, ol h3, ol h4, ol ul, ol ol, ol p, dl dl, dl h3, dl h4, dl ul, dl ol, dl p, ol label, ol input, ol select, ol textarea {
		font-size: 1em !important;
		}

.highlight {
	padding: 1px 3px;
	font-size: 1.2em;
	line-height: 2;
	font-weight: bold;
	color: #222;
	background: #c1dee9;
	}

/*
Section-specific styles 
---------------------------
*/

#content {
	}

#content a, #footer a {
	padding: 3px;
	font-weight: bolder;
	text-decoration: none;
	color: #222;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-bottom: 2px solid #0c92c4;
	}
  
#content a.img-link {
	border-bottom: none !important;
	}
	
	#content h2 a, #content h3 a, #content h4 a {
		color: #222;
		border: 0;
		background: 0;
		}
	
#content h2 {
	margin: 0 0 22px 0;
	border-bottom: 2px solid #0c92c4;
	}
	
	#content img {
		border: 2px solid #999;
		}
	
	#content p img {
		margin: 0 12px 24px 0;
		float: left;
		}
			
/*
Image viewer
---------------------------
*/

#content .viewer {
	}
	
	#content #content-secondary .viewer a {
		display: block;
		padding: 0;
		border: 0;
		}

	#content .viewer p {
		margin: 6px 0 18px 0;
		padding: 0 24px 0 0;
		font-size: 1.1em;
		line-height: 2.182;
		text-transform: uppercase;
		}
		
	#content .viewer img {
		width: 292px;
		height: 212px;
		margin: 0;
		border-color: #b6b5b0;
		}
/*
Forms
---------------------------
*/

p.error {
	padding: 24px 24px;
	text-align: left;
	border: 2px solid #a91307;
	background: #fff;
	color: #111;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	}
	
	p.error br {
		clear: none;
		}

	p.error strong {
		color: #a91307;
		}

input.button {
	padding: 6px;
	font-weight: bold;
	font-size: 1.8em;
	font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Tahoma, Verdana, Arial, sans-serif;
	}
  
input.text {
	margin: 0 0 1.714em 0;
	padding: 6px 6px;
	color: #333;
	font-size: 1.4em;
	line-height: 1.714;
	font-weight: bold;
	font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Tahoma, Verdana, Arial, sans-serif;
	}
	
	input.error, textarea.error {
		border-color: #a91307;
		}
	
label {
	font-size: 1em;
	font-weight: bold;
	color: #b6b5b0;
	}
  
legend {
	display: block;
	clear: both;
	padding: 0 12px 0 0;
	font-size: 1.1em;
	line-height: 2.182;
	font-weight: bold;
	text-transform: uppercase;
	}
	
select {
	margin: 0 0 1.714em 0;
	padding: 6px 6px;
	color: #333;
	font-size: 1.4em;
	line-height: 1.714;
	font-weight: bold;
	font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Tahoma, Verdana, Arial, sans-serif;
	}
	
textarea {
	margin: 0 0 1.714em 0;
	padding: 6px 6px;
	color: #333;
	font-size: 1.4em;
	line-height: 1.714;
	font-weight: bold;
	font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Tahoma, Verdana, Arial, sans-serif;
	}