/*
Theme Name: Toolbox
Theme URI: http://wordpress.org/extend/themes/toolbox
Author: Automattic
Author URI: http://automattic.com/
Description: A semantic, HTML5, canvas for CSS artists and an ultra-minimal set of super-clean templates for your own WordPress theme development.
Version: 1.4
License: GNU General Public License
License URI: license.txt
Tags: custom-menu, sticky-post, microformats, rtl-language-support, translation-ready, full-width-template, post-formats

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

@import url(./reset.css);
@import url(http://fonts.googleapis.com/css?family=Karla);

img {
  display: block;
  z-index: 99;
  position: relative;
  -webkit-transform: translate3d(0, 0, 0);
}
body {
  text-align: center;
  font-family: 'Karla', sans-serif;
  font-size: 16px; line-height: 20px;
  -webkit-text-size-adjust:100%;
}
#scrim {
  display: none;
  width: 100%; height: 100%;
  background: rgba(255,255,255,0.9);
  position: fixed;
  z-index: 999;
  -webkit-transform: translate3d(0, 0, 0);
}
#imagescrim {
  display: none;
  width: 100%; height: 100%;
  background: #fff;
  position: fixed; top: 0; left: 0;
  z-index: 999;
  -webkit-transform: translate3d(0, 0, 0);
}
#imageblock{
  display: none;
  position: absolute;
  top: 0; width: 100%;
  z-index: 9999;
}
a {
  color: #000;
  text-decoration: none;
}
a:hover {
  color: #666;
}
h1, h2, h3, h4, h5, h6 {
  font-size: inherit; display: inline-block;
}
#site-title { 
  margin: 70px auto; position: relative; z-index: 9;
}
.gold {
  color: #E3AC32;
}
.gold a {
  color: #E3AC32;
}
.gold a:hover {
  text-decoration: underline;
}
#bio {
    display: none;
    position: absolute; clear: both;
    z-index: 9999;
    width: 480px; 
    margin-top: 10px; left: 50%; margin-left: -240px;
}
#bio p {
  margin-bottom: 20px;
}
nav#primary {
  position: absolute; z-index: 9;
  top: 430px; width: 200px; left: 50%; margin-left: -100px;
  text-align: center;
}
nav#secondary {
  display: none;
  position: absolute; z-index: 9999;
  top: 430px; width: 200px; left: 50%; margin-left: -100px;
}
nav#secondary ul {
  margin-top: 80px;
}
.primary {
  position: relative;
  z-index: 99;
}
article.type-post {
  width: 250px;
  display: inline-block; vertical-align: top;
  margin: 0 80px 160px 80px; padding: 0;
}
article.type-post img {
  display: none; margin: 0 auto;
}
body.single article.type-post {
  width: 750px;
}

body.single nav#primary {
  display: none;
}

body.single article h2, #imageblock h2 {
  margin-top: 40px;
}

.caption {
  display: none; margin-bottom: 40px;
}

#imageblock .block-title {
  margin: 70px auto;
}
#imageblock img {
  margin: 0 auto;
}
#imageblock .caption {
  display: block;
}
i.close {
  display: block;
  width: 15px; height: 0; padding-top: 16px;
  overflow: hidden;
  background: url(img/close.png);
  margin: 40px auto; cursor: pointer;
}

img {
  max-width: 100%; height: auto;
}