* { margin: 0; padding: 0; }
html { overflow-y: scroll; }
body, html { height: 100%; }
body { margin: 0; padding: 0; background: #444 url(images/noise.png); color: #ddd; font: 14px Helvetica Neue, Helvetica, Verdana; }
img { border: 0; }
a:link, a:visited { color: #fff; text-decoration: none; }
a:hover { color: #fff; }

#wrapper { margin: 0 auto -100px auto; width: 800px; position: relative; background-color: #555; min-height: 100%; border-left: 4px solid #333; border-right: 4px solid #333; }

h1 { font-size: 23px; font-weight: normal; color: #ddd; }
h2 { font-size: 16px; font-weight: normal; }

#header { position: relative; background-color: #888; color: #eee; padding: 10px 20px; border-bottom: 3px solid #666; }
#search-container { position: absolute; right: 20px; top: 20px; }

#thumbnail-container { padding: 30px 0 30px 29px; }

.photos { float: left; border: 1px solid #666; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 4px; margin: 0 16px 0 0px; }
.collection { height: 140px; clear: both; width: 400px; }
.collection h2 { }
.meta-header, .description { font-size: 12px; }

.slides { list-style: none; }
.thumbnail { float: left; height: 150px; }
.thumbnail p { font-size: 12px; padding-left: 6px; height: 25px; }

#big-picture-container { position: relative; padding: 0 30px; }
#nav-link-img-prev { position: absolute; left: 30px; top: 21px; }
#nav-link-img-next { position: absolute; right: 30px; top: 21px; text-align: right; }
#nav-link-img-prev a, #nav-link-img-next a { font-size: 12px; display: block; width: 100px; height: 30px; color: #ddd; }
.date { font-size: 12px; text-transform: uppercase; text-align: center; margin: 0 0 20px 0; }
#picture-holder { width: 720px; margin: 0 auto 10px auto; text-align: center; }
#picture-holder img { border: 10px solid #333; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
#exif_toggle { width: 500px; margin: 0 auto 0 auto; text-align: center; }
#exif_data { width: 520px; background-color: #333; border: 10px solid #333; -moz-border-radius: 10px; -webkit-border-radius: 10px; margin: 10px auto 0 auto; padding-top: 10px; }

#comment-section { margin: 20px 0; }
.comment-heading { font: 19px Helvetica; margin-top: 20px; }
.comments li { margin: 20px 0 20px 20px; }
.comments cite { font-size: 12px; }
#comment-section input, #comment-section textarea { background-color: #444; color: #fff; border: 2px solid #333; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 2px 3px; margin: 5px 2px; }
#comment-section label { font-size: 14px; }
#comment-section .submit { border-color: #666 #333 #333 #666; }
#comment-section .submit:active { border-color: #333 #666 #666 #333; }
#comment { width: 350px; }
#email { margin-bottom: 15px; }

#push { clear: both; height: 100px; }
#footer { position: relative; margin: 0 auto; width: 760px; height: 100px; padding: 0 20px; background: #4b4b4b; }
#pagination { position: absolute; bottom: 60px; }
#navigation-container { position: absolute; bottom: 20px; }
#sort-control { position: absolute; right: 20px; bottom: 20px; }
#sort-control form { float: left; margin-left: 10px; }