* { outline:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }

html { height:100%; margin:0; padding:0; color:#fff; font:normal 100%/1.5 Molengo, Georgia, Serif; background:#000 url(bg.png) top left repeat scroll; }
article, header, figure, figcaption, nav { display:block; margin:0; padding:0; }

body							{ margin:0 auto; padding:0; background-color:rgba(0, 0, 0, .5); width:1040px; min-height:100%; }
body *::-webkit-scrollbar		{ width:12px; }
body *::-webkit-scrollbar-track { background-color:rgba(255, 255, 255, .4); box-shadow:inset 0 0 6px rgba(0, 0, 0, .3); border-radius:4px;  }
body *::-webkit-scrollbar-thumb { background-color:#282828; box-shadow:inset 0 0 6px rgba(0, 0, 0, .5); border-radius:4px; }

a { -webkit-transition:all .3s linear; -moz-transition:all .3s linear; -o-transition:all .3s linear; transition:all .3s linear; }

.clearfix			{ *zoom:1; }
.clearfix:before, 
.clearfix:after		{ content:''; display:table; }
.clearfix:after		{ clear:both; }
.ir { font: 0/0 a; text-shadow: none; color:transparent; }

.page-title { background:transparent url(header.png) no-repeat top center scroll; width:848px; height:290px; margin:0 auto; }
.content { position:relative; width:1040px; height:540px; margin:0 auto; padding:10px; }

.hentry						{ position:absolute; left:-1050px; top:5px; margin:0 auto; padding:0; width:1022px; border:1px solid transparent; filter:alpha(opacity=0); opacity:0; 
	/* 
	Bug Regression in Opera 12 -  http://dev.w3.org/csswg/css3-transitions/#transition-timing-function_tag
	The four values specify points P1 and P2 of the curve as (x1, y1, x2, y2). 
	Both x values must be in the range [0, 1] or the definition is invalid. The y values can exceed this range.
	*/
	-webkit-transition:all 1s cubic-bezier(.71,1.04,.61,1.14); 
	-moz-transition:all 1s cubic-bezier(.71,1.04,.61,1.14); 
	-o-transition:all 1s cubic-bezier(.71,1,.61,1); /* added to cope with Opera 12 bug regression */
	-o-transition:all 1s cubic-bezier(.71,1.04,.61,1.14); /* this used to work in Opera 11.64 NOT INTERPRETED IN Opera 12 */
	transition:all 1s cubic-bezier(.71,1.04,.61,1.14);
}
.hentry:target				{ left:10px; opacity:1; }
.hentry nav					{ margin:5px auto 0; padding:0; }
.hentry nav a				{ width:auto; margin:0; padding:10px; color:#fff; font:bold 24px 'Yanone Kaffeesatz', arial, sans-serif; text-decoration:none; text-transform:uppercase; text-shadow:0 1px 0 rgba(0, 0, 0, .5); background-color:#f00; }
.hentry nav a:hover			{ background:#fff;	color:#f00; }
.hentry nav a.next			{ float:right; border-radius:15px 0; }
.hentry nav a.next:after	{ content:'\a0\bb\a0'; }
.hentry nav a.prev			{ float:left; border-radius:0 15px; }
.hentry nav a.prev:before	{ content:'\a0\ab\a0'; }
.hentry h2					{ margin:0; font:bold 36px 'Yanone Kaffeesatz', arial, sans-serif; text-shadow:0 1px 0 rgba(0, 0, 0, .5); text-transform:uppercase; }
.hentry h2 em				{ color:#444; font-weight:bold; font-style:normal; }
.hentry h2 strong			{ color:#f00; }

.entry-title		{ margin:0; padding:5px; width:360px; border-radius:10px 10px 0 0; color:#fff; font:bold 36px 'Yanone Kaffeesatz', arial, sans-serif; text-align:left; text-transform:uppercase; text-indent:7px; background-color:#f00; text-shadow:0 1px 0 rgba(0, 0, 0, .5); }
.entry-title:after	{ content:' coming from 'attr(data-location); }
.entry-title span	{ display:none; }

.item							{ width:1020px; height:400px; margin:0 auto; padding:10px; color:#222; background-color:#fff; border:10px solid #f00; border-radius:0 20px 0 0; }
.item .figure					{ float:left; width:650px; margin:0; padding:4px; }
.item .description-content		{ max-height:300px; overflow:auto; margin:0; padding:0px; }
.item .description				{ float:right; width:320px; margin:0; padding:4px; }
.item .description p			{ margin:0; padding:0; }
.item .container				{ width:99%; max-height:340px; margin:5px auto; padding:5px; overflow:auto; }
.item .about 					{ width:98%; margin:0 auto 10px; padding:0; list-style:none; }
.item .about li					{ font-size:13px; background-color:#f1f1f1; margin:0 auto 1px; padding:2px; }
.item .about li:hover			{ background-color:#222; color:#fff; }
.item .about li:first-of-type	{ border-radius:3px 3px 0 0; }
.item .about li:last-of-type	{ border-radius:0 0 3px 3px; }
.item .about li em				{ float:left; width:45%; font-style:normal; text-align:right;}
.item .about li strong			{ float:left; margin-left:5px; width:52%; color:#f00; }

.youtube-player { box-shadow:0 1px 8px rgba(0, 0, 0, .8); }

.download		{ padding-left:360px; border-color:#fff; text-align:center; background:transparent url(cd-cover.jpg) no-repeat 30px center scroll; background-color:rgba(255, 255, 255, .5); -webkit-background-size:300px 300px; -moz-background-size:300px 300px; -o-background-size:300px 300px; background-size:300px 300px; }
.download em	{ display:block; padding-top:20px; color:#fff; font:normal bold 54px 'Yanone Kaffeesatz', arial, sans-serif; text-transform:uppercase; text-shadow:0 1px 0 rgba(0, 0, 0, .5); }
.download a		{ display:block; margin:.5em auto; padding:15px; width:450px; color:#fff; font:bold 28px arial, sans-serif; text-shadow:0 1px 0 rgba(0, 0, 0, .5); text-decoration:none; border-radius:10px; background-color:#f21d1d;
	box-shadow: 0 3px 1px rgba(255, 255, 255, 0.5) inset, 0 25px 30px -12px rgba(255, 255, 255, 0.4) inset, 0 2px 2px #000;
	background-image:-webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .5));
	background-image:   -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .5));
	background-image:     -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .5));
	background-image:        linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .5));
}
.download a:hover {	background-color:#080; }

.navigation					{ text-align:center; }
.navigation a				{ margin:0; padding:10px; color:#fff; font:bold 24px 'Yanone Kaffeesatz', arial, sans-serif; text-shadow:0 1px 0 rgba(0, 0, 0, .5); text-decoration:none; text-transform:uppercase; background-color:#f00; }
.navigation a:first-of-type { border-radius:10px 0 0 10px; }
.navigation a:last-of-type	{ border-radius:0 10px 10px 0; }
.navigation a.selected,
.navigation a:hover			{ background:#fff;	color:#f00; }

#download .entry-title { color:#f00; background-color:#fff; }
#intro .entry-title:after { content:none; }

.citation { margin:1em auto; padding:5px; width:90%; font:normal 16px/1.8 Palatino, Georgia, Times, "Times New Roman", Serif; background-color:#f1f1f1;  }
.citation figcaption { padding:0 20px; text-align:right; font-weight:bold; }

/* old IE support */
.ie .download	{ padding-left:450px; background-color:#808080; }