@import url("reset.css"); 

/*
Theme Name: Chris Kalani 2009
Theme URI: http://chriskalani.com
Description: The new chris kalani dot poop
Version: 9.0
Author: Chris Kalani
*/

body { background: #0e0e0e url(img/bg.png) repeat-y scroll 0 0; font-family: "Helvetica Neue", Helvetica, arial, sans-serif; color: #ccc; }
#wrap { width: 900px; margin-left: 180px; _margin-left: 0; _padding-left: 25px; _float: left; }
a { text-decoration: none; color: #fff; }

/* HEADER */

#header { float: left; width: 730px; padding: 20px 0 0 0; }
#header h1 a { font-size: 72px; font-weight: bold; color: #ff0060; text-transform: uppercase; }
#header h1 a:hover { color: #fff; }
#header h2 { font-size: 22px; line-height: 32px; font-weight: bold; color: #fff; text-transform: uppercase; margin: 5px 0 25px 0; }
.single #header h1 a { color: #fff; }
.single #header h1 a:hover { color: #bdbdbd; }
.single #header h2 { color: #666; }

/* SIDEBAR */

#side { float: left; width: 155px; position: fixed; _position: static; }
#side h5 { display: block; width: 135px; height: 100px; text-align: right; font-size: 150px; color: #00f0ff; padding: 10px 0 0 0; _overflow: hidden; }
#side h5 a { color: #00f0ff; }
#side h5 a:hover { color: #fff; }
#side ul li a { display: block; width: 135px; font-size: 20px; line-height: 28px; text-transform: uppercase; text-align: right; padding: 0 7px 0 0; }
#side ul li a:hover { background: #000; }
#side ul li.selected a, #side ul li.selected a:hover { background: #ff0060; }

/* CONTENT */

#content { float: left; width: 610px; padding: 0 30px 40px 0; }
#content.extra { padding-top: 28px; }
#content p { clear: both; font-size: 14px; line-height: 20px; margin-bottom: 15px; }
#content p a { color: #00F0FF; }
#content p a:hover { color: #fff; }
#content img { border: 5px solid #000; }
#content .post { float: left; width: 610px; margin-bottom: 40px; }
#content .post h3, #content .post h5 { float: left; font-size: 30px; line-height: 34px; text-transform: uppercase; font-weight: bold; padding: 0; }
#content .post h5 { float: none; clear: both; color: #666; font-size: 20px; padding: 0 0 20px 0; }
#content .post h5 a { color: #666; }
#content .post h5 a:hover { color: #bdbdbd; }
#content input.search { font-size: 20px; margin-left: 5px; width: 350px; }
#content input { font-size: 22px; margin-left: 5px; }
#content .col { float: left; width: 305px; }
#content h5 { font-size: 20px; color: #fff; padding: 0 0 15px 0; }

/* FOOTER */

#content p.comments { padding-top: 20px; color: #333; font-style: italic; }
#content p.comments a { color: #666; }
#content p.comments a:hover { color: #ccc; }

/* THINGS */

#content img.thumb { float: left; margin: 0 10px 10px 0; border: none; }
.clear { clear: both; }