/* Greeked text for demo */

@font-face {
	font-family: "greeked";
	src: url(greeked.ttf);
}

p, li { font-family: "greeked"; font-size: 1em; line-height: 1; letter-spacing: -0.1em; word-spacing: -1em; opacity: 0.3; }
li a { color: red; }

/* HTML5 handjob */
header, article, aside, nav, section, footer, hgroup { display: block; }

/* The bulk of styling */
@font-face {
	font-family:'MuseoSans500'; /* A font by Jos Buivenga (exljbris) -> www.exljbris.nl */
	src:url(MuseoSans_500.otf);
	}
	
@font-face {
	font-family:'MuseoSans700'; /* A font by Jos Buivenga (exljbris) -> www.exljbris.nl */
	src:url(MuseoSans_700.otf);
	}

/* Begin Typography & Colors */
html { background: #eee; }

body {
	font-size: 0.9em;
	font-family: 'MuseoSans500','Lucida Grande', Verdana, Arial, Sans-Serif;
	letter-spacing: -0.01em;
	line-height: 1.5;
	/* background: #eee; */
	color: #222;
	}

#page {
	text-align: left;
	}

header {
	margin: 0 0 1.5em 0;
	padding: 2em 0 0.5em 0;
	}
	
hgroup h2 {
	font-size: 1.3em;
	color: #666;
	}
	
header hgroup h2 span {
	background: #e9bc1b; color: #333;
	}

h1, h2, h3, h4, h5, h6 {
	margin: 0 0 2px -10px; padding: 0;
	text-transform: uppercase;
	word-spacing: 0.1em;
	letter-spacing: -0.05em;
	line-height: 1.15em; 
	}
	
h1 span, hgroup h2 span, h3 span, .nav_full a, a, a:link, a:visited { padding: 0 10px; color: #fff; background: #444; text-decoration: none; }
h2 a:link, h2 a:visited, a:hover, a:focus, hgroup h4 time { padding: 0 10px; background: #e9bc1b; color: #333; }
h2 a:hover, h2 a:focus  { color: #fff; background: #e9bc1b;}

h1 {
	font-size: 3em;
	margin-bottom: -0.1em; padding: 0;
	}

h2 {
	font-size: 3em;
	}

h3 {
	font-size: 1.3em;
	margin-top: 0.75em; padding: 0;
	}
	
acronym, abbr
{
	font-size: 0.9em;
	letter-spacing: .07em;
	}

/* End Typography & Colors */



/* Begin Structure */
body {
	margin: 0 0 20px 0;
	padding: 0;
	}

#page {
	margin: 0 auto 20px auto;
	padding: 0 30px;
	width: 500px;
	background: url(tape-rec.png) no-repeat;
background-position: 95% -120px;
overflow: hidden;
	}

.clear {
	clear: both;
}

br { height: 1px; }
/* End Structure */



/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/* End Images */

/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #e9bc1b;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}

hr {
	display: none;
	}

a img {
	border: none;
	}

/* End Various Tags & Classes*/

/* Surgical interventions */

.news p { margin: 0; padding: 0; }
p.nav_full a:before { content: '> '; }

h2 a span { display: block; position: absolute; left: -99em; }

ul.works li { color: #e9bc1b; opacity: 1; }

ul.works { font-size: 1.3em; 
	list-style: none;
	margin-left: 0;
	padding-left: 0; 
	word-spacing: 0.1em;
	line-height: 1.15em;
	}
ul.works li { margin: 0.5em 0; }
ul.works a:before {  }