@charset "UTF-8";

/* Reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, small, section, article, header, footer, nav, aside, hgroup, mark, time, meter, progress, datalist, canvas, audio, video, figure, figcaption, input { 
	margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; vertical-align: baseline; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
ul, ol { list-style: none; }
a img { border: none; }
input,textarea { margin: 0; }
a, input, select, textarea { outline: none; } /* Removes Firefox imposed outline */
section, article, header, footer, nav, aside, hgroup { display: block; }
select, button, input { box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; }
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

body { background-color: rgba(64,64,64,0.24); color: rgba(0,0,0,0.8); font-weight: bold; }


/* Global */
.wrapper {display: inline-block;}
.wrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .wrapper { height: 1%; }
.wrapper { display: block; }
.column { float: left; }
.w1 { width: 210px; }
.w2 { width: 720px; }
.w3 { width: 960px; }
.wf { width: 940px; }

/* Typography */
h1 { font-size: 48px; font-weight: bold;  margin-bottom: 16px; }
h2 { font-size: 24px; font-weight: bold;  margin-bottom: 4px; }
article { margin-top: 24px;  }
p {font-size: 18px;  line-height: 26px;}
a { -webkit-transition: color ease 0.5s; font-size: 18px; text-decoration: none; color: rgba(0,0,0,0.5); padding-bottom: 2px;  }
a:hover {  color: rgba(0,0,0,1); -webkit-transition: 0.5s; }
li { font-size: 18px; line-height: 26px; }
h2 { font-weight: bold; }
aside article { margin-bottom: 32px; }

/* Structure */
#page { width: 960px; margin: 0 auto; margin-top: 64px; }
#video { margin-bottom: 32px; }
#pictures { margin-bottom: 32px; clear:both;  }
#pictures a { margin-right: 6px; }
#pictures img { webkit-transition: opacity ease 0.5s; opacity: 0.7;}
#pictures img:hover { opacity: 1; -webkit-transition: 0.5s;}
#main { margin-right: 30px;  margin-bottom: 64px;}
#info {  }