@charset "utf-8";

.singlePost img
{
    display:none;
}
*
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
html,
body
{
	height: 100%;
}
body
{
	font-family: 'Questrial', sans-serif;
	background-color: #1f1e1e;
}

#content
{
	line-height: 0;
	margin-top: 45px;
}
.post
{
	position: relative;
	box-shadow: 0px 3px 5px rgba(0,0,0,.25);
}

header,
.pullDown
{
	-moz-animation-iteration-count: 1;
	-moz-animation-timing-function: ease-in-out;
	-moz-animation-name: bob;
	-moz-animation-duration: .5s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-name: bob;
	-webkit-animation-duration: .5s;
	animation-iteration-count: 1;
	animation-timing-function: ease-in-out;
	animation-name: bob;
	animation-duration: .5s;
}
@-webkit-keyframes bob
{
	from { top: -75px; }
	to { top: 0; }
}
@-moz-keyframes bob
{
	from { top: -75px; }
	to { top: 0; }
}
keyframes bob
{
	from { top: -75px; }
	to { top: 0; }
}

.singlePost
{
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-name: sca;
	-webkit-animation-duration: .4s;
	animation-iteration-count: 1;
	animation-timing-function: ease-in-out;
	animation-name: sca;
	animation-duration: .4s;
}
@-webkit-keyframes sca
{
	from { opacity: 0; }
	to { opacity: 1; }
}
@keyframes sca
{
	from { opacity: 0; }
	to { opacity: 1; }
}

/* Start theme code */
a
{
	color: #eee;
}
header
{
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 100;
}

header nav ul li a
{
	color: #999;
	display: block;
	text-decoration: none;
	padding: 22px 15px 7px 15px;
}
header h1,
h2
{
	font-family: 'PT Sans', arial, serif;
	text-transform: uppercase;
	font-size: 24px;
	font-weight: 700;
	color: #333;
	text-decoration: none;
}
header h1 a,
h2 a
{
	padding: 7px 15px;
	text-decoration: none;
	display: block;
	color: #444;
}

.permalinkPost a:visited
{
	color: #eee;
}
.permalinkPost a:hover
{
	color: #555;
}
h2
{
	text-align: center;
}

header h1 a:hover,
header nav ul li a:hover
{
	color: #555;
}
header h1,
header nav ul li
{
	float: left;
}
header nav
{
	float: right;
}
header nav ul li
{
	font-size: 14px;
	list-style: none;
	text-transform: capitalize;
}

iframe#tumblr_controls
{
	position: fixed !important;
	top: 50px !important;
}

.post .meta
{
	width: 100%; height: 100%;
	background-color: rgba(0, 0, 0, .1);
	position: absolute;
	z-index: 50;
}
.post .meta .details
{
	padding: 30px;
	height: 50%;
}
.singlePost
{
	position: relative;
}
a.hoverMeta
{
	text-decoration: none;
}

div.notes
{
	left: 50%;
	padding: 10px;
	margin-left: -37px;
	font-size: 12px;
	text-decoration: none;
	position: absolute;
	bottom: 10px;
	z-index: 60;
	color: #fff;
	font-family: 'Oswald', sans-serif;
}
.name
{
	font-family: 'Oswald', sans-serif;
	font-size: 22px;
	color: #fff;
	text-transform: uppercase;
}
.name:hover
{
	color: #ccc;
}
.post
.meta
.name
{
	text-align: center;
	margin-top: 0px;
}
.singlePost:hover .meta .name
{
	margin-top: 10px;
}
.meta,
div.notes,
.name,
a,
h4,
.next,
.toggleFollowing img
{
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.meta,
div.notes
{
	opacity: 0;
}
.singlePost:hover .meta,
.singlePost a:focus .meta
{
	opacity: 1;
	box-shadow: 0 0 60px rgba(0, 0, 0, 1) inset;
}
.singlePost:hover div.notes
{
	opacity: 1;
	bottom: 20px;
}

input[type="text"]
{
	width: 90%;
	background: #1f1e1e;
	border: none;
	padding: 10px 10px 10px 10px;
	margin: 20px 0px 20px -1px;
	box-shadow: 1px 1px 1px rgba(0,0,0,.20) inset;
	color: #999;
	font-size: 16px;
}

/*Permalink Shit*/
.permalinkPost
{
	margin: 100px auto 50px auto;
	box-shadow: 0px 3px 5px rgba(0,0,0,.25);
	font-size: 12px;
	line-height: 1.4;
	color: #999;
	width: 800px;
	position:relative;
}
ul.permalinkTags li,
ul.permalinkMeta li
{
	float: left;
	list-style: none;
	margin-right: 5px;
}
ul.permalinkMeta
{
	float: left;
}
ul.permalinkMeta li
{
	margin-top: 25px;
	margin-right: 15px;
	color: #999;
}
ul.permalinkMeta li a
{
	color: #cbb200;
}
ul.permalinkTags li
{
	margin-right: 10px;
	margin-top: 20px;
}
ul.permalinkTags li a
{
	display: block;
	padding: 5px;
	color: #fff;
	background-color: #cbb200;
	border-left: 9px solid #9f8c02;
	text-decoration:none;
}
ul.permalinkTags li a:hover
{
	color: #fff;
	background-color: #e7cb01;
}
ul.permalinkTags,
ul.permalinkMeta
{
	overflow: hidden;
	padding-right: 15px;
}
.permalinkPost a img,
.permalinkPost img
{
	display: block;
	margin: 0 auto;
}

.permalinkPost p img
{
	display: block;
	margin: 0 auto;
	padding: 15px;
	max-width: 200px;
}
img.permalinkImage
{
	width: 100%;
}
.permalinkPost ul,
.permalinkPost ol
{
	margin-left: 50px;
	margin-bottom: 10px;
}
h2 a.asker
{
	display: inline;
	padding: 0;
}
.permalinkPost h2
{
	padding: 10px;
}

ol.notes
{
	padding: 0px;
	margin: 0px 0px 25px 0px;
	list-style-type: none;
	border-bottom: solid 1px #000;
	font-size: 12px;
	line-height: 1.4;
}
ol.notes a
{
	color: #cbb200;
}
ol.notes a:hover
{
	color: #e7cb01;
}
ol.notes li.note
{
	border-top: solid 1px #333;
	overflow: hidden;
}
ol.notes li.note img.avatar
{
	vertical-align: -4px;
	margin-right: 10px;
	width: 16px;
	height: 16px;
	float: left;
	padding: 10px;
}

ol.notes li.note span.action
{
    font-weight: normal;
    color: #999;
    margin-top:10px;
    display:block;

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

.permalinkPost p
{
	padding: 15px;
}
.permalinkPost ul.permalinkTags
{
	margin-left: 20px;
	float: left;
}
.permalinkPost ul.permalinkMeta
{
	margin-left: 20px;
}
.metadata
{
	margin-bottom: 10px;
}
#noteslist
{
	margin-top: 10px;
}
section.pullDown
{
	width: 100%;
	background: rgba(0,0,0, .75);
	font-size: 12px;
	padding: 45px 20px 0px 10px;
	position: fixed;
	z-index: 90;
	color: #ccc;
	line-height: 1.4;
	width: 100%;
	top: 0px;
	box-shadow:0px 5px 10px rgba(0,0,0, .25);
}
section.pullDown a
{
	color: #ccc;
}
section.pullDown p
{
	line-height: 1.5;
	margin-top: -3px;
}
.toggleFollowing img:hover
{
	opacity: .8;
}
#all
{
	display: none;
	width: 100%;
	padding: 10px;
	overflow: hidden;
	margin-left: -10px;
}
.trigger
{
	position: absolute;
	left: 0px;
	border-top: 5px solid #cbb200;
	width: 100%;
}
.trigger h4
{
	background: #cbb200;
	margin-left: 15px;
	float: left;
	cursor: pointer;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 2px;
	-moz-border-radius-bottomleft: 2px;
	-webkit-border-radius: 0px 0px 2px 2px;
	border-radius: 0px 0px 2px 2px;
	box-shadow:0px 4px 5px rgba(0,0,0, .1);
	font: italic 16px "Georgia", sans-serif;
	padding: 2px 10px;
}
h4:hover
{
	background-color: #e7cb01;
	padding-top: 8px;
}
.toggleDesc,
.toggleFollowing
{
	width: 32%;
	float: left;
	margin: 0 5px;
}
ul#likes
{
	float: left;
}
.toggleFollowing ul li
{
	float: left;
	margin-right: 4px;
	list-style: none;
}

.toggleDesc img
{
	padding-right: 5px;
	float: left;
}

.permaTagWrap,
.permaMetaWrap,
.permaDescWrap
{
	background-color: #f5f5f5;
	overflow:hidden;
	border-top:1px solid #ccc;
}
.permaTagWrap>p,
.permaMetaWrap>p,
.permaDescWrap>p
{
	font-family: 'Oswald', sans-serif;
	color: #bebebe;
	font-size: 18px;
	float:left;
	padding:20px;
}