/*
Theme Name: I ♥ Code
Theme URI: http://iheartcode.net/
Description: This is the kick ass simple and clean theme for iheartcode.net, only to be used for iheartcode.net
Version: 1.0
Author: Derek S. Moore
Author URI: http://iheartcode.net/
*/

body{margin: 0; padding: 0; font:62.5%  'Helvetica Neue', Helvetica, Arial; background: url(images/bg.gif) no-repeat bottom right fixed;}
#wrapper, #header-content{margin: 0 auto; padding: 0; width: 930px;}
#header{margin: -10px auto 0; background: url(images/hearts-pattern.gif) repeat-x;}
#logo{margin: 0; padding: 0; background: url(images/logo.png) no-repeat; width: 318px; height: 122px; }
.description{margin: -49px 0 0 150px; padding: 0; background: url(images/description.png) no-repeat; width: 119px; height: 14px; position: absolute;}
#search{margin: -62px 0 0 0; padding: 0; width: 190px; background: url(images/search-icon.gif) no-repeat 12px 4px;}
#search input{width: 160px; outline: none; float: right;}
a:link, a:visited{color: #cc66cc; text-decoration: none;}
a:hover{text-decoration: underline;}

/*---------- Navigation ----------*/
#nav{margin: 0 0 0 -3px; padding: 0; }
#nav li{margin: 0 3px; padding: 0; list-style: none; float: left;}
#nav li a{padding-top: 9px; color: #fff; background: url(images/nav-bg.gif) no-repeat 0 0; width: 90px; height: 24px; display: block; text-align: center; font-size: 1.3em;}
#nav li a:hover, #nav li a.here{background-position: 0 -33px; text-decoration: none;}

/*---------- Blog ----------*/
#page{margin: 0; padding: 10px 20px; width: 530px; font-size: 1.2em; line-height: 1.6em; float: left}
.post, .post-page{margin: 0 0 0 -17px; padding: 20px 20px; background: url(images/page-top.gif) no-repeat; width: 620px; float: left;}
.post h2 a{ margin: -12px 0 10px 5px !important; float: left; color: #222;}
.entry{ padding-top: 2px; }
.post-page{margin-left: -17px;}
.post-page h2 a { margin: -12px 0 0 0; font-size: 1.8em; color: #333; font-weight: normal;}
.post-page h2{ margin: -2px 0 0 0; font-size: 1.8em; color: #333; font-weight: normal;}
.error{text-align: center; padding-top: 90px;}
.error a{color: #fff; background: #cc66cc; text-decoration: none; padding: 15px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }
.error a:hover{background: #666;}
.date{ margin: 0; padding: 0; width: 40px; float: left;}
.year{ margin: 0; padding: 0; text-align: center; font-size: .7em !important; color: #fff; text-transform: uppercase; width: 40px; background: url(images/year.gif) no-repeat 0 2px; height: 15px; }
.month{ margin: -1px 0; padding: 0; text-align: center; font-size: 1.2em !important; color: #aaa; text-transform: lowercase;}
.day{ margin: -4px 0; padding: 0; text-align: center; font-size: 1.7em !important; color: #aaa; display: block;}
.categories{ margin: 0; padding: 0 0 0 15px !important; font-weight: bold; background: url(images/categories.gif) no-repeat 0 3px;  }
.author{ margin: 0; padding: 0 0 0 15px !important; font-weight: bold; background: url(images/author.gif) no-repeat 0 2px;  }
.comments{ margin: 0; padding: 0 0 0 17px !important; font-weight: bold; background: url(images/comments.gif) no-repeat 0 4px;  }
.post-info{ margin: 22px 0 7px 42px; padding: 0; list-style: none; float: left; font-size: .8em; position: absolute;}
.post-info li{ margin: 0 4px; padding: 0; float: left; }

/*---------- Sidebar ----------*/
#sidebar{ margin: 16px 0 0 0; padding: 0; width: 250px; float: right;}
#sidebar ul { margin: 0; padding: 0; list-style: none;}
#sidebar ul h2{ margin: 0; padding: 0; color: #555; }
#sidebar ul li{margin: 3px 0;}
#sidebar ul li a, .post h2 a{ margin: 0; padding: 2px; text-decoration: none; }
#sidebar ul li a:hover, .post h2 a:hover{ margin: 0; padding: 2px; background: #67CFEA; color: #fff; text-decoration: none; }
#archives, #recent-posts, #tag_cloud, #categories-214584591{ margin: 5px 0; padding: 3px 7px 7px; }

/*---------- Footer ----------*/
#footer{margin: 0 auto; padding: 0; background: url(images/footer-bg.gif) no-repeat; width: 620px; height: 61px;}
#footer p{margin: 0 auto; padding-top: 20px; width: 350px; text-align: center; font-size: .9em;}

/*---------- Common Classes ----------*/
.hide{display: block; text-indent: -9999px;}
.left{float: left;}
.right{float: right;}
.clear{clear: both;}

/* As we go day by day on this Quest for Americana, we must remember to never do nothing. */