/* =reset (Andy Clarke's version) */

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; background : transparent; }
:focus { outline : 0; }
ol, ul { list-style : none; }
table { border-collapse : collapse; border-spacing : 0; }
caption, th, td { text-align : left; font-weight : normal; }
button { overflow : visible; }

/* =clearfix */

.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 */

/* =font-face declarations */

@font-face {
	font-family: 'Museo300';
	src: url("Museo300-Regular.otf");
	src: local('Museo300-Regular.otf'),
 		 url("Museo300-Regular.otf") format('opentype'); }
		
@font-face {	
	font-family: 'Museo500';
 	src: url("Museo500-Regular.otf");
 	src: local('Museo500-Regular.otf'),
 		 url("Museo500-Regular.otf") format('opentype'); }

@font-face {		
	font-family: 'Museo700';
 	src: url("Museo700-Regular.otf");
 	src: local('Museo700-Regular.otf'),
 		 url("Museo700-Regular.otf") format('opentype'); }
		 
@font-face {		
	font-family: 'GrungeSerifia';
 	src: url("Grunge-Serifia.otf");
 	src: local('Grunge-Serifia.otf'),
 		 url("Grunge-Serifia.otf") format('opentype'); }		 
		
/* =tags */

html { background: #210a00 url(bg_body.jpg); ybackground: #210a00 url(bg_lines.gif);  background-attachment: fixed; }
body { margin: 0; padding-top: 2em; font-family: 'Museo300', Arial, sans-serif; font-size: 100%; color: #e8e0a3; }	
html > body { font-size: 16px; }
	
#wrap { position: relative; margin: 0 auto; width: 65%; min-width: 580px; max-width: 680px; }

h1 { margin: .5em 0 .5em; font: 6em/1 'Museo700', Arial, Helvetica, sans-serif; letter-spacing: -3px; }
h1 span { text-shadow: -4px 4px #4d1700; }
h1 span:first-child { margin-right: -2px; }
h1 span:first-child b { position: relative; z-index: 4; }
h1 span:first-child b + b { position: relative; z-index: 0; margin-right: 3px; }
h1 span + span b:first-child { position: relative; z-index: 5; }
h1 span + span b:first-child + b { margin-left: -1px; margin-right: -2px; position: relative; z-index: 2; }
h1 span b { font-weight: normal; }
h1 em { padding-left: 6px; font-size: 0.166666666666666667em; font-style: normal; letter-spacing: normal; }
h1 a { ytext-shadow: none; }

abbr { cursor: help; }

del { opacity: .5; text-shadow: 0 0 #000; }

p { margin: 1.5em 0; line-height: 1.5; }

ol, ul { margin-bottom: 1.6em; }
li { line-height: 1.5; }

a { text-decoration: none; text-shadow: -2px 2px #4d1700; color: #ffc709; -webkit-transition: color .5s ease; }	
a:hover { color: #994c00; }

/* =elements */

#lang { position: absolute; right: 0; top: 1.25em; font-size: 1em; ytext-shadow: none;  color: #f58220; }
.intro { clear: both; margin: 1.85em 0;	font: 1.5em/1.4 'Museo500', Arial, sans-serif; }	
.intro em { font-style: italic; }	
.more { margin: 1.6875em 0; font: normal 20px/1.5 'Museo500', Arial, sans-serif; }	
.info {	font-family: 'Museo300', Arial, sans-serif; font-size: 16px; }	
.vcard { margin: 1em 0 0; float: left; padding: 0 0 5em 0; line-height: 1.5; }
#copyright { position: absolute; right: 0; bottom: 6.25em; margin: 0; color: #663000; }