/* 
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.3.1
*/
body {color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup,sub {line-height:-1px;vertical-align: text-top;}
sub {vertical-align:text-bottom;}
input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}
body {font:13px/1.22 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
pre,code,kbd,samp,tt {font-family:monospace;*font-size:108%;line-height:99%;}

/* 
Copyright (c) 2007, Mikel Lindsaar, All rights reserved.
Code licenses under the MIT license
*/

img {
 padding:10px;
}

/*********************************
 Containers
 *********************************/
body {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	background-color: #000;
	color: #bb9156;
}

p {
	padding-top: 1em;
	letter-spacing: 0px;
}

ul li {
	list-style: disc outside;
}

ol li {
	list-style-type: decimal;
}

li {
	margin-left: 1.5em;
	padding-top: 1em;
	padding-bottom: 0.5em;
}

#page {
	width: 100%;
}

#content_wrapper{
	margin: auto;
	text-align: left;
	width: 800px;
}

#body_wrapper {
	border-right: 2px solid #f19452;
	border-left: 2px solid #f19452;
}

#header {
	position: relative;
	border-left: 2px solid #f19452;
	background-image: url(../images/banner.jpg);
	background-repeat: no-repeat;
	width: 890px;
	height: 177px;
}

#header h1.title {
	display: none;
}

#header h1.subtitle {
	font-size: 22px;
	font-family: Arial, "MS Trebuchet", sans-serif;
	position: absolute;
	top: 60px;
	left: 25px;
	color: #ac9363;
	letter-spacing: 2px;
}

#gap {
	position: absolute;
	top: 177px;
	width: 100%;
	height: 33px;
	border-top: 2px solid #f19452;
	border-bottom: 2px solid #f19452;
}

#search_box {
	position: relative;
	padding-top: 5px;
	width: 780px;
	margin: auto;
	text-align: right;
	color: #9c5829;
}

#content {
	margin-top: 36px;
	font-size: 130%;
        line-height: 145%;
	float: left;
	width: 796px;
	background-color: #25212d;
	background:  #25212d url(../images/gradient-paper.jpg) repeat-y top left;
}

#story_box {
	padding: 15px;
	width: 560px;
	margin: 6px 3px;
	float: left;
        color: #212121;
}

#sidebar {
	margin-top: 30px;
	padding-left: 15px;
	padding-right: 15px;
	font-size:1.1em;
	float:right;
	width:170px;
        color: #bb9156;
}

#footer {
	background:#333;
	border-top:1px solid #777;
	color:#888;
	clear:both;
	font-size:80%;
	padding:0.5em;
	border-bottom: 2px solid #f19452;
	margin-bottom: 2em;
}

div.entry {
	padding-bottom: 10px;
}

div.entrytags {
	padding-bottom: 20px;
	font-size: 80%;
}

div.side_section {
	padding-bottom: 20px;
}

/*************************************
 +Hn and p
 *************************************/

h1, h2, h3 {
	font-weight: normal;
	margin: 0;
	letter-spacing: 1px;
}

.entrytitle h2 {
  font-size: 175%;
  line-height: 140%;
  margin-bottom: 10px;
  color: #F19452;
}

.entrytitle h2 a {
	color:#B4C24B;
}

.entrytitle h2 a:hover {
	color:#fdc77a;
}

.entrytitle h3 {
	font-size: 130%;
	color:#6F6F6F;
}

#sidebar h3 {
	color:#555;
	font-size:1.5em;
	margin:1em 0;
}



/*************************************
 +Entry
 *************************************/

.entryexcept {
  margin: 5px, 0px, 5px 0px;
  border: 1px dotted #999;
  padding: 0px 10px 15px 10px;
  background-color: #332e3c;
}

.entrybody {
	margin-top: 10px;
	margin-bottom: 15px;
	font-size: 82%;
	line-height: 140%;
	letter-spacing: 0.5px;
	width: 520px;
}

.entrybody h3 {
  border-bottom:1px solid;
  color:#F19452;
  font-size:150%;
  padding-bottom:0.25em;
  margin-top:1em;
}

.entrybody h4 {
  margin-top: 1em;
  font-size: 130%;
  color:#F19452;
  line-height: 140%;
}

.entrybody h5 {
  margin-top: 1em;
  font-size: 110%;
  color: #F19452;
  line-height: 140%;
}

.entrybody strong {
  color:#ee9153;
}

.entrymeta {
	font-size: 70%;
}

.postedby {
	background-image: url(../images/user.gif);
	background-repeat: no-repeat;
	padding-left:25px;
	padding-right: 15px;
	font-size: 90%;
}

.filedto {
	background-image: url(../images/post.gif);
	background-repeat: no-repeat;
	padding-left:25px;
	font-size: 90%;
}

.commentslink {
	display: block;
	background-image: url(../images/packaged.gif);
	background-repeat: no-repeat;
	padding-left:25px;
	margin-top: 8px;
	font-size: 90%;
}

#errors {
  background: #FDD;
  border-top: 1px solid #999;
  padding: 1em;
  font-size: 80%;
}

#errors h4 {
  font-weight: bold;
  text-decoration: underline;
}

/*************************************
 +Sidebar
 *************************************/

#sidebar ul{
	list-style-type: disc;
	margin: 0;
	padding: 0;
}

#sidebar ul li {
	list-style: disc;
	
	border-bottom: 1px dotted #ddd;
	margin-bottom: 0.3em;
	padding: 5px 0px 5px 0px;
	margin-left: 18px;
	font-size: 80%;
}

#sidebar ul li a:hover {
	color: #fdc77a;
}

#sidebar ul#recent_articles li {
        font-size: 80%;
        line-height: 110%;
}

#sidebar ul#recent_comments li {
        font-size: 70%;
        line-height: 100%;
}

/*************************************
 +Comments
 *************************************/
.commentsblock {
	margin: 15px;
}

.commentsblock h3 {
	margin-bottom: 10px;
}

.commentsblock textarea {
	width: 440px;
	margin: 2px 0px 2px 0px;
}

.commentsblock input, .commentsblock textarea {
	margin: 2px 0px 2px 0px;
	border: 1px solid #d1d1d1;
}

.commentsblock textarea:focus {
	background:#eee;
	margin: 2px 0px 2px 0px;
	border:1px solid #a1a1a1;
}

.commentsblock textarea:focus, .commentsblock input:focus {
	background:#eee;
	margin: 2px 0px 2px 0px;
	border:1px solid #a1a1a1;
}

.commentauthor {
	margin: 2px 0px 2px 0px;
	display:block;
	font-size:1.5em;
}

.commentsblock small {
  padding-left: 5px;
}

ol.commentlist {
	color:#777;
	font-size:0.9em;
	list-style-type:none;
	margin:0;
	margin-top:1.5em;
	padding:0;
}

.commentlist li {
	margin-bottom:0.5em;
	padding:0.5em 1em;
}

.alt {
	background:#f3f5e9;
	border:1px dotted #d1d1d1;
	padding:0.5em;
}

h3#comments {
font-size:1.6em;
}

/*************************************
 +Misc
 *************************************/
a {
	color:#579;
	text-decoration:none;
}

a:hover {
	color:#fdc77a;
}

table { 
  border-collapse: collapse; 
  padding: 4px;
  margin-top: 10px;
  border: 1px solid #FFF
  }

table th { 
  padding: 4px;
  vertical-align: top;
  font-weight: bold;
  border-bottom: 1px solid #FFF
  }

table td { 
  padding: 4px;
  vertical-align: top;
  }


/********************
 +Coderay
*********************/

table.CodeRay {
  width: 100%;
  overflow-x: auto;
}

.CodeRay {
  background-color: #f8f8f8;
  border: 1px solid silver;
  font-family: monospace;
  font-size: 11px;
  color: #100;
}

table.CodeRay {
  margin-top: 1em;
}

.CodeRay pre { margin: 0px; padding: 1em 0px 1em 0px }

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: #def;
  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-x: auto; overflow-y: auto }

.CodeRay .af { color:#00C }
.CodeRay .an { color:#007 }
.CodeRay .av { color:#700 }
.CodeRay .aw { color:#C00 }
.CodeRay .bi { color:#509; font-weight:bold }
.CodeRay .c  { color:#888 }

.CodeRay .ch { color:#04D }
.CodeRay .ch .k { color:#04D }
.CodeRay .ch .dl { color:#039 }

.CodeRay .cl { color:#B06; font-weight:bold }
.CodeRay .co { color:#036; font-weight:bold }
.CodeRay .cr { color:#0A0 }
.CodeRay .cv { color:#369 }
.CodeRay .df { color:#099; font-weight:bold }
.CodeRay .di { color:#088; font-weight:bold }
.CodeRay .dl { color:black }
.CodeRay .do { color:#970 }
.CodeRay .ds { color:#D42; font-weight:bold }
.CodeRay .e  { color:#666; font-weight:bold }
.CodeRay .en { color:#800; font-weight:bold }
.CodeRay .er { color:#F00; background-color:#FAA }
.CodeRay .ex { color:#F00; font-weight:bold }
.CodeRay .fl { color:#60E; font-weight:bold }
.CodeRay .fu { color:#06B; font-weight:bold }
.CodeRay .gv { color:#d70; font-weight:bold }
.CodeRay .hx { color:#058; font-weight:bold }
.CodeRay .i  { color:#00D; font-weight:bold }
.CodeRay .ic { color:#B44; font-weight:bold }

.CodeRay .il { background: #eee }
.CodeRay .il .il { background: #ddd }
.CodeRay .il .il .il { background: #ccc }
.CodeRay .il .dl { font-weight: bold ! important; color: #888 ! important }

.CodeRay .in { color:#B2B; font-weight:bold }
.CodeRay .iv { color:#33B }
.CodeRay .la { color:#970; font-weight:bold }
.CodeRay .lv { color:#963 }
.CodeRay .oc { color:#40E; font-weight:bold }
.CodeRay .on { color:#000; font-weight:bold }
.CodeRay .op { }
.CodeRay .pc { color:#038; font-weight:bold }
.CodeRay .pd { color:#369; font-weight:bold }
.CodeRay .pp { color:#579 }
.CodeRay .pt { color:#339; font-weight:bold }
.CodeRay .r  { color:#080; font-weight:bold }

.CodeRay .rx { background-color:#fff0ff }
.CodeRay .rx .k { color:#808 }
.CodeRay .rx .dl { color:#404 }
.CodeRay .rx .mod { color:#C2C }
.CodeRay .rx .fu  { color:#404; font-weight: bold }

.CodeRay .s  { background-color:#fff0f0 }
.CodeRay .s  .s { background-color:#ffe0e0 }
.CodeRay .s  .s  .s { background-color:#ffd0d0 }
.CodeRay .s  .k { color:#D20 }
.CodeRay .s  .dl { color:#710 }

.CodeRay .sh { background-color:#f0fff0 }
.CodeRay .sh .k { color:#2B2 }
.CodeRay .sh .dl { color:#161 }

.CodeRay .sy { color:#A60 }
.CodeRay .sy .k { color:#A60 }
.CodeRay .sy .dl { color:#630 }

.CodeRay .ta { color:#070 }
.CodeRay .tf { color:#070; font-weight:bold }
.CodeRay .ts { color:#D70; font-weight:bold }
.CodeRay .ty { color:#339; font-weight:bold }
.CodeRay .v  { color:#036 }
.CodeRay .xt { color:#444 }


#post-form input {
  width: 39em;
}

#post-form label {
  display: block;
  float: left;
  width: 5em;
}

#post-form label.nofloat {
  float: none;
  width: auto;
  clear: both;
}

#post-form input#submit {
  width: auto;
}

#post-form p.buttons label {
  clear: left;
}

#post-form p.buttons input {
  display: block;
  float: left;
  width: auto;
  margin-top: 7px;
}

div#story_box h1 {
  color:#555;
  font-size:1.5em;
  margin:1em 0;
}

pre.fixed {
  background-color: #EEE;
  border: 1px solid #222;
  margin: 1em 0em 0em -0.5em;
  padding: 1em;
  overflow-x: scroll;
  overflow-y: hidden;
  font-family: monospace;
  font-size: 12px;
}

span.fixed {
  background-color: #EEE;
  font-family: monospace;
}

pre.ruby {
  background-color: #F5EEEE;
  border: 1px solid #222;
  margin: 1em 0em 0em -0.5em;
  padding: 1em;
  overflow-x: scroll;
  overflow-y: hidden;
  font-family: monospace;
  font-size: 12px;
}

span.ruby {
  background-color: #F5EEEE;
  font-family: monospace;
}

pre.shell {
  background-color: #111111;
  border: 1px solid #222;
  margin: 1em 0em 0em -0.5em;
  padding: 1em;
  overflow-x: scroll;
  overflow-y: hidden;
  font-family: monospace;
  font-size: 12px;
  color: #BEBC9C;
}

span.shell {
  background-color: #111111;
  font-family: monospace;
  color: #BEBC9C;
}

pre.html {
  background-color: #EEEEF5;
  border: 1px solid #222;
  margin: 1em 0em 0em -0.5em;
  padding: 1em;
  overflow-x: scroll;
  overflow-y: hidden;
  font-family: monospace;
  font-size: 12px;
}

span.html {
  background-color: #EEEEF5;
  font-family: monospace;
}

div#delete_comments {
  text-align: right;
}

div.entrybody ul, div.entrybody ul {
  margin-top: 1em;
}

div.entrybody ol, div.entrybody ol {
  margin-top: 1em;
}

div.entrybody li {
  margin-top: 0em;
  margin-bottom: 0em;
  padding-top: 0em;
  padding-bottom: 0em;
}