@import url("reset.css");

/*
Theme Name: davidstorm
Theme URI: http://chriskalani.com
Description: David Storm
Version: 1.0
Author: Chris Kalani
*/

body, html, #main { height: 100%; }

body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; background: #fff; }
a { text-decoration: underline; color: #666; }
a:hover { color: #999; }


/* SIDE + NAV + HEADER LOGO TEXT */

#side { top: 0; left: 0; width: 185px; height: 100%; position: fixed; padding: 20px 20px 0 20px; border-left: 7px solid #ddacef; text-shadow: 1px 1px #ececec; }
#side h1 { font-size: 50px; line-height: 45px; text-transform: uppercase; margin: 0 0 8px 0; word-wrap: break-word; }
#side h1 a { color: #ab6dc3; text-decoration: none; text-shadow: 1px 1px #c5c5c5; }
#side h1 a:hover { color: #333; }
#side p { color: #666; font-size: 12px; line-height: 18px; margin: 0 0 10px 0; padding: 8px 0 0 0; border-top: 1px dotted #ccc; }
#side h3 { margin: 0 0 5px 0; color: #666; font-weight: normal; text-transform: uppercase; font-size: 11px; }
#side ul#pages { padding: 10px 0 8px 0; border-bottom: 1px dotted #ccc; border-top: 1px dotted #ccc; }
#side ul { margin: 0 0 15px 0; }
#side ul li { line-height: 16px; margin: 0 0 5px 0; }
#side ul li a { text-decoration: none; color: #333; font-size: 14px; font-weight: bold; }
#side ul li a:hover { color: #666; }
#side ul#categories li a { color: #666; }
#side ul#categories li a:hover { color: #333; }
p#credit { position: fixed; bottom: 10px; right: 20px; border: none; font-size: 11px; color: #999; }

/* CONTENT */

#content { width: 600px; position: relative; padding: 20px; top: 0; left: 240px; color: #666; }
#content h2 { font-size: 25px; color: #111; font-weight: bold; margin: 0 0 15px 0; }
#content h2 a { color: #111; text-decoration: none; }
#content p { font-size: 13px; line-height: 20px; margin: 0 0 15px 0; }
#content .post { float: left; width: 600px; margin: 0 0 20px 0; padding: 0 0 20px 0; border-bottom: 1px dotted #ccc; }