/*
Theme Name: Curtis Miller
Theme URI: http://www.curtismiller.com
Description: Custom theme for curtismiller.com. (Modified from the Starkers theme by Elliot Jay Stocks with the 960 framework)
Version: 1
Author: Austin Kleon
Author URI: http://www.austinkleon.com
Tags: starkers, naked, clean, basic
*/

@import "960.css";

/* layout */

#container { 
  margin-top: 2em !important; 
  margin-bottom: 2em !important; 

  }

#header { 
  border-bottom: 1px solid #ccc;
  padding: 1em 0 1em 0; 
  }

#header ul {
  margin: 1em 0;
  }

#header ul li { 
  float: left;
  margin-right: 2em;
    }
          
#content {
  background-color: white;
  padding-top: 1em !important;
  padding-bottom: 1em !important;
  }

.post { 
  margin: 0 0 4em;
  padding: 0;
   }

#comments_field { 
/* background-color: #f5f5f5; 
padding: 1em;*/
  }

#comments_field ol li {
padding: 1em;
margin: 1em 0; 
background-color: #f0f0f0;
}

#comments_field ol li.alt { 
background-color: #f0f0f0;
}

#comments_field h3 { 
margin-bottom: 1em; 
}


.work {
 text-align: center;
 margin-top: 1.5em;
 margin-bottom: 1.5em;
   }

.work img {
  padding: 5px;
  }

.work a img {
  border: 1px solid #ccc;
  }

.work a:hover img {
  border: 1px solid black;
  }

#sidebar {
  padding: 2em 0;
  background-color: white;
  }

#sidebar li { 
   margin: 1.5em 0;
    }

#sidebar li li { margin: 0; }

#footer { border-top: 1px solid #ccc;
          padding: 2em 0; }


/* TYPOGRAPHY */

body { 
  font-size: 66%;
  }

.navigation {
  font-size: 1.2em;
  margin: 0em 10px;
  padding: 2em 0;
  clear: both;
  }

.nav_right {
  text-align: right;
  }

#header h1 { font-size: 3em; }

#header {
  text-transform: uppercase;
  letter-spacing: .3em;
  }

#header p {
  color: grey; 
  }

#header ul {
  
  font-size: 1.2em;
  }

#header ul a {
 color: black;

  }

#header ul a:hover {
  text-decoration: underline;
  color: black;  
}

#footer {
 text-transform: uppercase;
  }

#content h1, #content h2 { 
 font-size: 2em; 
  }

#content {
font-size: 1.2em; }

p { margin: 1em 0; }

h1 a, h2 a, h3 a { 
  color: black;
  }

h1 a:hover, h2 a:hover, h3 a:hover { 
  color: #666633;
  }

h2 { 
 font-size: 1.5em; 
  }

.post h2 a { /*
  border-bottom: 1px solid #ccc;
 */ }

.metadata { 
  color: #666;
  margin: 0 0 1em 0;  
  }

a { 
  text-decoration: none; 
  color: #666633;
  }

a:hover {
  color: black;
  }



h1, h2, h3, h5, h5, h6 {
 font-weight: normal;

 }

hr { 
  display: none;
  }

body { font-family: "Lucida Grande",  "Lucida Sans Unicode", Verdana,  Arial,  Helvetica,  sans-serif; }