/* @group Misc */

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

.transparent {
	background-color: none
}

img, video, object, embed {
	max-width: 100%;
}

blockquote, q {
	quotes: none
}

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

body {
	background: white url(http://pe8er.net/vis/tumblrbg.jpg) no-repeat fixed left top;
	font: 10pt "sax-mono-1","sax-mono-2",monospace;
	color: black;
	height: 100%;
	text-rendering: optimizeLegibility;
}

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

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

p, pre, ul:not(.sidebar), ol, blockquote, form {
	margin: 0 0 18pt;
	line-height: 14pt
}

h1 {
	font-family: "hydrophilia-iced-1","hydrophilia-iced-2",sans-serif;
	color: #00afe5;
	font-size: 3.5em;
	padding: 1em 0 1.5em;
	text-align: left;
	text-decoration: none
}

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

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

li.post h3 {
	font-size: 2em;
}

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

h2.permalink a {
	background: black;
	padding: 3pt 3pt 3pt 10pt
}

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: white
}

a:visited {
	color: #3287a1
}

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

.post img
{
	border: 3px solid white;
	max-width: 100%;
	height: auto;
}

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

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

ol {
	list-style-type: decimal-leading-zero;
	list-style-position: inside;
}

ol li {
  background: white
}

ol.notes {
	margin: 10pt 0
}

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

p {
	background-color: white
}

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

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

:focus {
	outline: 0
}

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

del {
	text-decoration: line-through
}

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

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

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

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

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

.abs {
	position: fixed;
	top: 44pt;
	right: 0;
	background-color: #00afe5 !important;
	color: white !important;
	font-size: 8pt;
}

td#ZoomCaption {
	font-family: "hydrophilia-iced-1","hydrophilia-iced-2",sans-serif !important;
	font-size: 10pt !important;
	text-transform: uppercase;
	text-shadow: none !important;
	font-weight: 200 !important;
	background: black;
	opacity: .75;
	height: 26px;
	line-height: 27px;
	display: block;
}

/* @end */

/* @group Sidebar */

#description {
	position: absolute;
	left: 700px;
	color: #ccc;
	font-size: 11pt;
	width: 160px;
}

form .input {
	background: white;
	color: #00afe5;
	width: 100%;
	border: 1px solid #00afe5;
	font: normal normal 14pt/20pt "sax-mono-1","sax-mono-2",monospace;
	text-align: left;
	height: 16pt
}

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

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

.tweet, #description ul {
	list-style-type: none;
	line-height: 10pt;
	font-size: 9pt;
	padding: 0 0 10pt 0;
	list-style-position: outside;
	text-indent: -1.3em;
}

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

.tweet:before {
	content: "✎";
}

#tweets a:nth-child(odd) {
	color: #50b0ce
}

.content:hover {
	color: black;
	text-decoration: none;
}

#description h3, div#twitter h3, #description p:nth-of-type(2) {
	font-family: "hydrophilia-iced-1","hydrophilia-iced-2",sans-serif;
	font-size: 9pt;
	margin: 20pt 0 8pt 0;
	background-color: black;
	color: white;
	text-transform: uppercase;
}

#tag_cloud #tag_list{
	margin: 0;
	padding: 0;
	text-indent: 0;
	line-height: 12pt;
}

/* @end */

/* @group Posts */

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

.post {
	position: relative;
	list-style: none;
	margin-bottom: 8em;
	background: transparent
}

.post ul li, #description ul.sidebar li:not(:last-of-type) {
	margin: 0 0 5pt 0;
	background-color: white
}

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

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

.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: 20pt;
	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: white
}

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

.notes li {
	list-style: none;
	margin-bottom: 20pt;
	background: white
}

.avatar {
	float: left;
	margin: 0 4pt 0 0
}

.action a {
	text-transform: uppercase;
}

/* @end */

/* @group Animations */

.post img
{
	-webkit-transition: 0.3s ease-out
}

.post img:hover
{
	-webkit-transition: 0.3s ease-out
}

/*

#description, .post {
	-webkit-animation-name: slide;
	-webkit-animation-duration: .2s;
	-webkit-animation-iteration-count: 3;
	-webkit-animation-delay: 3s
}

@-webkit-keyframes slide {
	0% {
		background-color: black;
		opacity: .3;
		left: -5px;
		-webkit-transform: skew(90deg);
		}
	80% {
		background-color: #00afe5;
		opacity: .5;
		right: 4px;
		top: 2px;
		}
	90% {
		background-color: black;
		left: 400px;
		top: 20px;
		}
    100% {
		background-color: #00afe5;
		opacity: .1;
        left: 20px;
      }
}

	
 body {
	-webkit-animation-name: bgshift;
	-webkit-animation-direction: normal;
	-webkit-animation-duration: .5s;
	-webkit-animation-iteration-count: 2;
	-webkit-animation-delay: 6s;
}

@-webkit-keyframes bgshift {
	0% {
		left: -5px;
		-webkit-transform: scale(1);
		}
	80% {
		right: 40px;
		top: 2px;
		-webkit-transform: scale(1);
		}
	90% {
		left: 400px;
		top: 20px;
		-webkit-transform: scale(4);
		}
    100% {
		left: 20px;
		-webkit-transform: scale(1);
}
} */

/* @end */