/**
 * Images
 **/

/**
 * Main Styles
 **/


/**
 * Search Box
 **/

/**
 * Syntax Highlighter Elements
 **/




/**
 * Base Reset CSS, Felocity base styles
 **/
/* <![CDATA[ */ 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; 
}

body { 
    color: #333; 
    background: #ABACAB; 
    /*
     * The Font Size, Line Height Properties are from Tripoli
     * Because they measure smart. Who doesn't like base 10 math?
     **/
    font-size: 62.5%;
    line-height: 1; /* note: no measurement here */ 
}

/**
 * BASE: 12px font
 * 18px line height
 **/
body > * {
    font-size: 1.2em;
    line-height: 1.5;
}

ul { 
    list-style: circle; 
}

ul ul { 
    list-style: square; 
} 

ul ul ul { 
    list-style: none; 
    padding-left: 1.5em; 
    text-indent: -1em; 
}

h4, h5, h6 { 
    font-weight: bold; 
}

/*
Sizes h1-6 taken from Blueprint. I started with Meyer's AEA SF Sheet
But that math sucked really really bad. (1.67em is harder to work
with than you'd think)
*/
h1 {
    font-size: 3em;
    line-height: 1;
    height: auto;
    margin-bottom: 0.5em;
}

h2 {
    font-size: 2em;
    line-height: 1.5;
    height: auto;
    margin-bottom: 0.75em;
}

h3 {
    font-size: 1.5em;
    line-height: 1;
    height: auto;
    margin-bottom: 1em;
}

h4 {
    font-size: 1.2em;
    line-height: 1.25;
    height: 1.25em;
    margin-bottom: 1.25em;
}

h5 {
    font-size: 1em;
    line-height: 1.5;
    height: auto;
    margin-bottom: 1.5em;
}

h6 {
    font-size: 1em;
    line-height: 1.5;
    height: auto;
    margin-bottom: 0;
}

p {
    margin-bottom: 1.5em;
}

blockquote {
    margin: 1.5em;
}

pre, code {
    margin:1.5em 0;
    white-space:pre;
}

pre, code {
    font-size: 1em;
    font-family: 'andale mono', 'lucida console', monospace;
    line-height: 1.5;
}

dl {
    margin-bottom: 1.5em;
}

dd {
    margin-left: 1.5em;
}

ul, ol, dl {
    margin-left: 1.5em;
    margin-bottom: 1.5em;
    margin-right: 1.5em;
}

/*:focus { 
    outline: 2px dotted cyan; 
}*/

ins { 
    text-decoration: none; 
    background: #FED; 
    font-style: italic; 
}

/* tables still need 'cellspacing="0"' */ 
table { 
    border-collapse: collapse; 
    border-spacing: 0; 
}

/* Clear and Clearfix Support classes */
.clearfix:after, .container:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    zoom: 1; /* ensures .clearfix has a layout in IE */
}

* html .clearfix {
    height: 1%;
}

.clear {
    clear: both;
}/* ]]> */ 
/* <![CDATA[ */ /**
 * global body styles
 * recycling the column clear element, in case people's color
 * profiles are weird. Ensures the BG blends into the column tops right
 **/
body {
    background: #fafafa url(/img/column-clear.gif) left top repeat;
    font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #2a2f1c;
}

body > * {
    font-size: 1.4em;
}

a, a:link {
    color: #798563;
}

a:visited {
    color: #485d29;
}

.secondary h2,
.tertiary h2 {
    margin-bottom: 0;
}

/**
 * Header, logo, and navigation sections
 **/
#header {
    background: #b8cf63;
    width: 99.99%; /* adjusted for a 1px border */
    border: 1px solid #b8cf63;
    border-left: 0;
    border-right: 0;
    border-top: 0;
}

#header #tagline {
    position: absolute;
    top: 49px;
    left: 275px;
    font-size: 1.8em;
    font-weight: bold;
    text-transform: uppercase;
    color: #b8cf63;
}

#header #logo {
/*    padding-top: 11px;*/
    overflow: visible;
    margin-bottom: -26px;
}

/*
size .ai to 48px c/p size down
load into PS, save as png-24
*/
#header #logo a {
    display: block;
    background: url(/img/logo4.png) 0 1px no-repeat;
    height: 85px;
    width: 275px;
    text-indent: -4000px;
}

/**
 * navigation
 **/
#nav {
    position: absolute;
    left: 500px;
    top: 35px;
    width: 460px;
}

#nav ul {
    list-style-type: none;
    margin-left: 0;
    margin-right: 0;
    float: right;
}

#nav ul li {
    text-align: right;
    float: left;
    overflow: hidden;
    font-size:1.2em;
    line-height:1.25;
    padding-right: 1em;
}

#nav ul li a {
    color: #2a2f1c;
    text-decoration: none;
}

#nav .last {
    padding-right: 0;
}

/**
 * content regions
 **/
#content {
    margin-top: 33px;
    margin-left: 10px;
}

.primary {
    width: 440px;
    float: left;
}

.no-tertiary .primary {
    width: 660px;
}

.no-secondary-tertiary .primary {
    width: 960px;
}

.secondary {
    margin-left: 20px;
    width: 260px;
    background: url(/img/column.gif) left top repeat-y;
    float: left;
}

.tertiary {
    margin-left: 20px;
    width: 200px;
    background: url(/img/column.gif) left top repeat-y;
    float: left;
}

.secondary .inner_container,
.tertiary .inner_container {
    padding-left: 20px;
    background: url(/img/column-clear.gif) left top repeat-x;
}

/**
 * footer
 **/
#footer {
    clear: both;
    margin-left: 10px;
    width: 950px;
    font-size: 1.2em;
    line-height: 1.8em;
    background: #b8cf63;
    width: 99.99%; /* adjusted for a 1px border */
    margin-left: -10px;
    padding-right: 10px;
    margin-top: 1.5em;
}

#footer a, #footer a:link {
    color: #485d29;
}

#footer div.copyright,
#footer div.view-source {
    padding-left: 20px;
}

/**
 * mini about section
 **/
.about.mini a {
    display: block;
}

/**
 * Blog entries
 **/
.blog_entries .entry h1 {
    margin-bottom: 0;
}
 
.blog_entries .entry h2 {
    margin-bottom: 0;
}

.blog_entries .meta {
    color: #acc451;
}

/**
 * Blog comments
 **/
.blog_comments .blog_comment {
    border: 1px solid #2a2f1c;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}

.blog_comments .blog_comment.first {
    border-top: 0;
}

/**
 * Blog comment form
 **/
.comment_form label,
.comment_form input.text,
.comment_form textarea,
.comment_form .error,
.comment_form .help {
    float: left;
    clear: left;
}

.comment_form .form_row {
    float: left;
    clear: left;
    padding-bottom: 1em;
    margin-top: 0.5em;
    margin-bottom: -1px;
    border: 1px solid #2a2f1c;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    width: 100%;
}

.comment_form .form_row.first {
    margin-top: 0;
}

.comment_form label {
    width: 120px;
    padding-right: 40px;
}

.comment_form .form_row input.text,
.comment_form .form_row textarea {
    width: 318px;
    border: 1px solid #2a2f1c;
    margin-right: 40px;
}

.comment_form .form_row.no_help input.text,
.comment_form .form_row.no_help textarea {
    width: 498px;
    margin-right: 0;
}

.comment_form .form_row .help {
    width: 140px;
    font-size:  0.75em;
    line-height: 2;
}

.comment_form input.text {
    font-size: 1em;
    line-height: 1.5;
}

.comment_form textarea {
    height: 16em;
    font-size: 1.25em;
    line-height: 1.5;
}

.comment_form input.submit {
    float: right;
}

.comment_form p.instructions {
    clear: left;
    padding-top: 0.5em;
}

/**
 * Search Box
 **/
#header .search_box {
	top: 10px;
	left: 500px;
	position: absolute;
	width: 460px;
	text-align: right;
}

.search_box input.input_text {
    background: #b8cf63;
    border: 1px solid #2a2f1c;
	width: 16.5em;
	line-height: 1em;
}

.search_box input.input_text:focus {
    background: #fafafa;
}

.search_box input.input_submit {
    line-height: 1em;
    background: 0;
    border: 0;
    color: #2a2f1c;
    width: 15px;
    overflow: hidden;
    text-indent: -1234px;
    background: url(/img/search.png) top left no-repeat;
    border: 1px solid #2a2f1c;
    border-left: 0;
}

/**
 * flickr widget
 * controls a display of recent photos
 * show in .flickr_badge
 **/

.flickr_badge ul {
    list-style-type: none;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
}

.flickr_badge li {
    float: left;
    overflow: hidden;
}

.flickr_badge .photo_size_square {
    height: 92px;
    width: 80px;
    margin-top: 13px;
}

.flickr_badge .photo_size_square img {
    margin-left: 3px;
}

.flickr_badge .photo_size_small {
    height: 97px;
    width: 240px;
    margin-top: 8px;
    overflow: hidden; /* neat crop effect */
}

.flickr_badge_explanation {
    clear: left;
}

/**
 * delicious widget
 **/
.delicious_badge dl, 
.delicious_badge dt,
.delicious_badge dd {
    margin-left: 0;
    margin-right: 0;
}

.delicious_badge .deliciouslink dt {
    margin-top: 1.5em;
}

.delicious_badge .deliciouslink dt.first {
    margin-top: 0;
}

.delicious_badge dd {
    margin-bottom: 1.5em;
}

/**
 * Twitter badge
 **/
.twitter_badge ul {
    margin-left: 0;
    margin-right: 0;
    list-style-type: none;
}

.twitter_badge ul li {
    margin-bottom: 1.5em;
}

/**
 * github badge
 **/
.github_badge p.commit_id {
    margin-bottom: 0;
}

.github_badge ul {
    list-style-type: none;
    margin-left: 0;
    margin-right: 0;
}

/**
 * copypasta widget
 **/
.copyable, input.copypasta {
    font-family: 'andale mono', 'lucida console', monospace;
}

input.copypasta {
    display: inline;
    border: 0;
    background: transparent;
    font-size: 1em;
}

/**
 * syntax highligher widget
 **/
.primary .dp-highlighter {
    font-family: 'andale mono', 'lucida console', monospace;
    margin-bottom: 1.5em;
    overflow: hidden;
    width: 460px;
}

.no-tertiary .primary .dp-highlighter {
    width: 660px;
}

.no-secondary-tertiary .primary .dp-highlighter {
    width: 960px;
}

.dp-highlighter .bar {
    padding-left: 40px !important;
}

.dp-highlighter ol.dp-c,
.dp-highlighter ol.dp-xml {
    margin-left: 40px !important;
}

.dp-highlighter div.tools {
    font-size: 0.75em;
    line-height: 1.5;
    margin: 0;
    padding: 0.25em;
}

/**
 * technorati backlinks widget
 **/
.technorati_links ul {
}



/**
 * Debug Styles
 **/
body.debug_enabled {
    background: url(/img/baseline_20x20at14in21.gif) 0 10px repeat;
}

body.debug_enabled #header {
    background: none;
}/* ]]> */ 

/**
 * Front Page specific stylings
 **/
/* <![CDATA[ */ /**
 * Specific Front Page Styles
 * Think of this like a "realignment" of the content
 * specifically on the front page
 **/
#pages_frontpage .primary {
    width: 950px;
}

#pages_frontpage .primary h1 {
    float: left;
}

#pages_frontpage .primary .blog_entries {
    clear: left;
}

#pages_frontpage .primary .blog_entries .entry h2 {
    width: 680px;
    float: left;
}

#pages_frontpage .primary .blog_entries .entry .meta {
    float: right;
    width: 230px;
    margin-left: 20px;
    padding-left: 20px;
    margin-top: 3em;
}

#pages_frontpage .primary .blog_entries .entry .body {
    clear: left;
    width: 680px;
}

#pages_frontpage .secondary,
#pages_frontpage .tertiary {
    margin: 0;
    padding: 0;
    background: 0;
    width: 950px;
}

#pages_frontpage .secondary .inner_container,
#pages_frontpage .tertiary .inner_container {
    background: 0;
    margin: 0;
    padding: 0;
    width: 950px;
}

#pages_frontpage .secondary h1 {
    width: 950px;
    clear: both;
}

#pages_frontpage .secondary .github-updates {
    width: 950px;
}

#pages_frontpage .github_badge {
    width: 200px;
    float: left;
    padding-left: 20px;
    margin-left: 20px;
}

#pages_frontpage .github_badge.first {
    margin-left: 0;
    padding-left: 0;
}

#pages_frontpage .flickr_badge {
    width: 950px;
    margin-bottom: 295px;
}

#pages_frontpage .flickr_badge li,
#pages_frontpage .flickr_badge img {
    margin: 0;
    padding: 0;
}

#pages_frontpage .flickr_badge .first {
    width: 440px;
    height: 263px;
    margin-bottom: 30px;
}

#pages_frontpage .flickr_badge .second {
    height: 263px;
    width: 200px;
    margin-left: 40px;
}

#pages_frontpage .flickr_badge .second img {
    margin-top: -59px;
    margin-left: -107px;
}

#pages_frontpage .flickr_badge .photo_size_small {
    width: 200px;
    height: 78px;
    margin-bottom: 14px;
    margin-left: 20px;
    padding-left: 20px;
}

#pages_frontpage .flickr_badge .photo_size_small img {
    margin-top: -45px;
}

#pages_frontpage .delicious_badge {
    width: 680px;
}

#pages_frontpage .tertiary {
    background: #b8cf63;
    width: 99.99%; /* adjusted for a 1px border */
    border: 1px solid #b8cf63;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
    margin-left: -10px;
    padding-right: 10px;
}

#pages_frontpage .tertiary a {
    color: #485d29;
}

#pages_frontpage .tertiary .inner_container {
    width: 950px;
    padding-left: 10px;
}

#pages_frontpage .tertiary h1 {
    display: none;
}

#pages_frontpage .tertiary h2 {
    width: 440px;
    float: left;
}

#pages_frontpage .tertiary h2.twitter {
    width: 230px;
    float: right;
    margin-top: -1.5em;
}

#pages_frontpage .tertiary .about {
    width: 440px;
    float: left;
    clear: left;
}

#pages_frontpage .tertiary h2.blogroll {
    float: left;
    margin-top: -1.5em;
    width: 200px;
    padding-left: 20px;
    margin-left: 20px;
}

#pages_frontpage .tertiary .blogroll_badge {
    float: left;
    width: 200px;
    padding-left: 20px;
    margin-left: 20px;
}

#pages_frontpage .tertiary .twitter_badge {
    width: 230px;
    float: right;
    clear: right;
}

#pages_frontpage #footer {
    border: 0;
    margin-top: 0;
}

#pages_frontpage.debug_enabled .tertiary,
#pages_frontpage.debug_enabled #footer {
    background: transparent;
}
/* ]]> */ 

/**
 * Syntax Highlighter CSS used throughout the site
 **/
/* <![CDATA[ */ .dp-highlighter
{
	width: 99%;
	overflow: auto;
	padding-top: 1px; /* adds a little border on top when controls are hidden */
}

.dp-highlighter a,
.dp-highlighter a:hover
{
	background: none;
	border: none;
	padding: 0;
	margin: 0;
}

.dp-highlighter .bar
{
	padding-left: 45px;
}

.dp-highlighter.collapsed .bar,
.dp-highlighter.nogutter .bar
{
	padding-left: 0px;
}

.dp-highlighter ol
{
	list-style: decimal; /* for ie */
	background-color: #fff;
	margin: 0px 0px 0px 45px !important; /* 1px bottom margin seems to fix occasional Firefox scrolling */
	padding: 0px;
/*  color: #5C5C5C;
*/}

.dp-highlighter.nogutter ol,
.dp-highlighter.nogutter ol li
{
	list-style: none !important;
	margin-left: 0px !important;
}

.dp-highlighter ol li,
.dp-highlighter .columns div
{
	list-style: decimal-leading-zero; /* better look for others, override cascade from OL */
	list-style-position: outside !important;
	border-left: 3px solid #535743;
	background-color: #fafafa;
/*  color: #5C5C5C;
*/	padding: 0 3px 0 10px !important;
	margin: 0 !important;
}

.dp-highlighter.nogutter ol li,
.dp-highlighter.nogutter .columns div
{
	border: 0;
}

.dp-highlighter .columns
{
/*  background-color: #F8F8F8;
    color: gray;*/
	overflow: hidden;
	width: 100%;
}

.dp-highlighter ol li.alt
{
	background-color: #fafafa;
	color: inherit;
}

.dp-highlighter ol li span
{
	color: #333;
	background-color: inherit;
}

/* Adjust some properties when collapsed */

.dp-highlighter.collapsed ol
{
	margin: 0px;
}

.dp-highlighter.collapsed ol li
{
	display: none;
}

/* Additional modifications when in print-view */

.dp-highlighter.printing
{
	border: none;
}

.dp-highlighter.printing .tools
{
	display: none !important;
}

.dp-highlighter.printing li
{
	display: list-item !important;
}

/* Styles for the tools */

.dp-highlighter .tools
{
	padding: 3px 8px 3px 10px;
	font: 9px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: silver;
	background-color: #fafafa;
	padding-bottom: 10px;
	border-left: 3px solid #535743;
}

.dp-highlighter.nogutter .tools
{
	border-left: 0;
}

.dp-highlighter.collapsed .tools
{
	border-bottom: 0;
}

.dp-highlighter .tools a
{
	color: #565;
	background-color: inherit;
	text-decoration: none;
	margin-right: 10px;
}

.dp-highlighter .tools a:hover
{
	color: #060;
	background-color: inherit;
	text-decoration: underline;
}

/* Language specific styles */

.dp-highlighter .comment, .dp-highlighter .comments { color: #008200; background-color: inherit; }
.dp-highlighter .string { color: blue; background-color: inherit; }
.dp-highlighter .keyword { color: #006699; font-weight: bold; background-color: inherit; }
.dp-highlighter .preprocessor { color: #008200; background-color: inherit; }
.dp-highlighter .attribute { color: #006699; background-color: inherit; }
.dp-highlighter .tag { color: #006699; background-color: inherit; }
.dp-highlighter .tag-name { color: #006699; background-color: inherit; }
/* ]]> */