/*
Theme Name: Danna
Theme URI: http://kenntam.com
Description: A custom theme by pnts, specially tailored for the boy.
Version: 0.9
Author: Andrea Mignolo
Author URI: http://pntsu.com
*/

a, a:active { outline: none;}

body { background: #000; margin: 0; padding: 0; }
h1 { position: absolute; top: 15; right: 0; text-indent: -9999px; width:250px; height: 75px; }
h1 a { position: relative; display: block; background: url('assets/images/kenntam.png') no-repeat; width: 250px; height: 55px; z-index: 30;}

html, body, #image { overflow: hidden; height: 100%; width: 100%; background: #000; }
#image { position: fixed; z-index: 10; }

.content { position: absolute; top: 30px; left: 350px; margin: 0 auto; z-index: 30; width: 500px; 
background: #FFF; opacity:0.5; filter:alpha(opacity=50); padding: 25px; }

#galleries { position: absolute; bottom: 15px; left: 0; z-index: 30; font-family: arial, helvetica, verdana, sans-serif; text-transform: uppercase;
font-size: 11px; }
#galleries ul#gallerylist { list-style-type: none; background: url('assets/images/bg.png') top left repeat; padding: 0;  }
#galleries ul#gallerylist a { color: #FFF; text-decoration: none; }
#galleries ul#gallerylist li { padding: 13px 25px 13px 82px; border-bottom: 1px dotted #222; color: #999; cursor: pointer;  }
#galleries ul#gallerylist li.gallery:hover, #galleries ul#gallerylist li.gallery.active { color: #CCC; background: #111;}
#galleries ul#gallerylist li.gallery.active { color: #CCC; background: #000;}


#galleries ul#gallerylist .galleryone ul.thumbnails { position: absolute; left: 127px; top: 11px; width: 800px;  }
#galleries ul#gallerylist .gallerytwo ul.thumbnails { position: absolute; left: 127px;  top: 50px; width: 800px;  }
#galleries ul#gallerylist .gallerythree ul.thumbnails { position: absolute; left: 127px;  top: 89px; width: 800px; }
#galleries ul#gallerylist ul.thumbnails li { position: static; float: left; display: inline;  padding: 0 5px; border-bottom: none;}
#galleries ul#gallerylist ul.thumbnails img { padding: 0; border: 1px solid #000; }
#galleries ul#gallerylist ul.thumbnails img:hover, #galleries ul#gallerylist ul.thumbnails img.active { border: 1px solid #999;}

.hidden { display: none; }

#resize { position: absolute; z-index: 30; bottom: 5px; right: 10px; color: #fff; font-family: monospace; 
  opacity:0.5; filter:alpha(opacity=50); font-size: 10px; letter-spacing: 1px;}
  
#preloader { position: absolute; left: -9999px; top: -9999px; }
#preloader img { display: block; }

#information { position: absolute; right: 10px; top: 80px; z-index: 30; }
#information a { display: block; float: left; display: inline; }
#information span { color: #FFF; font-size: 11px; font-family: monospace; letter-spacing: 1px; opacity:0.5; filter:alpha(opacity=50); }

.content { font-family: Helvetica, Arial, sans-serif; }
.content input, .content textarea { border: 1px dotted #000; padding: 6px 3px; width: 98%; }

.content.contact, .content.about, .content.information { display: none; }
.content.contact p { font-size: 11px; text-transform: uppercase; }
.content.contact p.submit input { width: auto; padding: 6px 24px;}
.content.contact .wpcf7-response-output { font-size: 12px; margin: 0 !important; padding: 10px !important; }
.content span.close { float: right; display: inline; display: block; cursor: pointer; }

.content.about p, .content.information p { font-size: 12px; line-height: 20px; }
.alignleft { float: left; margin-right: 15px; }
.alignright { float: right; margin-left: 15px; }

#information a { display: block; float: right; clear: right; }
a.information { text-indent: -9999px; width: 60px; height: 27px; background: url('assets/images/info.png') no-repeat; margin-top: 12px; }
a.contact { text-indent: -9999px; width: 60px; height: 27px; background: url('assets/images/contact.png') no-repeat; margin-top: 5px; }
a.about { text-indent: -9999px; width: 60px; height: 27px; background: url('assets/images/about.png') no-repeat; margin-top: 10px; } 
a.pntsu { text-indent: -9999px; width: 60px; height: 27px; background: url('assets/images/pntsu.png') no-repeat; margin-top: 11px; }
a.tumblr { text-indent: -9999px; width: 60px; height: 27px; background: url('assets/images/tumblr.png') no-repeat; margin-top: 13px; }
a.exhibits { text-indent: -9999px; width: 60px; height: 27px; background: url('assets/images/exhibits.png') no-repeat; margin-top: 10px; }
a.blog { text-indent: -9999px; width: 60px; height: 27px; background: url('assets/images/blog.png') no-repeat; margin-top: 10px; }

a img { border: none; }