/* @override http://pe8er.net/css/tumblr.css */

* {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: inherit;
	line-height: inherit;
	vertical-align: baseline;
	background: transparent;
}

html {
	font-size: 100.01%;
	height: 100%;
}

body {
	background: #fff url(http://pe8er.net/vis/tumblrbg.jpg) no-repeat fixed left top;
	font: 11pt/18pt "HelveticaNeue-Light", Arial, Helvetica, sans-serif;
	color: #000;
	height: 100%;
}

a:hover,
.post img:hover
{
		-webkit-transition: 0.3s ease-in;
}
		
a:link,
.post img
{
		-webkit-transition: 0.3s ease-out;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	text-transform: uppercase;
}

h1 {
	color: #00afe5;
	font-size: 3em;
	line-height: 1;
	padding: 1em 0 2em;
	text-align: left;
	text-decoration: none;
}

h1 a {
	color: #00afe5;
	padding: 0 0.25em;
}

h2, h3 {
	line-height: 18pt;
	background: #fff;
}

h2.permalink {
	background: none;
	width: 250px;
	font-size: 11pt;
	position: absolute;
	right: 530px;
	text-align: right;
}

h2.permalink a {
	background: #000;
	padding: 3pt 3pt 3pt 20pt;
}

h2.permalink a:hover {
	border: none;
	background: #00afe5;
	color: white;
}

.post-meta {
	font-size: 7pt;
}

a:link, a:visited {
	color: #00afe5;
	text-decoration: none;
	background-color: #fff;
}

a:visited {
	color: #3287a1;
}

a:hover {
	color: #00afe5;
	border-bottom: 1pt dotted #00afe5;
}

img {
	border: 3px solid #fff;
}

a:hover img {
	border-color: #00afe5;
}

small {
	font-size: 9pt;
	color: #808080;
}

caption, cite, code, dfn, th, var {
	font-style: normal;
	font-weight: normal;
}

blockquote, q {
	quotes: none;
}

p, pre, ul, ol, blockquote, form {
	margin: 0 0 18pt;
	line-height: 18pt;
}

ol {
	color: #00afe5;
	list-style-type: decimal-leading-zero;
}

ol.notes li {
	margin: -8pt 0;
	font-size: 9pt;
	line-height: 20pt;
}

p, ol.notes li span {
	background-color: #fff;
}

.transparent {
	background-color: none;
}

blockquote {
	color: #808080;
	padding-left: 1em;
	margin-left: 2pt;
	border-left: 0.25em solid #00afe5;
	background-color: #fff;
}

pre {
	overflow-x: auto;
	font-size: 11pt;
}

:focus {
	outline: 0;
}

ins {
	border-bottom: 1pt dotted #00afe5;
}

del {
	text-decoration: line-through;
}

#content {
	position: relative;
	width: 500px;
	margin: 0 0 0 300px;
	background: url(http://pe8er.net/vis/whitelines.gif) repeat-y scroll left top;
}

#description {
	position: absolute;
	left: 600px;
	color: #808080;
	font-size: 11pt;
	width: 12em;
}

#description form .input {
	font: 11pt/18pt "HelveticaNeue-Light", Arial, Helvetica, sans-serif;
	background: #fff;
	color: #00afe5;
	font-size: 14pt;
	width: 90%;
	border: 1px solid #00afe5;
}

#description .submit {
	height: 0;
	overflow: hidden;
	display: block;
}

#description .meta {
	word-spacing: 0.25em;
	font-size: 10pt;
	text-transform: uppercase;
	margin: 0
}

.post {
	position: relative;
	list-style: none;
	margin-bottom: 6em;
}

.post ul li, #description ul.sidebar li {
	list-style-type: none;
	margin: 0 0 10pt 0;
	background-color: #fff;
}

#description ul.sidebar li {
	margin: 0;
}

.post ul li:before {
	color: #00afe5;
	content: "✪";
	margin: 0 0 0 -20pt;
	padding: 2.5pt 5pt 2.5pt 6pt;
	background-color: #fff;
}

#description ul.sidebar li:before {
	color: #00afe5;
	content: "✪";
	padding: 0 5pt 0 0;	
}

.post img {
	max-width: 100%;
}

.content, #description ul.sidebar li {
	line-height: 10pt;
	color: #999;
	font-size: 9pt;
	padding: 0 0 10pt 0;
	text-indent: -1.3em;
}

.content:before {
	color: #00afe5;
	content: "✎";
	margin: 0 5pt 0 0;
}

.content:hover {
	color: #00afe5;
	text-decoration: underline;
}

.content:active, #timestamp {
	color: #00afe5;
}

.post-body h3 {
	font-size: 1.5em;
	position: relative;
}

.post-body ul ul, .post-body ul ol, .post-body ol ol, .post-body ol ul,	.post-body blockquote ul, .post-body blockquote ol {
	margin-left: 1.5em;
}

.caption, .cite {
	margin-top: 9pt;
}

.text-post {
	position: relative;
	top: -2pt;
}

.text-post h3 {
	margin-bottom: 9pt;
}

#photo {
	width: 160px;
	height: 110px;
	display: block;
	margin: 40pt 0 20pt 0;
	background: url(http://pe8er.net/vis/tumblr_me.gif) no-repeat 0 0;
}

#photo:hover {
	background-position: -160px 0;
}

.link-post {
	position: relative;
	top: -2pt;
}

.link-post h3 {
	display: inline;
	padding-right: 9pt;
}

.quote-post {
	position: relative;
	top: -4.5pt;
}

.quote-post blockquote.quote {
	font-size: 18pt;
	line-height: 24pt;
	text-indent: -7pt;
	margin: 0;
	padding: 5pt 14pt 20pt;
	border: 1px dotted #00afe5;
}

.quote-post .quote:before {
	content: '“';
}

.quote-post .quote:after {
	content: '”';
}

.quote-post .cite {
	color: #00afe5;
	padding-left: 14pt;
}

.chat-post li {
	list-style: none;
	padding: 0.5em 2em;
	text-indent: -1em;
	border-bottom: 1px dotted #00afe5;
}

.chat-post li:nth-child(odd) {
	color: #444;
}

.chat-post li:nth-child(even) {
	background-color: ;
}


.chat-post b {
	font-weight: bold;
	color: #00afe5;
	padding-right: 4.5pt;
	background-color: #fff;
}

.notes {
	color: #808080;
	margin-top: 54pt;
}

.notes li {
	list-style: none;
	margin-bottom: 18pt;
}

.notes img, .notes .clear {
	display: none;
}

#footer {
	font-size: 8pt;
	color: #808080;
	text-align: center;
	margin: 4.5em 0 2em 0;
}

a.pages {
	font-size: 12pt;
	background-color: #00afe5;
	color: #fff;
	padding: 0.2em 0.5em;
	border: none;
}

a:hover.pages {
	background-color: #61d9ff;
}

a:active.pages {
	background-color: #00afe5;
}

.abs {
	position: fixed;
	top: 30px;
	right: 10px;
	font-size: 8pt;
}

div#description h3, div#twitter h3 {
	padding: 20pt 0 5pt 0;
}

#tag_cloud #tag_list{
	margin: 0;
	padding: 0;
}

/* @group Disqus */

#disqus_thread h3{
	font-size: 16pt;
	padding: 10pt 0;
	background: #fff !important;
	border-bottom: 1px dotted #00afe5 !important;
}

.dsq-comment {
	background: #fff !important;
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
}

.dsq-comment-header-time {
	float: right;
	font-size: 8pt;
	color: #00afe5;
}

.dsq-comment-cite {
	font: 9pt/18pt "HelveticaNeue-Light", Arial, Helvetica, sans-serif !important;
	text-transform: uppercase;
}

.dsq-dc-logo, .dsq-request-user-stats, .dsq-button-small, .dsq-options, .dsq-request-user-info, .dsq-comment-footer, .dsq-thread-settings {
	display: none !important;
}

ul#dsq-comments .dsq-comment.dsq-even, #dsq-thread-settings, .dsq-comment-footer, .dsq-authenticate {
	background-color: #fff !important;
	border: none !important;
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	margin: 0 !important;
	padding: 0 0 10pt 0;
}

ul#dsq-comments .dsq-comment.dsq-odd {
	background-color: #e5fcff;
	margin: 0 !important;
	padding: 0 0 10pt 0;
}

.dsq-textarea-wrapper {
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;	
	border: 1px solid #808080 !important;
	position: relative;
	top:  -4px;
}

.dsq-button {
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	font-size: 12pt;
	background-color: #00afe5 !important;
	color: #fff !important;
	padding: 0.2em 0.5em !important;
	border: none !important;
}

/* @end */

#description, .post {
	-webkit-animation-name: slide;
	-webkit-animation-duration: 0.5s;
}

@-webkit-keyframes slide {
	from {
		opacity: .3;
		left: -5px;
		}
	80% {
		opacity: .5;
		right: 4px;
		top: 2px;
		}
	90% {
		background-color: #00afe5;
		left: 40px;
		top: 20px;
		}
    to {
		opacity: .1;
        left: 20px;
      }
	}
	
body {
	background-position: 0px 0px;
	-webkit-animation-name: bgshift;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: 6;
	-webkit-animation-timing-function: linear;
}

@-webkit-keyframes bgshift {
	from {background-position: 3px 0px;}
	99% {background-position: 1px 0px;}
    to {background-position: -60px 0px;}
}