/* - Reset (http://meyerweb.com/eric/tools/css/reset/)
-------------------------------------------------------*/
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, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 135%;
	font: inherit;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* - HTML Elements
-------------------------------------------------------*/
html {
	overflow-y: scroll;
}
body {
	font-family: Georgia, serif;
	font-size: 18px;
	line-height: 1.5;
	color: #fff;
	padding-bottom: 20px;
	background: #0F1620 url(http://bluescripts.s3-website-us-east-1.amazonaws.com/images/bg.jpg) no-repeat scroll center top;
}
a,a:visited {
	color: #fff;
}
a:hover,a:active {
	color: #eee;
}
h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
	font-family: Helvetica, Arial sans-serif;
}
h2 {
	color: #efefef;
	font-size: 1.8em;
	padding-top: 10px;
	margin-bottom: 0.2em;
}
h2 a {
	text-decoration: none;
}
h3 {
	font-size: 1em;
	margin-bottom: 0.2em;
	font-weight: bold;
}
p {
	margin:0 0 1.2em;
}
abbr {
	border-bottom: 1px dotted #ccc;
	cursor: help;
}
ul {
	margin: 0 0 1.5em 1em;
}
li {
	list-style-type: disc;
}

/* - Structure
-------------------------------------------------------*/
header {

  line-height: 1;
}
header p {
	margin-bottom: 0;
}
#logo {
    float: left;
	font-family: Helvetica;
	font-size: 26px;
	font-weight: bold;
	letter-spacing: -1px;
	width: 300px;
	padding-top: 10px; 
	padding-left: 10px; 
}
#logo a {
	color: #3061BE;
	text-decoration: none;
}
#logo a:hover {
	color: #000;
}
nav { text-align: center; 
    background: url(http://bluescripts.s3-website-us-east-1.amazonaws.com/images/nav-bg.gif) repeat-x top #004688; height: 46px; width: 100%; -moz-border-radius: 4px;
    margin-bottom: 10px; 
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      -webkit-border-radius: 4px;
    }
nav ul {
	float: right;
	text-align: right;
	margin: 0;
	padding-top: 10px; 
	padding-right: 50px;
}
nav li {
	list-style-type: none;
	display: block;
	padding-left: 20px;
	float: right;
}
nav li a {
	display: block;
	float: right;
	font-weight: bold;
	text-decoration: none;
	font-family: Helvetica, Arial;
	font-size: 16px;
	color: #222 !important;
	padding: 4px 12px 3px 6px;
}
nav li a:hover { color: #3061BE !important; }
nav li.selected a {
	color: #333;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background: #fff;
}
footer p {
	border-top: 1px dotted #BEBEBE;
	padding: 1em 0 0;
	margin: 1em 0 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
}

/* - Content
-------------------------------------------------------*/
.post {
	padding: .5em 0 0;
	margin: .5em 0 0;
}
.post h2 {
	float: left;
	font-size: 1.2em;
        font-weight: bold;
	margin-top: -10px; 
}
.post-meta {
	margin-top: 3px;
	font-size: 16px;
	font-family: Helvetica, Arial;
}
.pill {
	padding: 4px 5px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: #FFF;
	float: right;
	font-family: Helvetica, Arial;
	
}
a.pill {
	background: #3061BE;
	text-decoration: none;
	color: #FFF;
}
a:hover.pill {
	background: #000;
}
time.pill {
	background: #000;
	font-weight: normal;
}

/* - Misc 
-------------------------------------------------------*/
.separator {
	border-top: 1px solid #222;
}
.meta {
	color: #808080;
}
img.callout {
	float: left;
	margin: 0 5px 0 0;
	border: 2px solid #000;
}
.clearfix:after,.container:after {
	content: "\0020";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	overflow: hidden;
}
.clearfix,.container {
	display: block;
}
.clear {
	clear: both;
}
div.border {
	padding-right: 4px;
	margin-right: 5px;
	border-right: 1px dotted #BEBEBE;
}
div.colborder {
	padding-right: 24px;
	margin-right: 25px;
	border-right: 1px dotted #BEBEBE;
}

ol { padding-left: 30px; }
ol li { list-style: none; }

/* - Code
-------------------------------------------------------*/
code {
	font-family: Consolas, Monaco, monospace;
	font-size: 12px;
	background: #222;
}
pre,
#content-wrap .gist .gist-file .gist-data pre {
	font-family: Consolas, Monaco, monospace !important;
	font-size: 12px;
	padding: 5px 10px;
	background: #222 !important;
	font-weight: bold;
	overflow: auto;
	border: none !important;
}
#content-wrap .gist .gist-file .gist-meta {
	background: #222;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	padding-left: 0;
	padding-right: 0;
}
#content-wrap .gist .gist-file .gist-meta a,
#content-wrap .gist .gist-file .gist-meta a:visited {
	color: #3061BE;
}
#content-wrap .gist .gist-file .gist-meta a:hover,
#content-wrap .gist .gist-file .gist-meta a:active {
	color: #000;
}
#content-wrap .gist .gist-file {
	border: none;
}
div.highlight {
	margin-bottom: 1.2em;
}
/*--[ Highlight ]--*/
.highlight .hll { background-color: #222 }
.highlight .c { color: #75715e } /* Comment */
.highlight .err { color: #960050; background-color: #1e0010 } /* Error */
.highlight .k { color: #66d9ef } /* Keyword */
.highlight .l { color: #ae81ff } /* Literal */
.highlight .n { color: #f8f8f2 } /* Name */
.highlight .o { color: #f92672 } /* Operator */
.highlight .p { color: #f8f8f2 } /* Punctuation */
.highlight .cm { color: #75715e } /* Comment.highlight .Multiline */
.highlight .cp { color: #75715e } /* Comment.highlight .Preproc */
.highlight .c1 { color: #75715e } /* Comment.highlight .Single */
.highlight .cs { color: #75715e } /* Comment.highlight .Special */
.highlight .ge { font-style: italic } /* Generic.highlight .Emph */
.highlight .gs { font-weight: bold } /* Generic.highlight .Strong */
.highlight .kc { color: #66d9ef } /* Keyword.highlight .Constant */
.highlight .kd { color: #66d9ef } /* Keyword.highlight .Declaration */
.highlight .kn { color: #f92672 } /* Keyword.highlight .Namespace */
.highlight .kp { color: #66d9ef } /* Keyword.highlight .Pseudo */
.highlight .kr { color: #66d9ef } /* Keyword.highlight .Reserved */
.highlight .kt { color: #66d9ef } /* Keyword.highlight .Type */
.highlight .ld { color: #e6db74 } /* Literal.highlight .Date */
.highlight .m { color: #ae81ff } /* Literal.highlight .Number */
.highlight .s { color: #e6db74 } /* Literal.highlight .String */
.highlight .na { color: #a6e22e } /* Name.highlight .Attribute */
.highlight .nb { color: #f8f8f2 } /* Name.highlight .Builtin */
.highlight .nc { color: #a6e22e } /* Name.highlight .Class */
.highlight .no { color: #66d9ef } /* Name.highlight .Constant */
.highlight .nd { color: #a6e22e } /* Name.highlight .Decorator */
.highlight .ni { color: #f8f8f2 } /* Name.highlight .Entity */
.highlight .ne { color: #a6e22e } /* Name.highlight .Exception */
.highlight .nf { color: #a6e22e } /* Name.highlight .Function */
.highlight .nl { color: #f8f8f2 } /* Name.highlight .Label */
.highlight .nn { color: #f8f8f2 } /* Name.highlight .Namespace */
.highlight .nx { color: #a6e22e } /* Name.highlight .Other */
.highlight .py { color: #f8f8f2 } /* Name.highlight .Property */
.highlight .nt { color: #f92672 } /* Name.highlight .Tag */
.highlight .nv { color: #f8f8f2 } /* Name.highlight .Variable */
.highlight .ow { color: #f92672 } /* Operator.highlight .Word */
.highlight .w { color: #f8f8f2 } /* Text.highlight .Whitespace */
.highlight .mf { color: #ae81ff } /* Literal.highlight .Number.highlight .Float */
.highlight .mh { color: #ae81ff } /* Literal.highlight .Number.highlight .Hex */
.highlight .mi { color: #ae81ff } /* Literal.highlight .Number.highlight .Integer */
.highlight .mo { color: #ae81ff } /* Literal.highlight .Number.highlight .Oct */
.highlight .sb { color: #e6db74 } /* Literal.highlight .String.highlight .Backtick */
.highlight .sc { color: #e6db74 } /* Literal.highlight .String.highlight .Char */
.highlight .sd { color: #e6db74 } /* Literal.highlight .String.highlight .Doc */
.highlight .s2 { color: #e6db74 } /* Literal.highlight .String.highlight .Double */
.highlight .se { color: #ae81ff } /* Literal.highlight .String.highlight .Escape */
.highlight .sh { color: #e6db74 } /* Literal.highlight .String.highlight .Heredoc */
.highlight .si { color: #e6db74 } /* Literal.highlight .String.highlight .Interpol */
.highlight .sx { color: #e6db74 } /* Literal.highlight .String.highlight .Other */
.highlight .sr { color: #e6db74 } /* Literal.highlight .String.highlight .Regex */
.highlight .s1 { color: #e6db74 } /* Literal.highlight .String.highlight .Single */
.highlight .ss { color: #e6db74 } /* Literal.highlight .String.highlight .Symbol */
.highlight .bp { color: #f8f8f2 } /* Name.highlight .Builtin.highlight .Pseudo */
.highlight .vc { color: #f8f8f2 } /* Name.highlight .Variable.highlight .Class */
.highlight .vg { color: #f8f8f2 } /* Name.highlight .Variable.highlight .Global */
.highlight .vi { color: #f8f8f2 } /* Name.highlight .Variable.highlight .Instance */
.highlight .il { color: #ae81ff } /* Literal.highlight .Number.highlight .Integer.highlight .Long */
#sidebar * { margin: 0; padding: 0; }

#sidebar #lang { width: 16px; height: 16px; }
#sidebar a { text-decoration: none; font-family: Helvetica; font-size: 13px; }
#sidebar div { font-size: 12px; } 
#sidebar div div { margin-bottom: 10px; }
/*
	960 Grid System ~ Core CSS.
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
*/

/* =Containers
--------------------------------------------------------------------------------*/

.container_12,
.container_16
{
	width: 92%;
	margin-left: 4%;
	margin-right: 4%;
}

/* =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: 1%;
	margin-right: 1%;
}

.container_12 .grid_3,
.container_16 .grid_4
{
	width: 23%;
}

.container_12 .grid_6,
.container_16 .grid_8
{
	width: 48%;
}

.container_12 .grid_9,
.container_16 .grid_12
{
	width: 73%;
}

.container_12 .grid_12,
.container_16 .grid_16
{
	width: 98%;
}

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

.alpha
{
	margin-left: 0;
}

.omega
{
	margin-right: 0;
}

/* =Grid >> 12 Columns
--------------------------------------------------------------------------------*/

.container_12 .grid_1
{
	width: 6.333%;
}

.container_12 .grid_2
{
	width: 14.666%;
}

.container_12 .grid_4
{
	width: 31.333%;
}

.container_12 .grid_5
{
	width: 39.666%;
}

.container_12 .grid_7
{
	width: 56.333%;
}

.container_12 .grid_8
{
	width: 64.666%;
}

.container_12 .grid_10
{
	width: 81.333%;
}

.container_12 .grid_11
{
	width: 89.666%;
}

/* =Grid >> 16 Columns
--------------------------------------------------------------------------------*/

.container_16 .grid_1
{
	width: 4.25%;
}

.container_16 .grid_2
{
	width: 10.5%;
}

.container_16 .grid_3
{
	width: 16.75%;
}

.container_16 .grid_5
{
	width: 29.25%;
}

.container_16 .grid_6
{
	width: 35.5%;
}

.container_16 .grid_7
{
	width: 41.75%;
}

.container_16 .grid_9
{
	width: 54.25%;
}

.container_16 .grid_10
{
	width: 60.5%;
}

.container_16 .grid_11
{
	width: 66.75%;
}

.container_16 .grid_13
{
	width: 79.25%;
}

.container_16 .grid_14
{
	width: 85.5%;
}

.container_16 .grid_15
{
	width: 91.75%;
}

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

.container_12 .prefix_3,
.container_16 .prefix_4
{
	padding-left: 25%;
}

.container_12 .prefix_6,
.container_16 .prefix_8
{
	padding-left: 50%;
}

.container_12 .prefix_9,
.container_16 .prefix_12
{
	padding-left: 75%;
}

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

.container_12 .prefix_1
{
	padding-left: 8.333%;
}

.container_12 .prefix_2
{
	padding-left: 16.666%;
}

.container_12 .prefix_4
{
	padding-left: 33.333%;
}

.container_12 .prefix_5
{
	padding-left: 41.666%;
}

.container_12 .prefix_7
{
	padding-left: 58.333%;
}

.container_12 .prefix_8
{
	padding-left: 66.666%;
}

.container_12 .prefix_10
{
	padding-left: 83.333%;
}

.container_12 .prefix_11
{
	padding-left: 91.666%;
}

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

.container_16 .prefix_1
{
	padding-left: 6.25%;
}

.container_16 .prefix_2
{
	padding-left: 12.5%;
}

.container_16 .prefix_3
{
	padding-left: 18.75%;
}

.container_16 .prefix_5
{
	padding-left: 31.25%;
}

.container_16 .prefix_6
{
	padding-left: 37.5%;
}

.container_16 .prefix_7
{
	padding-left: 43.75%;
}

.container_16 .prefix_9
{
	padding-left: 56.25%;
}

.container_16 .prefix_10
{
	padding-left: 62.5%;
}

.container_16 .prefix_11
{
	padding-left: 68.75%;
}

.container_16 .prefix_13
{
	padding-left: 81.25%;
}

.container_16 .prefix_14
{
	padding-left: 87.5%;
}

.container_16 .prefix_15
{
	padding-left: 93.75%;
}

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

.container_12 .suffix_3,
.container_16 .suffix_4
{
	padding-right: 25%;
}

.container_12 .suffix_6,
.container_16 .suffix_8
{
	padding-right: 50%;
}

.container_12 .suffix_9,
.container_16 .suffix_12
{
	padding-right: 75%;
}

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

.container_12 .suffix_1
{
	padding-right: 8.333%;
}

.container_12 .suffix_2
{
	padding-right: 16.666%;
}

.container_12 .suffix_4
{
	padding-right: 33.333%;
}

.container_12 .suffix_5
{
	padding-right: 41.666%;
}

.container_12 .suffix_7
{
	padding-right: 58.333%;
}

.container_12 .suffix_8
{
	padding-right: 66.666%;
}

.container_12 .suffix_10
{
	padding-right: 83.333%;
}

.container_12 .suffix_11
{
	padding-right: 91.666%;
}

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

.container_16 .suffix_1
{
	padding-right: 6.25%;
}

.container_16 .suffix_2
{
	padding-right: 16.5%;
}

.container_16 .suffix_3
{
	padding-right: 18.75%;
}

.container_16 .suffix_5
{
	padding-right: 31.25%;
}

.container_16 .suffix_6
{
	padding-right: 37.5%;
}

.container_16 .suffix_7
{
	padding-right: 43.75%;
}

.container_16 .suffix_9
{
	padding-right: 56.25%;
}

.container_16 .suffix_10
{
	padding-right: 62.5%;
}

.container_16 .suffix_11
{
	padding-right: 68.75%;
}

.container_16 .suffix_13
{
	padding-right: 81.25%;
}

.container_16 .suffix_14
{
	padding-right: 87.5%;
}

.container_16 .suffix_15
{
	padding-right: 93.75%;
}

/* =Clear Floated Elements
--------------------------------------------------------------------------------*/

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

html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear
{
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	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;
}