/* @override http://cdn.swaggadocio.com/stylesheets/screen.css */

/* Swaggadocio v 1.7  */

* {
	padding: 0;
	margin: 0;
}      
body {
  background: #04020d url(http://cdn.swaggadocio.com/images/bg.jpg) no-repeat fixed;
	padding: 10px 30px;
	color: #bbb;
	font: 0.8em/1.3em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

pre.irb {
  width: 95%;
  overflow:hidden;
  word-wrap:break-word;
	color: #0f0;
	background: #000;
	border: 1px solid #050;
	padding: 0.25em 0.75em;
}
code {
	color: #0f0;
}

p.code {
	background: #000;
	border: 1px solid #050;
	padding: 0.25em 0.75em;
}

div.syntaxhighlighter {
	overflow: auto;
	overflow-x: scroll;
	overflow-y: hidden;
}

div.syntaxhighlighter div.lines {
	width: 200% !important;
}

div.syntaxhighlighter div.toolbar {
	display: none !important;
}

/* @group Sidebar */

#sidebar {
	width: 430px;
	margin: 0 0 50px;
	position: fixed;
}

#sidebar img {
	float: left;
	margin: 25px 15px 15px;
	border: none;
}

#sidebar p#description {
	margin: 25px 15px;
	padding: 0;
}

#sidebar * {
	display: block;
	margin: 0 auto;
}

#logo a {
	background: url(http://cdn.swaggadocio.com/images/logo.png) no-repeat;
	height: 153px;
	width: 427px;
	text-indent: -9999px;
}
#meta {
	background: url(http://cdn.swaggadocio.com/images/meta.png) no-repeat;
	height: 30px;
	width: 409px;
	text-indent: -9999px;
}
#description {
	color: #ddd;
	padding: 15px;
	font-size: 1.2em;
	line-height: 1.3em;
}

a#ruby_posts_link {
	clear: both;
	display: block;
	margin: 10px;
	background: url(http://cdn.swaggadocio.com/images/ruby_button.png) no-repeat 0 bottom;
	text-indent: -9999px;
	width: 140px;
	height: 34px;
	position: relative;
	top: 30px;
}


/* @end */

/* @group Content */

#content {
	width: 420px;
	position: relative;
	left: 450px;
	padding: 30px 15px 90px;
}

a, b, strong {
	color: #ff33ff ;
	text-shadow: none;
}


h3 a, a.link {
	font-size: 1.7em;
	font-weight: bold;
	line-height: 1.2em;
}

h3 a {
	text-decoration: none;
}

ol#posts {
	margin: 30px 0;
}

ol#posts p.date {
	font-size: 1.5em;
	margin: 0px 0 25px;
	padding: 5px 0;
	border-bottom: 1px solid #444;
    color: #777 ;
}

ol#posts, ol#posts li {
	list-style-type: none;
}

ol#posts li.post div.post_body ol li {
	list-style-type: decimal !important;
	margin-left: 20px;
}

li.post {
	margin: 10px 0 40px;
}

li.post  {
	text-shadow: #111 0.2em 0.2em 0.1em;
}

li.post.link span.click {
	color: #ff66ff;
	font-weight: bold;
	position: relative;
	top: -2px;
	left: 10px
}

li.post object {
	display: block;
	margin: 20px auto;
	background: #111;
	border: 10px solid #111
}

ul.chat, li.post div {
	margin: 10px 0;
}

li.post div.post_body a, li.post div.post_body a img {
	border: none;
}

ul.chat {
	background: #000;
	border: 1px solid #000;
}

ul.chat li.odd {
	background: #111;
}

ul.chat li.even {
	background: #222;
}

ul.chat li.odd, ul.chat li.even {
	padding: 2px 5px;
	margin: 2px;
	font-size: 0.95em;
}

div.caption, div.description, li.post.text div.post_body {
	margin: 15px 0;
	background: #111;
	padding: 5px 10px;
	border: 1px solid #000;
	border-top: 1px solid #222;
	border-left: 1px solid #222;
}
li.post.text div.post_body p {
	margin: 0.5em 0.2em 1em;
}

li.post.text div.post_body ul li {
	list-style-type: disc;
	margin: 1em 1em 1em 1.4em;
}

div.caption p, div.description p {
	margin: 5px 0 15px;
}

blockquote {
	margin: 0.7em 0;
	padding: 0 0.7em;
	border-left: 0.3em solid #333;
}

blockquote object, blockquote embed {
	width: 28em;
	height: 21em;
}

li.post.photo img {
	border: 10px solid #111;
}

li.post.text p {
	margin: 15px 0;
}

li.post.quote {
	font-size: 2em;
	line-height: 1.2em;
	border: 1px solid #000;
	border-top: 1px solid #222;
	background: #111;
	padding: 10px 15px 5px;
	color: #fff;
	
}

li.post.quote div.source {
	font-size: 0.8em;
	color: #999 ;
}

p#footer a {
	display: block;
	background-image: url(http://cdn.swaggadocio.com/images/button.png);
	width: 100px;
	height: 25px;
	text-indent: -999px;
}

p#footer a:active {
	position: relative;
	top:  0.1em;
}

p#footer a.previous {
	float: left;
	background-position: 0 25px;
}

p#footer a.next {
	float: right;
	}

/* @end */