* { box-sizing:border-box; }
html { height:100%; }
body { width:100%; height:100%; margin:0px auto; font-family:Century Gothic,Arial,sans-serif; font-size:16px; color:#111; background-color:#F6F6F6; }
img { border:0; }
a, a:link, a:visited, a:hover { color:inherit; }
h2,h3 { font-size:1em; }

.clearfix { clear:both; }

.page{ min-height:100%; position:relative; }
.main { width:100%; padding-bottom:70px; }
.container { width:1000px; margin:0 auto; }

.header { height:80px; background-color:#111; color:#FFF; }
.header .logo { margin:10px 0; }
.header .nav { float:right; }
.menu { margin:0; padding:0; }
.menu > .menu-item { margin:0; padding:0 15px; list-style:none; display:inline-block; -webkit-transition:background-color .2s ease-out; -moz-transition:background-color .2s ease-out; transition:background-color .2s ease-out; }
.menu > .menu-item > a { line-height:80px; text-decoration:none; color:inherit; }
.menu > .menu-item:hover,
.menu > .menu-item.active,
.home .menu > .menu-item.home,
.association .menu > .menu-item.association,
.concerts .menu > .menu-item.concerts { background-color:#333; }

.event { position:relative; float:left; width:480px; margin:0 15px 15px 0; background-color:#E6E6E6; box-shadow:2px 2px 5px rgba(0,0,0,.2); }
.event h3 { margin:5px 10px; }
.event h3 .date { margin-left:0px; font-weight:normal; font-size:0.8em; color:#666; }
.event h3 .date:before { content:" ★ "; }
.event p { margin:5px 5px; font-size:0.75em; text-align:left; }
.event ul { margin:5px 0; list-style:none; font-size:0.75em; }
.event img.picture { position:relative; float:left; margin-right:10px; }
.event.fullwidth-event { _float:none; width:980px; }
.event.fullwidth-event img.picture { width:145px; height:200px; }

.footer { position:absolute; bottom:0; width:100%; height:50px; background-color:#111; color:#FFF; }
.footer p { margin:10px 0; line-height:30px; }
.footer .credits { float:left; font-size:0.8em; }
.footer .social { float:right; }
.footer .social a { text-decoration:none; margin-left:.5em; }