@charset "UTF-8";
/* CSS Document */

body {
	font-family:Arial, Helvetica, sans-serif;
	margin: 0px 20px 20px 30px;
	background-color:#c7e4e8;
	color:#333;
}
a { color:#F33; text-decoration:none; }
a:hover { background-color:#FFF; }
#content {
	clear: both;
	position:relative;
}
#footer {
	clear: both;
}
#paper {
	float: left;
	color: #333;
	margin: 25px 25px 0px 0px;
	width: 120px;
	font-size: 14px;
	border-right:1px solid #333;
	position:fixed;
}
#paper a.home {
	font-family: bebas-neue,Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size:24px;
	color:#333;
	text-decoration:none;
	margin:-4px 0 20px 0;
	display:block;
	height:30px;
	overflow:hidden;
}
#paper a.home:hover { color:#F33; background-color:transparent; }
#paper ul { margin:0 0 15px 0; padding:0; list-style:none; text-transform:uppercase; font-size:11px; }
#paper ul li.title { font-weight:bold; margin-bottom:5px; }
#paper ul li a { color:#333; text-decoration:none; display:block; padding:2px 25px 2px 0; }
#paper ul li a:hover, #paper ul li a.active { color:#F33; background-color:transparent; }
#paper ul li a span { width: 14px; height: 10px; display: inline-block; position:absolute; }
#paper ul li a:hover span { background: url('/images/external.png') no-repeat 0px -14px; }
#projects {
	width: 505px;
	margin-top:11px;
	padding-bottom:50px;
	position:absolute;
	left:160px;
}
#projects p {
	font-size:14px;
}
#thehaps { position:absolute; width:300px; top:25px; list-style:none; padding:0 0 0 20px; margin:0; left:545px; border-left:1px solid #333; font-size:12px; }
#thehaps li { margin-bottom:10px; }
#thehaps p { margin:0; }
#thehaps a { color:#000; text-decoration:none; }
#thehaps a:hover { color:#F33; background-color:transparent; }
#thehaps .music span { font-size:10px; }
#deer { background:url(images/deer.png) no-repeat; height:28px; width:30px; position:fixed; bottom:0; right:10px; }
.photo {
	border: 10px solid #FFF;
}
p.link a {
	text-decoration: none;
	color: #F33;
}
p.link a:hover {
	background-color: #FFF;
}
.photo:hover {
	border: 10px solid #333;
}
.secret {
	margin-left: 20px;
}
#header {
	clear: both;
	margin-bottom: 25px;
}

#contain {
	width: 1000px;
}
.one {
	margin-left: 40px;
}
.post h1 { text-align:center; margin-bottom:3px;  }
.archive h5 { font-size:11px; font-weight:normal; text-transform:uppercase; margin:0 0 3px 0; }
.archive h5 a { color:#000; }
.archive h5 a:hover { color:#F33; background-color:transparent; }
.archive h5 span { float:right; }
.entry h1 a, .entry h2 a, .entry h3 a { 
padding-right:15px; 
background: url("http://yoopersteez.com/images/link.png") no-repeat scroll right 3px transparent;
}

a:active, a:focus, .button:active, .button:focus {
	outline: 0;
}
.trans {
	filter:alpha(opacity=70);   
	-moz-opacity: 0.7;   
	opacity: 0.7;
}

.sub {
	margin: 0px;
	padding: 10px 10px 10px 20px;
}
.sub a {
	color:#333;
	font-size:18px;
	font-weight:bold;
	background-color:#66ff33;
	text-decoration:none;
}
.sub a:hover {
	color:#FFF;
}
.resume {
	margin: 0px;
	padding: 10px 10px 10px 20px;
	width:550px;
	font-size:14px;
}
.pad {
	padding-right:40px;
	margin-top:0px;
}

.position {
	font-size: 16px;
	text-decoration: underline;
	font-weight: bold;
}
.dates {
	float: right;
	font-size: 12px;
	font-weight:bold;
}
.location {
	float: left;
	font-size: 14px;
	font-style: italic;
}
.resume ul {
	clear: both;
	padding-top:5px;
	padding-left:15px;
}
ul.standard li {
	background:url(/images/li_bullet.png) no-repeat 8px 1px;
	padding-left:30px;
	margin-top:5px;
	list-style:none;
	list-style-image:none;
}
ol#things li {
	margin-top:10px;
}
ol#things li p {
	font-weight:normal;
}
.resume h4, h1 {
	font-family: bebas-neue,Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size:24px;
	margin-top:0px;
	margin-bottom:0px;
	text-align:center;
}

.post {
	padding: 10px 30px 10px 20px;
	}
#makeContact .pfbc-textbox, #makeContact .pfbc-textarea, #makeContact .pfbc-select, #commentform #author, #commentform #url, #commentform #email, #commentform #comment { border:1px solid #333; padding:8px; }
#makeContact .pfbc-textbox:focus, #makeContact .pfbc-textarea:focus, #makeContact .pfbc-select:focus, #commentform #author:focus, #commentform #url:focus, #commentform #email:focus, #commentform #comment:focus { border:1px solid #F33; }
#makeContact .pfbc-label label, #commentform label { font-size:11px; text-transform:uppercase; }
#projects #makeContact .pfbc-element { border:none; }
#pagi {
	font-size:12px;
	width:490px;
	margin:0 auto;
}
.wp-pagenavi a, .wp-pagenavi a:link {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #F33;
	color: #F33;
}
.wp-pagenavi a:visited {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #F33;
	color: #F33;
}
.wp-pagenavi a:hover {	
	border: 1px solid #F33;
	color: #F33;
}
.wp-pagenavi a:active {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #F33;
	color: #F33;
}
.wp-pagenavi span.pages {
	padding: 2px 4px 2px 4px; 
	margin: 2px 2px 2px 2px;
	color: #333;
	border: 1px solid #333;
}
.wp-pagenavi span.current {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	font-weight: bold;
	border: 1px solid #333;
	color: #333;
}
.wp-pagenavi span.extend {
	padding: 2px 4px 2px 4px; 
	margin: 2px;	
	border: 1px solid #333;
	color: #333;
}