/*  
Theme Name: Darius 3.0
Theme URI: http://wordpress.org/
Description: Theme showcasing the writing and consulting work of Darius Himes.
Version: 3.0
Author: Bad Feather Inc.
Author URI: http://badfeather.com/
*/

/* Eric Meyer reset, http://meyerweb.com/eric/tools/css/reset/  v1.0 | 20080212 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}

/* colors
blue: #73929E;
grey: #B2B2B2;
text: #636363;
*/

/* structure */
body {
font-family: "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 18px;
background: #FFF;
color: #636363;
text-align: center;
}
.section {
width: 945px;
margin: 0 auto;
overflow: hidden;
text-align: left;
/* border-left: 1px solid #CCC; */
}
#header {
padding: 18px 0;
border-bottom: 2px solid #73929E;
margin-bottom: 2px; 
}
#header .section {
border-left: none;
}
#main {
padding: 18px 0;
border-top: 1px solid #CCC;
border-bottom: 2px solid #73929E;
margin-bottom: 2px;
}
#sidebar {
width: 240px;
padding: 0 30px 0 0;
border-right: 1px solid #CCC;
float: left;
}
#content {
width: 600px;
padding: 0 30px 0 44px;
border-left: 1px solid #CCC;
float: right;
margin-left: -1px;
}
#footer {
padding: 18px 0;
border-top: 1px solid #CCC;
}
#footer .section {
border-left: none;
}
.post{
width: 100%;
overflow: hidden;
margin-bottom: 18px;
}
.alignright {
float: right;
}
.alignleft {
float: left;
}

/* typography */
p, ul, ol {
font-family: Arial, Helvetica, sans-serif;
margin-bottom: 18px;
}
a {
color: #73929E;
text-decoration: none;
}
a:hover{
text-decoration: underline;
}
h1, h2, h3, h4, h5 {
font-weight: normal;
text-transform: uppercase;
color: #B2B2B2;
line-height: 18px;
margin-bottom: 18px;
}
h2 a, h3 a, h4 a, h2 a:hover {
text-decoration: none;
}
h1 {
font-size: 15px;
margin-bottom: 5px;
}
h1 a, h3 a {
color: #B2B2B2;
}
p.description {
color: #B2B2B2;
margin-bottom: 27px;
}
h2 {
font-size: 18px;
}
h3 {
font-size: 15px;
color: #B2B2B2;
}
h4 {
font-size: 12px;
}
ol li {
list-style: decimal outside;
}
li {
margin-bottom: 9px;
}
em em {
font-style: normal;
}
.logo {
text-transform: uppercase;
line-height: 1em;
}
.logo a {
text-decoration: none;
}
.logo a span.grey {
color: #B2B2B2;
}
select {
margin-bottom: 18px;
}
a.amazon, h3.recommended a {
background: #B2B2B2;
padding: 4px;
color: #FFF;
text-decoration: none;
}
a.amazon:hover, h3.recommended a:hover {
background: #73929E;
}
a.more-link {
font-style: italic;
font-size: 1.1em;
}

body.home {
background: #F1F1F1 url(images/home_bg.jpg) no-repeat top center;
font-size: 11px;
line-height: 16px;
-webkit-text-size-adjust: none;
}
body.home #main {
margin: 0; 
padding: 0; 
border: none;
}
body.home .section {
width: 960px;
border: none;
}
body.home #content {
width: 370px;
margin: 90px 50px 0 0;
padding: 0;
border: 0;
float: right;
}
body.home #sidebar {
float: left;
width: 300px;
margin: 239px 0 0 90px;
padding: 0;
border: 0;
text-align: left;
}
body.home #sidebar h3 {
color: #B2B2B2;
font-size: 14px;
margin-bottom: 16px;
}
body.home #sidebar h4 {
margin-bottom: 0;
font-size: 13px;
margin-bottom: 4px;
line-height: 16px;
}
body.home #sidebar li {
margin-bottom: 10px;
}
body.home .logo {
font-size: 24px;
line-height: 1em;
margin-bottom: 16px;
}
body.home #content li {
line-height: 16px;
margin-bottom: 10px;
width: 100%;
overflow: hidden;
}
body.home #content li a {
width: 100%;
overflow: hidden;
text-decoration: none;
color: #73929E;
}
body.home #content li a:hover {
color: #636363;
}
body.home li span.title {
font-size: 13px;
}
body.home li a span.title {
width: 265px;
float: left;
padding: 20px 0 0 0;
text-transform: uppercase;
margin-bottom: 4px;
}
body.home li a span.icon {
display: block;
float: right;
width: 84px;
height: 0px !important;
height /**/:60px;
padding-top: 60px;
overflow: hidden;
background: url(images/DH_iconsR3_home.png) no-repeat 0 0;
}
/* blog */
body.home li.cat-item-222 a span.icon {
background-position: 0 -94px;
}
body.home li.cat-item-222 a:hover span.icon {
background-position: 0 -10px;
}
/* writing */
body.home li.page-item-2 a span.icon {
background-position: -84px -94px;
}
body.home li.page-item-2 a:hover span.icon {
background-position: -84px -10px;
}
/* consulting */
body.home li.page-item-3 a span.icon {
background-position: -168px -94px;
}
body.home li.page-item-3 a:hover span.icon {
background-position: -168px -10px;
}
/* photography */
body.home li.cat-item-9 a span.icon {
background-position: -252px -94px;
}
body.home li.cat-item-9 a:hover span.icon {
background-position: -252px -10px;
}
/* about */
body.home li.page-item-4 a span.icon {
background-position: -336px -94px;
}
body.home li.page-item-4 a:hover span.icon {
background-position: -336px -10px;
}
/* contact */
body.home li.page-item-9 a span.icon {
background-position: -420px -94px;
}
body.home li.page-item-9 a:hover span.icon {
background-position: -420px -10px;
}
/* radiusbooks */
body.home li.radiusbooks a span.icon {
background-position: -504px -94px;
}
body.home li.radiusbooks a:hover span.icon {
background-position: -504px -10px;
}

body.home li a span.description {
width: 265px;
color: #636363;
}
body.home li a:hover span.description {
color: #636363;
}

/* header */
#header .logo {
font-size: 36px;
margin-bottom: 12px;
}
#header ul {
font-family: "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
text-align: center;
margin: 0;
line-height: 1em;
}
#header ul li {
width: 84px;
height: 84px;
float: left;
margin: 0 50px 0 0;
text-transform: uppercase;
font-size: 12px;
line-height: 1em;
}
#header ul li.current-cat a, #header ul li.current_page_item a, #header ul li.current_page_parent a  {
color: #636363;
}
#header ul li a {
display: block;
width: 84px;
height: 0px !important;
height /**/:84px;
padding-top: 84px;
overflow: hidden;
color: #B2B2B2;
text-decoration: none;
background: url(images/DH_iconsR4.gif) no-repeat 0 0;
}
#header ul li a:hover {
color: #636363;
}
/* blog */
#header ul li.cat-item-222 a {
background-position: 0 -84px;
}
#header ul li.cat-item-222 a:hover, #header ul li.cat-item-222.current-cat a, #header ul li.cat-item-222.current-cat-parent a {
background-position: 0 0;
}
/* writing */
#header ul li.page-item-2 a {
background-position: -84px -84px;
}
#header ul li.page-item-2 a:hover, #header ul li.page-item-2.current_page_item a {
background-position: -84px 0;
}
/* consulting */
#header ul li.page-item-3 a {
background-position: -168px -84px;
}
#header ul li.page-item-3 a:hover, #header ul li.page-item-3.current_page_item a {
background-position: -168px 0;
}
/* photography */
#header ul li.cat-item-9 a {
background-position: -252px -84px;
}
#header ul li.cat-item-9 a:hover, #header ul li.cat-item-9.current-cat a, #header ul li.cat-item-9.current-cat-parent a {
background-position: -252px 0;
}
/* about */
#header ul li.page-item-4 a {
background-position: -336px -84px;
}
#header ul li.page-item-4 a:hover, #header ul li.page-item-4.current_page_item a {
background-position: -336px 0;
}
/* contact */
#header ul li.page-item-9 a {
background-position: -420px -84px;
}
#header ul li.page-item-9 a:hover, #header ul li.page-item-9.current_page_item a {
background-position: -420px 0;

}
/* radiusbooks */
#header ul li.radiusbooks a {
background-position: -504px -84px;
}
#header ul li.radiusbooks a:hover {
background-position: -504px 0;
}

/* main content */
.post img {
padding: 4px;
border: 1px solid #DFDFDF;
}
.post ul {
padding-left: 18px;
list-style: square outside;
}
.post ol {
padding-left: 18px;
}
.post h2 {
padding: 0 0 4px 0;
margin: 0 0 5px 0;
border-bottom: solid 1px #ccc;
font-weight: bold;
line-height: 1em;
}
.postmetadata, small {
margin-bottom: 18px;
font-size: 10px;
line-height: 18px;
color: #999;
}
small {
display: block;
}
.postmetadata {
border-top: solid 1px #ccc;
}
.postmetadata a img {
border: none;
}
.postmetadata ul, .postmetadata li {
display: inline;
list-style: none;
}
.navigation {
width: 100%;
overflow: hidden;
}
.breadcrumbs {
margin-bottom: 9px;
}

/* sidebar */
#sidebar h3 {
margin-bottom: 9px;
}
#sidebar h3.recommended {
margin-bottom: 18px;
}
.widget_tag_cloud {
margin-bottom: 18px;
}
.widget_tag_cloud a:after {
content: ' | ';
color: #B2B2B2;
}
#sidebar li {
margin-bottom: 0;
width: 100%;
overflow: hidden;
}
#sidebar li h4 {
margin-bottom: 4px;
}
#sidebar li h4 a:hover {
text-decoration: underline;
}
#sidebar li p {
margin-bottom: 9px;
}
#sidebar li img {
float: left;
margin: 4px 10px 18px 0;
}
#sidebar li a img {
padding: 3px;
border: 1px solid #73929E;
}
#sidebar li a:hover img {
border-color: #B2B2B2;
}
#sidebar .twitter li {
margin-bottom: 9px;
}
.follow {
width: 100%;
overflow: hidden;
line-height: 1em;
}
.follow a {
display: block;
float: left;
width: 24px;
height: 0px !important;
height /**/:24px;
padding: 24px 0 0 0;
margin: 0 6px 0 0;
overflow: hidden;
background: url(images/follow_icons.gif) no-repeat 0 0; 
}
.follow a.twitter {
background-position: 0 0;
}
.follow a.twitter:hover {
background-position: -24px 0;
}
.follow a.rss {
background-position: 0 -24px;
}
.follow a.rss:hover {
background-position: -24px -24px;
}


/* footer */
#footer .logo {
font-size: 24px;
line-height: 1em;
margin-bottom: 18px;
}
#footer p {
font-size: 11px;
width: 100%;
overflow: hidden;
}
#footer ul li {
display: inline;
margin: 0 .5em 0 0;
text-transform: uppercase;
}
#footer ul li a {
color: #73929E;
text-decoration: none;
}
#footer ul li a:hover, #footer ul li.current_page_item a, #footer ul li.current-cat a, #footer ul li.current-cat-parent a {
color: #636363;
text-decoration: none;
}

/* Images */
p img { 
padding: 0; 
max-width: 100%;
}
img.alignright { 
margin: 0 0 10px 20px; 
display: inline; 
}
img.alignleft { 
margin: 0 20px 10px 0; 
display: inline; 
clear: both;
}
img.centered { 
display: block; 
margin-left: auto; 
margin-right: auto; 
}

/* forms */
#searchform {
width: 240px;
margin: 0 0 18px 0;
padding: 0; 
}
#searchform div {
width: 100%;
overflow: hidden;
}
#searchform #s {
width: 180px;
padding: 2px;
float: left;
border: 1px solid #73929E;
}
#sidebar #searchsubmit {
background: #73929E;
padding: 2px;
border: none;
float: right;
width: 50px;
text-transform: uppercase;
color: #FFF;
}
#sidebar #searchsubmit:hover {
background: #636363;
}
.post form { /* This is mainly for password protected posts, makes them look better. */
text-align:center;
}
select {
width: 130px;
}

/* comments*/
#commentform, #respond {
margin: 0 0 18px 0;
}
#commentform input {
width: 150px;
padding: 2px;
margin: 5px 5px 1px 0;
}
#commentform textarea {
width: 100%;
}
#commentform #submit {
float: right;
margin: 10px 0 18px 0;
}
.commentlist li, #commentform input, #commentform textarea {
font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
.commentlist cite, .commentlist cite a {
font-weight: bold;
font-style: normal;
font-size: 1.1em;
}
.commentmetadata {
font-weight: normal;
}
.commentlist li {
font-weight: bold;
margin: 15px 0 3px;
padding: 5px 10px 3px;
list-style: none;
}
#commentform p {
margin: 5px 0;
}
.nocomments {
text-align: center;
}
.commentmetadata {
display: block;
}

/* various */
acronym, abbr, span.caps {
cursor: help;
}
acronym, abbr {
border-bottom: 1px dashed #999;
}
blockquote {
padding-left: 20px;
background: url(images/blockquote.gif) no-repeat 0 3px;
}
blockquote cite {
margin: 5px 0 0;
display: block;
}
.center {
text-align: center;
}