@media all {/*
	960 Grid System ~ Core CSS.
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
*/

/* `Containers
----------------------------------------------------------------------------------------------------*/

.container_12,
.container_16 {
	margin-left: 80px;
	width: 960px;
}

/* `Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16 {
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}

.container_12 .grid_3,
.container_16 .grid_4 {
	width: 220px;
}

.container_12 .grid_6,
.container_16 .grid_8 {
	width: 460px;
}

.container_12 .grid_9,
.container_16 .grid_12 {
	width: 700px;
}

.container_12 .grid_12,
.container_16 .grid_16 {
	width: 940px;
}

/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* `Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .grid_1 {
	width: 60px;
}

.container_12 .grid_2 {
	width: 140px;
}

.container_12 .grid_4 {
	width: 300px;
}

.container_12 .grid_5 {
	width: 380px;
}

.container_12 .grid_7 {
	width: 540px;
}

.container_12 .grid_8 {
	width: 620px;
}

.container_12 .grid_10 {
	width: 780px;
}

.container_12 .grid_11 {
	width: 860px;
}

/* `Grid >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .grid_1 {
	width: 40px;
}

.container_16 .grid_2 {
	width: 100px;
}

.container_16 .grid_3 {
	width: 160px;
}

.container_16 .grid_5 {
	width: 280px;
}

.container_16 .grid_6 {
	width: 340px;
}

.container_16 .grid_7 {
	width: 400px;
}

.container_16 .grid_9 {
	width: 520px;
}

.container_16 .grid_10 {
	width: 580px;
}

.container_16 .grid_11 {
	width: 640px;
}

.container_16 .grid_13 {
	width: 760px;
}

.container_16 .grid_14 {
	width: 820px;
}

.container_16 .grid_15 {
	width: 880px;
}

/* `Prefix Extra Space >> Global
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_3,
.container_16 .prefix_4 {
	padding-left: 240px;
}

.container_12 .prefix_6,
.container_16 .prefix_8 {
	padding-left: 480px;
}

.container_12 .prefix_9,
.container_16 .prefix_12 {
	padding-left: 720px;
}

/* `Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_1 {
	padding-left: 80px;
}

.container_12 .prefix_2 {
	padding-left: 160px;
}

.container_12 .prefix_4 {
	padding-left: 320px;
}

.container_12 .prefix_5 {
	padding-left: 400px;
}

.container_12 .prefix_7 {
	padding-left: 560px;
}

.container_12 .prefix_8 {
	padding-left: 640px;
}

.container_12 .prefix_10 {
	padding-left: 800px;
}

.container_12 .prefix_11 {
	padding-left: 880px;
}

/* `Prefix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .prefix_1 {
	padding-left: 60px;
}

.container_16 .prefix_2 {
	padding-left: 120px;
}

.container_16 .prefix_3 {
	padding-left: 180px;
}

.container_16 .prefix_5 {
	padding-left: 300px;
}

.container_16 .prefix_6 {
	padding-left: 360px;
}

.container_16 .prefix_7 {
	padding-left: 420px;
}

.container_16 .prefix_9 {
	padding-left: 540px;
}

.container_16 .prefix_10 {
	padding-left: 600px;
}

.container_16 .prefix_11 {
	padding-left: 660px;
}

.container_16 .prefix_13 {
	padding-left: 780px;
}

.container_16 .prefix_14 {
	padding-left: 840px;
}

.container_16 .prefix_15 {
	padding-left: 900px;
}

/* `Suffix Extra Space >> Global
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_3,
.container_16 .suffix_4 {
	padding-right: 240px;
}

.container_12 .suffix_6,
.container_16 .suffix_8 {
	padding-right: 480px;
}

.container_12 .suffix_9,
.container_16 .suffix_12 {
	padding-right: 720px;
}

/* `Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_1 {
	padding-right: 80px;
}

.container_12 .suffix_2 {
	padding-right: 160px;
}

.container_12 .suffix_4 {
	padding-right: 320px;
}

.container_12 .suffix_5 {
	padding-right: 400px;
}

.container_12 .suffix_7 {
	padding-right: 560px;
}

.container_12 .suffix_8 {
	padding-right: 640px;
}

.container_12 .suffix_10 {
	padding-right: 800px;
}

.container_12 .suffix_11 {
	padding-right: 880px;
}

/* `Suffix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .suffix_1 {
	padding-right: 60px;
}

.container_16 .suffix_2 {
	padding-right: 120px;
}

.container_16 .suffix_3 {
	padding-right: 180px;
}

.container_16 .suffix_5 {
	padding-right: 300px;
}

.container_16 .suffix_6 {
	padding-right: 360px;
}

.container_16 .suffix_7 {
	padding-right: 420px;
}

.container_16 .suffix_9 {
	padding-right: 540px;
}

.container_16 .suffix_10 {
	padding-right: 600px;
}

.container_16 .suffix_11 {
	padding-right: 660px;
}

.container_16 .suffix_13 {
	padding-right: 780px;
}

.container_16 .suffix_14 {
	padding-right: 840px;
}

.container_16 .suffix_15 {
	padding-right: 900px;
}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://www.positioniseverything.net/easyclearing.html */

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

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}}
@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;
}
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/* END RESET */

body {
    line-height: 1.4;
    color: #333940;
    background: #f4f4f4;
    width: 100%;
    height: 100%;
    font-family: "Helvetica Neue", Arial, sans-serif;
}

/* LAYOUT */
#body-container{ padding-top: 22px; }

.post, .bookmark, .quote { margin-bottom: 1.2em; }

.post .date, .bookmark .date, .quote .date {
  float: left;
  padding: .3em .4em .3em 1.2em;
  background: #76d5ff; /* c14040 */
  margin: 0.3em 0  0 -6.0em;
  width: 3.8em;
}

#comments{
    margin-top: 1.8em;
    border-top: solid 1px #CCC;
    padding-top: .6em;
}

.post .teaser{ 
    border-bottom: solid .5em #333940; 
    padding: .1em .1em .4em .1em; 
    margin-bottom: .7em;
}

#right-rail p {
    font-size: .8em;
    margin-bottom: 1.8em;
}

.post_list .post, #header, .post_list .quote, .post_list .bookmark {
    padding-bottom: 1.2em;
    border-bottom: 1px solid #ccc;
}
.post_detail .subscribe {
    margin-top: 1.2em;
}

#right-rail ul{ margin-left: 0em;}

.filter-title{
    margin-bottom: 1.2em;
    background-color: #ccc;
    padding: .3em;
}

.post-img { 
    margin: 1.2em 0em 1.2em 1.2em; 
    padding: .8em .8em 0em 1.6em; 
    background-color: #e4e4e4; 
    width: 220px; 
    border-left: solid 1.0em #dedede;
}

.post-img p {
    margin-left: .2em;
    line-height: 1.4em;
}

.post-img {
  float: left;
  margin: 0.3em 0  0 -6.0em;
}

.video
{
    background-color: #000;
    text-align: center;
}

ul.recent-posts li, .post li
{
    list-style: disc;
    left-margin: 1.2em;
    list-style-position: inside;
    color: #333940;
}

.bookmark p{ margin-top: .8em;}

/* FORMS */
label
{
    display:block;
    font-weight: bold;
}

#form-error
{
    color: #c14040;
}

#form-error li
{
    list-style: disc;
}


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

pre.prettyprint {
  padding: .6em 0em .6em .6em;
    border: none;
}

/* HEADER/NAV */
#header
{
  margin-left: 80px;
  width: 960px;
  margin-bottom: 30px;
  padding-bottom: 0em;
}
#head1 {
  display: block;
}

#logo { float: left; }
/* Inserted by Tom Brander for nested nav Allows for Three levels.. pattern can be extended if you want */
ul.level-one{
  margin-left:-10px;  /* lines up 1st item with search box*/

  }
ul.level-one li{
  list-style: none;
  padding-right: 5px;
  padding-left: 5px;
  float: left;
  position: relative;
  line-height: 1.3em;
  border-style:solid;
  border-width:1px;
  }
ul.level-one li:hover {
  background:#D9D9D9;
  }
.level-two {
  display: none;
  position :absolute;
  Left:0;
  top: 1em;
  }
.level-three {
  display: none;
  position :absolute;
  top: 0em;
  }
.level-one li:hover .level-two {
  display: block;
  background: #D9D9D9;
  width: 100px;
  margin-left: 10px;
  }
.level-two li:hover .level-three {
  display: block;
  background: #D9D9D9;
  width: 100px;
  padding-left: 10px;
  margin-left: 82px;  /* this moves the 3rd level over to the right but not too far, needs enough overlap so that you can move the mouse without the third level disappearing */
  }
.level-three li:hover {display:block;}

#nav{ float: right;
    display: block; }

#breadcrumbs a{
    float: left;
	margin-top: 0px;
    display: block;
	margin-bottom: 0;	
    text-decoration: none;
    font-weight: 100;
    font-size: .5em;
}

.button{ margin-left: .6em;}

.subscribe li
{
  float:left;
  list-style: square;
  margin-left: 2.6em;
}

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

#pagination .newew{ float: left; }

/* FOOTER */
#footer{ margin-top: 2.8em; }

#footer p{ margin-left: 1.6em; padding-bottom: 1.8em; }

/* TYPE BASE */
p, ul, ol, pre { font-size: 1em; margin: 0 0 0.6em; }

ul, ol { margin-left: 1.4em; }

ul ul { margin-bottom: 0; }

h1{ font-size: 2.0em; }

h2, h3, h4, h5 { margin: 1em 0 0.2em; font-weight: bold; }

h2 { margin: 0.25em 0 .2em; font-size: 1.8em; letter-spacing: -0.025em; line-height: 1.2em; font-weight: 100; }

h3 { font-size: 1em; margin-bottom: 0.25em; }

h4 { font-size: 0.875em; }

p, li { font-size: .9em; line-height: 1.4em;}

/* TYPE SPECIFIC */
.post .teaser{
    font-size: 1.1em;
    line-height: 1.2em;
}

#right-rail p, #right-rail ul {font-size: .8em;}

.post .date, .bookmark .date, .quote .date  { color: #fff; }

ul.level-one li
{
  font-size: .9em;
  text-decoration: none;
  color: #999ca0;
}

pre{ color: #333940; }

#footer p{ font-size: .8em; }

.filter-title{ font-size: 1.4em; }

.list-tease { font-size: .9em; }

.subscribe ul{ font-size: .9em;}

/* LINKS */
a:link, a:visited {
    /* 76d5ff 3c94bc 3e4d5c 66bbe0 */
    color: #3c94bc;
    text-decoration: none;
    font-weight: bold;
}

a:hover { color: #3c94bc; }

h2 a:link, h2 a:visited{ font-weight: 400; color: #333940;}

h2 a:hover { font-weight: 400; color: #3c94bc;}

#nav ul li a
{
  text-decoration: none;
  font-weight: 400;
  font-size: 1.0em;

}




/* STYLE/ACCENTS */
#bleeder {
    background: transparent url('/media/static/imgs/bg_trans.png') top left repeat-y;
    width: 10px;
    position: fixed;
    z-index: 9999;
    top: 0;
    bottom: 0;
    height: 100%;
}

/* HELPERS */
.hide
{
  display: none;
  margin-left: -1000;
}
}
@media all {body {
    color: #333940;
    background: #f4f4f4;
    background-image: url('/media/static/css/themes/topgradient.png');
    background-repeat: repeat-x;
}


/* LAYOUT */
.post .date, .quote .date, .bookmark .date {
	float: left;
	padding: .3em .4em .3em 1.2em;
	background: #c14040;
	margin: 0.3em 0  0 -6.0em;
	width: 3.8em;
}
.post .teaser{ border-bottom: solid .2em #333940;}

/* TYPE */
h4{ color: #333940;}
#right-rail p, #right-rail ul{ color: #333940;}

/* LINKS */
a:link, a:visited {
    color: #c14040;
}
a:hover { color: #333; }
h2 a:link, h2 a:visited{ color: #c14040;}
h2 a:hover { color: #333;}

pre{ color: #333940; background-color: #ccc;}
}