/*-----------------------------------------------------------------------------------------------
  Global Styles
-----------------------------------------------------------------------------------------------*/

* {
  padding:0;
  margin:0;
}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin:1em 0; }
li, dd { margin-left:5%; }
fieldset { padding: .5em; }
select option{ padding:0 5px; }

.hide, .print-logo, .close-button{ display:none; }
.left{ float:left; }
.right{ float:right; }
.clear{ clear:both; height:1px; font-size:1px; line-height:1px; }
a img{ border:none; }


/*-----------------------------------------------------------------------------------------------
  Layout / Base Page Styling
-----------------------------------------------------------------------------------------------*/

body{
/*  background: url( '/images/bgtile.jpg' ) repeat;*/
}

#main{
  width: 900px;
  margin: 0 auto;
/*  position: relative; */
/*  background: #FF0000; */
  color:#BFBFBF;
  font-size:1em;
  font-family: Arial, Verdana, sans-serif;
}

#main-inner{

}

.sidebar{
  float: left;
  width: 180px;
  margin: 1.2em;
  font-size: 0.7em;
}

.sidebar .section{
  width: 100%;
  padding: 3px 3px 3px 3px;
  margin-bottom: 1em;
}

.sidebar h2 {
  margin-top: 0.2em;
  margin-bottom: 0.2em;
  padding: 1px;
}

.sidebar ul{
  margin: 0.2em;
}

.sidebar .tags h2{
  background: url( '/images/tags.jpg' ) 0 0 no-repeat;
  height: 34px;
  width: 174px;  
}

.sidebar .docs h2{
  background: url( '/images/docs.jpg' ) 0 0 no-repeat;
  height: 34px;
  width: 174px;    
}

.sidebar .groups h2{
  background: url( '/images/groups.jpg' ) 0 0 no-repeat;
  height: 34px;
  width: 174px;    
}

.sidebar .people h2{
  background: url( '/images/people.jpg' ) 0 0 no-repeat;
  height: 34px;
  width: 174px;    
}

.sidebar .profile h2{
  background: url( '/images/profile.jpg' ) 0 0 no-repeat;
  height: 34px;
  width: 174px;    
}

.sidebar .feeds h2{
  background: url( '/images/feeds.jpg' ) 0 0 no-repeat;
  height: 34px;
  width: 174px;      
}

.sidebar .syndicate h2{
  background: url( '/images/syndicate.jpg' ) 0 0 no-repeat;
  height: 34px;
  width: 174px;      
}

.sidebar ul li {
  list-style-type: none;
}

.sidebar .tags{
  font-size: 1.2em;
}

.sidebar .tags ul li{
  color: #666666;
  list-style: none;
  padding: 2px;
  display: inline;
}

.sidebar a{
  color:#566068;
  font-family: Verdana, Lucida, Arial, "Sans Serif";
}

.sidebar .feeds{
  color: #333333;
  width: 95%;
  text-align: center;
  font-size: 1.4em;
}

.sidebar .syndicate{
  color: #333333;
  width: 95%;
  text-align: center;
}

.sidebar .syndicate img{
  width: 16px;
  height: 16px;
}

.sidebar .syndicate *{
  vertical-align: bottom;
}

.sidebar .syndicate .reddit img{
  width: 36px;
  height: 36px;
}


.tag1, .tag2, .tag3, .tag4{
  font-size: 0.7em;
 }

.tag5, .tag6, .tag7{
  font-size: 0.9em;
 }

.tag8, .tag9, .tag10, .tag11, .tag12{
  font-size: 1.1em;
 }

.tag13, .tag14, .tag15, .tag16, .tag17, .tag18, .tag19, .tag20{
  font-size: 1.3em;
 }

h1{
  color:#222;
  font-size:1.5em;
  font-weight:normal;
  margin:1.5em 0;
}

h2, h3{
  font-size:1.15em;
  color:#222;
  font-weight:normal;
}
#primary h2{
  color:#222;
}

p{
  line-height:1.5em;
}

ul li{
  list-style-type:square;
}

blockquote{
  margin-left:1em;
  padding-left:1em;
  border-left:2px solid #CCC;
  font-size: 0.9em;
  background-color: #333333;
  color:#FFFFFF;
}

/*-----------------------------------------------------------------------------------------------
  Header
-----------------------------------------------------------------------------------------------*/

#header {
 background:url(../images/header.jpg) 0 0 no-repeat;     
 padding-left: 1.5em;
 padding-right: 1.5em;
 min-height: 140px;
}

#header .inside{
  padding: 2.5em 0 0 0;
}


#header .inside a {
  color: red;
}

#header h2{
  font-size:2.25em;
  margin:0 0.5em 0 0;
  padding:0 0.5em 0.25em 0;
  border-right:1px solid #808080;
  float:left;
}
#header h2 a{ text-decoration:none; }

#header p{
  padding:1em 0;
  margin:0;
  line-height:1em;
}

/*-----------------------------------------------------------------------------------------------
  Search
-----------------------------------------------------------------------------------------------*/


#search{
  display: none;
  top: 0px;
  right: 0px;
  float:right;
  width:200px;
  margin:1em 10px 0 0;
  text-align:right;
  font-size: 0.8em;
}
#search .searchimg{
  float:left;
  width:14px;
  height:13px;
  background:url(../images/icons/search.gif) 0 0 no-repeat;
  position:relative;
  top:4px;
}
#search input{
  width:150px;
  margin-top:2px;
}
#search input:focus{
  background:#FFF;
}

#searchform{
  margin:1em 0;
}

#searchform #s{
/*  background:#222;*/
  border:none;
  border-bottom:1px solid #333;
  width:30em;
/*  color:#666666;*/
  padding:0.25em;
}

#searchform #searchsubmit{
  background:#000;
  color:#666;
  border:none;
  font-size:0.9em;
  text-transform:uppercase;
  letter-spacing:0.25em;
}

/*-----------------------------------------------------------------------------------------------
 CODE
-----------------------------------------------------------------------------------------------*/
.CodeRay {
  background-color: #f8f8f8;
  border: 1px solid silver;
  font-family: 'Courier New', 'Terminal', monospace;
  color: #100;
}
.CodeRay pre { margin: 0px }

div.CodeRay { }

span.CodeRay { white-space: pre; border: 0px; padding: 2px }

table.CodeRay { border-collapse: collapse; width: 100%; padding: 2px ; margin-bottom: 10px; }
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: 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 }

/*-----------------------------------------------------------------------------------------------
  Primary Items
-----------------------------------------------------------------------------------------------*/

#primary{
  padding-left: 230px;
  padding-right: 60px;
  color:#505050;
}

.story{
  margin:0 0 0 4%;
  display:inline;
  font-size: 0.9em;
}

.story h1{
 color: #505050;
 font-weight: bold;
 font-size: 1.3em;
}

.story h2{
 font-weight: bold;
 font-size: 1.2em;
}

.story h3{
  font-size:1.0em;
  margin:0 0 1.5em 0;
  font-weight:normal;
  color:#333; 
  font-weight: bold;
  margin: 0px;
  padding: 0px;
}

.story h3 a{
  color:#477090 ;
  text-decoration:none;
  font-size: 1.3em;
  border-bottom:1px dotted #666;
}

.story .posted_date{
  color: #BFBFBF;
  font-size: 0.9em;
}

.story a{
  color: red;
}

.story .details{
  margin:1em 0;
  text-align:right;
  border-top:1px solid #333;
  padding:0.5em 0;
  font-size:0.8em;
  color:#4D4D4D;
}
.story .details .read-on{
  padding-right:20px;
}
.story .details a{
  color:#4D4D4D;
  text-decoration:none;
}
.story .details a:hover{ 
  color:#0088CB; 
}

/* Single Post Styles */

#primary .primary{
/*  float:right; */
  width:65%;
}
#primary .secondary{
/*  float:right; */
  width:30%;
  margin-right:5%;
  padding-top:0.65em;
  display:inline;
}
* html #primary .secondary{ margin-right:0%; }

.secondary .featured p{
  border-bottom:1px solid #333333;
  border-top: 1px solid #333333;
  padding:0.5em 0 0.6em 0;
  line-height:1.5em;
  margin:1em 0 0 0;
}
.secondary .featured dl{
  margin:0 0;
  border-bottom:1px solid #333333;
  padding:0.5em 0 0.6em 0;
}
.secondary dt{
  display:inline;
  margin:0;
  padding:0;
  color:#AAA;
}
.secondary dd{
  display:inline;
  margin:0;
  padding:0;
}
.secondary dd a{ color:#505050; }
.secondary dd a:hover{ 
  color:#0088CB; 
}

.single-post h1, .single-post h2{ margin-top:0; }

/*-----------------------------------------------------------------------------------------------
  Secondary Items
-----------------------------------------------------------------------------------------------*/

#secondary{
/*  background:#0C0C0C; */
  padding:1px 2em;
/*  border-top:1px solid #1C1C1C; */
}

.comment-head{
/*  border-bottom:1px solid #1C1C1C; */
  padding:0.8em 2em 1.0em 2em;
}
.comment-head h2{
  font-size:1.5em;
  margin:0;
}
.comment-head a{
  text-decoration:none;
  color:#868686;
}
.comment-head .details{
  font-size:0.95em;
}

#comments {
  color: #222222;
}

#comments ol{
  list-style-type:none;
  margin:2em 0;
}
#comments ol li{
  list-style-type:none;
  margin:2em 0;
}

#comments cite{
  float:left;
  width:31%;
  font-style:normal;
  text-align:right;
}
* html #comments cite{ width:30.6%; }
#comments cite span{
  display:block;
}
#comments cite .author{ font-size:1.2em; }
#comments cite .author a{
  text-decoration:none;
}
#comments cite .admin-tools{
  margin:5px 0;
}
#comments cite .admin-tools a{
  float:right;
  margin:0 5px;
  padding:0px 3px 3px;
  background:#666;
  border:1px solid #999;
  text-decoration:none;
}
#primary .secondary .admin-tools{ margin:1em 0; }

#preview{
  margin:1em 0;
  padding:0.5em;
  border:1px solid #333;
}
#preview p{ margin:1em 0 0 0; }
#errors{ color:#FF0000; font-weight:bold; }

#comments .pingback cite .author{
  display:block;
  padding-top:68px;
}

#comments .content{
  float:left;
  width:60%;
  margin-left:1.9%;
  border-left:1px solid #868686;
  padding: 0 0 0 2%;
}
#comments .content p{
  margin:0 0 1em 0;
}
#comments .content h3{
  margin:0;
  font-size:1em;
}

#comment-form{
  margin: 2em;
  width: 80%;
  color: #222222;
}
input.textfield, #comment_author,
#comment_author_email, #comment_author_url {
  width: 15em;
  margin:5px 0;
}
textarea.commentbox{
  width:28em;
  height:10em;
  padding:0.25em;
  margin:5px 0;
  font-size:1.25em;
  font-family:Arial, Helvetica, sans-serif;
}
label.text{
  position:relative;
  left:0.5em;
  top:-0.5em;
}


.formactions input.submit{
  float:right;
  margin:-1em 0 0 0;
  padding:0 0.5em;
}
.formactions .spinner{
  float:right;
  margin:-8px -20px 0 0;
}

/*-----------------------------------------------------------------------------------------------
  Ancillary Items
-----------------------------------------------------------------------------------------------*/

#ancillary{
  padding:2em 0 0 0;
}
#ancillary .block{
  float:left;
  width: 30%;
  margin:0 0 0 5%;
}
#ancillary .twice-length{ width:65%; }
#ancillary .thrice-length{ width:100%; }
* html #ancillary .block{
  margin:0 0 0 4%;
}
#ancillary .first, * html #ancillary .first{
  clear:both;
  margin:0;
}
#ancillary .block-separator{
  clear:both;
  height:2.5em;
}

#ancillary .block h2, #ancillary .block h3{
  margin:0 0 2em 0;
}

ul.dates, ul.counts{
  list-style-type:none;
  margin:1.5em 0;
  border-top:1px solid #3D3D3D;
}
ul.dates li, ul.counts li{
  list-style-type:none;
  margin:0;
  padding:0.5em 0;
  border-bottom:1px solid #3D3D3D;
}
ul.dates .date{
  color:#858585;
  padding:0 1.5em 0 0;
}

ul.counts .count{
  float:right;
  color:#858585;
}

ul.dates a, ul.counts a{
  color:inherit;
  color:#BFBFBF;
  text-decoration:none;
}
ul.dates a:hover, ul.dates a:hover .date, ul.counts a:hover, ul.counts a:hover .count{
  color:#0088CB; 
}

.rdoc h2 a{
  color:#505050;
  text-decoration:none;
/* color: #808080; */
}

/*-----------------------------------------------------------------------------------------------
  Foooter
-----------------------------------------------------------------------------------------------*/

#footer{
  clear:both;
  color:#939393;
  margin:2em 0 3em 0;
}
#footer .inside{
  padding:1em 0;
}
#footer p{
  margin:0;
  font-size:0.95em;
}
#footer p.copyright{ float:left; }
#footer p.attributes{ float:right; }
#footer p.attributes a{
  padding:0 0 0 1em;
  text-decoration:none;
  color:#525252;
}
#footer p.attributes a:hover{
  color:#0088CB; 
}

.article_sidebar {
  padding: 0.3em; 
  float: right; 
  width: 200px; 
  background-color: #FFF8C6;
}