@charset "utf-8";
/* Theme name: Vrbanite */
/* Theme version: 1.4 */
/* Author: Mike Peters */
/* Credit: <http://vrbanite.tumblr.com/> */

* {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}

html, body {
	background: #181818 url('http://static.tumblr.com/zprzrql/rgfmokn7a/background.png') repeat left top;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #fff;
}

a {
	text-decoration: none;
	text-transform: none;
}

strong, b { font-weight: bold; }

em, i { font-style: italic; }

strike, s { text-decoration: line-through; }

u { text-decoration: underline; }

blockquote {
	border-left: #2b2b2b 4px solid;
	padding: 0 0 0 5px;
}

pre {
	background-color: #2f2f2f;
	padding: 5px;
	display: inline-block;
	word-wrap: break-word;
}

.entry pre { width: 230px; }

.post pre { width: 490px; }

code {
	background-color: #2f2f2f;
	margin: 1px;
	padding: 2px;
	display: inline-block;
}

#header {
	position: absolute;
	top: 50px;
	left: 50%;
	margin: 0 0 0 -250px;
	width: 500px;
}

#sidebar {
	position: fixed;
	top: 200px;
	left: 25%;
	margin: 0 0 0 -200px;
	width: 200px;
}

.logo, .logo span {
	width: 500px;
	height: 90px;
	display: block;
	text-indent: -9999em;
}

.banner, .banner span {
	width: 200px;
	height: 200px;
	display: block;
	text-indent: -9999em;
}

#header .one { background: url('http://static.tumblr.com/zprzrql/ioDmoknml/banner-one.gif') no-repeat left top; }

#header .two { background: url('http://static.tumblr.com/zprzrql/ftFmoknn3/banner-two.gif') no-repeat left top; }

#header .three { background: url('http://static.tumblr.com/zprzrql/CvKmoknnr/banner-three.gif') no-repeat left top; }

#sidebar .one { background: url('http://static.tumblr.com/zprzrql/E27molccg/sidebar-one.gif') no-repeat left top; }

#sidebar .two { background: url('http://static.tumblr.com/zprzrql/UXdmolcco/sidebar-two.gif') no-repeat left top; }

#sidebar .three { background: url('http://static.tumblr.com/zprzrql/rDxmolcd2/sidebar-three.gif') no-repeat left top; }

.logo span { background: url('http://static.tumblr.com/zprzrql/fxqmoknos/banner-overlay.png') no-repeat left top; }

.banner span { background: url('http://static.tumblr.com/zprzrql/mbomolcde/sidebar-overlay.png') no-repeat left top; }

.logo span, .banner span {
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-transition: opacity 0.5s;
	-moz-transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
	transition: opacity 0.5s;
}

.logo span:hover {
	opacity: 0.4;
	filter: alpha(opacity=40);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
}

.banner span:hover {
	opacity: 0.2;
	filter: alpha(opacity=20);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
}

#navigation {
	margin: 20px auto;
	width: 500px;
}

#nav {
	margin: 20px auto;
	width: 200px;
}

#navigation li, #nav li {
	list-style-type: none;
	float: left;
}

#navigation li a, #nav li a {
	display: block;
	text-indent: -9999em;
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-webkit-transition: opacity 0.5s;
	-moz-transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
	transition: opacity 0.5s;
}

#navigation li a {
	background: url('http://static.tumblr.com/zprzrql/9rEmokpox/navigation.png') no-repeat;
	height: 18px;
}

#nav li a {
	background: url('http://static.tumblr.com/zprzrql/ZNsmolhz9/sidebar-navigation.png') no-repeat;
	height: 10px;
}

#navigation li a:hover, #nav li a:hover {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}

#navigation li .home {
	background-position: 0 0;
	width: 86px;
}

#nav li .home {
	background-position: 0 0;
	width: 32px;
}

#navigation li .ask {
	background-position: -86px 0;
	width: 68px;
}

#nav li .ask {
	background-position: -32px 0;
	width: 25px;
}

#navigation li .archive {
	background-position: -154px 0;
	width: 123px;
}

#nav li .archive {
	background-position: -57px 0;
	width: 49px;
}

#navigation li .links {
	background-position: -277px 0;
	width: 89px;
}

#nav li .links {
	background-position: -106px 0;
	width: 34px;
}

#navigation li .networks {
	background-position: -366px 0;
	width: 134px;
}

#nav li .networks {
	background-position: -141px 0;
	width: 60px;
}

#posts {
	position: absolute;
	top: 200px;
	left: 50%;
	margin: 0 0 0 -250px;
	width: 520px;
}

.entry {
	margin: 0 20px 20px 0;
	display: inline-block;
	float: left;
	width: 240px;
}

.post {
	padding: 0 0 20px 0;
	width: 500px;
}

.photo img { width: 100%; }

.photo img, .album {
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'saturate\' values=\'0.6\'/></filter></svg>#grayscale");
    filter: gray alpha(opacity=60);
    -webkit-filter: grayscale(60%);
	-moz-filter: grayscale(60%);
	-o-filter: grayscale(60%);
    -webkit-transition: all .6s ease;
	-moz-transition: all .6s ease;
	-o-transition: all .6s ease;
	transition: all .6s ease;
    -webkit-backface-visibility: hidden;
}

.photo img:hover, .photo:hover img, .album:hover {
	filter: none;
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-o-filter: grayscale(0%);
}

.photo .reblog {
	background: url('http://static.tumblr.com/zprzrql/tA1mk1bua/reblog.png') no-repeat 0 0;
	position: absolute;
	top: 0;
	right: 10px;
	width: 22px;
	height: 17px;
	display: block;
	text-indent: -9999em;
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
	z-index: 4;
}

.photo:hover .reblog {
	top: 10px;
	opacity: 0.50;
	filter: alpha(opacity=50);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

.photo:hover .reblog:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.html_photoset iframe {
	margin: 0 auto;
	padding: 0 0 5px;
	display: block;
}

.entry h1, .post h1 {
	padding: 0 0 5px;
	font: normal 13px Arial, Helvetica, sans-serif;
	color: #fff;
	text-transform: uppercase;
}

.entry p, .post p {
	padding: 0 0 5px;
	word-wrap: break-word;
}

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

.entry a, .post a, .source a, .asker a, blockquote a {
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #fff;
	opacity: 0.65;
	filter: alpha(opacity=65);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
	-webkit-transition: opacity 0.5s;
	-moz-transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
	transition: opacity 0.5s;
}

.entry a:hover, .post a:hover, .source a:hover, .asker a:hover, blockquote a:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.entry .container a, .post .container a {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.entry ul, .post ul, .entry ol, .post ol { padding: 0 0 5px 15px; }

.entry ul, .post ul { list-style-type: circle; }

.entry .quote, .post .quote { font-style: italic; }

.entry .quote, .entry .link a { font-size: 13px; }

.post .quote, .post .link a { font-size: 15px; }

.source {
	width: 500px;
	text-align: right;
}

.link a, .asker a, .asker { text-transform: uppercase; }

.asker a { font-weight: bold; }

.entry .album { width: 240px; }

.post .album { width: 500px; }

.audio_player {
	background-color: #000;
	margin: 5px 0 10px;
	width: 100%;
	display: block;
}

.audio_player embed, .audio_player iframe {
	margin: 0 auto;
	display: block;
}

.text embed, .text iframe { width: 100%; }

.entry .tumblr_video_container, .entry .tumblr_video_container iframe { width: 240px; }

.post .tumblr_video_container, .post .tumblr_video_container iframe { width: 500px; }

.question {
	background-color: #2b2b2b;
	margin: 5px 0 10px;
	padding: 5px;
	font-style: italic;
	display: block;
}

.entry .question { width: 230px; }

.post .question { width: 490px; }

.entry .info {
	margin: 5px 0 0;
	padding: 5px 0 0;
	width: 240px;
	display: block;
	text-transform: uppercase;
	border-top: 1px solid #2b2b2b;
}

.post + .info {
	padding: 0 0 35px;
	width: 500px;
	display: block;
}

.permalink, .date {
	width: 50%;
	float: left;
	text-align: left;
}

.permalink a {
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #fff;
	text-transform: uppercase;
	opacity: 0.65;
	filter: alpha(opacity=65);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
	-webkit-transition: opacity 0.5s;
	-moz-transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
	transition: opacity 0.5s;
}

.permalink a:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.count {
	width: 50%;
	float: left;
	text-align: right;
}

.notes {
	padding: 0 0 20px;
	width: 500px;
	list-style-type: none;
	clear: both;
}

.notes .note {
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #fff;
	border-top: solid 1px #2b2b2b;
	padding: 10px;
}

.notes .note a {
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #fff;
	opacity: 0.65;
	filter: alpha(opacity=65);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
	-webkit-transition: opacity 0.3s linear;
	-moz-transition: opacity 0.3s linear;
	-o-transition: opacity 0.3s linear;
	transition: opacity 0.3s linear;
}

.notes .note a:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.notes .note .avatar {
	vertical-align: -4px;
	margin-right: 10px;
	width: 16px;
	height: 16px;
}

.notes .note .action { color: #ccc; }

.notes .note .answer_content { font-weight: normal; }

.notes .note blockquote {
	border-color: #2b2b2b;
	padding: 4px 10px;
	margin: 10px 0px 0px 25px;
}

#about {
	background: url('http://static.tumblr.com/zprzrql/RWmmoog7h/about.png') no-repeat left top;
	width: 500px;
	height: 320px;
	display: block;
	text-indent: -9999em;
}

#credits {
	width: 500px;
	height: 150px;
}

#credits a, #credits a span {
	background: url('http://static.tumblr.com/zprzrql/liemooigx/credits.png') no-repeat;
	width: 150px;
	height: 150px;
	display: block;
	text-indent: -9999em;
	float: left;
}

#credits a span {
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-transition: opacity 0.3s linear;
	-moz-transition: opacity 0.3s linear;
	-o-transition: opacity 0.3s linear;
	transition: opacity 0.3s linear;
}

#credits a span:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

#credits #andreas {
	background-position: 0 0;
	padding: 0 25px 0 0;
}

#credits #andreas span { background-position: 0 -165px; }

#credits #david {
	background-position: -175px 0;
	padding: 0 25px 0 0;
}

#credits #david span { background-position: -175px -165px; }

#credits #paul { background-position: -350px 0; }

#credits #paul span { background-position: -350px -165px; }

#infscr-loading {
	background: none;
	position: fixed;
	top: 50%;
	left: 50%;
	margin: -125px 0 0 -125px;
	width: 250px; 
	color: #fff;
	opacity: 0.9;
	filter: alpha(opacity=90);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	z-index: 100;
}

#infscr-loading img { width: 250px; }

#watermark, #watermark span {
	background: url('http://static.tumblr.com/zprzrql/WnCmolk4u/credit.png') no-repeat;
	position: fixed;
	bottom: 10px;
	right: 10px;
	width: 29px;
	height: 33px;
	display: block;
	text-indent: -9999em;
}

#watermark { background-position: 0 0; }

#watermark span {
	background-position: 0 -33px;
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-transition: opacity 0.5s;
	-moz-transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
	transition: opacity 0.5s;
}

#watermark span:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

#premium {
	position: fixed;
	bottom: 10px;
	right: 50px;
	width: 30px;
	height: 30px;
	display: block;
	opacity: 0.4;
	filter: alpha(opacity=40);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	-webkit-transition: opacity 0.5s;
	-moz-transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
	transition: opacity 0.5s;
}

#premium:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

#premium img { width: 30px; }