/* Main */
html {height:100%;}
body {background:url(../images/zwartevilt.png) repeat; color:#fff; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; background-color:#000; padding:0; margin:0; overflow:hidden; height:100%;}
:-webkit-full-screen #slideshow {background-image:url(../images/zwartevilt.png);}
:-moz-full-screen #slideshow {background-image:url(../images/zwartevilt.png);}
:-ms-full-screen #slideshow {background-image:url(../images/zwartevilt.png);}
:fullscreen #slideshow {background-image:url(../images/zwartevilt.png);}
a {color:#fff; text-decoration:none;}
img {margin:0; padding:0; border:0;}
#main {height:100%;}
.fadein, .thumb_image {opacity:0.35; transition:opacity 0.5s; -webkit-transition:opacity 0.5s; -moz-transition:opacity 0.5s; -ms-transition:opacity 0.5s;}
.grey2white, .thumb_title_inner {opacity:0.75; transition:opacity 0.5s; -webkit-transition:opacity 0.5s; -moz-transition:opacity 0.5s; -ms-transition:opacity 0.5s;}
.fadein:hover, .active, .grid_thumb:hover .thumb_image, .grid_thumb:hover .thumb_title_inner, .cycle-pager-active .thumb_image, .cycle-pager-active .thumb_title_inner, .grey2white:hover {opacity:1.0;}
.button {cursor:pointer;}
.cycle-pager-active {font-weight:bold;}
/* Header */
.header_control {position:absolute; top:10px; left:10px; z-index:2;}
#open_header {display:none;}
.screen_control {position:absolute; top:10px; right:10px; z-index:2; display:none;}
#header {left:10px; top:10px; position:absolute; height:80px; display:table;}
#title {display:table-cell; height:80px; margin:0; padding:0 20px 0 0; /*border-right:1px solid rgba(255,255,255,0.35);*/}
#title img {vertical-align:middle;}
#menu {display:table-cell; vertical-align:middle; margin:0; padding:0; height:80px;}
#menu ul {list-style-type:none; margin:0 0 0 20px; padding:0; font-size:1.1em;}
/* Content */
#slideshow {position:absolute; top:0; bottom:0; left:0; right:0; z-index:-2;}
.slide {background:no-repeat center center fixed; position:absolute; top:0; bottom:0; left:0; right:0;}
.pane, #albums {font-size:1.05em; background:rgba(0,0,0,0.75); border-radius:20px; position:absolute; top:124px; left:20px; display:none;}
.pane {padding:20px; width:944px;}
.close {position:absolute; right:-12px; bottom:-12px;}
.pane_inner {display:table;}
.pane_content {display:table-cell; vertical-align:middle;}
#mug {border-radius:10px; margin-right:20px;}
#bio {font-size:0.9em;}
.form_section{display:block; float:left; margin:0; height:88px;}
#form_left {width: 315px;}
input, textarea {border:0; padding:5px; border-radius:5px; background:rgba(255,255,255,0.75); color:#333; font-size:0.8em;}
input {width:300px; height:16px;}
input:not(:last-child) {margin: 0 5px 5px 0;}
input:last-child {margin:0;}
textarea {width:590px; height:78px; margin:0; resize:none; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; overflow:auto;}
input.error, textarea.error {background:rgba(229,157,157,0.75); color:#a81c1c;}
.form_button {margin:0 0 0 5px; position:absolute; right:20px;}
#form_reset {top:60px;}
#form_submit {bottom:20px;}
#grid_outer, #albums {min-width:160px; font-size:160px; max-width:1em; padding:20px 10px 10px 20px;}
#grid_outer {display:none; right:20px; bottom:60px; background-color:rgba(0,0,0,0.75); position:fixed; border-radius:20px;}
.grid_thumb {position:relative; float:left; margin:0 10px 10px 0; width:100px; height:100px; background-color:black; border-radius:6px;}
.thumb_image {position:absolute; top:0; left:0; border-radius:6px; opacity:.75;}
.thumb_title_outer {font-size:14px; position:absolute; bottom:0px; left:0px; z-index:1000; padding:8px; background:#000; border-radius:0 5px 0 5px;}
@media screen and (min-width:390px) {#grid_outer, #albums {max-width:2em;} #grid_outer nth-child(2n) {clear:right;}}
@media screen and (min-width:550px) {#grid_outer, #albums {max-width:3em;} #grid_outer nth-child(3n) {clear:right;}}
@media screen and (min-width:710px) {#grid_outer, #albums {max-width:4em;} #grid_outer nth-child(4n) {clear:right;}}
@media screen and (min-width:870px) {#grid_outer, #albums {max-width:5em;} #grid_outer nth-child(5n) {clear:right;}}
@media screen and (min-width:1030px) {#grid_outer, #albums {max-width:6em;} #grid_outer nth-child(6n) {clear:right;}}
@media screen and (min-width:1190px) {#grid_outer, #albums {max-width:7em;} #grid_outer nth-child(7n) {clear:right;}}
@media screen and (min-width:1350px) {#grid_outer, #albums {max-width:8em;} #grid_outer nth-child(8n) {clear:right;}}
@media screen and (min-width:1510px) {#grid_outer, #albums {max-width:9em;} #grid_outer nth-child(9n) {clear:right;}}
@media screen and (min-width:1670px) {#grid_outer, #albums {max-width:10em;} #grid_outer nth-child(10n) {clear:right;}}
@media screen and (min-width:1830px) {#grid_outer, #albums {max-width:11em;} #grid_outer nth-child(11n) {clear:right;}}
@media screen and (min-width:1990px) {#grid_outer, #albums {max-width:12em;} #grid_outer nth-child(12n) {clear:right;}}
@media screen and (min-width:2150px) {#grid_outer, #albums {max-width:13em;} #grid_outer nth-child(13n) {clear:right;}}
@media screen and (min-width:2310px) {#grid_outer, #albums {max-width:14em;} #grid_outer nth-child(14n) {clear:right;}}
@media screen and (min-width:2470px) {#grid_outer, #albums {max-width:15em;} #grid_outer nth-child(15n) {clear:right;}}
#info {position:absolute; width:482px; bottom:60px; right:20px; z-index:1000; background:rgba(0,0,0,0.75); padding:20px; border-radius:20px; display:none;}
.photo_title {font-weight:bold; font-size:2.0em; margin-bottom:10px;}
.photo_date {position:absolute; top:20px; right:20px; display:block; color:rgba(255,255,255,0.5); font-size:0.75em;}
.photo_desc {font-size:0.85em;}
.exif {text-align:right; font-size:0.75em; margin-top:10px; color:rgba(255,255,255,0.5);}
#nav {position:absolute; right:10px; bottom:6px;}
.nav_button {margin-left:5px;}
#play {display:none;}
#copyright {font-size:0.6em; left:10px; bottom:10px; position:absolute; color:rgba(255,255,255,0.5);}
#mailto {font-weight:bold;}