/*
SXSWLesson

author: Cory Duncan of Substance Inc / findsubstance.com

colors:
	aqua: #5bc7c7
	orange: #eda642
*/

/* -- reset -- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, button,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent no-repeat 0 0;
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;
	font-size: 100%;
	vertical-align: baseline;
	}
ol, ul { list-style: none; }
blockquote, q {	quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after {	content: ''; content: none; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table {	border-collapse: collapse; border-spacing: 0; }
input, textarea { margin: 0; padding: 0; }


/* -- defaults -- */
body { 
	background: #fff;
	color: #4a4a4a;
	font: 14px/1.2857 "Helvetica Neue", Helvetica, Arial, Sans-serif;
	padding: 0 0 3em;
	}
a { color: #5bc7c7; text-decoration: none; }
a:hover { color: #eda642; }
h1 { 
	color: #ddd;
	font-size: 42px; font-weight: bold;
	line-height: 1em;
	margin: 0 0 0.5em;
	}
h2 { 
	color: #777;
	font: italic 18px/1.1666em Georgia, serif;
	margin: 0 0 0.6666em;
	}
p { margin: 0 0 1em; }
th, td { padding: 0.5em 1em; }
th { background-color: #4A4A4A; color: #fff; text-align: left; }
tr.stripe1 td { background-color: #eee; }


/* -- structure -- */
#wrap {
	left: 150px;
	position: relative;
	width: 820px;
	}
#main { float: left; width: 640px; }
#sub { float: right; width: 160px; }
.col { float: left; }
.sec { margin: 0 0 2em; }


/* -- forms -- */
legend {
	color: #777;
	font-family: Georgia, serif; font-style: italic;
	padding: 0 0 1em;
	}
label { 
	color: #777;
	display: block;
	font-size: 12px; font-weight: bold;
	line-height: 1.5em;
	margin: 0 0 0.25em;
	}
input.text, textarea {
	background: url(/img/structure/input-bg.gif) repeat-x 0 0;
	border: 1px solid #777;
	font: 12px/normal "Helvetica Neue", Helvetica, Arial, Sans-serif;
	padding: 6px;
	width: 206px;
	}
input.text:focus, textarea:focus { border-color: #999; }
textarea { height: 90px; width: 266px; }
.rb label { display: inline; margin: 0; }
.rb label, .rb input { vertical-align: middle; }
.field { margin: 0 0 1em; }
.submit input {
	background: #777;
	border: none;
	color: #fff;
	cursor: pointer;
	font-size: 14px; font-weight: bold;
	line-height: 1.2857em;
	padding: 0.5em;	
	}
.submit input:hover { background: #eda642; }


/* -- header -- */
#header { 
	background: #4a4a4a;
	color: #eee;
	font: italic 13px/1.1538em Georgia, serif;
	margin: 0 0 60px;
	padding: 15px 0 15px 330px;
	position: relative;
	}
#header p { margin: 0; }


/* -- content -- */ 
#content { position: relative; }
#logo { left: 150px; position: absolute; top: 9px; }
a.follow { font-family: Georgia, serif; font-style: italic; }
	
/* - paging - */
.paging {
	color: #777;
	font: italic 12px/1.25 Georgia, serif;
	margin: -1em 0 0;
	position: relative;
	}
.paging a, .paging span { float: left; margin: 0 12px 0 0; }
.paging a {
	background: #5bc7c7 url(/img/icons/paging.gif);
	height: 14px;
	overflow: hidden;
	text-indent: -9999px;
	width: 8px;
	}
.paging a.next { background-position: -8px; }
.paging a:hover { background-color: #eda642; }
	
/* - avatar - */
img.av {
	background: #ddd url(/img/structure/avatar-bg.gif);
	left: -120px;
	padding: 5px 30px 5px 5px;
	position: absolute;
	top: 0;
	}
a:hover img.av { background-color: #eda642; }

/* - action links - */
.action a {
	background: #777;
	color: #fff;
	float: left;
	font-weight: bold;
	padding: 0.5em;
	}
.action .refresh a { background: #5bc7c7; }
.action a:hover { background: #eda642; color: #fff; }

/* - more - */
#more {
	background: url(/img/structure/hash.gif) repeat-x 0 100%;
	font-size: 18px;
	line-height: 1.1666em;
	margin: 1.3333em 0;
	padding: 0 0 1.7777em;
	}
#more a > span { 
	background: url(/img/icons/arrow-fff.gif) no-repeat 100% 50%;
	display: block;
	padding: 0 14px 0 0;
	}
#more li { float: right; }
#more li.refresh { float: left; }
#more li.refresh a > span {
	background-image: url(/img/icons/refresh.png);
	padding: 0 26px 0 0;
	}

/* - posts - */
.post {
	background: url(/img/structure/hash.gif) repeat-x 0 100%;
	padding: 0 0 3em;
	position: relative;
	}
.post .lesson {
	font-size: 48px; font-weight: bold;
	line-height: 1.1875em;
	margin: 0;
	}
.post .meta {
	background: url(/img/icons/arrow-ddd.gif) no-repeat 0 50%;
	color: #777;
	font: italic 14px/1.2857 Georgia, serif;
	margin: 1em 0;
	padding: 0 0 0 12px;
	}
.post ul.action li {
	background: none;
	float: left;
	margin: 0 4px 0 0;
	padding: 0;
	}

/* posts: list */
ol.post { background: none; padding: 0; }
ol.post li {
	background: url(/img/structure/hash.gif) repeat-x 0 100%;
	margin: 0 0 2em;
	padding: 0 0 3em;
	position: relative;
	}
ol.post li .lesson { font-size: 24px; line-height: 1.25em; }
ol.post .action { font-size: 12px; line-height: 1.25em; }

/* - comments - */
#comments {
	background: url(/img/structure/hash.gif) repeat-x 0 100%;
	margin: 0 0 1em;
	padding: 2em 0 3em;	
	}
#comments .col { width: 520px; }
#comments form { float: right; width: 280px; }
#comments li { 
	font-weight: bold;
	margin: 0 0 2em;
	position: relative;
	padding: 0 0 0 60px;
	}
#comments li a.reply { font-family: Georgia, serif; font-style: italic; font-weight: normal; }
#comments li img.av {
	background-position: 0 -58px;
	left: 0;
	padding: 3px 14px 3px 3px;
	position: absolute;
	top: 0;
	}
#comments li p { margin: 0; }
#comments li p.meta {
	font-family: Georgia, serif; font-style: italic; font-weight: normal;
	margin: 0.5em 0 0;
	}
#comments li.reply {
	font-weight: normal; font-style: italic;
	padding-right: 60px;
	text-align: right;
	}
#comments li.reply img.av {
	background-position: 0 -84px; 
	left: auto;
	padding: 3px 3px 3px 14px;
	right: 0;
	}
#comments li form { float: none; padding-top: 1em; width: auto; }
#comments li form p { font-weight: normal; margin: 0 0 1em; }
#comments li legend { display: none; }

/* - archive - */
.archive ol.post {
	background: url(/img/structure/hash.gif) repeat-x 0 0;	
	margin: 2em 0 0;
	padding: 2.5em 0 0;
	}
.archive h1 { margin: 0 0 0.1428em; }
.archive #comments { padding: 0 0 3em; }
.archive #comments li { margin: 2em 0 0; padding: 0; }
	
/* -- sidebar -- */
#sub li { color: #777; font-weight: bold; margin: 1em 0; }
#sub li img { margin-right: 3px; vertical-align: middle; }

/* -- footer -- */
#footer {
	color: #777;
	font: italic 11px/1.0909 Georgia, serif;
	margin: 4em 0 0;
	}
#footer span { margin: 0 3px; }
#footer p {
	height: 22px;
	position: relative;
	text-indent: -9999px;	
	width: 141px;
	}
#footer p a {
	background-image: url(/img/substance.png);
	height: 22px;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 141px;
	}

/* - contain floats - */
.paging:after, .post:after, ol.post li:after, .post ul.action:after, #more:after, #comments:after, #content:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }