/*
Theme Name:ScribbishWP Custom
Theme URI:http://pittcrew.net/geekblog/scribbishwp
Description:WordPress port of the Scribbish theme for Typo.<br/>Customized for productive.dk.
Version:0.1-2.0
Author:Kenny Pitt and Jeffrey Hardy
Author URI:http://pittcrew.net/geekblog/
http://quotedprintable.com/
http://quotedprintable.com/pages/scribbish
*/
/*===== Layout Styles =====*/
body{text-align:center;margin:0;padding:1em;}
#container{width:740px;text-align:left;margin:0 auto;padding:0;}
#header{height:60px;margin:0 0 15px;padding:0;}
#page{}
#content{width:500px;}
#sidebar{width:200px;}
#footer{height:40px;margin:10px 0 0;padding:10px 0 0;clear:both;}
/*--------------------------------------------------------------
Sidebar Alignment:you can have left or right
--------------------------------------------------------------*/
#sidebar{float:right;text-align:left;padding-left:15px;border-left:1px dotted #ddd;}
#content{float:left;padding-left:5px;}
/*===== Content Styles =====*/
/*--------------------------------------------------------------
Header
--------------------------------------------------------------*/
#header{background:url(images/header_shadow.gif) repeat-x left bottom;}
#header a:link,
#header a:visited{color:#333;text-decoration:none;}
#header a:hover,
#header a:active{color:#080;padding-right:0;background:transparent;text-decoration:none;}
#header h1{font:bold 400% georgia,serif;letter-spacing:-1px;margin:0;padding:0 3px;float:left;}
#header h2{font:normal 12px verdana,arial,sans-serif;margin:2.5em 0 0 .8em;float:left;}
/*--------------------------------------------------------------
Content
--------------------------------------------------------------*/
#content{margin-top:20px;}
#content h1,
#content h2,
#content h3,
#content h4,
#content h5{font-family:"lucidamac bold","lucida grande",arial,sans-serif;letter-spacing:-1px;}
#content h1{font-size:24px;margin:0 0 0.3em;}
#content h2{font-size:22px;margin:0 0 0.3em;}
#content h3{font-size:20px;margin:1.2em 0 0.3em;}
#content h4{font-size:18px;margin:1.2em 0 0.3em;border-bottom:1px dotted #bbb;}
#content h5{font-size:18px;background:#ffd;margin:1.2em 0 0.3em;border-bottom:1px dotted #aaa;}
#content p{line-height:15px;margin:0 0 1.2em;}
#content ul,
#content ol{margin:1em;padding:0;}
#content ul{list-style-type:square;}
#content li{line-height:15px;margin:0 0 0 1em;padding:0;}
#content blockquote{color:#555;border-left:5px solid #ccc;margin:1.3em 1em;padding:0 1em;}
#content pre,
#content code{font:normal 12px "bitstream vera sans mono",monaco "lucida console","courier new",courier,serif;}
#content pre{color:#eee;background:#000;margin:1em 0;padding:10px;overflow:auto;}
#content .atomentry ul.meta{font-size:10px;background:#eee;margin:0;padding:5px;border:1px solid #ddd;list-style-type:none;}
#content p.meta{font-size:10px;color:#999;margin-top:40px;clear:both;}
/* Article Entries - class names based on http://microformats.org/wiki/hatom] */
#content .atomentry{margin:0 0 3em 0;}
#content .atomentry .title{font-size:24px;line-height:94%;letter-spacing:-1.5px;margin:0;}
#content .atomentry .title a:link,
#content .atomentry .title a:visited{color:#080;text-decoration:none;}
#content .atomentry .title a:hover,
#content .atomentry .title a:active{color:#000;background:transparent;}
#content .atomentry .title .comment_count{display:none;}
#content .atomentry .author{color:#bbb;font:normal 16px/14px "lucidamac bold","lucida grande",arial,verdana,sans-serif;letter-spacing:-1px;margin:0 0 1em;}
#content .atomentry .author cite a,
#content .atomentry .author cite a:hover{/* author mailto:link (if any) */
color:#aaa;background:transparent;text-decoration:none;}
#content .atomentry .author abbr{/* posted date */
font-weight:bold;color:#aaa;}
#content .atomentry .content{}
#content .atomentry ul.meta{font-size:10px;background:#eee;margin:0;padding:5px;border:1px solid #ddd;list-style-type:none;}
#content .atomentry ul.meta li{line-height:13px;margin:0;padding:0;}
#content .atomentry .meta a:link,
#content .atomentry .meta a:visited{color:#555;}
#content .atomentry .meta a:hover,
#content .atomentry .meta a:active{color:#fff;}
/* Comments and Trackbacks */
#content ol.comments,
#content ol.trackbacks{list-style-type:none;margin:0;padding:0;}
#content .comment,
#content .trackback{border:2px solid #ddd;margin:0 0 1.5em;padding:1em;}
#content .comment.preview{background:#ffc;border:3px solid #fab444;}
#content .comment .author,
#content .trackback .author{font-weight:bold;margin-bottom:1em;}
#content .comment .author cite,
#content .trackback .author cite{font-size:16px;letter-spacing:-1px;}
#content .comment .author abbr,
#content .trackback .author abbr{color:#999;}
#content .comment .author .gravatar{margin:0 0 0.5em 0.5em;float:right;}
#content form.comments{background:#f2f2f2;border-top:1px solid #ddd;padding:1em 0.5em;}
#content form.comments fieldset{border:none;}
#content form.comments legend{display:none;}
#content form.comments label{font-weight:bold;}
#content form.comments textarea{width:90%;height:150px;padding:3px;}
/*--------------------------------------------------------------
Sidebar
--------------------------------------------------------------*/
#sidebar{font-size:11px;}
#sidebar h2{font:bold 14px "lucidamac bold","lucida grande",verdana,arial,helvetica,sans-serif;margin:0 0 0.5em;}
#sidebar h2 a:link,
#sidebar h2 a:visited{color:#000;text-decoration:none;}
#sidebar h2 a:hover,
#sidebar h2 a:active{background:transparent;text-decoration:underline;}
#sidebar ul{list-style-type:none;margin:0 0 2em;padding:0;}
#sidebar li{margin:0;padding:1px 0;}
ul#twitter_update_list {margin-bottom:0;}
ul#twitter_update_list li{padding-top:10px;}
ul#twitter_update_list > li:first-child{padding-top:1px;}
/* Live-search and results */
#sidebar .search p{margin:0;}
#sidebar .search p input{font-size:11px;width:92%;}
#s{width:60%;}
#searchform{margin-bottom:4px;}
/*--------------------------------------------------------------
Footer
--------------------------------------------------------------*/
#footer{border-top:1px solid #ccc;font-size:90%;}
#footer a:link,
#footer a:visited{color:#000;}
#footer a:hover,
#footer a:active{color:#fff;background:#000;}
#footer hr{display:none;}
#footer p{width:60%;float:left;margin:0;padding:0;}
#footer ul{width:40%;margin:0;padding:0;list-style-type:none;text-align:right;float:right;}
#footer li{margin:0;padding:0 0 0 1em;display:inline;}
/*===== Global Styles =====*/
@media print{#sidebar{display:none;}
#content{float:none;width:90%;}
#content pre{color:#000;background:#eee;}
#content form.comments{display:none;}
}
body{background:url(images/background.gif) repeat-x left top;font:normal 12px "lucida grande",verdana,arial,helvetica,sans-serif;}
input,
textarea{font:normal 12px "bitstream vera sans",verdana,sans-serif;}
abbr{border:none;}
cite{font-style:normal;}
a img{border:none;padding:0;margin:0;}
a:link,a:visited{color:#080;}
a:hover,a:active{color:#fff;background:#000;}
/*==========*/
/* Begin Typography & Colors */
span.caps{font-size:0.9em;letter-spacing:.07em;}
/* End Typography & Colors */
/* Begin Images */
p img{padding:0;max-width:100%;}
/* Using 'class="alignright"' on an image will (who would've
thought?!) align the image to the right. And using 'class="centered',
will of course center the image. This is much better than using
align="center",being much more futureproof (and valid) */
img.centered{display:block;margin-left:auto;margin-right:auto;}
img.alignright{padding:4px;margin:0 0 2px 7px;display:inline;}
img.alignleft{padding:4px;margin:0 7px 2px 0;display:inline;}
.alignright{float:right;}
.alignleft{float:left}
/* End Images */
/* Begin Various Tags & Classes */
span.caps{cursor:help;}
.center{text-align:center;}
.navigation{display:block;text-align:center;margin-top:10px;margin-bottom:60px;}
/* End Various Tags & Classes*/

/* GitHub Gists */
.gist-syntax .n,
.gist-syntax .p { color: #000 } /* otherwise it's almost unreadable */