@import "reset.css";

body {
	font-family: arial, sans-serif;
	background: #040404 url("http://assets.twoeyes.org/tumbleweed/images/bg.jpg") fixed  no-repeat top left;
	color: #fff;
	-webkit-text-stroke: 1px transparent;
}
@media only screen and (max-device-width:480px) {body{-webkit-text-stroke:0 black;}}


/* >Header
---------------------------------------------------------------------------------------- */

h1 {
	margin-bottom: 85px;
	margin-left: -4px;
}
h1 a {
	background: url("http://assets.twoeyes.org/tumbleweed/images/logo.png") no-repeat top left;
	height: 47px;
	text-indent: -9999px;
	display: block;
}
h1 a:hover {
	opacity: .85;
}
h2 {
	font-weight: bold;
	margin-bottom: 24px;
}
h3 {
	font-weight: bold;
	margin-bottom: 12px;
	font-size: 16px;
	color: #747776;
}


/* >Inline
---------------------------------------------------------------------------------------- */

strong {
	font-weight: bold;
}
code {
	font-family: "Monaco", "Courier", monospace;
	color: #fff;
	font-size: 14px;
	padding: 3px 0;
}


/* >Main Content
---------------------------------------------------------------------------------------- */

#wrapper {
	width: 950px;
}
#main a:link, #main a:visited {
	color: #E2006A;
}
#main a:hover, #main a:active {
	color: #F9C91B;
}
#main {
	padding: 80px 0;
	width: 540px;
	margin-left: 345px;
}
#main p, .caption {
	font-size: 15px;
	line-height: 1.6em;
	margin-bottom: 35px;
}
.post h2 {
	text-transform: uppercase;
	font-size: 22px;
	line-height: 1.3em;
}
#main .post h2 a:link, #main .post h2 a:visited {
	color: #0095D6;
	text-decoration: none;
}
#main .post h2 a:hover, #main .post h2 a:active {
	color: #F9C91B;
}
.post {
	margin: 100px 0;
	position: relative;
	padding-left: 30px;
}
#main p.permalink {
	position: absolute;
	top: -4px;
	left: 0;
}
#main p.permalink a:link, #main p.permalink a:visited {
	font-size: 20px;
	text-decoration: none;
	color: #F9C91B;
	font-family: HelveticaNeue, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
}
#main p.permalink a:hover, #main p.permalink a:active {
	color: #888;
}
#main .quote p.permalink {
	top: 4px;
}
.posted {
	position: absolute;
	visibility: hidden;
}
.permapage #main .post p.posted {
	position: static;
	visibility: visible;
	font-size: 12px;
}

/* Photo Posts */

.photo img {
	border: 3px solid #000;
}
#main p.photoContainer {
	margin-bottom: 10px;
}
.photo a img {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
.photo a:hover img {
	filter: alpha(opacity=70);
	-moz-opacity: .7;
	opacity: .7;
}


/* Link Posts */

.link {
	margin: 0 auto;
}
.link h2 {
	font-size: 17px;
	margin-bottom: 4px;
	text-transform: lowercase;
}

/* Photo Posts */

.video .caption {
	margin-top: 20px;
}

/* Audio Posts */

.audio {
	padding-bottom: 25px;
}
.permapage .audio .posted {
	margin-top: 40px;
}
#main p em.album {
	font-size: 12px;
	color: #747776;
}

/* Permalink Pages */

.permapage .link {
	width: 100%;
}
.permapage .link h2 {
	font-size: 30px;
	margin-bottom: 20px;
}
.permapage #main .link p {
	font-size: 16px;
}
.permapage #main .post p.permalink a {
	position: absolute;
	top: 2px;
	left: 0;
	font-size: 24px;
	color: #888;
}
.permapage #main .link p.permalink a {
	top: 5px;
}

/* Quote Posts */

#main p.quoted {
	font-family: "Warnock Pro", "Goudy Old Style", "HoeflerText-Italic", "Book Antiqua", Georgia, serif;
	font-size: 25px;
	font-style: italic;
}
p.cite {
	text-align: right;
}


/* >Secondary
---------------------------------------------------------------------------------------- */

#secondary {
	position: fixed;
	bottom: 30px;
	left: 40px;
	width: 175px;
	color: #747776;
}
#moi {
	position: relative;
	padding-top: 70px;
}
#secondary h2 {
	color: #F9C91B;
	font-size: 15px;
	left: 65px;
	top: 40px;
	position: absolute;
}
#secondary img {
	border: 4px solid #2B2B2B;
	position: absolute;
	top: 0;
	left: 0;
}
#secondary p {
	font-size: 13px;
	line-height: 1.5em;
	clear: both;
}
#secondary #about {
	text-transform: lowercase;
	margin-top: 6px;
	font-size: 14px;
}
#secondary #about a {
	font-size: 12px;
}
#secondary a:link, #secondary a:visited {
	color: #0095D6;
	text-decoration: none;
	font-weight: bold;
}
#secondary  a:hover, #secondary a:active {
	color: #F9C91B;
}

/* Search */

#search {
	margin-top: 20px;
}
#searchfield {
	margin-bottom: 10px;
	font-size: 13px;
	padding: 2px;
	color: #aaa;
	border: 2px solid #fff;
	width: 100%;
}
.searchNow#searchfield {
	color: #000;
	font-weight: bold;
}



/* >Pagination
---------------------------------------------------------------------------------------- */

p#footer {
	text-align: center;
	font-size: 15px;
	margin-top: 70px;
}
#footer a {
	text-decoration: none;
	margin-right: 15px;
	padding: 10px;
	font-weight: bold;
	-webkit-border-radius: .4em;
	-moz-border-radius: .4em;
	border-radius: .4em;
}
#footer a:link, #footer a:visited {
	color: #747776;
	background: #1A1207;
}
#footer a:hover, #footer a:active {
	color: #F9C91B;
	background: #191007;
}