/* Resets */

.clear { clear:both; display: block; height: 0; visibility: hidden;}
.clearafter:after, .clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearafter, .clear {display:inline-block;} /* Hide from IE Mac \*/
.clearafter, .clear {display:block;} /* End hide from IE Mac */

* html .clearafter, * html .clear{height: 1px;}
html, body {border:0; margin:0; padding:0;}

a{text-decoration: none; outline:none;}
a:hover{text-decoration: underline;}
a img{border: none;}

h1, h2, h3, h4, h5, h6 {padding:0; margin:0 0 15px 0}

.float-left { float: left}
.float-right { float: right}
.fontface, .answername, .chatname {font: 16px 'YanoneKaffeesatzBold', Arial, sans-serif;}

/* Basics */

h1 { color: #a8d047; font: 28px 'YanoneKaffeesatzBold', Arial, sans-serif; line-height: normal; letter-spacing: .06em;}
h2 { color: #a8d047; font: 23px 'YanoneKaffeesatzBold', Arial, sans-serif; line-height: normal; font-size: 28px}
h3 { color: #a8d047; font: 21px 'YanoneKaffeesatzBold', Arial, sans-serif; line-height: normal;}
h4 { color: #a8d047; font: 18px 'YanoneKaffeesatzBold', Arial, sans-serif; line-height: normal;}
h5 { color: #a8d047; font: 14px 'YanoneKaffeesatzBold', Arial, sans-serif; line-height: normal;}
h6 { color: #a8d047; font: 12px 'YanoneKaffeesatzBold', Arial, sans-serif; line-height: normal;}

.font {font: 16px 'YanoneKaffeesatzBold', Arial, sans-serif;}

ul, ol { padding-left: 20px; margin-left: 0}
ul li{ margin-bottom: 5px;}
ol li{ margin-bottom: 5px; clear: both}
p{ margin: 0 0 15px 0; padding: 0}
p img{padding: 5px;}

.header{font-size: 20px;font-weight: bold;}
.subheader{font-size: 16px;font-weight: bold;}
.hidden{display:none;}
.date{ font-size: 11px; color: #9a9a9a;}
#spacer { width: 960px; float: left; background: #ffffff; height: 10px; display: block;}
.displaynone { display: none}
.bot20 { margin-bottom: 20px}
 
a { color: #a8d047; text-decoration: none;}
a:hover { color: #a8d047; text-decoration: none;}
a.selected { color: #a8d047; text-decoration: none;}

.round5 {-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.round10 {-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}
.round10r {-moz-border-radius: 0 10px 10px 0; -webkit-border-radius: 0 10px 10px 0; border-radius: 0 10px 10px 0;}
.round10b {-moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px;}
.round15 {-moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;}
.round17 {-moz-border-radius: 17px; -webkit-border-radius: 17px; border-radius: 17px;}
.marginbot10 { margin-bottom: 10px !important}

/* Layout */

body{ background: url(http://static.tumblr.com/ts2nqrf/YfSlq20u4/texture.png) #a8d047; background-position: 75px 75px; color: #000; font-size: 14px; font-family: Arial, Helvetica, sans-serif; line-height: 18px;}

#textureOne-wrap { margin-bottom: 120px}

#textureOne{ background: url(http://static.tumblr.com/ts2nqrf/YfSlq20u4/texture.png) #1e282e; width: 100%; z-index: 101; position: absolute; border-bottom: 5px solid #ffffff}
#textureOne #content { min-height: 15px}
#textureOne.fixed {position: fixed; top: 0; z-index: 101}
#textureOne h1 { margin-bottom: 0}
#textureOne p {padding-bottom: 0}

#wrapper{ margin:0 auto; background: #fff; position: relative; padding-top: 30px}

#header { position: relative; width: 1000px; margin: 0 auto;}
	#header h1 { padding-left: 30px; margin-bottom: 0; font-size: 50px !important; max-width: 700px; letter-spacing: 0}
	#header span a { display: block; float: left; margin-left: 30px;}

#social-icons { position: absolute; top: -70px; right:32px; z-index: 200; background: #ffffff; padding-left: 10px; padding-top: 5px; width: auto; *background:none }
#social-icons li {display: block; float: right;}
#social-icons li a{display: block; margin-right: 10px !important; background: url(http://static.tumblr.com/ts2nqrf/987lqfyne/social-icons.png) top left no-repeat; background-color: #1E282E; height: 35px; width: 37px; text-indent: -99999em}

	#social-icons .social-flickr a{ background-position: 0 0}
	#social-icons .social-linkedin a{ background-position: -37px 0}
	#social-icons .social-facebook a{ background-position: -74px 0}
	#social-icons .social-twitter a{ background-position: -111px 0}
	#social-icons .social-rss a{ background-position: -148px 0}

#main { padding: 0; margin: 0; width: 640px}
#main li { list-style: none; float: left; font: 23px 'YanoneKaffeesatzBold', Arial, sans-serif; padding-right: 15px; margin-bottom: 0; text-transform: uppercase;}
#main li a { white-space:nowrap; color: #ffffff}
#main a:hover, #main a.selected { color: #ffffff;}

#footernav { padding-left: 0; margin-bottom: 30px; margin-left: 0}
#footernav li { list-style: none; float: left; font: 16px 'YanoneKaffeesatzBold', Arial, sans-serif; padding-right: 20px; text-transform: uppercase;}
#footernav li a { color: #ffffff}

#content-arrow{ background: url(http://static.tumblr.com/ts2nqrf/YfSlq20u4/texture.png) #1e282e; width: 40px; height: 20px}

.linkpost h2 { float: left; margin-right: 10px;}

#linkarrow { width: 35px; height: 35px; float: left; background-color: #a8d047; display: block}
#linkarrow img { border: none; padding: 0; margin: 0; background-color: #a8d047; background: none}

.audio_player { margin-bottom: 15px}

.title {color: #a8d047; font: 25px 'YanoneKaffeesatzBold', Arial, sans-serif; line-height: normal; letter-spacing: .06em; padding-bottom: 15px}

#content-head { width: 940px; margin: 0 auto; padding: 0 0 0 30px}
#content { width: 940px; margin: 0 auto; color: #fff; padding: 20px 30px 20px 30px; position: relative}

#secondary-wrap { background: url(http://static.tumblr.com/ts2nqrf/gshlq209w/dotted-vert-gray.png) repeat-y 670px 0; color: #4b5256}
.content-left { width: 640px; float: left}

.post-content p { word-wrap: break-word}
.post-content img, .video-wrap, .portrait, #likes img {padding: 10px; border: 1px solid #e0dfdf; box-shadow:inset 0 0 4px #e0dfdf; -moz-box-shadow:inset 0 0 4px #e0dfdf; background: url(http://static.tumblr.com/ts2nqrf/aAZlq20iq/img-bg.jpg) bottom repeat-x; margin: 0 20px 20px 0; max-width: 500px; height: auto; overflow-x: hidden}

.video-wrap iframe { z-index: 900}

.portrait, #likes img { padding: 4px; margin: 0 8px 8px 0}

.content-left p { line-height: 22px;}

#sidebar { width: 240px; float: right}
#sidebar a{ color: #a8d047}
#sidebar a:hover{color: #a8d047}

.sidelinks span{ font-size: 23px !important}

#search {box-shadow: 0 0 4px #a6a6a6 inset; -webkit-box-shadow: 0 0 4px #a6a6a6 inset; -moz-box-shadow: 0 0 4px #a6a6a6 inset;}
#search .submit { background: #a8d047; float: right;}
#searchfield { height: 31px; color: #4b5256; border: none; float: left; background: none; width: 187px; padding: 0 10px; width: 187px\9; padding-top: 5px\9; padding-bottom: 3px\9; height: 21px\9; border-width: 1px\9; border-style: solid\9; border-color: #d0d0d0}

.searchtop {padding-top:25px}
.searchbot {margin-bottom:45px}

.content-right { width: 211px; float: right}

#likes p { padding-bottom: 0}
#likes img { width: 232px; height: auto}
#category, #likes {padding:0; margin:0; list-style: none; margin-bottom: 20px; font-size: 12px}
#category li, #likes li { border-bottom: 1px solid #d3d5d6; padding-bottom: 8px; margin-bottom: 8px}
#category li:last-child { border-bottom: none}
#liked li:last-child { border-bottom: none; margin: 0; padding: 0}
#category a { float: right; width: 225px;}
#category a.commentlink { float: right; width: 185px;}

#author-right img { float: left}

#follows-right li { border: none; list-style: none; background: none; width: 48px; height: 48px; float: left; margin-right: 10px}
#follows-right a { float: none}

.seeother span {float: left}

.post-info { margin-bottom: 10px; margin-top: 10px; font-size: 12px}
.post-info ul{list-style: none; margin:0; padding:0}
.post-info li{display: inline; border-right: 1px solid #A5A9AA; padding: 0 10px 0 0; margin-right: 10px; position: relative}
.post-info li:first-child, .post-info li:last-child { padding:0; margin-right:2px; border-right: none}

.tags li { background: url(http://static.tumblr.com/ts2nqrf/6P0lq207c/category-bullet.gif) no-repeat; background-position: 0 3px}

.comment { background-image: url('http://static.tumblr.com/ts2nqrf/qxElq20ee/icon-like.png'); background-repeat: no-repeat; background-color: #1E282E; width: 21px; height: 16px; padding-right: 0 !important; float: left; margin: 1px 2px 0 0 !important; clear: right; border: none !important}
.tag { background-image: url('http://static.tumblr.com/ts2nqrf/5zslq20fw/icon-tag.png'); background-color: #1E282E; width: 21px; height: 16px; margin: 1px 5px 0 0; border: 0; position: absolute; left: 0; top: -2px}
.posttags { padding-left: 27px !important}
.date { border: none !important}

.post { background: url(http://static.tumblr.com/ts2nqrf/buJlq2054/blog-border.jpg) no-repeat; background-position: 100px bottom;  padding: 0 0 5px 100px; margin: 0 0 25px 0; position: relative}

.type { width: 80px; height:100px; background: #a8d047; position: absolute; top:0; left: 0}
.type-shadow { background: url(http://static.tumblr.com/ts2nqrf/sZllq20rj/shadow.png) top right no-repeat; position: absolute; right: 0; width: 6px; height: 98px}
	.type-image a{ background: url(http://static.tumblr.com/ts2nqrf/WYYlq20vs/type-ribbon.png) top left; width: 80px; height:100px; display: block; text-indent: -99999em}
	
	.type-image a{
		-webkit-transition: background-position .1s ease-in;
		-moz-transition: background-position .1s ease-in;
		-o-transition: background-position .1s ease-in;
		transition: background-position .1s ease-in;}


	.link a{ background-position: 0 0}
	.text a{ background-position: 0 -100px}
	.chat a, .answer a{ background-position: 0 -200px}
	.video a{ background-position: 0 -300px}
	.music a{ background-position: 0 -400px}
	.quote a{ background-position: 0 -500px}
	.photo a{ background-position: 0 -600px}
	.search a{ background-position: 0 -700px}
	
	.post:hover .link a{ background-position: -5px 0}
	.post:hover .text a{ background-position: -5px -100px}
	.post:hover .chat a, .post:hover .answer a{ background-position: -5px -200px}
	.post:hover .video a{ background-position: -5px -300px}
	.post:hover .music a{ background-position: -5px -400px}
	.post:hover .quote a{ background-position: -5px -500px}
	.post:hover .photo a{ background-position: -5px -600px}
	.post:hover .search a{ background-position: -5px -700px}


.chatpost ul { padding-left: 0; margin-top: 0; margin-left: 0}
.chatpost li{ list-style: none}
.chatpost p { margin-bottom: 0}
.chatname, .answername { display: block; width: 100%; color: #a8d047}

.answerpost { padding-top: 10px}
.answerpost ul, blockquote, .chatpost ul { padding-left: 0; border-left: 8px solid  #a8d047; margin-top: 0; overflow: hidden; margin-left: 0}
.answerpost li, .chatpost li { list-style: none; background: url("http://static.tumblr.com/ts2nqrf/aAZlq20iq/img-bg.jpg") repeat-x bottom; padding: 10px; margin-bottom: 0; border-bottom: 1px solid #b4b4b4; border-top: 1px solid #ffffff; }
.answerpost li:last-child, .chatpost li:last-child { border-bottom: none}
.answerpost li:first-child, .chatpost li:first-child { border-top: none}
.answerpost li p:last-child, .chatpost li p:last-child { margin-bottom: 0}

.answerpost ul li ul { border: 1px solid #acacac; margin-bottom: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: #ffffff; box-shadow:inset 0 0 3px #acacac; -moz-box-shadow:inset 0 0 3px #acacac; -webkit-box-shadow:inset 0 0 3px #acacac}
.answerpost ul li ul li { background: none}

blockquote { background: url("http://static.tumblr.com/ts2nqrf/aAZlq20iq/img-bg.jpg") repeat-x bottom; padding: 10px; -moz-border-radius: 0 10px 10px 0; -webkit-border-radius: 0 10px 10px 0; border-radius: 0 10px 10px 0; margin: 0 0 15px 0}
blockquote p { padding-bottom: 0; margin-bottom: 0}

#disqus_thread { width: 540px; float: right; background: url(http://static.tumblr.com/ts2nqrf/buJlq2054/blog-border.jpg) no-repeat; background-position: center bottom;  padding: 0 0 5px 0; margin: 0 0 25px 0 !important;}

.notes { width: 540px; float: right; font-size: 11px; margin-top: 0}
.notes blockquote { margin: 8px 0 8px 20px; border: 1px solid #d9d9d9; padding: 5px 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background-image: none; background-color: #f8f8f8;}
.notes li { list-style: none}
.notes .avatar { margin-right:5px}

.blog-prevNav, .blog-nextNav { float: left}
.blog-prevNav { margin-right: 25px}
.blog-prevNav .button{float: left; background: url(http://static.tumblr.com/ts2nqrf/tsAlq20o0/prev.png) top left no-repeat; background-color: #a8d047; height: 19px; width: 19px; text-indent: -9999em; margin-right: 5px}
.blog-prevNav a { float: left}
.blog-nextNav .button{float: right; background: url(http://static.tumblr.com/ts2nqrf/mJBlq20mt/next.png) top left no-repeat; background-color: #a8d047; height: 19px; width: 19px; text-indent: -9999em; margin-left: 5px}
.blog-nextNav a { float: right}
.blog-controlNav .button{ background-color: #a8d047}
.blog-controlNav { margin-left: 100px; *width: 540px}



/* Footer */

#footer-bar { background: url("http://static.tumblr.com/ts2nqrf/YfSlq20u4/texture.png") repeat scroll 0 0 #1E282E; height: 20px}
#footer {width: 940px; margin: 0 auto; color: #fff; padding: 25px 30px 30px 30px;}
#footer .title { color: #fff;}
.twitter-icon {padding-left: 35px; background: url(http://static.tumblr.com/ts2nqrf/qnrlq20gr/icon-twitter.png) 0 2px no-repeat}
.contact-icon {padding-left: 35px; background: url(http://static.tumblr.com/ts2nqrf/8yFlq20cx/icon-contact.png) 0 2px no-repeat}

#twitter {float: left;}
	#twitter ul { list-style: none; margin:0; padding:0}
	#twitter li {list-style: none; margin-bottom: 13px; padding-bottom: 12px; border-bottom: dotted 2px #fff; width: 940px}
	#twitter .title a { color: #fff; text-decoration: none}
	#twitter a { color: #fff; text-decoration: none}
	#twitter .title a { text-decoration: none}

#contact-footer {float: left; width: 220px}