/*
Theme Name: Colorful Ripped Resume
Theme URI: http://animivirtus.com
Description: Based on Starkers, a cluttered desk-top of blog posts, site feeds and external links.
Version: 1 (WP2.9.2)
Author: Blake Johnson
Author URI: http://animivirtus.com/blake
Tags: desktop, stickynotes, notepad, journal, colorful, bold, bright
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

/*
	RESET
*/

*									{ margin: 0; padding: 0; }
a									{ text-decoration: none; }
img									{ border: none; }

/*
	STRUCTURE & LAYOUT
*/


#container							{ width: 560px; float: left; min-height: 100%; height: auto !important; height: 100%; }
	.push, .footerwrap				{ height: 468px; }
#header								{ width: 401px; height: 164px; background: url(images/headerBG.jpg) no-repeat top left;
									  padding: 87px 0 0 159px; }
	#header h4						{ margin: 0 0 -6px 44px; letter-spacing: 2px; }
	#header h1						{ margin: -14px 0 0 0; letter-spacing: 1px; }
	#header ul						{ position: absolute; top: 87px; list-style: none; }
	.sitenav						{ left: 292px; width: 119px; }
	#blogroll						{ left: 429px; }
#content							{ width: 479px; padding: 0 35px 30px 31px; background: url(images/pageBG.jpg) repeat-y top left; }
	.post							{ margin-bottom: 70px; clear: both; }
	.archive						{ margin-bottom: 20px; clear: both; }
	.promote						{ position: relative; background-color: #eeeeee; padding: 10px; margin: 30px 0; border: 1px solid #aaaaaa; }
		.promote .icons				{ position: absolute; top: 10px; right: 30px; }
		.promote .icons a h3		{ position: absolute; top: 30px; left: 0; visibility: hidden; }
		.promote ul	li				{ display: inline; }
		.promote li a img			{ padding: 3px 5px; background-color: #eeeeee; border: 1px solid #eeeeee;  }
		.promote li a:hover img		{ background-color: #dddddd; }
		.promote .icons a:hover h3	{ visibility: visible; }
	#content-footer					{ width: 543px; height: 70px; background: url(images/pagebottom.jpg) no-repeat top left; overflow: hidden; 											  margin-top: -30px; }
		#content-footer ul			{ list-style: none; }
		#content-footer ul li a:hover img
									{ margin-top: -70px; }
	ul#post-topics li.cat-item		{ margin-top: 1px; }
	ul#post-topics li.cat-item a	{ display: block; padding: 8px 5px; background: #eeeeee; }
		ul#post-topics ul.children	{ margin-left: 50px; }
#sidebar							{ float: left; width: 376px; }
	#delicious							{ position: absolute; top: 827px; left: 0; width: 226px; height: 334px; padding: 57px 21px 34px 84px;
										  background: url(images/notepad.jpg) no-repeat top left; }
		#delicious h4					{ margin: 0 0 0 85px; }
		#delicious ul					{ margin: 42px 0 0 0; list-style: none; }
			#delicious ul li			{ margin-bottom: 19px; }
	#portfolioLink						{ width: 376px; height: 365px; overflow: hidden; }
		#portfolioLink a:hover img		{ margin-top: -365px; }
	#AVlink								{ width: 376px; height: 141px; overflow: hidden; }
		#AVlink a:hover img				{ margin-top: -141px; }
	#emailme							{ margin-top: -35px; width: 366px; height: 336px; overflow: hidden; }
		#emailme a:hover img			{ margin-top: -336px; }
#stickynotes						{ position: relative; background: url(images/stickynotes.jpg) no-repeat top left; width: 524px; height: 225px; 										  padding: 41px 35px 70px 55px; }
	#note-one						{ position: relative; width: 267px; }
		#note-one h4				{ margin: -31px 20px 0 0; }
		#note-one ul				{ list-style: none; }
			#note-one ul li			{ margin-bottom: 20px; float: left; }
			
			
	#note-two						{ position: absolute; top: 45px; left: 334px; width: 247px; }
		#note-two h4				{ margin: -13px 0 13px 37px; }
		#note-two img				{ margin: 0 10px 10px 36px; float: left; border: 2px solid #009c70; }
		#note-two a:hover img		{ border: 2px solid #ce0024; }
		#note-two p					{ width: 139px; margin: 0 0 0 110px; }
.footerwrap							{ clear: both; width: 614px; height: 468px; }
#footer								{ width: 330px; height: 40px; padding: 82px 301px 10px 62px;
									  background: url(images/footerBG.jpg) no-repeat bottom left; overflow: hidden; }
	#footer ul li					{ display: inline; margin-right: 7px; }

#error								{ width: 100%; height: 100%; height: auto !important; background: #000000; }
	#error-content					{ width: 400px; margin: 150px auto; }


/*
	TYPOGRAPHY
*/

#header								{ color: #ce0024; }
h1									{ font: 40px "Lucida Sans Unicode"; text-transform: lowercase; }
#content h1							{ font-size: 30px; font-variant: small-caps; letter-spacing: 2px; color: #390049; }
#content h3							{ font: 18px "Lucida Sans Unicode"; color: #390049; }
#content h4, #content h5			{ font: 8px "Lucida Sans Unicode"; text-transform: uppercase; }
#content h5							{ display: inline; }
#header h4, #note-one h4, #note-two h4,
#delicious h4, .sitenav, #blogroll	{ font: 9px "Lucida Sans Unicode"; text-transform: uppercase; letter-spacing: 2px; line-height: 13px; }
	.sitenav a						{ color: #009c70; }
	#blogroll a						{ color: #390049; }
	#header h1 a, #header a:hover	{ color: #ce0024; }
#content							{ font: 12px "Book Antiqua", Georgia, serif; line-height: 18px; color: #000000; }
	#content h2, #content h2 a		{ font: 22px "Lucida Sans Unicode"; letter-spacing: 1px; color: #390049; text-align: center; }
	#content h2 a:hover				{ color: #ce0024; }
	#content h4						{ color: #009c70; text-align: center; margin: 0 0 20px 0; }
	#content a						{ color: #ce0024; }
	#content a:hover				{ color: #009c70; }
	#content p						{ margin-bottom: 20px; }
	#content .post a.more-link		{ display: block; float: right; font: 14px Forte; margin: 23px 12px 0 0; }
	#content .post a.more-link		{ color: #999; padding: 2px 10px 4px 10px; background: #eee; -moz-border-radius: 3px;
									  -webkit-border-radius: 3px; }
	#content .post a.more-link:hover{ color: #ce0024; background: #ddd; }
	#content ul#post-topics			{ font-size: 14px; font-weight: bold; letter-spacing: 1px; text-transform: capitalize; }
	#content ul#post-topics ul.children
									{ font-size: 10px; font-weight: normal; text-transform: uppercase; letter-spacing: 2px; }
#stickynotes, #delicious			{ font: 11px "Book Antiqua", Georgia, serif; line-height: 14px; }
#stickynotes h2, #delicious h2		{ font: 45px Forte; }
#stickynotes h3						{ font: 12px "Book Antiqua", Georgia, serif; color: #ce0024; font-weight: bold; letter-spacing: 0.5px;
									  line-height: 14px; }
	#note-one, #note-two a, #note-one a:hover,
	#delicious a					{ color: #ce0024; }
	#note-two, #note-one a, #note-two a:hover,
	#delicious h4 a, #delicious a:hover
									{ color: #009c70; }
	#delicious h4 a:hover			{ color: #ce0024; }

#error-content						{ font: 14px "Book Antiqua"; line-height: 20px; color: #ffffff;
									  border-top: 3px dotted #333333; border-bottom: 3px dotted #333333; padding: 50px 0; }
	#error-content h2				{ font-size: 40px; font-style: italic; margin-bottom: 35px; }
	#error-content p				{ margin-bottom: 15px; }
	#error-content a				{ color: #ce0024; }
	#error-content a:hover			{ color: #009c70; }

@font-face {
	font-family: 'Forte';
	src: url('fonts/FORTE.TTF');
	src: local('Forte'), local('FORTE'), url('FORTE.ttf') format('truetype');
}

#footer								{ font: 9px "Lucida Sans Unicode"; text-transform: uppercase; letter-spacing: 1px; color: #999999; }
	#footer a						{ color: #009c70; }
	#footer a:hover					{ color: #ce0024; }


/*
	GENERAL STYLES
*/

.tags								{ font-size: 10px; }
.small, small						{ font-size: 8px; }
.align-right						{ text-align: right; }
.align-left							{ text-align: left; }
.left								{ float: left; }
	img.left						{ margin: 0 15px 15px 0; }
.right								{ float: right; }
	img.right						{ margin: 0 0 15px 15px; }

code								{ color: #666666; }
input, textarea						{ margin: 5px 0; }
blockquote							{ background-color: #eeeeee; padding: 10px; margin: 5px 0 20px 0; -moz-border-radius: 7px;
									  -webkit-border-radius: 7px; }
	blockquote p					{ margin: 20px 10px 0 10px; font: 12px Georgia; font-style: italic; line-height: 18px; text-align: justify; 
									  color: #666; }
object, embed						{ margin: 20px auto 0 auto; }


/*
	COMMENTS
*/

#content ol.comments li img.avatar	{ float: left; margin: 0 10px 10px 0; }
#content ol.comments li				{ background-color: #eeeeee; padding: 10px; margin: 5px 0; -moz-border-radius: 7px;
									  -webkit-border-radius: 7px; }