/*
Theme Name: I Am One Man V1
Theme URI: http://iamoneman.com
Description: Progressive theme that'll take *forever* to finish.
Author: Paul Davis
Author URI: http://iamoenman.com
*/

/*
	COLOR;
	Light Red: 	d03
	Dark Red:	903
	Blue:		84c1d4
*/

/*****
	CSS RESET - MODIFIED YAHOO YUI
*****/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;} fieldset,img {border:0;} img {-ms-interpolation-mode: bicubic;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;} .clear {clear: both;}
ol,ul,li {list-style:none;} caption,th {text-align:left;} h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';} abbr,acronym { border:0;} * {outline: none; -webkit-text-size-adjust: none;}

/* HTML 5 Stuff / Makes these selectors block level elements */
header, footer, aside, nav, section, article {display: block;}

a 								{-o-transition-duration: .15s; -o-transition-property: color; -webkit-transition-duration: .15s; -webkit-transition-property: color;}


/*****
	GLOBAL
*****/
body 							{background: #fff url(images/bgWhiteStatic.png) repeat fixed; font-size: 70%; font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; padding: 0 20px; overflow-y: scroll; color: #444;}
#wrap							{width: 620px; margin: 20px auto 40px; padding: 20px 20px 0 20px; position: relative; -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.5); background: #fff url(images/headerBg.jpg) top center no-repeat;}
#bg								{min-height: 100%; min-width: 1600px; width: 100%; height: auto; position: fixed; top: 0; left: 0;}

/* Header */
header							{position: relative;}
header h1						{font-size: 80px; text-transform: uppercase; text-align: center; line-height: 80px;}
header h1 a:hover				{text-decoration: none;}
header h2						{font-size: 7px; letter-spacing: 1px; word-spacing: 7px; text-transform: uppercase; text-align: center; margin: 0 0 20px 0;}
header nav						{background: url(images/navBg.png) center center; overflow: hidden; width: 644px; height: 26px; margin: 20px 0; padding: 16px 8px; position: relative; left: -20px; clear: both;}
header nav ul li				{display: inline;}
header nav ul li a				{padding: 8px 12px; margin: 0 10px 0 0; display: block; float: left; text-transform: uppercase; font-size: 9px; letter-spacing: 1px; font-weight: bold;}
header nav ul li.current_page_item a	{background: url(images/navCurrentBg.png) center center no-repeat;}
header nav ul li a:link, header nav ul li a:visited		{color: #fff;}
header nav ul li a:active, header nav ul li a:hover		{color: #999; text-decoration: none;}
header #navDescription			{background: #eee;}

/* Footer */
footer							{padding: 25px 20px 15px 20px; margin: 20px 0 0 0; clear: both; background: transparent url(images/footerBg.png) top center repeat-x; width: 620px; color: #999; position: relative; left: -20px;}
footer h3						{color: #fff;}
footer a:link, footer a:visited	{color: #ccc;}
footer a:active, footer a:hover, footer a:focus	{color: #fff;}

footer #categories				{width: 300px; float: left; padding: 0 9px 0 0; margin: 0 0 10px 0; border-right: 1px dashed #333;}
footer #categories ul			{overflow: hidden;}
footer #categories ul li		{float: left; margin: 5px 5px 0 0;}
footer #categories ul li a		{display: block; padding: 3px 5px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; background: #333; background: -webkit-gradient(linear, left top, left bottom, from(#222222), to(#333333)); background: -moz-linear-gradient(top, #222222, #333333);}
footer #categories ul li a:hover{background: #555; background: #555555; background: -webkit-gradient(linear, left top, left bottom, from(#555555), to(#777777)); background: -moz-linear-gradient(top, #555555, #777777);}
footer #about					{width: 300px; float: right; margin: 0 0 10px 0;}
footer #thanks					{width: 300px; float: left; padding: 0 9px 0 0; margin: 10px 0 10px 0; border-right: 1px dashed #333;}
footer #blank					{width: 300px; float: right; margin: 0 0 10px 0; padding: 10px 0 0 0;}
footer #blank h3				{color: #222;}
footer #blank p					{color: #252525;}
footer #copyright				{width: 660px; position: absolute; text-align: center; left: 0px; bottom: -25px; color: #999; font-size: 9px; text-transform: uppercase; letter-spacing: 1px;}
footer #copyright a:link, footer #copyright a:visited	{color: #999;}
footer #copyright a:active, footer #copyright a:hover, footer #copyright a:focus	{color: #000;}
footer .lined					{border-top: 1px dashed #333;}


/* Main */
#main							{width: 620px; float: left;}

/* Sidebar */
aside							{width: 300px; padding: 0 0 0 10px; float: right; border-left: 1px dashed #333;}

/*****
	INDEX.PHP // HOME (Archive too)
*****/
article.homePost				{border-bottom: 1px dashed #999; padding: 0 0 10px 0;}
article.homePost1				{padding: 0;}


/*****
	ARCHIVE.PHP // ARCHIVE
*****/
.archiveTitle					{border-bottom: 1px dashed #999; padding: 0 0 20px 0; margin: 0 0 20px 0;}

/*****
	PAGE.PHP // PAGES
*****/
article.page p					{margin-bottom: 10px;}

#flickr							{clear: both; overflow: hidden; width: 640px;}
#flickr ul li					{display: block; float: left; margin: 0 20px 20px 0;}
#flickr ul li img				{max-width: 140px; max-height: 140px; display: block;}


/*****
	SINGLE.PHP // POSTS
*****/
article							{margin: 0 0 20px 0; clear: both; overflow: hidden;}
article h3						{display: inline; margin: 0 10px 0 0;}
article  time					{display: inline; color: #999; margin: 0 10px 0 0;}
article .instapaperButton		{padding: 3px 6px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
article .instapaperButton:link, article .instapaperButton:visited	{color: #000; background: #ccc; background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#cccccc)); background: -moz-linear-gradient(top, #eeeeee, #cccccc);}
article .instapaperButton:active, article .instapaperButton:hover	{color: #fff; background: #999; background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#999999)); background: -moz-linear-gradient(top, #cccccc, #999999);}
article .theContent				{margin: 10px 0 0 0;}
article .theContent p			{margin: 0 0 10px 0; font-size: 11px; line-height: 18px; margin: 0 0 10px 0;}
article .theContent ul			{margin: 0 0 10px 0; background: #eee; padding: 8px 15px;}
article .theContent ul li		{line-height: 20px; color: #444; list-style: inside disc;}
article .theContent a			{border-bottom: 1px dashed #ccc;}
article .theContent a:hover		{border-bottom-color: #000; color: #000;}
article .theContent h3			{font-size: 18px; padding: 10px 0 10px 0; display: block;}
article .theContent code		{font-size: 12px; font-family: 'Inconsolata', Courier, monospace; color: #888;}
article .theContent pre			{font-size: 12px; font-family: 'Inconsolata', Courier, monospace; background: #eee url(images/codeBg.jpg) repeat top left; padding: 0 8px; line-height: 25px; overflow: auto; width: 604px; margin: 0 0 10px 0;}
article .theContent blockquote	{background: #eee; padding: 8px 16px; margin: 0 0 10px 0;}
article .theContent blockquote p	{font-family: Georgia, "Times", "Times New Roman", serif; font-size: 16px; font-style: italic; line-height: 24px; margin: 0; color: #999;}
article .theContent blockquote p:first-child:before	{content: open-quote;}
article .theContent blockquote p:last-child:after	{content: close-quote;}

article .attachment-post-thumbnail{float: right; margin: -25px 0 20px 20px;}

#aboutBg						{width: 660px; height: 440px; position: absolute; left: 0px; top: 205px; background: url(images/aboutBg.jpg) bottom right no-repeat; z-index: 10;}
.page-id-493 #post-493			{position: relative; z-index: 100; height: 390px;}
.page-id-493 footer				{z-index: 200;}


/*****
	NEW OLD POSTS
*****/
#newOldPosts					{margin: 0 0 20px 0; overflow: hidden;}
#newOldPosts .left				{float: left;}
#newOldPosts .right				{float: right;}


/*****
	COMMENTS.PHP // COMMENTS
*****/
#respond						{margin: 20px 0 0 0; padding: 16px 0 0 0; border-top: 1px dashed #666; overflow: hidden; clear: both;}
#respond h3						{}
#respond textarea				{width: 608px; padding: 5px; border: 1px solid #999; height: 70px; margin: 0 0 10px 0;}
#respond textarea:hover, #respond textarea:focus	{background: #eee; border-color: #666;}
.commentField					{display: block; float: left; width: 300px;}
.commentField label				{margin: 0 0 3px 0; display: block; color: #999;}
.commentField input				{border: 1px solid #999; padding: 5px; width: 288px;}
.commentField input:hover, .commentField input:focus	{background: #eee; border-color: #666;}
#commentName					{margin: 0 20px 0 0;}
#submit							{margin: 19px 0 0 20px;}
.comment						{overflow: hidden; padding: 10px 0 0 0; margin: 10px 0 0 0; border-top: 1px dashed #ccc; position: relative;}
.comment .left					{float: left; width: 140px;}
.comment .left time a:link, .comment .left time a:visited	{color: #999; margin: 5px 0 0 0; display: block;}
.comment .right					{float: right; width: 460px;}


/*****
	PAGE-PHOTOS.PHP // PHOTOS
*****/
.polaroid { -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; display: block; background: #fff; -moz-box-shadow: #ccc 5px 5px 10px; -webkit-box-shadow: #ccc 5px 5px 10px;}
.polaroid:hover { -moz-box-shadow: #666 5px 5px 10px; -webkit-box-shadow: #666 5px 5px 10px; }

.photoWrapper					{height: 150px; width: 140px; float: left; display: block; padding: 0 7px 20px 7px;}
.polaroid						{padding: 10px 10px 20px 10px; width: 120px; height: 120px;}
.thePhoto						{width: 120px; height: 120px; overflow: hidden;}
.switchPhotosPage				{font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; font-size: 11px; border-bottom: 1px dashed #ccc; font-weight: normal;}
.switchPhotosPage:hover			{border-bottom-color: #000; color: #000;}

/*****
	PAGE-ABOUT.PHP // ABOUT
*****/
#socoaiLinks					{background: transparent; padding: 0; margin: 0;}
#socoaiLinks li					{list-style: none; line-height: 16px; height: 16px; display: block; overflow: hidden; padding: 0 0 5px 0;}
#socoaiLinks li a				{background: url(images/socialSprite.png) no-repeat; padding: 0 0 0 22px; line-height: 16px; height: 16px; display: block; border: 0;}
#socoaiLinks .twitter a			{background-position: 0px 0px;}
#socoaiLinks .flickr a			{background-position: 0px -17px;}
#socoaiLinks .dribbble a		{background-position: 0px -51px;}
#socoaiLinks .gowala a			{background-position: 0px -34px;}
#socoaiLinks .endorse a			{background-position: 0px -68px;}


/*****
	PAGE-READING.PHP // READING
*****/
#recomended						{}
#recomended #books				{}
#recomended #books li			{padding: 20px 0 0 0; margin: 20px 0 0 0; border-top: 1px dashed #999;}
#recomended #books li:first-child	{margin: 10px 0 0 0;}
#recomended #books li img		{float: left; -moz-box-shadow: 0px 4px 10px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 4px 10px rgba(0,0,0,0.3); box-shadow: 0px 4px 10px rgba(0,0,0,0.3);}
#recomended #books li .content	{width: 460px; float: right; position: relative; top: -1px;}
#recomended #books li .content h4	{margin: 0 0 10px 0;}
#recomended #books li .content p{font-size: 11px; line-height: 18px; margin: 0 0 10px 0;}


/*****
	PAGE-ARCHIVE.PHP // ARCHIVE
*****/
#archive ul						{padding: 0 0 10px 0;}
#archive ul li					{overflow: hidden;}
#archive ul li time.hovered		{color: #444;}
#archive ul li time				{display: block; width: 140px; float: left; color: #999;}


/*****
	PAGE-SNAPS.PHP // SNAPS
*****/
#snaps							{padding: 0 0 17px 0;}
#snaps .snap					{overflow: hidden; padding: 20px 0 0 0; border-top: 1px dashed #999; margin: 20px 0 0 0;}
#snaps .snap img				{float: left; width: 460px; display: block; margin: 0 20px 0 0;}
#snaps .snap .content			{position: relative; top: -4px;}
#snaps .snap .content time		{color: #999; padding: 3px 0 5px; display: block; font-size: 10px;}
#snaps .snap .content p			{font-size: 11px; line-height: 18px;}


/*****
	TYPOGRAPHY
*****/
h1, h2, h3, h4, h5, h6			{font-family: Helvetica, Arial, sans-serif; font-style: normal; font-weight: bold;}

h1								{font-size: 30px;}
h2								{font-size: 26px;}
h3								{font-size: 22px;}
h4								{font-size: 18px;}
h5								{font-size: 14px;}
h6								{font-size: 12px;}
p								{font-size: 10px; line-height: 16px;}

a								{text-decoration: none;}
a:link, a:visited				{color: #d03;}
a:hover, a:active				{color: #444; text-decoration: none;}
a:active						{position: relative; top: 1px;}

b, strong						{font-weight: bold;}
i, em							{font-style: italic;}


/*****
	WEBKIT SHIT & OTHER BROWSER SPECIFIC PROGRESIVE ENHANCEMENT
*****/
::selection						{background: #d03; color: #fff;}
::-moz-selection				{background: #d03; color: #fff;}


/*****
	HASH GRID
*****/
#grid							{background: url(images/hashgrid/bg-grid-660.gif) repeat-y 0 0; width: 980px; position: absolute; top: 0; left: 50%; margin-left: -490px; z-index: 5000;}
#grid.grid-1					{background: url(images/hashgrid/bg-grid-660.gif) repeat-y 160px 0; padding: 0 160px; width: 660px;}
#grid.grid-2					{background: url(images/hashgrid/bg-grid-660.gif) repeat-y 160px 0; padding: 0 160px; width: 660px;}
#grid div.horiz					{height: 19px; border-bottom: 1px dotted #aaa; margin: 0; padding: 0;}