/*
1. Reset
2. Body, links, headers
3. Layout
4. Tumblr
*/

/*
1. 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, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }
body { line-height:1; }
ol, ul { list-style:none;}
blockquote, q {	quotes:none;}
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
:focus { outline:0; }
h3, h4 { font-weight:normal; }
ins { text-decoration:none; }
del { text-decoration:line-through; }
table { border-collapse:collapse; border-spacing:0;}


/*
2. Body, links, headers ----------------------------------------------
*/

/* Typography */
@font-face {
	font-family: 'Calluna'; /* A font by Jos Buivenga (exljbris) -> http://www.exljbris.nl */
	src: url('calluna-semibold-webfont.eot');
	src: local('☺'), url('calluna-semibold-webfont.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'Calluna';
	src: url('calluna-regular-webfont.eot');
	src: local('☺'), url('calluna-regular-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Calluna';
	src: url('calluna-light-webfont.eot');
	src: local('☺'), url('calluna-light-webfont.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'Calluna';
	src: url('calluna-it-webfont.eot');
	src: local('☺'), url('calluna-it-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
}

strong { font-weight:600; }
em { font-style:italic; }

/* Body */
body { font:normal 15px "Calluna",Georgia,"Times New Roman",serif; color:#222; text-rendering:optimizeLegibility; margin:1em; line-height:25px; background-color:white; }

/* Paragraphs */
p { margin-bottom:1.5em; }
p + ul { margin-top:-1em; }
li.p { margin-bottom:0; }
	
/* Links */
a { color:inherit; text-decoration:none; border-bottom:1px solid #bbb; }
a:hover { color:red; }
.post a:hover { color:inherit; border-bottom:1px solid black; }
#header a, #footer a { border:none; }
.media { margin-bottom:1.5em; }
.media a { border:none;}

/* Headers */
h1 { font:italic 1.4em 'OFL Sorts Mill Goudy TT',Georgia,serif; }
h1 a, h2 a { border:none; }
h2 { margin:1.5em 0 .5em 0; font:normal 1.2em 'OFL Sorts Mill Goudy TT',Georgia,serif; }
h3 { text-decoration:underline; }
.marginleft h3 { text-decoration:none; }

/* Lists */
ul { list-style:disc outside; margin:0 0 1.5em 42px; }
ol { list-style:decimal outside; margin:0 0 0.5em 42px; }
li { margin:0 0 0.5em 0; }

/* Blockquotes */
blockquote { border-left:1px solid #ccc; padding:0 1em; margin:0 1.333em 1em 28px; color:#666; }
p + blockquote { margin-top:-0.5em; }

/* Tables */
td { padding-right:1em; }
table { margin-bottom:1.5em; }

/* Images */
img + p { margin-top:1.5em; }
img { margin:0.5em 0; }
img { border:0 !important; }

/* Footnotes */
.footnotes hr { margin:3em 0 1.5em 0; width:16em; }
.footnotes { font-size:0.9em; }
a:hover { color:#ff0000; }
a[rel="footnote"] { font-family:Cantarell,Helvetica,Arial,sans-serif; vertical-align:super; font-size:0.65em; padding:3px; }
a[rev="footnote"] { border:none; font-size:.9em; padding-left:5px; color:#bbb; }
a[rev="footnote"]:hover { color:black; border:none; }
sub, sup { line-height:0; }

hr { margin:2em 0; }


/*
3. Layout -----------------------------------------------------------
*/

#wrapper { margin:0 auto; width:720px; }
#header { width:500px; border-bottom:1px solid #ccc; font-size:0.875em; }
#footer { width:500px; text-align:right; }

.permalink { width:150px; float:left; margin:0 15px 0 -165px; text-align:right; font:0.65em Cantarell,Helvetica,Arial,sans-serif; color:#ccc; }
.permalink a { border:none; }
.permalink a:hover { color:black; border:none; }
.photo .permalink, .link .permalink  { margin-top:5px; }

.margin { float:right; clear:right; width:200px; margin:0 -200px 0 0; font-size:0.9em; color:#999; text-align:right; }
.margin img { max-width:200px; }
.marginleft { float:left; clear:right; width:180px; margin:0 0 0 -200px; font-size:0.9em; color:#999; text-align:right; }
.margin p, .marginleft p { margin:0; }

.right { float:right; }

/*
4. Tumblr -----------------------------------------------------------
*/

/* General */
ul#posts { float: left; width: 500px; margin: 0 20px 0 0; list-style:none;}
ul#posts li.post:first-child {margin-top:3em;}
ul#posts li.post {margin: 5em 0; }
ul#posts img { max-width: 500px; margin-bottom:-1em; }
ul#posts img.big { max-width: 720px; margin-bottom:-1em; }

.author:before { content: "—"; }
.author { margin-left: 3em; }

/* Text posts */
.text h1 { margin-bottom:.7em; }
.text .caption { margin-top:-1em; }
.author:before { content: "—"; }
.author { margin-left: 3em; }

/* Photo captions */
.caption { color:#999; margin:0 0 1.5em 0; }
.photocaption { margin:1em 0 0 0; }	

/* Link posts */
.link h1 a { font-style:normal; }
.link h1 a:hover { color:red; border:none; }

/* Video posts */
.video .player { margin-top:3em; }

/* Audio posts */
.audio .player { margin-bottom:0.5em;}

/* Permalink Page formatting */
.perma ul#posts li.post {margin-top:3em;}