@import url('http://fonts.googleapis.com/css?family=Inconsolata');

/* Friendly global style resetting */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input,p, blockquote, th, td {margin:0;padding:0;}
body {background-color:#ffffff;}
table {border-collapse:collapse; border-spacing:0;}
html, body, form, fieldset, input, select, textarea {color:#222;font-size:12px;font-family:Arial, sans-serif;line-height:1.25em}
abbr, img {border:none;}
address, caption, cite,th{font-style:normal;font-weight:normal;}
ol, ul {list-style:none;}
caption, th {text-align:left;}
h1, h2, h3, h4, h5, h6 {font-size:100%;}
a img {background-color:transparent;border:none;}

body {font-size:14px;background:#fff;}

/* LINKS */
a:link {color: #125a95; text-decoration:none;}
a:visited {color: #0259C4;text-decoration:none;}
a:hover,a:active {background:#dfeaf8;}

/* STRUCTURE */

#container {width:100%; margin:auto; max-width:100em;min-width:55em;position:relative;background:#fff; }
#header {height:4em;position:relative;border-bottom:4px solid #125a95; background:#8cadd5;}
#footer { clear:both; padding:10px 20px; font-size:90%; }
#columnwrap { padding-bottom:10px; }
#content { float:left; width:75%; background:white; color:black; padding-bottom:10px; }
#content * { margin-left:22px; margin-right:24px; }
#content * * { margin-left:0; margin-right:0; }
#sidebar { float:right; width:25%;}
.sidebar { font-size:92%; }
.sidebar * { margin-left:14px; margin-right:14px; }
.sidebar * * { margin-left:0; margin-right:0; }

/* MENU */
#mainmenu {bottom:4px;margin:0;position:absolute;right:0;white-space:nowrap;}
#mainmenu li {display:block;float:left;margin:0;padding:0;list-style:none;}
#mainmenu li a,#mainmenu li a:visited {padding:3.5em 16px 5px;color:#000;font-weight:bold;}
#mainmenu li a:hover,#mainmenu li a:active {background:#dfeaf8;}

h1#logo {bottom:.3em;left:25px;margin:0;position:absolute; text-transform:capitalize;}
h1#logo a,h1#logo a:hover,h1#logo a:active,h1#logo a:visited {background:transparent;color:#000; text-decoration:none; }
h1#logo span { display:none; }

/* CONTENT */

h1,h2,h3 { margin-top:.8em; font-weight:normal; }
h1 { font-size:218%; margin-top:.6em; margin-bottom:.6em; line-height:1.1em; }
h2 { font-size:175%; font-weight:bold; margin-top:1em; margin-bottom:.2em; line-height:1.2em; }
h3 { font-size:150%; font-weight:bold; margin-bottom:.2em; }
h4 { font-size:100%; font-weight:bold; margin-bottom:-3px; margin-top:1.2em; text-transform:uppercase; letter-spacing:1px; }
h4 pre, h4 tt, h4 .literal { text-transform:none; }
h5 { font-size:1em; font-weight:bold; margin-top:1.5em; margin-bottom:3px; }
p, ul, dl { margin-top:.6em; margin-bottom:.8em; }
hr { color:#ccc; background-color:#ccc; height:1px; border:0; }
p.date { margin-top:-.2em; }
p.more { margin-top:-.4em; }
#sidebar h2 { font-weight:normal; font-size:150%; }
/*
#sidebar h2:first-child { margin-top:.6em; }
.sidebar h2:first-child { margin-top:.8em; }
*/
#content h2, #content h3 { margin-top:1.2em; font-weight:lighter; text-transform:capitalize; }
ins { text-decoration: none; }
ins a { text-decoration: none; }

.block { border:1px solid #125a95; border-width:1px 0 0; margin:1em 1em 2em 1em; padding:0; }
.block h2 { padding:.2em .2em; margin:0; line-height:1em; background:#eee; border-bottom:1px solid #125a95; }

/* LISTS */

ul { padding-left:1.5em; }
ol { padding-left:30px; }
ul li { list-style-type:square; margin-bottom:.4em; }
ul ul { padding-left:1.2em; }
ul ul ul { padding-left:1em; }
dt { font-weight:bold; margin-top:.5em; font-size:1.1em; }
dd { margin-bottom:.8em; }
dl.index dt { font-weight: normal; }

/*  RSS  */
a.rss,a.rss:hover, a.rss:link, a.rss:visited { font:bold 10px Arial, sans-serif; padding:0 .2em; border: 1px solid; text-decoration:none; background:#f60;color: #fff; border-color:#ffc8a4 #7d3302 #3f1a01 #ff9a57; margin:0 3px; vertical-align:middle; }
#content a.rss { color:#fff; text-decoration:none; }

/* BLOCKQUOTES */
blockquote { padding-left:0.8em; padding-right:1em; font:125%/1.2em "Trebuchet MS", sans-serif; color:#234f32; border-left:2px solid #94da3a; }

/* CODE BLOCKS */
pre { font-family:Inconsolata, monospace; font-size:medium; border:1px solid #ddd; border-width:1px 0; margin: 1em 0; padding: .3em .4em; overflow: auto; }
textarea.codedump { font-family:Inconsolata, monospace; color:#234f32; width:100%; background:#E0FFB8; border:1px solid #94da3a; border-width:1px 0; padding: .3em .4em; }

/* FORMS */
label { cursor:pointer; margin:0; padding:0; line-height:2em; }
input, select, textarea { margin:0; padding:4px; background:#eee; font-size:12px; border: 1px solid #ccc; border-top-color: #777; border-bottom-color: #DDD; font-family: Arial, sans-serif; font-weight:normal;}
input.disabled, select.disabled, textarea.disabled { border-color: #eee; }
input:focus, textarea:focus { background: #fff; }
input.button {border-top-color: #DDD; border-bottom-color: #777;}

/* COMMENTS STUFF */
#comments h2 { margin-bottom:2em; }
.commentlist { list-style:none; clear:both; margin:0; padding:0;clear:both;}
.commentlist li { margin: 0 0 5px; padding:5px; font-size:12px; line-height:1.3em; clear:both;}
.avatar { padding:1px; border:1px solid #ccc; float:left; }
.comment { padding-left:50px; }
.comment cite { font-weight:bold; }
.comment-meta a { color:#6f818d; }
.comment-meta a:hover { background:none; }
.comment-story { margin-top:10px; }
#comment-form div { margin-bottom:1em; }
#respond { border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:5px 10px 10px; }
#respond h2 { margin-top:0; margin-bottom:1em; }
#id_comment, #id_email, #id_url, #id_name { width:450px; }

/* MISC */
.small { font-size:90%; }
h3 .small { font-size:80%; }
.quiet { font-weight:normal;color:#555; }
.clear { clear:both; }
#content .quiet { color:#777; }
.sidebar .quiet { color:#555; }
a.author { font-weight:bold; }

#content .entry-meta .meta-item { display:block; float:left; margin-right:10px !important; }
#content .entry-meta br { clear:both; height:1px; padding:0; margin:0; line-height:1px; }

a.twitter { background:url(twitter.gif) no-repeat top left; padding-left:20px; }
a.fb { background:url(facebook.gif) no-repeat top left; padding-left:20px; }

/*  CLEARFIX KLUDGE */

#columnwrap:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
#columnwrap { display: inline-block; }

/* Hides from IE-mac \*/
* html #columnwrap { height: 1%; }
#columnwrap { display: block; }
/* End hide from IE-mac */

#subwrap:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
#subwrap { display: inline-block; }

/* Hides from IE-mac \*/
* html #subwrap { height: 1%; }
#subwrap { display: block; }
/* End hide from IE-mac */om IE-mac */

