/*  TREVORMSTR Global CSS
    Copyright 2010
*/

html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, pre,
blockquote, a, abbr, acronym, address, cite, code, del, em, img,
ins, small, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset,
form, input, button, label, legend, table, caption, tr, th, td, 
header, nav, section, article, aside, details, figure, footer {
	margin: 0; padding: 0; border: 0; outline: 0;
	font-weight: inherit; font-style: inherit;
	font-size: 100%; font-family: inherit;
	vertical-align: baseline;
}

header, nav, section, article, aside, details, figure, footer { 
	display: block;
}

body {
	background: #fff;
	font: 10px/1 Helvetica, Arial, clean, sans-serif;
	color: #333;
}

#tumblr_controls {
	top: 4px !important;
}


/* Dev tools */

#baseline {
	display: none;
	background: url(/tpl/baseline.png);
	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 100%;
	z-index: 10;
}

#grid {
	display: none;
	background: url(/tpl/grid.png) repeat-y top center;
	position: fixed;
	top: 0; left: 0;
	width: 100%; height: 100%;
	z-index: 10;
}

/* Text
----------------------------------- */

p { margin: 0 0 1em; }

b, strong { font-weight: bold; }

i, em { font-style: italic; }

i i, em em { font-style: normal; margin-left: .25em; }

pre, code { font-family: monospace; }

code { color: #666; }

:focus { outline: 0; }


/* Headings */

h1 {
	background: url(/tpl/sprites.gif) no-repeat top left;
	position: absolute;
	top: 42px;
	left: -10px;
	display: block;
	width: 160px;
	height: 48px;
}

h1 a {
	background: url(/tpl/sprites.gif) no-repeat top left;
	display: block;
	width: 160px;
	height: 48px;
}

h1 a:hover {
	background-position: 0 -48px;
}

h1 span {
	position: absolute;
	left: -9999px;
}

h2 {
	display: block;
	margin: 0 0 .64em;
	font: bold 180% Helvetica, Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
}

h3 {
	display: block;
	margin: 1.71em 0 .89em;
	font: bold 140% Helvetica, Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
}


/* Links */

a:link, a:visited {
	display: inline-block;
	text-decoration: none;
	color: #367099;
}

a:hover, a:active {
	text-decoration: underline;
	-moz-outline: none;
	color: #205880;
}


/* Lists */

article li {
	margin: 0 0 1.09em;
	list-style: square;
}

article ol li {
	list-style: decimal;
}

article li li {
	margin-left: 10px;
}


/* Misc */

.hide { display: none !important; }

hr { visibility: hidden; clear: both; }

abbr { border-bottom: 1px dotted #ccc; cursor: help; }

blockquote:before, blockquote:after { content: ""; }
blockquote { margin: 0 0 1em; quotes: "" ""; }

sup { vertical-align: 75%; }

span.strike, p.strike, del { text-decoration: line-through; }



/* Structure
----------------------------------- */

/* Header */

header {
	background: #f5f5f5;
	border-top: 4px solid #7a7a7a;
	text-align: center;
}

/* header #fade {
	background: url(/tpl/fade.png) no-repeat top right;
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 240px;
	height: 4px;
	z-index: 10;
} */

nav {
	position: relative;
	width: 649px;
	height: 10.4em;
	margin: 0 auto;
}

nav ul {
	float: right;
	list-style: none;
	margin-right: -8px;
}

nav li {
	float: left;
}

nav li a:link, nav li a:visited {
	margin-top: 4.636em;
	padding: .73em 10px;
	font-size: 110%;
	color: #333;
}

nav li a:hover, nav li a:active {
	text-decoration: underline;
}

nav li a.active {
	font-weight: bold;
}

header section {
	text-align: left;
}


/* About section */

#about {
	display: none;
	background: #fafafa;
	position: relative;
	border-top: 1px dotted #b8b8b8;
}

#about p {
	background: url(/tpl/sprites.gif) no-repeat -160px 0;
	display: block;
	width: 625px;
	margin: 1.81em auto 0;
	padding: 0 0 1.46em 24px;
	font-size: 110%;
	line-height: 2.2em;
	color: #444;
}


/* Tweets section */

#tweets {
	background: #e9e9e9;
	border-top: 1px dotted #c4c4c4;
	border-bottom: 1px dotted #bfbfbf;
	text-align: center;
	cursor: pointer;
}

#tweets:hover {
	background: #dcedfa;
	border-top-color: #93c1e5;
	border-bottom-color: #8cc0e8;
}

#tweets p {
	background: url(/tpl/sprites.gif) no-repeat -810px 0;
	position: relative;
	width: 649px;
	height: 4.3em;
	margin: -12px auto 0;
	font-size: 110%;
	text-align: left;
}

#tweets:hover p {
	background-position: -1460px 0;
}

#tweets span.loading {
	background: url(/tpl/loadtweet.gif) no-repeat 24px 2.2em;
	display: block;
	position: absolute;
	width: 601px;
	height: 4.4em;
	color: #444;
}

#tweets a:link, #tweets a:visited {
	width: 601px;
	height: 1em;
	padding: 25px 24px 0;
	color: #444;
}

#tweets a.tweet {
	opacity: 0;
}

#tweets:hover a {
	color: #437ea7;
}

#tweets p > a:hover, #tweets p > a:active {
	text-decoration: none;
}

#tweets strong a:link, #tweets strong a:visited {
	position: absolute;
	top: 0;
	right: -8px;
	width: auto;
	padding: 25px 10px 1em;
	font-size: 100%;
	color: #555;
}

#tweets:hover strong a {
	color: #266999;
}

#tweets.open p {
	background-position: -810px -12px;
	height: 3.2em;
	margin-top: 0;
}

#tweets.open p:hover {
	background-position: -1460px -12px;
}

#tweets.open a:link, #tweets.open a:visited {
	padding-top: 13px;
}


/* Page nav */

#pagenav {
	background: #f5f5f5;
	margin-top: 1.2em;
	padding: 1.3em 0 1em;
	border-top: 1px solid #fff;
	border-bottom: 1px dotted #bfbfbf;
	text-align: center;
}

#pagenav div {
	width: 512px;
	margin: 0 auto;
	padding-left: 137px;
	text-align: left;
}

#pagenav a, #pagenav b {
	margin: 0;
	padding: 1em 14px;
	font-weight: bold;
	font-size: 120%;
}

#pagenav b {
	color: #ccc;
}

#pagenav a b {
	padding: 0;
	font-size: 100%;
	color: #777;
}


/* Footer */

footer {
	width: 649px;
	margin: 0 auto;
	padding: 1.9em 0 6em;
	line-height: 2.4;
}

footer small {
	float: left;
	margin-left: 10px;
	color: #999;
}

footer a:link, footer a:visited {
	color: #777;
}

footer a:hover, footer a:active {
	color: #444;
}

#top_link {
	background: url(/tpl/sprites.gif) no-repeat -564px bottom;
	float: left;
	width: 117px;
	padding-left: 24px;
}

#top_link:hover {
	background-position: -705px bottom;
}

#archive_link, #feed_link {
	float: right;
	margin-right: -6px;
	padding: 0 8px 0 14px;
}



/* Posts
----------------------------------- */

article {
	border-bottom: 1px dotted #ccc;
	padding: 4.2em 0 2.85em;
	text-align: center;
}

article.last {
	border-bottom: none;
}

article div {
	width: 649px;
	margin: 0 auto;
	text-align: left;
}

article h2, article h3, article h4, article p {
	padding: 0 2px 0 151px;
}

article h2 {	
	line-height: 1.67;
}

article.text blockquote, article.link blockquote  {
	margin-left: 135px;
	border-left: 4px solid #e5e5e5;
	padding: 0 2px 0 12px;
}

article li {
	margin: 0 0 1em 149px;
	padding: 0 2px;
}

article figure {
	padding-left: 149px;
}

article figure h2 {
	padding-left: 2px;
}

article h2 a:link, article h2 a:visited {
	color: #333;
}

article p, article li, article.text blockquote, article.link blockquote {
	font-size: 120%;
	line-height: 2em;
}

article p.align-right {
	padding: 0;
}

article p:after {
	content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

article p small {
	font-size: 83%;
	line-height: 2.4em;
}

article p.align-right img {
	float: right;
	margin-bottom: 1.2em;
}

article p a, article figure p a {
	display: inline !important;
}


/* Meta */

.meta {
	float: left;
	width: 141px;
	margin-top: -1px;
}

.meta a:link, .meta a:visited {
	display: block;
	padding-left: 24px;
	line-height: 2.4em;
	color: #666;
}

.meta a:hover, .meta a:active {
	text-decoration: none;
	color: #333;
}

.meta a.permalink {
	background: url(/tpl/sprites.gif) no-repeat 0 bottom;
}

.meta a.permalink time {
	font-weight: bold;
}

.meta a.like {
	background: url(/tpl/sprites.gif) no-repeat 0 bottom;
	color: #999;
}

.meta a.like:hover {
	background-position: -141px bottom;
	color: #666;
}

.meta div.tags {
	width: 141px;
	height: 2.4em;
	background: url(/tpl/sprites.gif) no-repeat -282px bottom;
}

.meta div.tags:hover {
	background-position: -423px bottom;
}

.meta div.tags a {
}



/* Text */

.text .meta a.permalink { background-position: -846px bottom; }
.text .meta a.permalink:hover { background-position: -987px bottom; }


/* Photo */

.photo .meta a.permalink { background-position: -1128px bottom; }
.photo .meta a.permalink:hover { background-position: -1269px bottom; }

.photo figure img, .photo figure .html_photoset {
	margin: 1px 0 2.4em;
}

.photo figure p {
	padding: 0 129px 0 2px;
	font-size: 120% !important;
	color: #777;
}


/* Quote */

.quote .meta a.permalink { background-position: -1410px bottom; }
.quote .meta a.permalink:hover { background-position: -1551px bottom; }

.quote figure {
	background: url(/tpl/sprites.gif) no-repeat -2790px 3px;
	position: relative;
	margin: -1px 0 0 119px;
	padding-left: 32px;
	z-index: 10;	
}

.quote blockquote {
	margin-bottom: 1.45em;
	margin-bottom: .78em;
	font-weight: bold;
	font-size: 180%;
	-webkit-font-smoothing: antialiased;
	line-height: 1.34;
	line-height: 1.67;
}

.quote figure p {
	padding: 0 129px 0 0;
	font-size: 120% !important;
	color: #777;
}


/* Link */

.link .meta a.permalink { background-position: -1692px bottom; }
.link .meta a.permalink:hover { background-position: -1833px bottom; }

/* .link h2 {
	margin: 0 0 .84em;
} */

.link h2 a:link, .link h2 a:visited {
	background: url(/tpl/sprites.gif) no-repeat -2138px top;
	margin: 0 -1px 0 -2px;
	padding: 0 25px 0 2px;
	display: block;
/*	border-bottom: 1px dotted #b9cddb; */
	text-decoration: none;
	color: #367099;
}

.link h2 a:hover, .link h2 a:active {
	background: url(/tpl/sprites.gif) no-repeat -2138px -48px;
	border-color: #729bb7;
	text-decoration: none;
	color: #205880;
}


/* Chat */

.chat .meta a.permalink { background-position: -1974px bottom; }
.chat .meta a.permalink:hover { background-position: -2115px bottom; }

.chat p {
	width: 495px;
	margin: 0 0 .6em 149px;
	padding: 0 2px .34em;
	border-bottom: 1px dotted #bfbfbf;
}

.chat p b {
	margin-right: 2px;
	color: #888;
}

.chat p.last {
	margin-bottom: .7em;
	border-bottom: none;
}


/* Audio */

.audio .meta a.permalink { background-position: -2256px bottom; }
.audio .meta a.permalink:hover { background-position: -2397px bottom; }

.audio_player {
	display: inline-block;
	width: auto;
	margin: 1px 0 2.3em;
	border: 6px solid #eaeaea;
}

.audio h2 {
	margin-bottom: 1.28em;
	font-size: 140%;
}

.audio p {
	color: #777;
}


/* Video */

.video .meta a.permalink { background-position: -2538px bottom; }
.video .meta a.permalink:hover { background-position: -2679px bottom; }

.video figure {
	margin: .2em 0 3.4em;
}

.video h2 {
	margin-bottom: 1.28em;
	font-size: 140%;
}


/* Reblog */

.reblog {
	width: 499px;
	margin: 1.6em 0 0 149px;
	padding: 8px 0 0;
	border-top: 1px dotted #bfbfbf;
}

.reblog p {
	background: url(/tpl/sprites.gif) no-repeat -2110px 0;
	margin: 0 0 1.4em;
	padding: 1px 1px 0 18px;
	font-size: 100%;
	color: #999;
}

.reblog p a {
	font-weight: bold;
	color: #999;
}


/* Source */

.source {
	width: 499px;
	margin: 1.6em 0 0 149px;
	padding: 8px 0 0;
	border-top: 1px dotted #bfbfbf;
}

.source p {
	margin: 0 0 1.4em;
	padding: 1px 1px 0 1px;
	font-size: 100%;
	color: #999;
	vertical-align: bottom;
}

.source p a {
	font-weight: bold;
	color: #999;
}

.source p a img {
	margin: 0 2px;
	opacity: 0.4;
}

.source p a:hover img, .source p a:active img {
	opacity: 0.6;
}