/*
Theme Name: Horizontally Delicious
Theme URI: http://bryanjswift.com
Description: My first wordpress theme, which has turned out to display quite horizontally. Inspired by DePo Clean and DePo Skinny created by <a href="http://powazek.com/">Derek Powazek</a>. Utilizes colors from the <a href="http://kuler.adobe.com/index.cfm#themeID/22361">Neutral Blue</a> color palette by matthepworth.
Author: Bryan J Swift
Author URI: http://bryanjswift.com
Version: 1.0

Copyright (C) 2009  Bryan J Swift
*/

/* Styles Reset and General Fonts */
* { margin: 0; padding: 0; border: 0; }
body { background: #fff; font-size: 16px; font-family: Palatino, Tahoma, Verdana, Arial, sans-serif; line-height: 1.3; color: #193441; }
h1, h2, h3, h4, h5 { margin: 0.25em 0; font-family: Georgia, "Times New Roman", Times, serif; clear: both; }
ol, ul, li { list-style: none; }
/* General Font Sizing and Element Styles */
h1 { font-size: 2em; }
h2 { font-size: 1.5em; }
h3, h4 { font-size: 1.3em; }
h5 { font-size: 1.1em; }
h6 { font-size: 1em; }
a { color: #3E606F; text-decoration: none; }
a:hover { text-decoration: underline; }
p { display: inline-block; margin: 0.5em 0; }
p:after { content: '.'; display: block; height: 0px; visibility: hidden; overflow: hidden; clear: both; }
* html p { height: 1%; }
p { display: block; }
sup { line-height: 0; }
code { font-size: 0.9em; font-family: Courier, serif; }
blockquote { padding: 0.5em; margin: 0 0.35em; position: relative; background: #eee url(img/quote.png) 9px 5px no-repeat; text-indent: 36px; }
* html blockquote { background-image: none; text-indent: 0px; }
blockquote p:first-line { font-variant: small-caps; }
pre { font-family: Courier, serif; font-size: 0.9em; margin: 0 0.5em; }
input, textarea { padding: 0.2em; border: 1px solid #193441; }
button { border: 1px solid #ddd; background: #fff; cursor: pointer; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } 
/* Main Layout Pieces */
div.wrap { padding: 0 3.5%; }
#header { padding-top: 1em; border-bottom: 3px solid #D1DBBD; }
#body { clear: left; }
.posts { padding: 0; }
.sidebar { padding: 1em 3.5% 0; color: #193441; border-top: 3px solid #D1DBBD; }
#footer { clear: both; padding: 0.7em 0 0.5em; font-size: 0.7em; text-align: center; }
#footer p { margin: 0; }
#footer a { color: #193441; }
/* Wordpress Generated Classes */
.alignleft { float: left; padding: 0.5em 0.5em 0.5em 0; }
.aligncenter { display: block; margin: auto; padding: 0.5em 0; }
.alignright { float: right; padding: 0.5em 0 0.5em 0.5em; }
.clear { clear: both; }
.fwnormal { font-weight: normal; }
/* Header Styles */
#header .title { float: left; margin: 0; padding: 0 1em 0 0; }
#header .title a { color: #193441; }
#header .description { float: left; padding: 0.5em 0; margin: 0; font-size: 1.2em; color: #193441; line-height: 1em; }
/* Nav Styles */
#nav { clear: left; position: relative; padding: 0.5em 0 0; }
* html #nav { padding: 0; }
#nav .parent { float: left; padding: 0 0.5em 0 0.5em; border: solid #fff; border-width: 1px 0 0; cursor: default; }
#nav .parent:hover, #nav .hovered { border-color: #D1DBBD; }
#nav .parent:active, #nav .active { border-color: #3E606F; }
#nav .parent a, #nav .parent span { display: block; }
#nav .child { position: absolute; left: -15000px; z-index: 5; border: 1px solid #D1DBBD; padding: 0 0.5em; width: 10em; line-height: 1.6; background: #fff; box-shadow: 5px 5px 15px #9c9977; -moz-box-shadow: 5px 5px 15px #9c9977; -webkit-box-shadow: 5px 5px 15px #9c9977; }
html > body #nav .child { min-width: 10em; width: auto; }
#nav .parent:hover .child, #nav .hovered .child { left: auto; }
#nav .child li { padding: 0; border-bottom: 1px solid #CCC; }
#nav .child li:last-child, #nav .child li.last-child { border-bottom-width: 0; }
#nav .child a, #nav .child span { display: inline; }
#nav .child ul { padding-left: 0.5em; }
#nav .child ul li { border-bottom-width: 0; }
/* Body Styles */
#body .navigation { clear: left; }
#body .navigation:first-child { display: none; }
/* Common Post Content Styles */
.navigation { min-height: 1em; }
.post, .fourOhFour { padding: 7px 0 7px 0; }
.post .title { padding-bottom: 5px; border-bottom: 3px solid #193441; font-size: 1.5em; }
.post .meta { float: right; margin-top: 5px; padding-left: 10px; border-left: 1px dotted #193441; width: 25%; }
.post .content { float: left; width: 70%; }
.post .content a { color: #9c9977; }
.post ol { list-style: decimal outside; }
html > body .post ol { list-style-type: decimal-leading-zero; }
.post ol li { list-style: decimal outside; margin: 0 0 0 30px; }
html > body .post ol li { list-style-type: decimal-leading-zero; }
.post ul { list-style: square outside; padding: 0 0 0 15px; }
.post ul li { list-style: square outside; }
.post .footnotes, .post .footnotes li { list-style-type: decimal; font-size: 0.85em; font-style: italic; }
/* Single Post Content Styles */
.singlePost .post .feedback { clear: left; float: none; width: 70%; }
.feedback a { color: #3E606F; }
.feedback .author { background: #FCFFF5; }
.feedback .avatar {  }
ol#commentlist { list-style-position: inside; }
ol#commentlist li { padding: 5px; margin: 0; list-style-position: inside; }
.comment p { margin-bottom: 0; }
/* Single Page Content Styles */
.page .title { padding: 0; margin: 0 0 0.3em; }
/* Comment Styles */
#commentform .text { width: 60%; }
#commentform .text input { width: 60%; }
#commentform label { float: right; }
#commentform textarea { width: 100%; }
#commentform .submit input { padding: 0.2em; }
/* Sidebar Styles */
.sidebar .widgets li { float: left; padding-left: 1em; clear: left; }
.sidebar .widgets li:first-child { padding-left: 0; }
.sidebar .widgets .widget { padding-left: 0; padding: 0.15em 0; width: 100%; }
.sidebar .widgets ul li { clear: none; width: auto; }
.sidebar .widgets .title { margin: 0; padding-right: 1em; font-size: 1em; float: left; }
/* Four Oh Four Styles */
.fourOhFour .header { padding: 0 0 0.5em; }
/* Search Styles */
.s { margin-right: 0.5em; }