/* 
Theme Name: Slim
Theme URL: http://mjchamplin.com/
Description:
Author: Michael Champlin
Author URI: http://mjchamplin.com
Version: 1.0
*/

/*  The following CSS Reset was written by Dejan Cancarevic
http://stylizedweb.com/2008/02/14/10-best-css-hacks/         */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, del, dfn, em, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;}caption, th, td {text-align:left;font-weight:normal;}table {border-collapse:separate;border-spacing:0;}blockquote:before,blockquote:after,q:before,q:after {content: "";}blockquote, q {quotes: "" "";}
{margin:0;padding:0;}


/* Global */
html, body { height: 100%; }
body { background: url('images/bg.png'); }
.clear { clear:both; }
.left { float: left; }
.right { float:right; }
.inline { display: inline; }
.wide { width: 100%; }
.border-bottom { border-bottom: 1px solid #e7e7e7; }
.slug { margin-bottom: 25px; } 
h3 { font-family: Georgia, Times, serif; font-size: 18px; font-weight: normal;  }
a { color: #447bb4; }
a:hover { text-decoration: underline; }
blockquote { width: 80%; border-left: 5px solid #ccc; border-right: 5px solid #ccc; margin: 0 auto; padding: 0 10px; }
strong { font-weight: bold; }
em { font-style: italic; }


/* =Menu
-------------------------------------------------------------- */
#access-w { width: 100%; background-color: #fff; }
#access { margin:0 auto; width:925px; display:block; background-color: #fff; float:left; border-top: 2px solid #447bb4; border-bottom: 1px solid #ccc; font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif; }
#access .menu-header, div.menu {font-size:13px; margin-left:12px; }
#access .menu-header ul, 
div.menu ul {list-style:none; margin:0}
#access .menu-header li, 
div.menu li {float:left; position:relative}
#access a{display:block; text-decoration:none; color:#333; padding:0 10px; line-height:28px}
#access ul ul{display:none; position:absolute; top:28px; left:0; float:left; box-shadow:0px 3px 3px rgba(0,0,0,0.2); -moz-box-shadow:0px 3px 3px rgba(0,0,0,0.2); -webkit-box-shadow:0px 3px 3px rgba(0,0,0,0.2); z-index:99999}
#access ul ul ul{left:100%; top:0}
#access ul ul a{background:#eee; height:auto; line-height:1em; padding:10px; width:130px}
#access li:hover >a,
#access ul ul:hover >a { background:#eee; color: #AA5F21; }
#access ul li:hover >ul{display:block}

/* Here is a list of all the DIVs in Whiteboard. */
#container{ width: 900px; /*margin: 0 auto;*/ background-color: #fff; padding: 0 25px 0 0;  border-right: 1px #ccc solid; border-bottom: 1px #ccc solid; }
#header { margin: 0; padding: 0; width: 100%; }
#header img { margin:0; padding: 0; display: block; }
#header a img { margin: 0; padding: 0; }
#masthead-w { width: 100%; background-color: #000; }
#masthead { width: 925px; margin: 0; }
#top-title-w { width: 100%; background-color: #447bb4; }
#top-title { padding: 20px 0 4px 0; margin: 0 auto; text-align: center;}
#top-title h1 { font-size: 48px; font-weight: bold; font-family: "Arial Narrow", Arial, Helvetica, "Nimbus Sans L", sans-serif; text-transform: uppercase; letter-spacing: 3px; }
#top-title h1 a, #top-title h1 a:visited, #top-title h1 a:active, #top-title h1 a:link { text-decoration: none; color: #fff; }
#top-title h1 a:hover { color: #999; }
#top-title p { font-size: 13px; font-family: Georgia, Times, serif; color: #eee; font-style: italic; }
#topNav ul { list-style-type: none; }
#topNav li { display: inline; margin-right: 10px; }

#content { width: 625px; float: left; margin-top: 25px; }
#content h2 { }

.post-header { width: 625px; position: relative; }
.post-title { width: 625px; float: left; }
.post-title h2 { font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif; font-size: 20px; font-weight: bold; color: #555; }
.post-title h2 a, .post-title h2 a:visited { text-decoration: none; color: #555; }
.post-title h2 a:hover { text-decoration: underline; }
.post-comments { width: 25px; height: 25px; background-color: #ccc; position: absolute; right: 5px; bottom: 28px; background: url('images/bubble.png'); text-align: center; color: #fff; font-weight: bold; font-size: 14px; line-height: 16px; }

p.meta { font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif; font-size: 10px; margin: 5px 0; }
p.meta a { color: #447bb4; }
.post{ margin-bottom: 25px; padding-bottom: 15px; padding-right: 25px;  }
.post ul, .post ol { margin-left: 25px; }
.post-content p { font-family: Georgia, Times, serif; font-size: 14px; line-height: 21px; padding: 12px 0; color: #333; }
.post-content ul, .post-content ol, .post-content dl { font-family: Georgia, Times, serif; font-size: 15px; line-height: 22px; padding: 12px 0; color: #222; }
.postmeta{ font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif; font-size: 12px; margin: 5px 0; }
.postnavigation{}
#searchform{}

/* Sidebars */
#sidebar{ width: 225px; float: left; margin: 0; padding: 25px; }
#sidebar ul { list-style-type: none; }
#sidebar li { font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif; font-size: 12px; }
#sidebar ul ul li {padding-left: 12px; border-bottom: 1px solid #ddd; padding-bottom: 3px; margin-bottom: 3px;}
#sidebar ul ul li:last-child { border: none; }
#sidebar .widget { margin-top: 15px; border-top: solid 2px #447bb4; padding-top: 5px; }
#sidebar h2 { font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif; font-size: 15px; font-weight: bold; color: #444; margin-bottom: 8px;}
#sidebar a { text-decoration: none; color: #000; }
#sidebar a:hover { text-decoration: underline; }

#footer { margin: 0 auto; padding: 15px 0; text-align: center; background: url('images/footer.png') #000; width: 925px; border-top: 1px solid #333; font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif; font-size: 11px; color: #eee;}
#footer a { color: #ccc; }
#footer a:hover { color: #fff;}

#discussion { }
#discussion a { color: #4e7eaf; text-decoration: none; }
#discussion a:hover { color: #999; text-decoration: underline; }
#comments { margin-top: 15px; }
ol#comments_list { list-style-type: none; }
#comments_list li { margin-top: 10px; padding: 15px; }
li.author {  }
.comments_navigation{}
.comments_navigation{}
.comments_reply{ background-color: #999; padding: 15px 10px; margin: 15px 0; }
.comments_reply h3 { color: #fff; font-size: 1.5em; }
.comments_reply p { font-size: 12px; line-height: 16px; color:#fff; margin: 10px 0; }
.comment_text{ font-family: Georgia, Times, serif; font-size: 14px; line-height: 21px; color: #333; }
.comment_text p{ margin-bottom: 1em; }
.comments_meta{ font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif; font-size: 12px; margin: 5px 0; width: 400px; }
textarea#comment { width: 575px; }
.author { margin-left: 25px; }

.blue-line-narrow { width: 100%; height: 1px; background: #447bb4; margin: 5px 0; }
.blue-line-medium { width: 100%; height: 2px; background: #447bb4; margin: 5px 0; }
.light-gray-line-narrow { width: 100%; height: 1px; background: #ccc; margin: 5px 0; }
.marg-top { margin-top: 25px; }

.listing-title h2 { font-family: Georgia, Times, serif; font-size: 24px; font-weight: bold; color: #222; font-style: italic; margin-bottom: 15px; }