/*--------------------------------------------------------------
 Content
 --------------------------------------------------------------*/
#content ul,
#content ol {
  margin: 1em;
  padding:0;
}

#content ul {
  list-style-type: square;
}

#content li {
  line-height: 18px; 
  margin: 0 0 0 1em; padding: 0;
}

#content blockquote {
  color: #555;
  border-left: 5px solid #ccc; 
  margin: 1.3em 1em; padding: 0 1em;
}

#content code { 
  font: normal 12px "bitstream vera sans mono", monaco "lucida console", "courier new", courier, serif;
}

#content pre {
  color: #fff;
  background: #000;
  overflow: auto;
  font: normal 12px "bitstream vera sans mono", monaco "lucida console", "courier new", courier, serif;
  margin: 0.9em 0; padding: 8px;

  /* http://longren.org/2006/09/27/wrapping-text-inside-pre-tags */
  white-space: pre-wrap;
  white-space: -moz-pre-wrap !important;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
}

/* Article Entries - class names based on http://microformats.org/wiki/hatom] */
#content .atomentry { 
  margin: 0 0 0 0;
}

#content .atomentry .title {
  font-size: 32px;
  line-height: 94%;
  letter-spacing: -1.5px; 
  margin: 0;
}

#content .atomentry .title a:link,
#content .atomentry .title a:visited { 
  color: #c30;
  text-decoration: none;
}

#content .atomentry .title a:hover,
#content .atomentry .title a:active { 
  background: transparent;
        text-decoration: underline;
}

#content .atomentry .title .comment_count { color: #eee; }

#content .atomentry .author {
  color: #bbb;
  font: normal 16px/14px "lucidamac bold", "lucida grande", arial, verdana, sans-serif;
  letter-spacing: -1px;
  margin: 7px 0 1em;
}

#content .atomentry .author cite a,
#content .atomentry .author cite a:hover { /* author mailto: link (if any) */
  color: #aaa; background: transparent;
  text-decoration: none;
}

#content .atomentry .author abbr { /* posted date */
  font-weight: bold;
  color: #aaa;
}

#content .atomentry .content {}

#content .atomentry ul.meta { 
  font-size: 10px;
  background: #eee;
  margin: 0; padding: 5px;
  border: 1px solid #ddd;
  list-style-type: none;
}

#content .atomentry ul.meta li { 
  line-height: 13px;
  margin: 0; padding: 0;
}

#content .atomentry .meta a:link,
#content .atomentry .meta a:visited {
  color: #555;
  text-decoration: none;
  border-bottom: 1px dotted #aaa;
}

#content .atomentry .meta a:hover,
#content .atomentry .meta a:active {
  color: #990000;
  border-bottom: none;
}

/* Comments */
#content ol.comments {
	list-style-type: none;
  padding: 0;
	margin: 0;
}

#content li.comment {
  border: 2px solid #ddd;
  margin: 0 0 1.5em; 
  padding: 1em;
}

#content li.by-author, #content li.by-user {
  border-color: #990000;
  background-color: #FFE1E4;
}

#content li.comment .author {
	margin-bottom: 1em;
	font-weight: bold;
}

#content li.comment .author cite {
	letter-spacing: -1px;
	font-size: 16px;
}

#content li.comment .author abbr { 
  color:#999;
}

#content li.by-author .author abbr, li.by-user .author abbr { 
  color:#000;
}

#content li.comment .author .gravatar {
	margin:0 0 0.5em 0.5em;
	float:right;
}

/* uncomment to enable a default gravatar
#content li.comment .author div {
	background:url("/images/gravatar.gif") no-repeat left top;
	margin:0 0 0.5em 0.5em;
	float:right;
  height:60px;
 	width:60px; 
}*/

#content form#comment-form {
	border-top:1px solid #ddd;
	background:#f2f2f2;
	padding:1em 0.5em;
}

#content form#comment-form fieldset { 
  border:none;
}

#content form#comment-form legend {
  display:none;
}

#content form#comment-form label {
  font-weight:bold;
}

#content form#comment-form p input {
	padding:3px;
	width:40%;
}

#content form#comment-form textarea {
  height:150px;
	padding:3px;
  width:90%;
}

/** RUBY / JAVASCRIPT **/
#content code span.comment {
	color: #BD48B3;
}

#content code span.string {
	color: #99FF00;
}

#content code span.brackets {
	
}

#content code span.symbol {
	color: #6BCFF7;
}

#content code span.keywords {
	color: #FF8400;
}

#content code span.erb {
	background: #333;
}

#content code span.symbol {
      color: #07DFFC;
}

#content code span.instvar {
      color: #69FCFF;
}

#content code span.defname { 
      color: yellow; 
}
/*--------------------------------------------------------------
 Sidebar
 --------------------------------------------------------------*/
.sidebar-node {
  margin-bottom: 25px;
}

#sidebar {
  line-height: 18px;
}

#sidebar h3 {
  margin-bottom: 1em;
}

#sidebar ul {
  list-style-type: none; 
  margin: 0 0 2em; padding: 0;
}

#sidebar li { 
  margin: 0;
  padding: 1px 0;
}

#sidebar em { font-style: normal; }

#sidebar .search p input  {
	font-size: 125%;
  width: 92%;
}