/* --------- /stylesheets/reset.css --------- */ 
/* 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 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;
}/* --------- /stylesheets/grid5.css --------- */ 
/* Containers
----------------------------------------------------------------------------------------------------*/
.container_5 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

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


.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5 {
	display:inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}

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

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

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


.container_5 .grid_1 {
	width:172px;
}

.container_5 .grid_2 {
	width:364px;
}

.container_5 .grid_3 {
	width:556px;
}

.container_5 .grid_4 {
	width:748px;
}

.container_5 .grid_5 {
	width:940px;
}



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


.container_5 .prefix_1 {
	padding-left:192px;
}

.container_5 .prefix_2 {
	padding-left:384px;
}

.container_5 .prefix_3 {
	padding-left:576px;
}

.container_5 .prefix_4 {
	padding-left:768px;
}



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


.container_5 .suffix_1 {
	padding-right:192px;
}

.container_5 .suffix_2 {
	padding-right:384px;
}

.container_5 .suffix_3 {
	padding-right:576px;
}

.container_5 .suffix_4 {
	padding-right:768px;
}



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

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

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

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}/* --------- /stylesheets/base.css --------- */ 
body {
	font: 14px/1.5em "Helvetica Neue", Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
}

a:link, a:visited {
  color: #0960ca;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

hr {
	border: 0 #ccc solid;
	border-top-width: 1px;
	clear: both;
	height: 0;
}

h1 {
	font-size: 25px;
}

h2 {
	font-size: 23px;
}

h3 {
	font-size: 21px;
}

h4 {
	font-size: 19px;
}

h5 {
	font-size: 17px;
}

h6 {
	font-size: 15px;
}

/* `Spacing
----------------------------------------------------------------------------------------------------*/

ol {
	list-style: decimal;
}

ul {
	list-style: disc;
}

li {
	margin-left: 36px;
}

p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset {
	margin-bottom: 18px;
}/* --------- /stylesheets/application.css --------- */ 
html {
  overflow-y: scroll;
}

body {
  font-size: 13px;
}

h3 {
  margin-bottom: 0;
  font-family: , serif;
}

.font-bold {
  font-weight: bold;
}

.font-normal {
  font-weight: normal;
}

/* ---- HEADER ---- */

#header {
  border-bottom: 1px solid #666;
}

#header h1 {
  font-weight: normal;
  padding-top: 18px;
}

#header h1 a {
  color: #333;
}

#header h1 a:hover {
  text-decoration: none;
}

#header h1 span {
  color: #999;
  font-size: 12px;
}

#navmenu .search-box {
  float: left;
  width: 125px;
  margin-top: 25px;
  padding-left: 17px;
  background-image: url(/images/search.gif);
  background-position: 2px center;
  background-repeat: no-repeat;
}

#navmenu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#navmenu ul li {
  float: right;
  margin: 21px 5px 0 0;
  padding: 0;
}

#navmenu ul li a {
  display: block;
  color: black;
  padding: 3px 8px;
}

#navmenu ul li a:hover {
  background-color: #BBB;
  text-decoration: none;
}

#navmenu ul li a.active {
  background-color: #DDD;
  text-decoration: none;
}

/* ---- CONTENT ---- */

.flash_notice, .flash_warning, .flash_error {
  padding: 18px;
  background-color: #EEE;
}

.flash_notice { background-color: #f1fffc; }
.flash_warning { background-color: #ffe3b7; }
.flash_error { background-color: #ffc8c8; }

#main-content {
  padding-bottom: 18px;
}

.meta {
  padding-top: 18px;
}

.meta p {
  margin: 0 0 9x 0;
  padding: 0;
}

.meta p a {
  color: black;
  font-weight: bold;
}

.meta p a:hover {
  text-decoration: none;
  border-bottom: 1px solid black;
}

.short-meta {
  padding-top: 9px;
}

.short-meta p a {
  font-weight: normal;
}

.short-meta p a:hover {
  text-decoration: none;
  border-bottom: 1px solid black;
}

.post-body {
  padding-top: 18px;
}

.short-post-body {
  padding: 9px 0;
}

.post-body h3 {
  padding: 0 0 18px 0;
  margin: 0;
  font-size: 18px;
}

.short-post-body h3 {
  padding: 0 0 9px 0;
  margin: 0;
  font-size: 18px;
  border-top: 1px solid #BBB;
}

.short-post-body h3 a, .post-body h3 a {
  color: black;
}

.short-post-body p {
  margin: 0;
}

.short-post-body h3 a:hover, .post-body h3 a:hover {
  text-decoration: none;
  border-bottom: 1px solid black;
}

.post-bottom {
  border-bottom: 1px solid #BBB;
}

.short-post {
  border-top: 1px solid #BBB;
}

.post-bottom-last {
  border: 0;
}

#comments {
  font-size: 13px;
}

#comments h4 {
  padding: 18px 0;
  margin: 0;
  font-size: 16px;
}

.comment-body {
  padding-top: 18px;
}

.comment {
  padding-bottom: 18px;
  border-bottom: 1px solid #BBB;
}

.comment h5 {
  font-size: 14px;
}

.navigation {
  padding-top: 18px;
}

.navigation a {
  color: black;
}

.navigation a:hover {
  color: #0960ca;
  text-decoration: none;
  border-bottom: 1px solid #0960ca;
}

.navigation .previous {
  float: left;
}

.navigation .next {
  float: right;
}

.new-comment {
  padding-top: 18px;
}

.new-comment-title {
  border-bottom: 1px solid #BBB;
}

#comment-preview-title {
  background-color: #faffe6;
}

span.field_error input, span.field_error textarea { 
  background-color: #FFDDDD;
}

.archives h3 {
  padding: 18px 0 9px 0;
  border-top: 1px solid #BBB;
  font-size: 18px;
}

.archives .months {
  padding-bottom: 18px;
}

.archives h2 {
  padding: 18px 0 0 0;
}

.archives h2 span {
  font-weight: normal;
}

.archives a {
  color: black;
}

.archives a:hover {
  color: #0960ca;
  text-decoration: none;
  border-bottom: 1px solid #0960ca;
}

/* ---- FOOTER ---- */

#footer {
  border-top: 1px solid #666;
}


#copyright {
  padding: 9px 0;
  border-top: 1px solid #666;
  font-size: 12px;
  color: #666;
  text-align: right;
}

a#home-link {
  float: left;
  display: block;
  color: #666;
}

a#home-link:hover {
  text-decoration: none;
}
/* --------- /stylesheets/syntax.css --------- */ 
/* CODERAY */
.CodeRay {
  background-color: #f8f8f8;
  border: 1px solid silver;
  font-family: 'Droid Sans Mono', Consolas, 'Courier New', courier, monospace;
  color: #100;
  margin-bottom: 1em;
}
.CodeRay pre { margin: 0px; font-size: 12px }
 
div.CodeRay { }
 
span.CodeRay { white-space: pre; border: 0px; padding: 2px }
 
table.CodeRay { border-collapse: collapse; width: 100%; padding: 2px }
table.CodeRay td { padding: 2px 4px; vertical-align: top }
 
.CodeRay .line_numbers, .CodeRay .no {
  background-color: #eaeaea;
  color: gray;
  text-align: right;
}
.CodeRay .line_numbers tt { font-weight: bold }
.CodeRay .no { padding: 0px 4px }
.CodeRay .code { width: 100% }
 
ol.CodeRay { font-size: 10pt }
ol.CodeRay li { white-space: pre }
 
.CodeRay .code pre { overflow: auto }
.af { color:#00C }
.an { color:#007 }
.av { color:#700 }
.aw { color:#C00 }
.bi { color:#509; font-weight:bold }
.c  { color:#888 }
 
.ch { color:#04D }
.ch .k { color:#04D }
.ch .dl { color:#039 }
 
.cl { color:#B06; font-weight:bold }
.co { color:#036; font-weight:bold }
.cr { color:#0A0 }
.cv { color:#369 }
.df { color:#099; font-weight:bold }
.di { color:#088; font-weight:bold }
.dl { color:black }
.do { color:#970 }
.ds { color:#D42; font-weight:bold }
.e  { color:#666; font-weight:bold }
.en { color:#800; font-weight:bold }
.er { color:#F00; background-color:#FAA }
.ex { color:#F00; font-weight:bold }
.fl { color:#60E; font-weight:bold }
.fu { color:#06B; font-weight:bold }
.gv { color:#d70; font-weight:bold }
.hx { color:#058; font-weight:bold }
.i  { color:#00D; font-weight:bold }
.ic { color:#B44; font-weight:bold }
 
.il { background: #eee }
.il .il { background: #ddd }
.il .il .il { background: #ccc }
.il .dl { font-weight: bold ! important; color: #888 ! important }
 
.in { color:#B2B; font-weight:bold }
.iv { color:#33B }
.la { color:#970; font-weight:bold }
.lv { color:#963 }
.oc { color:#40E; font-weight:bold }
.on { color:#000; font-weight:bold }
.op { }
.pc { color:#038; font-weight:bold }
.pd { color:#369; font-weight:bold }
.pp { color:#579 }
.pt { color:#339; font-weight:bold }
.r  { color:#080; font-weight:bold }
 
.rx { background-color:#fff0ff }
.rx .k { color:#808 }
.rx .dl { color:#404 }
.rx .mod { color:#C2C }
.rx .fu  { color:#404; font-weight: bold }
 
.s  { background-color:#fff0f0 }
.s  .s { background-color:#ffe0e0 }
.s  .s  .s { background-color:#ffd0d0 }
.s  .k { color:#D20 }
.s  .dl { color:#710 }
 
.sh { background-color:#f0fff0 }
.sh .k { color:#2B2 }
.sh .dl { color:#161 }
 
.sy { color:#A60 }
.sy .k { color:#A60 }
.sy .dl { color:#630 }
 
.ta { color:#070 }
.tf { color:#070; font-weight:bold }
.ts { color:#D70; font-weight:bold }
.ty { color:#339; font-weight:bold }
.v  { color:#036 }
.xt { color:#444 }