/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, br, hr, div, span, a, object, 
iframe, ul, ol, dl, li, dt, dd, h1, h2, h3, 
h4, h5, h6, blockquote, q, address, small, big, 
cite, dfn, ins, del, i, em, b, strong, sup, sub, 
strike, pre, code, samp, kbd, var, tt, form, 
fieldset, legend, label, input, textarea, 
option, .nobox {
	font-size: 100%;
	margin: 0;
	outline: 0 none;
	padding: 0;
	vertical-align: baseline;
}

blockquote, q { quotes:none;}
br { height:0;}
a img { border:0 none;}
img { display:block;}
img.inline { display:inline;}
legend { display:none;}

code, samp, kbd, var { font-family:"Courier New","Courier",Monospace;}
h1, h2, h3, h4, h5, h6, b, strong { font-weight: normal; }
i, em, cite, dfn, ins { font-style:italic; }
del, code, samp, kbd, var { font-style:inherit; }
del { text-decoration:line-through;}
ins { text-decoration:none; }
abbr, acronym { 
	border:0 none;
	cursor:help;
	text-decoration:none;
}

body {
	line-height: 1;
}

.bott-patt {
	background: url("http://static.tumblr.com/xcxngn2/KHpld1vbs/rep-bg-bottom.png") repeat-x bottom left;
}
ol, ul {
	list-style: none;
	margin: 0;
}
ol li,
ul li {
	margin: 0;
}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* - - - RESET STYLES END - - */


/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2009/12/06/new-clearfix-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

/*
	The following zoom:1 rule is specifically for IE6 + IE7.
	Move to separate stylesheet if invalid CSS is a problem.
*/
* html .clearfix,
*:first-child+html .clearfix {
	zoom: 1;
}

/* - - CLEAR FLOTS END - - */

body {
	background: #EEEEEE url("http://static.tumblr.com/xcxngn2/Iz0ld1v2h/bg.png") repeat;
	color: #333333;
	font-size: 62.5%;
	font-family: "Helvetica Neue", Helvetica,Arial,sans-serif;
}
a {
	color:#008BBF;
	}
a:hover {
	color: #3B3B3B;
}
a:active,a:focus { outline: none; }
h1, h2, h3, h4 ,h5 {
	font-weight: bold;
}
#header p, .post .sidebar p, .description, #footer .footer, #footer .description p {
	font-size: 1.1em;
	line-height: 1.6363em;
}
code, pre {
	font-size: 13px;
	padding: 0;
}
pre {
	border: 1px solid #DDDDDD;
}
#container {
	margin: 0 auto;
	width: 690px;
	position: relative;
}
#header { 
	padding: 30px 0px; 
	}
	#header h1 {
		font-size: 4em;
		margin-bottom: 10px;
		display: inline;
		}
		#header h1 a {
		color: #3b3b3b;
		letter-spacing: -3px;
		line-height: 10px;
		text-decoration:none;
}
#header p {
color:#555555;
padding-right:25em;
}
#nav {
	list-style-type: none;
	float: right;
	position: relative;
	top: 10px;
}
#nav li {
	float: left;
	margin: 0 0 0 10px;
}
#nav li a {
	background: #cccccc;
	-moz-border-radius: 10px;
	-webkit-border-radius: 5px;
	color: #008BBF;
	text-decoration: none;
	padding: 5px 10px;
	border: solid 1px #bbb;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cccccc));
	background: -moz-linear-gradient(top,  #ffffff,  #cccccc);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cccccc');
	font-weight: bold;
	font-size: 13px;
	letter-spacing: -1px;
}
#nav li a:hover {
	color: #008BBF;
}
#contents .post {
clear:right;
position: relative;
margin-bottom: 100px;
}
.content p {
	font-size: 14px;
line-height:22px;
margin-bottom:24px;
position:relative;
}
#contents .post:first-child {
border-top:0 none;
}
.post .sidebar {
float:right;
padding: 20px 0 0;
width:21em;
position:absolute;
right:0;
top:0;

}
.sidebar ul {
	list-style-type: none;
}
.sidebar ul li {
	background:url("http://static.tumblr.com/xcxngn2/cX9ld1v64/li-border.png") no-repeat scroll right bottom transparent;
font-size:12px;
font-weight:bold;
line-height:20px;
padding:5px 10px;
}
.sidebar ul li.notes a {
	background: url("http://static.tumblr.com/xcxngn2/MZtld1v83/notes.png") no-repeat 0 1px;
	padding: 1px 0 5px 22px;
}
.sidebar ul li.permalink a {
	background: url("http://static.tumblr.com/xcxngn2/D4qld1v8r/permalink.png") no-repeat 0 0;
	padding: 1px 0 5px 22px;
}
.sidebar ul li.date {
	background: url("http://static.tumblr.com/xcxngn2/JDMld1v4b/date-bg.png") no-repeat 0 0;
	padding: 14px 0 14px 30px;
	width: 210px;
}
.sidebar ul li.date h2 {
	color: #ffffff;
	font-size:1.2em;
	font-weight:bold;
	text-shadow: 0 1px 2px #000;
}
.post .sidebar a {
color:#555555;
text-decoration:none;
}
.post .sidebar a:hover {
	color: #3b3b3b;
}
.post .sidebar p.notes + p {
margin:0;
}
.post .content {
background:none repeat scroll 0 0 #FFFFFF;
margin-right:23.5em;
min-height:7.2em;
padding: 30px;
width: 400px;
-moz-box-shadow: 0 0 2px #CCC;
-webkit-box-shadow: 0 0 2px #CCC;
box-shadow: 0 0 2px #CCC;
}
.post .description {
margin-top:2em;
padding: 15px 15px 15px 0;
}
.description + .description {
margin-top:0;
}
#footer {
padding: 0;
}
#footer .description {
	float:left;
	padding-bottom:1.2em;
	width:29em;
}
#footer .follow {
	float: right;
	margin-left: 30px;
	padding-bottom: 30px;
	width: 280px;
}
#footer .footer {
	clear:both;
	margin-bottom:0px;
	margin-top: 10px;
	padding-bottom: 30px;
	padding-top:30px;
	text-align:center;
	background: url("http://static.tumblr.com/xcxngn2/cX9ld1v64/li-border.png") repeat-x scroll top left transparent;
}
#footer .search {
	float: left;
	padding-bottom: 30px;
	width: 290px;
}
#footer .search input[type="text"] {
	background: url("http://static.tumblr.com/xcxngn2/rCqld1v59/input_bg.gif") repeat-x scroll center top #FFFFFF;
	border: 1px solid #BBBBBB;
	font: 120% Helvetica,Arial,sans-serif;
	margin-right: 0.5em;
	padding: 6px;
	width: 130px;
}
#footer h2 {
	color: #3b3b3b;
	font-size: 1.7em;
	line-height: 1.5em;
	margin-bottom: 0.618em;
	letter-spacing: -1px;
}
#footer .description p {
color:#555555;
margin-bottom:1.6363em;
}
#footer .description img {
float:left;
margin-right:10px;
}
#footer .follow ul li {
float:left;
list-style:none outside none;
margin-right:2px;
}
.post h3 {
color:#3b3b3b;
display:block;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size:30px;
letter-spacing:0;
line-height:1em;
margin:0 0 22px;
text-align:left;
letter-spacing: -1px;
}
.post h3 a {
	text-decoration: none;
}
.post h3 a:hover {
	color: #3B3B3B;
}
.post blockquote {
border-left: 4px double #CCCCCC;
font-style:italic;
padding-left:1em;
}
.post p, .post blockquote, .post ul, .post ol {
margin-top:1em;
}
.post p:first-child, .post blockquote:first-child, .post ul:first-child, .post ol:first-child {
margin-top:0;
}
.post .nav {
min-height:0 !important;
}
.post .link h3 {
margin:0;
}
.post .quote .symbol {
float:left;
font-size:5em;
margin-top:-0.1em;
}
.post .quote .quote {
font-size:1.7em;
line-height:1.5em;
margin-left:1.5em;
}
.post .chat ul {
list-style:none outside none;
}
.post .chat ul li {
font-size:1.2em;
line-height:1.5em;
padding:0.25em 0.5em;
}
.post .chat ul li {
background:none repeat scroll 0 0 #FFFFFF;
}
.post .chat ul li.odd {
background: #EEEEEE;
}
.post .chat .label {
color:#999999;
font-weight:bold;
}
.post .chat .odd .label {
color: #3B3B3B;
}
.post .text .go {
font-size:1.2em;
line-height:1.5em;
}
.post .text .go img {
max-width:100%;
}
.post .text blockquote {
line-height:1.5em;
}
.post .text ul, .post .text ol, .post .description ol, .post .description ul {
padding-left:2.5em;
}
ol.notes {
list-style-type:none;
margin:0;
padding:0;
}
ol.notes li.note {
background:none repeat scroll 0 0 #EEEEEE;
border-top:1px solid #DDDDDD;
padding:10px;
}
ol.notes li.note img.avatar {
height:16px;
margin-right:10px;
vertical-align:-4px;
width:16px;
}
ol.notes li.note span.action {
font-weight:bold;
}
ol.notes li.note .answer_content {
font-weight:normal;
}
ol.notes li.note blockquote {
border-color:#EEEEEE;
margin:10px 0 0 25px;
padding:4px 10px;
}
ol.notes li.note blockquote a {
text-decoration:none;
}

.text-post,
.image-post,
.quote-post,
.link-post,
.video-post,
.chat-post {
	width: 49px;
	height: 40px;
	text-indent: -9999em;
	position: absolute;
	top: 25;
	left: -45px;
}
.text-post {
	background: url("http://static.tumblr.com/xcxngn2/tRold1ve5/text.png") no-repeat;
}
.image-post {
	background: url("http://static.tumblr.com/xcxngn2/Dpold1v9c/photo.png") no-repeat;
}
.quote-post {
	background: url("http://static.tumblr.com/xcxngn2/oJ5ld1vb7/quote.png") no-repeat;
}
.link-post {
	background: url("http://static.tumblr.com/xcxngn2/MbRld1v6s/link.png") no-repeat;
}
.video-post {
	background: url("http://static.tumblr.com/xcxngn2/4S8ld1veq/video.png") no-repeat;
}
.chat-post {
	background: url("http://static.tumblr.com/xcxngn2/Aikld1v3n/chat.png") no-repeat;
}
p.tags {
	padding-left: 22px;
	line-height: 25px !important;
	margin-top: 10px !important;
	margin-left: 10px;
	background: url("http://static.tumblr.com/xcxngn2/KXPld1vdg/tags.png") no-repeat 0 5px;
}
p.tags a {
	padding: 5px 9px;
	background: #ddd;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	margin-right: 3px;
}
div.quote {
	background: #008BBF url("http://static.tumblr.com/xcxngn2/XRsld1vae/quote-shadow.png") no-repeat top center !important;
}
div.quote h4 {
	color: #000 !important;
	letter-spacing: -1px;
	font-size: 25px !important;
	font-weight: bold !important;
	line-height:130% !important;
	margin:0 !important;
	text-shadow: 0 1px 0 #00BAFF;
}
.footer-nav {
	margin-right:23.5em;
	min-height:0 !important;
	padding: 0px;
	width: 460px;
}
.sidebar img.portrait {
	float: left;
	margin-right: 10px;
}
a.previous-page {
	background: url("http://static.tumblr.com/xcxngn2/ifPld1v9u/previous.png") no-repeat;
	height: 40px;
	width: 40px;
	text-indent: -9999em;
	display: block;
	float: left;
}
a.next-page {
	background: url("http://static.tumblr.com/xcxngn2/1dRld1v7e/next.png") no-repeat;
	height: 40px;
	width: 40px;
	text-indent: -9999em;
	display: block;
	float: right;
}

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2009/12/06/new-clearfix-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

/*
	The following zoom:1 rule is specifically for IE6 + IE7.
	Move to separate stylesheet if invalid CSS is a problem.
*/
* html .clearfix,
*:first-child+html .clearfix {
	zoom: 1;
}