@media all {.highlight .hll { background-color: #ffffcc }
.highlight  { background: #f0f0f0; }
.highlight .c { color: #60a0b0; font-style: italic } /* Comment */
.highlight .err { border: 1px solid #FF0000 } /* Error */
.highlight .k { color: #007020; font-weight: bold } /* Keyword */
.highlight .o { color: #666666 } /* Operator */
.highlight .cm { color: #60a0b0; font-style: italic } /* Comment.Multiline */
.highlight .cp { color: #007020 } /* Comment.Preproc */
.highlight .c1 { color: #60a0b0; font-style: italic } /* Comment.Single */
.highlight .cs { color: #60a0b0; background-color: #fff0f0 } /* Comment.Special */
.highlight .gd { color: #A00000 } /* Generic.Deleted */
.highlight .ge { font-style: italic } /* Generic.Emph */
.highlight .gr { color: #FF0000 } /* Generic.Error */
.highlight .gh { color: #000080; font-weight: bold } /* Generic.Heading */
.highlight .gi { color: #00A000 } /* Generic.Inserted */
.highlight .go { color: #808080 } /* Generic.Output */
.highlight .gp { color: #c65d09; font-weight: bold } /* Generic.Prompt */
.highlight .gs { font-weight: bold } /* Generic.Strong */
.highlight .gu { color: #800080; font-weight: bold } /* Generic.Subheading */
.highlight .gt { color: #0040D0 } /* Generic.Traceback */
.highlight .kc { color: #007020; font-weight: bold } /* Keyword.Constant */
.highlight .kd { color: #007020; font-weight: bold } /* Keyword.Declaration */
.highlight .kn { color: #007020; font-weight: bold } /* Keyword.Namespace */
.highlight .kp { color: #007020 } /* Keyword.Pseudo */
.highlight .kr { color: #007020; font-weight: bold } /* Keyword.Reserved */
.highlight .kt { color: #902000 } /* Keyword.Type */
.highlight .m { color: #40a070 } /* Literal.Number */
.highlight .s { color: #4070a0 } /* Literal.String */
.highlight .na { color: #4070a0 } /* Name.Attribute */
.highlight .nb { color: #007020 } /* Name.Builtin */
.highlight .nc { color: #0e84b5; font-weight: bold } /* Name.Class */
.highlight .no { color: #60add5 } /* Name.Constant */
.highlight .nd { color: #555555; font-weight: bold } /* Name.Decorator */
.highlight .ni { color: #d55537; font-weight: bold } /* Name.Entity */
.highlight .ne { color: #007020 } /* Name.Exception */
.highlight .nf { color: #06287e } /* Name.Function */
.highlight .nl { color: #002070; font-weight: bold } /* Name.Label */
.highlight .nn { color: #0e84b5; font-weight: bold } /* Name.Namespace */
.highlight .nt { color: #062873; font-weight: bold } /* Name.Tag */
.highlight .nv { color: #bb60d5 } /* Name.Variable */
.highlight .ow { color: #007020; font-weight: bold } /* Operator.Word */
.highlight .w { color: #bbbbbb } /* Text.Whitespace */
.highlight .mf { color: #40a070 } /* Literal.Number.Float */
.highlight .mh { color: #40a070 } /* Literal.Number.Hex */
.highlight .mi { color: #40a070 } /* Literal.Number.Integer */
.highlight .mo { color: #40a070 } /* Literal.Number.Oct */
.highlight .sb { color: #4070a0 } /* Literal.String.Backtick */
.highlight .sc { color: #4070a0 } /* Literal.String.Char */
.highlight .sd { color: #4070a0; font-style: italic } /* Literal.String.Doc */
.highlight .s2 { color: #4070a0 } /* Literal.String.Double */
.highlight .se { color: #4070a0; font-weight: bold } /* Literal.String.Escape */
.highlight .sh { color: #4070a0 } /* Literal.String.Heredoc */
.highlight .si { color: #70a0d0; font-style: italic } /* Literal.String.Interpol */
.highlight .sx { color: #c65d09 } /* Literal.String.Other */
.highlight .sr { color: #235388 } /* Literal.String.Regex */
.highlight .s1 { color: #4070a0 } /* Literal.String.Single */
.highlight .ss { color: #517918 } /* Literal.String.Symbol */
.highlight .bp { color: #007020 } /* Name.Builtin.Pseudo */
.highlight .vc { color: #bb60d5 } /* Name.Variable.Class */
.highlight .vg { color: #bb60d5 } /* Name.Variable.Global */
.highlight .vi { color: #bb60d5 } /* Name.Variable.Instance */
.highlight .il { color: #40a070 } /* Literal.Number.Integer.Long */}
@media all {/* 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;
}}
@media all {/***********************************************
 * base styles
 */
body { background: #fff; color: #000; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size:16px; height: 100%; line-height: 1.4em; width: 100%; }

h1, h2, h3, h4, h5 { color:#000; font-family:Georgia; }
h2, h3, h4, h5 { margin: 1em 0 0.2em; font-weight: bold; }
h1, h2 { color:#334455; margin: 0.25em 0 .2em; font-size: 1.8em; letter-spacing: -0.025em; line-height: 1.2em; font-weight: 400; }
h3 { font-size:18px; margin-bottom: 0.25em; }
h4 { font-size:15px; }
p, ul, ol, pre, blockquote { font-size: 1em; margin: 0 0 10px; }
ul, ol { margin-left: 2em; }
ul ul { margin-bottom: 0; }
p, li, blockquote { line-height: 1.4em; }
blockquote { background:#f0f0f0; margin:10px 0 10px 10px; padding:10px; }
pre.prettyprint { background:#f0f0f0; }

a:link, a:visited { color: #334455; font-weight: bold; text-decoration: none; }
a:hover { color: #999; }
h2 a:link, h2 a:visited{ color: #334455; font-weight: 400; }
h2 a:hover { color: #999; font-weight: 400; }

pre { background: #fff; border: 0px solid #ccc; color: #333940; display: block; margin: 1.0em 0em 1.0em 0em; padding: .6em 0em .6em .6em; overflow: auto; width: 99%; z-index: 0; }
pre.prettyprint { border: none; padding: .6em 0em .6em .6em; }

/***********************************************
 * template
 */
#bleeder { background:#334455; bottom: 0; height: 100%; position: fixed; opacity:0.25;filter:alpha(opacity=25); top: 0; width: 10px; z-index: 9999; }
*html #bleeder { display:none; }
#pg { margin:0 0 0 80px; width:960px; }
#bd { zoom:1; }
#hd:after, #bd:after{display:block;clear:both;visibility:hidden;content:'.';height:0;}

#main { display: inline; float: left; margin:0 10px; width:540px; }
#sd { display: inline; float:right; margin:0 10px; width:300px; }
#sd p { font-size:13px; margin-bottom: 1.8em; }
#sd ul{ font-size:13px; margin-left: 0em;}

/* blog/post related */
.body p { line-height:1.6em; margin:0 0 16px 0; }
.body a:link, .body a:visited { text-decoration:underline; }
.post .date, .quote .date, .bookmark .date { background: #334455; color: #fff; float: left; margin: 0 0  0 -6.0em; padding:2px .4em 3px 1.2em; width: 3.8em; }
.post .teaser{ border-bottom: solid 1px #ccd0d4; font-size: 1.1em; margin-bottom: .9em; padding: .1em .1em .8em .1em;}
.post, .bookmark, .quote { margin-bottom: 1.2em; }
#comments{ border-top: solid 1px #CCC; margin-top: 1.8em; padding-top: .6em; }
.list-tease { }
.post .text-trunc { color:#666; font-style:italic; }
.filter-title{ font-size: 1.4em; }
.post-list .post, .post-list .quote, .post-list .bookmark {  padding-bottom: 1.2em; zoom:1; }
.post-list .post:after, .post-list .quote:after, .post-list .bookmark:after{display:block;clear:both;visibility:hidden;content:'.';height:0;}

.filter-title{ background-color: #ccc; margin-bottom: 1.2em; padding: .3em; }
.post-img { }
.post-img p { }
.video { background: #000; text-align: center; }
ul.recent-posts li, .post li { left-margin: 1.2em; list-style: disc; list-style-position: outside; }
ul.recent-posts li { list-style-position:inside; }
.bookmark p{ margin-top: .8em;}

/* post tags */
.post-detail div.tags ul { font-size:14px; margin:0; }
.post-detail div.tags li { float:left; padding:0 5px 0 0; }
.post-detail div.tags li a { background:#f0f0f0; border:solid 1px #334455; float:left; padding:1px 7px; }
.post-detail div.tags li a:hover { background:#334455; color:#fff;}

/* related posts */
.post-detail div.related-posts { clear:both; padding:10px 0 0 0; }
.post-detail div.related-posts li { font-size:14px; list-style:disc; }

/* share */
.post-detail div.share { margin-top: 10px; padding:0 0 10px 0; zoom:1; }
.post-detail div.share:after{display:block;clear:both;visibility:hidden;content:'.';height:0;}
.post-detail div.share ul{ font-size: 14px; margin:0; }
.post-detail div.share li { float:left; list-style:disc; margin-left: 2.6em; }

/* HEADER/NAV */
#hd { border-bottom:1px solid #99a1aa; margin:0 0 30px 0; zoom:1; }
#logo { float:left; font-family:Georgia; font-size:36px; padding:15px 0 20px 0; }
#logo a:link, #logo a:hover, #logo a:visited { color:#345; }
#logo span.first { font-weight:bold; }
#logo span.last { font-weight:normal; opacity:0.5;filter:alpha(opacity=50); }
#logo span.tag { font-size:24px; font-weight:normal; opacity:0.25;filter:alpha(opacity=25); padding:0 0 0 30px; }

#nav{ padding:5px 0 5px 80px; }
#nav ul { margin:0; }
#nav ul li { color:#999ca0; float:left; list-style:none; padding:0 7px 0 0; }
#nav ul li a { border:solid 1px #99A1AA; font-weight:normal; display:block; float:left; padding:0 10px; }
#nav ul li a:hover { background:#334455; color:#fff; }
#nav form { text-align:right; width:960px; }
.button{ margin-left: .6em;}


#ft{ border-top:1px solid #99a1aa; clear:both; color:#555; font-size:13px; margin:20px 0 0 0; padding:22px 0 0 0; width:960px; }
#ft p{ }

/* lifestream */
h2.latest-activity { border-top: solid 2px #334455; padding:30px 0 0 0; }
.lifestream { }
.lifestream .post { border-bottom:solid 1px #f0f0f0; margin:0; padding:10px 65px 10px 0; }
.lifestream .post .datetime { color:#999; font-size:11px; font-weight:normal; text-decoration:underline; }
.lifestream .github { background:transparent url('/media/rr/static/imgs/logos/github.gif') no-repeat right 15px; }
.lifestream .twitter { background:transparent url('/media/rr/static/imgs/logos/twitter.gif') no-repeat right 15px; }
.lifestream .twitter span.meta { white-space:nowrap; }
.lifestream .twitter a { }
.lifestream .twitter a.in-reply-to { font-weight:normal; font-size:11px; text-decoration:underline; }
.lifestream .delicious { background:transparent url('/media/rr/static/imgs/logos/delicious.gif') no-repeat 500px 10px; }
.lifestream .flickr { background:transparent url('/media/rr/static/imgs/logos/flickr.gif') no-repeat right 15px; }

/***********************************************
 * forms
 */
label { display:block; font-weight: bold; }
#form-error { color: #c14040; }
#form-error li { list-style: disc; }
input.text { background:#f6f6f6; border:solid 1px #ccd0d4; padding:2px 4px; }


/* PAGINATION */
#pagination .older{ float: right; }
#pagination .newew{ float: left; }


/* HELPERS */
.hide
{
  display: none;
  margin-left: -1000;
}

.clearfix { zoom:1; }
.clearfix:after{display:block;clear:both;visibility:hidden;content:'.';height:0;}
}