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

body {
	background-color: #f0f5f6;
	margin: 0 !important;
	padding: 0 !important;
	font-family: "Helvetica Neue", Arial, serif;
	height: 100%;
}

html {
	color: #2c3036;
	font-size: 13px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

header, nav, section, article, aside, footer, address { 
	display: block; 
}

h1 {
	color: #000;
	font-size: 1.5em;
	font-weight: 500;
	margin: 1em 0;
	text-transform: uppercase;
}

h1 a {
	color: #000;
	text-decoration: none;
	font-weight: 500;
	border: none !important;
}

h3 {
	font-size: .9em;
	color: #000;
	margin: 1em 0;
	text-transform: uppercase;
}

h3 a {
	padding: 8px;
}

h3 a:hover {
	border: none;
	color: #000;
	background-color: #ececed;
}

h4 {
	color: #000;
	font-weight: normal;
	font-size: 1.2em;
	margin-bottom: .75em;
}

a {
	padding: .1em;
	color: #6894a6;/*#12b0de;*/
	text-decoration: none;
	font-weight: bold;
	-webkit-transition: color .25s linear;
	transition: color .25s linear;
	-moz-transition-property: color;
	-moz-transition-duration: .25s;
	border-bottom: 1px dotted #ddd;
}

a:hover {
	color: #000;
}

.clear {
	clear: both;
}

blockquote {
	display: block;
	margin: 20px 40px;
	font-size: 1.4em;
	font-style: italic;
	line-height: 1.6em;
	font-family: Georgia, Palatino Linotype, Book Antiqua, Palatino, serif;
}

blockquote small {
	font-style: none;
	font-size: .7em;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

header {
	display: block;
	background-color: #FFF;
	position: fixed;
	left: 0;
	top: 0;
	margin: 0;
	padding: 20px;
	width: 14% !important;
	height: 100%;
	border: 0 none;
}

header p {
	font-size: 1em;
	line-height: 1.5em;
	margin-bottom: 1.45em;
}

header ul {
	list-style: none;
	list-style-position: inside;
	line-height: 1.8em;
	margin-bottom: 1em;
	text-transform: uppercase;
}

#project {
	display: none;
	float: left;
	margin: 0;
	margin-bottom: 20px;
	padding: 0;
	font-size: 1.1em;
	height: 100%;
	width: 83%;
	position: absolute;
	left: 17%;
	background-color: #f0f5f6;
	min-height: 100%;
}

a.thumbnail {
	display: block;
	float: left;
	background-color: #FFF;
	cursor: pointer;
	overflow: hidden;
	width: 25%;
	height: 40%;
	max-height: 300px;
	margin: 0;
	padding: 0;
	border: 0;
	opacity: 0.4;
	filter: alpha(opacity=40);
	-webkit-transition: opacity .25s linear;
	transition: opacity .25s linear;
	-moz-transition-property: opacity;
	-moz-transition-duration: .25s;
	
}

a.thumbnail:hover {
	border: 0;
	outline: 0;
	opacity: 1.0;
	filter: alpha(opacity=100);
}

a.thumbnail img {
	margin: 0;
	padding: 0;
	width: 125%;
}

.newt {
	background-image: url('http://tannerchristensen.com/images/newt.jpg')
}

.alphabattle {
	background-image: url('http://tannerchristensen.com/images/alphabattle.jpg')
}

.good {
	background-image: url('http://tannerchristensen.com/images/good.jpg')
}

.thinkunstuck {
	background-image: url('http://tannerchristensen.com/images/think-unstuck.jpg')
}

.wordbumps {
	background-image: url('http://tannerchristensen.com/images/word-bumps.jpg')
}

.beauticode {
	background-image: url('http://tannerchristensen.com/images/beauticode.jpg')
}

.pokeseo {
	background-image: url('http://tannerchristensen.com/images/pokeseo.jpg')
}

.fanzter {
	background-image: url('http://tannerchristensen.com/images/fanzter.jpg')
}

.hp {
	background-image: url('http://tannerchristensen.com/images/hp.jpg')
}

.tosimplydo {
	background-image: url('http://tannerchristensen.com/images/tosimplydo.jpg')
}

.creativityquiz {
	background-image: url('http://tannerchristensen.com/images/creativity-quiz.jpg')
}

.creativesomething {
	background-image: url('http://tannerchristensen.com/images/creative-something.jpg')
}

.design {
	background-image: url('http://tannerchristensen.com/images/design.jpg')
}

.featured {
	background-color: #FFF;
	font-size: 1.3em !important;
}

.quote {
	background: url('http://tannerchristensen.com/images/background.jpg') center no-repeat;
}

#project h2 {
	color: #000;
	font-weight: 300;
	font-size: 1.5em;
	margin-bottom: .75em;
}

#project h2 i {
	font-family: Georgia, Times New Roman, Times, serif;
}

#project p {
	line-height: 1.5em;
	margin-bottom: 1.5em;
}

#project p.timestamp {
	font-style: italic;
	color: #a1a1a1;
}

#snapshot {
	display: block;
	float: left;
	width: 350px;
	height: 100%;
	margin-right: 20px;
	background-position: center;
	background-repeat: repeat;
}

.mediapost {
	outline: none !important;
	padding: 0 !important;
	margin: 0 !important;
	border: 0 !important;
	background-color: #FFF !important;
}

#details {
	display: block;
	float: left;
	width: 50%;
	margin: 3em 0 0 0;
}

.wide {
	width: 80% !important;
}

#journallist {
	list-style-position: inside;
	margin: 3em 0 0 6em;
	list-style: none;
}

#journallist li {
	margin-bottom: 2em;
}

#journallist li h2 {
	margin-bottom: 0;
}

#journallist li h2 a {
	font-weight: 300;
	color: #000;
}

sup {
	font-size: .5em;
}

.profilepic {
	width: 90%;
	max-width: 300px !important;
	float: right;
	display: inline;
	margin: 0 0 10px 20px;
}

footer {
	width: 100%;
	min-height: 5em;
	position: relative;
	background-color: #FFF;
	display: block;
}

ol {
	line-height: 1.5em;
	list-style-position: inside;
	text-indent: -23px;
	margin-left: 23px;
}

ol li {
	margin-bottom: 1em;
}

.floater {
	float: left;
	display: inline;
	margin: 10px;
}

.rightimage {
	display: block;
	float: right;
	position: absolute;
	right: 0;
	top: 10%;
	padding-left: 20px;
}

.lefter {
	float: left;
	display: inline;
	margin-right: 20px;
	margin-bottom: 10px;
}

.lefter2 {
	float: left;
	display: inline;
	margin: 0 20px 10px -20px;
	border: 1px solid #ddd;
}

.righter {
	float: right;
	display: inline;
	margin: 0 -30px 10px 20px;
}

.thumbup:before {
	display: inline;
	content: " ";
	float: left;
	width: 35px;
	height: 35px;
	background: #FFF url('http://tannerchristensen.com/images/think-vitamin-good.png') center no-repeat;
	margin-right: 10px;
}

.thumbdown:before {
	display: inline;
	content: " ";
	float: left;
	width: 35px;
	height: 35px;
	background: #FFF url('http://tannerchristensen.com/images/think-vitamin-bad.png') center no-repeat;
	margin-right: 10px;
}