/* Main
======================================= */
body, html, p, ul, ol, li, dl, dd, dt, h1, h2, h3, h4, h5, h6, form, fieldset, td, th, caption, address, textarea, legend {margin: 0; padding: 0;}
a img, fieldset {border: 0;}
body {font: 14px Arial, Helvetica, sans-serif; line-height: 1.2; color: #3b3b3b; background: #fff;}
a {color: #000; -moz-transition-property: color; -moz-transition-duration: .2s; -webkit-transition-property: color; -webkit-transition-duration: .2s; -o-transition-property: color; -o-transition-duration: .2s; transition-property: color; transition-duration: .2s;}
a:hover {color: #b01212;}

.left {float: left;}
.right {float: right;}
.both {clear: both;}
.hide, .more-link {display: none;}
#_wp_unfiltered_html_comment {display: none;}

.container:after, .inner:after, .search div:after, .notes div:after, .comments-block li div:after, .works:after {content: ''; display: block; clear: both; visibility: hidden; height: 0; line-height: 0; font-size: 0;}
.container {padding: 0 0 40px; position: relative;}
.inner {width: 950px; padding: 0 20px; margin: 0 auto; position: relative;}
.preload {position: absolute; left: -2000px; top: -2000px;}
.header, .portfolio, .footer {min-width: 996px;} 


/* Header
======================================= */
.header {position: relative; clear: both; border-top: 3px solid #ded3ac; background: #282828; padding: 30px 0 16px;}
.logo {float: left; color: #fff; font-weight: normal; height: 45px; width: 425px; overflow: hidden;}
.logo a {color: #fff; text-decoration: none;}
.nav {float: right; list-style: none; padding: 32px 25px 0 0;}
.nav li {float: left; padding: 0 0 0 28px;}
.nav a {color: #ded3ac; position: relative; float: left; display: block; height: 25px; overflow: hidden;}
.nav img {display: block; position: absolute; top: -45px;}
.nav a:hover img {top: -70px;}


/* Content
======================================= */
.content {float: left; width: 630px; padding: 45px 0 0;}
.content h1 {padding: 0 0 10px; font: 30px/1 Arial, sans-serif; color: #000;}
.content h1 strong {font-style: normal; font-weight: normal; margin: 0 0 0 4px;}

.notes div {border-bottom: 1px solid #ece9d8; padding: 0 0 25px; margin: 0 0 25px;}
.notes h3 {font-size: 24px; font-weight: normal; font-family: Helvetica, Arial, sans-serif; padding: 0 0 2px;}
.notes h3 a {text-decoration: none; color: #3b3b3b;}
.notes h3 a:hover {color: #b01212;}
.notes div div {line-height: 1.4; padding: 0 0 6px; border: 0; margin: 0;}
.notes a {color: #b01212;}
.notes a:hover {color: #f00;}
.notes p {line-height: 1.4; padding: 0 0 18px;}
.notes ol, .notes ul {margin: 0 40px 15px;}
.notes li {padding: 0 0 5px;}
.notes h4 {font-weight: normal; font-size: 18px; font-family: Helvetica, Arial, sans-serif; padding: 0 0 3px;}
.date {font-size: 12px; color: #676767; font-style: italic; font-family: Georgia, serif;}
.notes a.comments {display: block; color: #333; float: right; width: 90px; height: 68px; margin: 0 0 0 20px; padding: 3px 0 0; background: url(i/sprite.png) no-repeat -103px -45px #f7f3df; text-decoration: none; text-align: center; font-size: 14px; font-style: italic; font-family: Georgia, serif;}
.notes a.comments:hover {color: #b01212;}
.notes a.comments strong {display: block; font-size: 24px; font-weight: normal;}
.notes dt {font-size: 18px; font-family: Helvetica, Arial, sans-serif; padding: 0 0 3px;}
.notes dd {line-height: 1.4; padding: 0 0 18px 20px;}
.notes dd ul {margin: 0 15px;}
.notes dd ol {margin: 0 20px;}

.pages li {display: inline; list-style: none; font: 20px Tahoma, Verdana, sans-serif; margin: 0 18px 0 0;}
.pages li.sel a {text-decoration: none; color: #b01212;}
.pages a {color: #282828;}
.pages a:hover {color: #b01212;}

ol.code {margin: 0 20px 0 30px; padding: 5px 0 15px; font-size: 12px;}
ol.code li {background: #f5f4eb; margin: 0 0 2px; padding: 3px 5px;}
ol.code li.tab {padding-left: 25px;}




/* Comments
======================================= */
.comments-block {padding: 35px 0 50px;}
.comments-block h4 {font-size: 24px; font-style: italic; font-weight: normal; font-family: Georgia, serif; padding: 0 0 20px;}
.comments-block li {list-style: none; margin: 0 0 30px; padding: 25px 30px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px;}
.avatar {float: right; margin: 0 0 0 25px; display: block; width: 70px; height: 70px;}
.user a, .user {color: #b01212; font: 18px Helvetica, Arial, sans-serif; text-decoration: none;}
.user a:hover {color: #000;}
.comments-block li p {font-size: 14px; color: #333; line-height: 1.3; padding: 4px 0 11px; font-family: Tahoma, Verdana, sans-serif;}
.comments-block li span {font-size: 11px; color: #999; font-style: italic; font-family: Georgia, serif;}
.comments-block li {background: #ece9d8;}
.comments-block li.grey {background: #f1f1f1;}

.comments-block form {background: #4d4b4b; padding: 20px 30px 25px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px;}
.comments-block form h4 {color: #fff; padding: 0 0 15px;}
.comments-block form input {display: block; width: 80%; padding: 6px; margin: 0 0 15px; border: 0; color: #333; font: 16px Arial, Helvetica, sans-serif; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.comments-block form textarea {display: block; width: 98%; padding: 4px; height: 150px; margin: 0 0 15px; border: 0; color: #333; font: 14px Arial, Helvetica, sans-serif; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.comments-block form input.button {display: inline; width: auto; padding: 5px 15px; cursor: pointer;}




/* Sidebar
======================================= */
.sidebar {float: right; width: 280px;}

.search {background: #282828; margin: 0 0 52px; padding: 14px 20px; -moz-border-radius: 0 0 15px 15px; -webkit-border-radius: 0 0 15px 15px; border-radius: 0 0 15px 15px;}
.search-field {border: 0; outline: none; color: #000; border-left: 1px solid #d4d4d4; border-top: 1px solid #d4d4d4; border-bottom: 1px solid #7e7e7e; -moz-border-radius: 5px 0 0 5px ; -webkit-border-radius: 5px 0 0 5px ; border-radius: 5px 0 0 5px ; height: 32px; padding: 0 0 0 3px; margin: 0; width: 190px; float: left; font: 18px Arial, Helvetica, sans-serif;}

.rss {display: block; width: 122px; height: 128px; overflow: hidden; margin: 0 auto 23px; text-align: center; color: #ea860f; position: relative;}
.rss img {display: block; position: relative; left: -228px; top: -45px;}

.tags {background: #ece9d8; margin: 0 0 50px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; padding: 25px 35px;}
.tags li {display: inline; line-height: 34px; margin: 0 8px 0 0; list-style: none;}
.tags a {text-decoration: none; color: #000;}
.tags a:hover {color: #b01212;}
.large {font-size: 26px;}
.big {font-size: 20px;}
.medium {font-size: 16px;}
.small {font-size: 12px;}



/* Footer
======================================= */
.footer {position: relative; clear: both; border-top: 3px solid #ded3ac; background: #282828; padding: 33px 0 38px;}
.footer address {color: #ccc; font-style: normal; float: left;}
.footer address a {color: #ccc; text-decoration: none;}
.footer ul {float: right; list-style: none; padding: 0 25px 0 0;}
.footer li {float: left; padding: 0 0 0 20px;}
.footer li a {color: #ded3ac;}
.footer li a:hover, .footer li a.sel, .footer address a:hover {color: #fff;}



/* IE Styles
======================================= */
.container, .inner, .search div, .notes div, .tags, .tags div, .tags ul, .comments-block li div, .comments-block li, .works, .header li a {//zoom: 1;}
.header, .portfolio, .footer {_width:expression((document.documentElement.clientWidth || document.body.clientWidth) < 996 ? "996px" : "auto");}
*html .search-field {margin: 0 -3px 0 0; width: 193px;}
pre, code {//display: block; //width: 580px;}
.sidebar {//margin: -18px 0 0;}
.comments-block form input.button {//overflow: visible;}
.header li a:hover {//border: 0;}
img {//behavior: expression( runtimeStyle.scrollbarFaceColor = '#fff', (alt&&!title) ? title = '' : '' );}
.tools, .tools div {//zoom: 1;}