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

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;
}

/* 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;
}

/* HTML5 tags */
header, section, footer,
aside, nav, article, figure {
	display: block;
}

/* FONTS */

@font-face {
font-family: 'DejaVu Serif';
src: url('http://static.tumblr.com/pfrd0oz/lYolh5dwb/dejavuserif-bold-webfont.eot');
src: local('?'), url('http://static.tumblr.com/pfrd0oz/mWClh5dxq/dejavuserif-bold-webfont.woff') format('woff'), url('http://static.tumblr.com/pfrd0oz/lwslh5dyy/dejavuserif-bold-webfont.ttf') format('truetype'), url('http://static.tumblr.com/pfrd0oz/DR7lh5e06/dejavuserif-bold-webfont.svg#webfontX4pGz9fc') format('svg');
font-weight: 700;
font-style: normal;
}

@font-face {
font-family: 'DejaVu Serif';
src: url('http://static.tumblr.com/pfrd0oz/SENlh5e48/dejavuserif-bolditalic-webfont.eot');
src: local('?'), url('http://static.tumblr.com/pfrd0oz/ot1lh5e59/dejavuserifcondensed-bolditalic-webfont.woff') format('woff'), url('http://static.tumblr.com/pfrd0oz/i7ulh5e60/dejavuserifcondensed-bolditalic-webfont.ttf') format('truetype'), url('http://static.tumblr.com/pfrd0oz/1lVlh5e6v/dejavuserifcondensed-bolditalic-webfont.svg#webfontX4pGz9fc') format('svg');
font-weight: 700;
font-style: italic;
}

@font-face {
font-family: 'DejaVu Serif';
src: url('http://static.tumblr.com/pfrd0oz/tV7lh5e7p/dejavuserif-webfont.eot');
src: local('?'), url('http://static.tumblr.com/pfrd0oz/ysWlh5e8y/dejavuserif-webfont.woff') format('woff'), url('http://static.tumblr.com/pfrd0oz/tzylh5e9n/dejavuserif-webfont.ttf') format('truetype'), url('http://static.tumblr.com/pfrd0oz/OEvlh5eam/dejavuserif-webfont.svg#webfontX4pGz9fc') format('svg');
font-weight: 400;
font-style: normal;
}

@font-face {
font-family: 'DejaVu Serif cn';
src: url('http://static.tumblr.com/pfrd0oz/q0elh5eis/dejavuserifcondensed-italic-webfont.eot');
src: local('?'), url('http://static.tumblr.com/pfrd0oz/pbqlh5ejh/dejavuserifcondensed-italic-webfont.woff') format('woff'), url('http://static.tumblr.com/pfrd0oz/vHDlh5eka/dejavuserifcondensed-italic-webfont.ttf') format('truetype'), url('http://static.tumblr.com/pfrd0oz/XUnlh5elr/dejavuserifcondensed-italic-webfont.svg#webfontX4pGz9fc') format('svg');
font-weight: 400;
font-style: italic;
}

@font-face {
font-family: 'DejaVu Serif cn';
src: url('http://static.tumblr.com/pfrd0oz/AJ0lh5emz/dejavuserifcondensed-bold-webfont.eot');
src: local('?'), url('http://static.tumblr.com/pfrd0oz/CIElh5enl/dejavuserifcondensed-bold-webfont.woff') format('woff'), url('http://static.tumblr.com/pfrd0oz/8edlh5eol/dejavuserifcondensed-bold-webfont.ttf') format('truetype'), url('http://static.tumblr.com/pfrd0oz/Chplh5shu/dejavuserifcondensed-bold-webfont.svg#webfontX4pGz9fc') format('svg');
font-weight: 700;
font-style: normal;
}

@font-face {
font-family: 'DejaVu Serif cn';
src: url('http://static.tumblr.com/pfrd0oz/08hlh5sku/dejavuserifcondensed-bolditalic-webfont.eot');
src: local('?'), url('http://static.tumblr.com/pfrd0oz/nM0lh5sm6/dejavuserifcondensed-bolditalic-webfont.woff') format('woff'), url('http://static.tumblr.com/pfrd0oz/pqtlh5sn1/dejavuserifcondensed-bolditalic-webfont.ttf') format('truetype'), url('http://static.tumblr.com/pfrd0oz/5y4lh5sne/dejavuserifcondensed-bolditalic-webfont.svg#webfontX4pGz9fc') format('svg');
font-weight: 700;
font-style: italic;
}

@font-face {
font-family: 'DejaVu Serif';
src: url('http://static.tumblr.com/pfrd0oz/Lyplh5edy/dejavuserif-italic-webfont.eot');
src: local('?'), url('http://static.tumblr.com/pfrd0oz/8wOlh5efv/dejavuserif-italic-webfont.woff') format('woff'), url('http://static.tumblr.com/pfrd0oz/eS9lh5ege/dejavuserif-italic-webfont.ttf') format('truetype'), url('http://static.tumblr.com/pfrd0oz/Hz0lh5eh2/dejavuserif-italic-webfont.woff#webfontX4pGz9fc') format('svg');
font-weight: 400;
font-style: italic;
}

@font-face {
font-family: 'Museo Sans';
src: url('http://static.tumblr.com/pfrd0oz/5mLlh5sq4/museosans_500-webfont.eot');
src: local('?'), url('http://static.tumblr.com/pfrd0oz/PWilh5srf/museosans_500-webfont.woff') format('woff'), url('http://static.tumblr.com/pfrd0oz/RXZlh5ss8/museosans_500-webfont.ttf') format('truetype'), url('http://static.tumblr.com/pfrd0oz/pxBlh5ssx/museosans_500-webfont.svg#webfontX4pGz9fc') format('svg');
font-weight: 400;
font-style: normal;
}

@font-face {
font-family: 'Museo Sans';
src: url('http://static.tumblr.com/pfrd0oz/81Clh5suq/museosans_500_italic-webfont.eot');
src: local('?'), url('http://static.tumblr.com/pfrd0oz/YGFlh5sw6/museosans_500_italic-webfont.woff') format('woff'), url('http://static.tumblr.com/pfrd0oz/Urnlh5sxc/museosans_500_italic-webfont.ttf') format('truetype'), url('http://static.tumblr.com/pfrd0oz/1HNlh5sxy/museosans_500_italic-webfont.svg#webfontX4pGz9fc') format('svg');
font-weight: 400;
font-style: italic;
}

/* BEGIN STYLES */

body {
 font-family: "Museo Sans", "Verdana", "Gill Sans", "Lucida Grande", "Arial", "Helvetica", sans-serif;
 font-size: 24px;
}

#container {
 width: 960px;
 margin: 0 auto;
 position: relative;
}

h1 {
 font-family: "DejaVu Serif cn", Rockwell, serif; 
 font-weight: 700;
}

h1 a {
 text-decoration: none;
 color: #f6f6f6; 
}

h1 a:hover {
 background: transparent;
}

h2 {
 font-family: "DejaVu Serif", Rockwell, serif; 
 font-size: 36px;
 line-height: 42px;
 }

h2 a {
 text-decoration: none;
}

a {
 text-decoration: underline;
 color: #000000;
     -moz-transition: all .1s linear;  /* FF3.7+ */
       -o-transition: all .1s linear;  /* Opera 10.5 */
  -webkit-transition: all .2s linear;  /* Saf3.2+, Chrome */
          transition: all .1s linear;  
}

a:hover {
  background: #333333; /* Browsers without rgba support */
 background: rgba(0,0,0,.3);
}

blockquote {
 font-style: italic;
 margin: 0 30px;
 padding: 0 20px;
}

 pre, code { 
 font-family: "Inconsolata", Menlo, Courier New, Courier, Mono, monospace;
 text-align: left;
 font-size: 20px;
  white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
 }

header {
-webkit-font-smoothing: antialiased; 
 float: right;
 width: 500px;
 min-height: 60px;
 background: #333333; /* Browsers without rgba support */
 background: rgba(0,0,0,.5);
 -webkit-box-shadow: 5px 5px 0 rgba(0,0,0,.8);
 -moz-box-shadow: 5px 5px 0 rgba(0,0,0,.8);
 box-shadow: 5px 5px 0 rgba(0,0,0,.8);
 color: #f6f6f6;
 text-shadow: 1px 2px 0 #111111;
 text-transform: lowercase;
 padding: 20px 30px 30px 30px;
}

header h1 {
 font-size: 42px;
 float: left;
 width: 330px;
}

header nav {
 float: right;
 font-size: 16px;
 width: 150px;
}

header nav li {
 text-align: right;
 margin: 5px 0 0 0;
}

header nav li a {
 color: #f6f6f6;
 text-decoration: none;
}

#description {
 float: left;
 width: 330px;
 font-size: 12px;
 padding: 10px 0 00;
}

#posts {
 clear: both;
 padding: 50px 0 0 0;
}

.post {
 position: relative;
 clear: both;
 margin: 0 0 80px 0;
 display: block;
 width: 840px;
 background: #f6f6f6;
 padding: 60px;
  text-shadow: 0 1px 0 rgba(255,255,255,0.5);
 -moz-box-shadow: 5px 5px 0 rgba(0,0,0,.5);
 -webkit-box-shadow: 5px 5px 0 rgba(0,0,0,.5);
 box-shadow: 5px 5px 0 rgba(0,0,0,.5);
     -moz-transition: all 1s ease-out;  /* FF3.7+ */
       -o-transition: all 1s ease-out;  /* Opera 10.5 */
  -webkit-transition: all 1s ease-out;  /* Saf3.2+, Chrome */
          transition: all 1s ease-out;  
}

.post:hover {
  background: #d1d1d1; /* Browsers without rgba support */
 background: rgba(255,255,255,0.7);
}

.post p {
 line-height: 28px;
 margin: 15px 0;
}

.quote {
 font-size: 36px;
 line-height: 42px;
}

.source {
 text-align: right;
 font-size: 24px;
 margin: 5px 0 0 0;
}

.photo {
 display: inline-block;
}

.image {
 text-align: center;
 margin: 0 auto;
 overflow: hidden;
}

.image a {
 background: transparent;
}

.photo img {
 max-width: 834px;
 border: 3px solid #333333;
}

.photo .caption {
 text-align: center;
}

.caption p {
 margin: 0;
 font-size: 16px;
}

.html_photoset {
	width: 500px;
	margin: 0 auto;
}

.photo, .video, .audio {
 font-size: 16px;
}

.video .player {
 width: 500px;
 margin: 0 auto;
}

.chat li, .text li {
 margin: 5px 0;
}

.chat .label {
 font-weight: 700;
}

 .text li {
 padding-left: 10px;
  border-left: 10px solid #000000;
 }
 
.text {
 text-align: justify;
}

.notes {
 margin: 50px 0 0 0;
 font-size: 14px;
 line-height: 14px;
}

.notes li {
 margin: 10px 0;
}

.meta {
 position: absolute;
 left: 0;
 bottom: 0;
 width: 950px;
 text-align: center;
 font-size: 10px;
 line-height: 10px;
 padding: 5px;
}

.meta a { 
 color: #f6f6f6;
 color: #999999\9; /* IE8 and below hack -- EEKE  -- I know, I know */
 text-shadow: none;
 text-decoration: none;
 padding: 5px;
}

.notecount {
 float: left;
}

.tags {
 display: inline;
 width: 400px;
}

.tags li {
 border: none;
 display: inline-block;
 padding: 5px 0;
 margin: 0;
 zoom:1;
 *display:inline;
}

.permalink {
 float: right;
}

footer {
 font-size: 16px;
 text-align: center;
 text-transform: lowercase;
}

footer a {
 margin: 0 20px;
 text-decoration: none;
  background: #f6f6f6;
 padding: 20px;
  text-shadow: 0 1px 0 rgba(255,255,255,0.5);
 -moz-box-shadow: 5px 5px 0 rgba(0,0,0,.5);
 -webkit-box-shadow: 5px 5px 0 rgba(0,0,0,.5);
 box-shadow: 5px 5px 0 rgba(0,0,0,.5);
     -moz-transition: all .5s ease-out;  /* FF3.7+ */
       -o-transition: all .5s ease-out;  /* Opera 10.5 */
  -webkit-transition: all .5s ease-out;  /* Saf3.2+, Chrome */
          transition: all .5s ease-out;  
}

footer a:hover {
  background: #d1d1d1; /* Browsers without rgba support */
  background: rgba(255,255,255,0.7);
}

#search {
 margin: 80px 0 0 0;
}

input {
 font-family: "Museo Sans", "Verdana", "Gill Sans", "Lucida Grande", "Arial", "Helvetica", sans-serif;
 text-transform: lowercase;
 font-size: 16px;
 padding: 10px;
 border: none;
   text-shadow: 0 1px 0 rgba(255,255,255,0.5);
 }

#search_submit {
 -moz-box-shadow: 5px 5px 0 rgba(0,0,0,.5);
 -webkit-box-shadow: 5px 5px 0 rgba(0,0,0,.5);
 box-shadow: 5px 5px 0 rgba(0,0,0,.5);
     -moz-transition: all .5s ease-out;  /* FF3.7+ */
       -o-transition: all .5s ease-out;  /* Opera 10.5 */
  -webkit-transition: all .5s ease-out;  /* Saf3.2+, Chrome */
          transition: all .5s ease-out; 
} 
 
#search_submit:hover {
 cursor: pointer;
 background: #d1d1d1; /* Browsers without rgba support */
 background: rgba(255,255,255,0.7);
}

#copyright {
 -webkit-font-smoothing: antialiased; 
 display: inline-block;
 margin: 100px 0 0 0;
 padding: 10px 10px 8px 10px;
 font-size: 12px;
 background: #333333; /* Browsers without rgba support */
 background: rgba(0,0,0,.5);
 -webkit-box-shadow: 5px 5px 0 rgba(0,0,0,.8);
 -moz-box-shadow: 5px 5px 0 rgba(0,0,0,.8);
 box-shadow: 5px 5px 0 rgba(0,0,0,.8);
 color: #f6f6f6;
 text-shadow: 1px 2px 0 #111111;
}

#copyright a {
padding: 0;
margin: 0;
background: none;
font-weight: bold;
text-shadow: 1px 2px 0 #111111;
color: #f6f6f6;
 -webkit-box-shadow: none;
 -moz-box-shadow: none;
 box-shadow: none;
}