/* @override 
	http://ignorantcow.net/wp-content/themes/2010/style.css */

/*
--------------------------------------------------------------
Theme Name: 2010 :)
Description: It's been quite a few years.
Author: the ignorantcow team
--------------------------------------------------------------
*/

body, h1, h2, h3, p, ul, ol, li {
	margin: 0; padding: 0;
}

body {
	background: #EEE url(images/big_bg.gif) top center repeat-y;
	font: 11px/16px Arial;
	color: #444;
}

a {
	color: #006699;
	font-weight: bold;
	outline: 0;
}

a:active {
	position: relative;
	top: 1px;
}

a img {
	border: 0;
}

.amp {
   font-family: "Palatino", "Palatino Linotype", "Book Antiqua", serif;
   font-style: italic;
   font-weight: normal !important;
}

div#contain {
	width: 980px;
	margin: 60px auto 0;
	position: relative;
}

div#sidebar {
	width: 250px;
	position: fixed;
}
div#content {
	padding-left: 30px;
	width: 700px;
	position: absolute;
	left: 250px; top: 0;
}
h1 a {
	display: block;
	width: 250px;
	height: 91px;
	background: url(images/h1.gif) top right no-repeat;
	position: relative;
	left: 5px;
}
h1 em {
	display: none;
}

div#sidebar h2 {
	margin-top: 16px;
	background: url(images/portfolio.png) 212px 0 no-repeat;
}
div#sidebar strong {
	display: block;
	background: url(images/work_h2.gif) 96px 3px no-repeat;
	height: 16px;
}
div#sidebar em {
	display: none;
}

div#sidebar p.sep {
	background: url(images/seperator.gif) bottom right no-repeat;
	padding-bottom: 16px;
}

div#sidebar p.sep a {
	display: block;
	text-align: right;
	padding: 3px 52px 3px 0;
	background-position: 212px 3px;
	background-repeat: no-repeat;
}

div#sidebar p.sep a#email {
	margin-top: 10px;
	background-image: url(images/mail.png);
}
div#sidebar p.sep a#resume {
	background-image: url(images/cv.png);
}

div#sidebar p#work-links {
	padding: 10px 0 0 20px;
	height: 165px;
}

div#sidebar p#work-links a {
	margin: 0; padding: 0;
	float: left;
	opacity: .7; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=70); /* IE lt 8 */
	-ms-filter: "alpha(opacity=70)"; /* IE 8 */
	-moz-opacity: .7; /* FF lt 1.5, Netscape */
}
div#sidebar p#work-links a img {
	display: block;
}
div#sidebar p#work-links a:hover {
	opacity: 1; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=100); /* IE lt 8 */
	-ms-filter: "alpha(opacity=100)"; /* IE 8 */
	-moz-opacity: 1; /* FF lt 1.5, Netscape */
}

div#twitter {
	background: #DDD;
	margin: 16px 20px 0 40px;
	padding: 6px 10px;
	border: 1px solid #AAA;
	border-width: 0 1px 1px 0;
}
div#twitter span#timesince a {
	display: block;
	font-size: 10px;
}
p#twitter-link, p#facebook-link, p#formspring-link {
	margin-left: 40px;
	padding-left: 6px;
	padding-bottom: 5px;
}
p#twitter-link {
	background: url(images/twitter.gif) 10px 0 no-repeat;
	padding-top: 8px;
	position: relative;
	top: -1px;
}
p#twitter-link span {
	background: url(images/twitter.png) 0 0 no-repeat;
	display: block;
	padding-left: 23px;
	font-weight: bold;
}
p#twitter-link a, p#facebook-link a, p#formspring-link a {
	color: #555;
	margin-left: 5px;
	text-decoration: none;
	border-bottom: 1px solid #999;
}
p#facebook-link span {
	background: url(images/facebook.png) 0 0 no-repeat;
	display: block;
	padding-left: 18px;
}
p#formspring-link span {
	background: url(images/formspring.png) 0 0 no-repeat;
	display: block;
	padding-left: 18px;
}

div#content h3 {
	font: bold 11px/16px Arial;
	text-transform: uppercase;
	padding: 16px 0 5px;
}

div#intro {
	font: bold 13px/20px Arial;
	color: #AAA;
	padding: 16px 0 12px;
	border-top: 0px solid #FFF;
	border-bottom: 3px solid #F5F5F5;
	margin: 0 0 30px;
}
div#intro a {
	color: ;
}
div#intro strong {
	color: #555;
	background: #FFF;
	white-space: nowrap;
	padding: 0 3px;
}

div.nav {
	font: bold 13px/20px Arial;
	color: #AAA;
	padding: 16px 0 12px;
	border-top: 0px solid #FFF;
	border-bottom: 3px solid #F5F5F5;
	margin: 0 0 30px;
	text-align: center;
	position: relative;
}
div.nav a {
	color: #555;
	background: #FFF;
	text-decoration: none;
	padding: 0 3px;
}
div.nav-previous, div.nav-next, div.nav-home {
	display: inline;
}
div.nav-previous {
	position: absolute;
	left: 0;
}
div.nav-next {
	position: absolute;
	right: 0;
}

div.post {
	border-bottom: 1px solid #CCC;
	position: relative;
	color: #606060;
	margin-bottom: 30px;
	position: relative;
}
div.post h2 {
	padding: 0 0 2px 16px;
	font: bold 13px/16px Arial;
}
div.post p {
	padding: 0 0 10px 16px;
	font: 11px/16px Arial;
}
div.post p.img {
	padding: 0;
}
div.post p.img img {
	display: block;
}
img.clip {
	display: none;
}
div#post-39 img.clip, div#post-18 img.clip {
	display: block;
	position: absolute;
	right: 10px;
	top: -3px;	
}
div.cotton {
	position: absolute;
	top: 255px;
}
div.cotton p.book {
	padding: 60px 0 0;
	width: 200px;
	text-align: center;
}
div.cotton p.book a {
	display: block; margin: 0 auto;
	text-align: center;
}
div.cotton p.book a img {
	display: block; margin: 0 auto;
}
p.bot {
	margin-top: 2px;
}
div.fp {
	background: #FFF;
}
div.fp h2 {
	padding-top: 10px;
}
div.d4m {
	background: #EEE;
}
div.d4m h2 {
	padding-top: 10px;
}
div.rockstar {
	margin-top: 2px;
	background: #FFF;
	padding-top: 10px;
}
div.rockstar p.link {
	position: absolute;
	bottom: 53px;
}
p#footer {
	text-align: right;
	padding: 60px 20px 0 0;
	font-size: 12px;
	line-height: 18px;
	color: #888;
}
p#footer a {
	color: #888;
	font-weight: normal;
	text-decoration: none;
	border-bottom: 1px solid #AAA;
}
div.mos {
	background: #FFF;
}
div.mos h2 {
	padding-top: 10px;
}
div#coda-slider-1 {
	height: 500px !important;
}
div#coda-slider-2 {
	height: 467px !important;
}
div#coda-slider-3 {
	height: 396px !important;
}
div.coda-nav {
	background: #FFF;
	margin-top: 2px;
}
div.coda-nav p {
	float: left;
	font-weight: bold;
	padding: 3px 0 0 16px;
	text-transform: uppercase;
	font-size: 10px;
}
div#post-39 .coda-slider-wrapper, div#post-18 .coda-slider-wrapper {
	background: none;
}
div#post-1 .coda-nav ul li a {
	padding: 2px 6px;
	margin: 4px 0 4px 2px;
}
p.hbdl {
	background: #FFF;
	padding: 10px 0 20px 16px !important;
	font-weight: bold !important;
}
p.hbdl img {
	float: left;
	padding: 3px 12px 0 10px;
}
/* Most common stuff you'll need to change */

	.coda-slider { background: #FFF; clear: both; }
	
	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider { display: none; }
	
	/* Change the width of the entire slider (without dynamic arrows) */
	.coda-slider, .coda-slider .panel { width: 700px; } 

	/* Tab nav */
	.coda-nav ul li a.current { background: #555; color: #FFF; }
	
	/* Panel padding */
	.coda-slider .panel-wrapper { padding: 0; }
	
	/* Preloader */
	.coda-slider p.loading { padding: 20px; text-align: center }

/* Don't change anything below here unless you know what you're doing */

	/* Tabbed nav */
	.coda-nav ul { display: block; margin: auto; overflow: hidden;
	padding: 10px 16px; background: #FFF;
	 }
	.coda-nav ul li { display: inline; }
	.coda-nav ul li a { background: #DDD; color: #555; display: block; float: left; margin-right: 2px; padding: 5px 9px; text-decoration: none; }
	
	/* Miscellaneous */
	.coda-slider-wrapper { clear: both; overflow: auto; background: #FFF; }
	.coda-slider { float: left; overflow: hidden; position: relative }
	.coda-slider .panel { display: block; float: left }
	.coda-slider .panel-container { position: relative }
	
.clear:after { clear: both; content: '.'; display: block; visibility: hidden; height: 0; }
.clear { display: inline-block; }
* html .clear { height: 1%; }
.clear { display: block; }