/* @group General */

html, body {
	font: normal 14px/22px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	background-color: #44536A;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

#cage {
	width: 800px; /* Mobile device friendly */
	margin: 30px auto;
}

#page {
	width: 780px;
	margin: 0 auto;
	border: 1px solid #222832;
	border-radius: 5px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.3);
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
	-moz-border-radius: 5px;
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
}

#header {
	background-color: #C6D9DE;
	font: normal 66px/70px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-shadow: 0 1px 1px rgba(255,255,255,0.5);
	border-top: 1px solid #DFF1F6;
	border-bottom: 1px solid #B7CBCB;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
}

#header h1 {
	padding: 20px 20px 25px;
}

#header a {
	color: #597581;
}

#header a:hover {
	color: #718C99;
	text-decoration: none;
}

#columns {
	width: 100%;
	overflow: visible;
	background: white url(http://static.tumblr.com/j8lh0bq/nNjkpp6zr/helper-bg.png) repeat-y top right; /* One image doesn't hurt now, does it? */
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
}

#sidebar {
	width: 211px;
	margin: 15px 17px;
	float: right;
	display: inline;
}

#main {
	width: 535px;
	border-bottom-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
}

#extra, #disqus_thread {
	margin: 25px 18px 25px 17px;
}

.dsq-brlink {
	font-size: 11px !important;
	line-height: 15px !important;
	color: #999 !important;
	margin: 25px 18px 25px 17px !important;
}

#footer {
	width: 100%;
	overflow: auto;
	clear: both;
	padding: 9px 0 30px;
}

#footer a {
	color: #AAA;
}

#footer a:hover {
	color: #888;
}

.footleft {
	padding: 0 17px;
}

.footright {
	padding-right: 263px;
	float: right;
	display: inline;
}

#credits {
	color: #9AACBF;
	text-shadow: 0 1px 1px rgba(0,0,0,0.3);
	width: 740px;
	margin: 30px auto 0;
	text-align: center;
}

#credits a {
	color: #B2C3D6;
}


/* @end */

/* @group Text */

.text {
	margin: 18px 18px 18px 17px;
}

.text p, .text blockquote, .text ul, .text ol {
	margin: 18px 0;
}

.text blockquote {
	padding-left: 15px;
	border-left: 3px solid #CCC;
}

.text blockquote p {
	margin: 10px 0;
}

.text ul {
	margin-left: 18px;
	list-style-type: square;
}

.text ul li {
	margin: 3px 0;
}

.text a {
	color: #004080;
}

.text pre {
	margin: 18px 0;
	padding: 5px 8px;
	background-color: #F2E6F2;
	overflow: auto;
	color: #8E0085;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-bottom: 1px solid #f9f2f9;
	border-top: 1px solid #e5cee5;
}

.text code {
	text-shadow: 0 1px 1px #FFF;
	font: 12px/1.5em Menlo, "DejaVu Sans Mono", Consolas, "Liberation Mono", Monaco, "Lucida Console", monospace;
}

.text img {
	max-width: 500px; /* For your own protection */
}


/* @end */

/* @group Posts */


.post {
	margin-bottom: 25px;
}

.outer {
	width: 539px;
	margin-left: -5px;
	border-bottom-left-radius: 5px;
	border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-topleft: 5px;
}

.inner {
	border-bottom-left-radius: 5px;
	border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-topleft: 5px;
}

.video, .image, .photoset {
	border: 1px solid #202A36;
	border-right: none;
	background-color: #30465F;
	box-shadow: 0 1px 2px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
}

.container {
	border-top: 1px solid #4F6B8D;
	border-left: 1px solid #4F6B8D;
	padding: 15px 18px 15px 20px;
	line-height: 0.1em;
}

.audio {
	border: 1px solid #c9c9c9;
	border-right: none;
	background-color: #E4E4E4;
	box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
}

.container-audio {
	padding: 15px 18px 15px 20px;
	line-height: 0.1em;
	border-top: 1px solid #f2f2f2;
	border-left: 1px solid #f2f2f2;
}

.link {
	border: 1px solid #56ad68;
	border-right: none;
	background-color: #7acb8a;
	box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
}

.container-link {
	padding: 15px 18px 15px 20px;
	line-height: 0.1em;
	border-top: 1px solid #89e59c;
	border-left: 1px solid #89e59c;
}

.chat {
	color: #232e32;
	border: 1px solid #a8b4b7;
	border-right: none;
	background-color: #d7e6ea;
	box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
}

.container-chat {
	padding: 5px 0 10px 3px;
	border-top: 1px solid #deeef2;
	border-left: 1px solid #deeef2;
}

.chat h3 {
	font: bold 28px/36px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin: 10px 0 15px;
}

.chat h3 a {
	color: #111719;
	text-shadow: 0 1px 1px #FFF;
}

.chatter {
	margin: 0 !important;
	list-style-type: none !important;
}

.chatter li {
	padding: 3px 8px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-bottom: 1px solid #e6f1f7;
	border-top: 1px solid #bdc7cb;
}

.even {
	background-color: #d3e1e5;
}

.odd {
	background-color: #cedce0;
}

.label {
	color: #111719;
	font-weight: bold;
	text-shadow: 0 1px 1px #FFF;
}

.article {
	border: 1px solid #CCCABB;
	border-right: none;
	background-color: #fffde5;
	box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
}

.container-article {
	padding: 5px 0 10px 3px;
	border-top: 1px solid #FFF;
	border-left: 1px solid #FFF;
}

.link a {
	font: bold 22px/30px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #0f260f;
	text-shadow: 0 1px 1px rgba(255,255,255,0.5);
}

.link a:hover {
	color: #173f17;
	text-decoration: none;
}

.quote {
	font: bold 22px/32px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	padding: 20px 18px 23px 17px;
	background-color: #121419;
	color: #FFF;
	text-shadow: 0 1px 1px #000;
}

.quote p {
	margin: 10px 0;
}

.quote p:first-child {
	margin-top: none;
}

.quote p:last-child {
	margin-bottom: none;
}

.article h3 {
	font: bold 28px/36px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin: 10px 0 5px;
}

.article h3 a {
	color: #191917;
	text-shadow: 0 1px 1px #FFF;
}

.article-meta {
	color: #98968B;
	margin: 0 0 18px;
}

.article-meta a {
	color: #98968B;
}

.article blockquote {
	border-left: 3px solid #CCCAB9 !important;
}

.article blockquote p {
	margin: 10px 0;
}

.notes {
	margin: 0;
	list-style-type: none;
}

.notes li {
	display: block;
	margin: 0 0 2px !important;
	padding: 5px 8px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	color: #656551;
	background-color: #FFFECA;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	border-right: 1px solid rgba(0,0,0,0.05);
}

.notes li a {
	color: #323228;
}

.avatar {
	vertical-align: text-bottom;
	width: 16px;
	height: 16px;
}

.notes blockquote {
	margin: 5px 0 5px 7px;
	padding-left: 8px;
	border-left: 2px solid #E5E2BE;
}

.notes blockquote a {
	color: #98978B;
}


/* @end */

/* @group Sidebar */

#about, #elsewhere, #more {
	margin-bottom: 18px;
}

#sidebar h3 {
	margin-bottom: 10px;
	color: #333;
	border-bottom: 1px solid #e0e0e0;
	font: bold 18px/30px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-shadow: 0 1px 1px #FFF;
}

#sidebar p {
	margin-bottom: 10px;
}

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

#sidebar li {
	margin: 3px 0;
}

#sidebar a {
	font-weight: bold;
	color: #333;
	text-shadow: 0 1px 1px #FFF;

}

#description {
	width: 100%;
	overflow: auto;
}

#description img {
	width: 30px;
	height: 30px;
	padding: 2px;
	border: 1px solid #CCC;
	background-color: #FFF;
	float: left;
	display: inline;
	border-radius: 3px;
	box-shadow: 0 1px 1px rgba(0,0,0,0.1);
	-webkit-border-radius: 3px;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
	-moz-border-radius: 3px;
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
	margin: 3px 5px 3px 0;
}

.supermeta, .supermeta a {
	font-size: 11px;
	line-height: 15px;
	color: #999;
}

/* @end */