/*
	CSS Document Created 01/29/10
	Sean DeChellis
	http://www.smdstudio.us
*/

body					{ margin: 0; padding: 0; }

body 					{ font-family: Arial, Helvetica, sans-serif; font-size: 13px; margin: 0px 0px 0px 0px; background: #FFF url(images/left-background.jpg) repeat-y; }
 
#wrapper 				{  margin: 0 auto; width: 922px; }

#leftcolumn 			{ border: none; background: url(images/left-background.jpg) repeat-y; margin: 0px 0px 0px 0px; padding: 100px 10px 10px 75px; height: 100%; width: 168px; float: left; }

#rightcolumn 			{ float: left; color: #333333; border: none; background: #FFFFFF; margin: 0px 0px 10px 15px; padding: 10px 10px 10px 10px; height: 100%; width: 800px; display: inline; position: absolute; }

h1						{ font-family: Helvetica; font-size: 16px; font-weight: bold; margin: 0px 0px 0px 0px; padding: 0px 0px 20px 0px; color: #333333; }

h2						{ font-family: Helvetica; font-size: 16px; font-weight: bold; margin: 0px 0px 0px 0px; padding: 0px 0px 5px 0px; color: #333333; }

h3						{ font-family: Helvetica; font-size: 42px; margin: 0px 0px 0px 0px; padding: 0px 0px 25px 0px; color: #333333; }

#facebook				{ padding: 0px 0px 0px 0px; margin: 0px 0px 0px 20px; clear: both; }

.flash					{ padding: 20px 0px 0px 0px; margin: 0px 0px 0px 0px; clear: both; }

#top-navigation			{ padding: 10px 10px 10px 10px; margin: 25px 0px 0px 0px; float: right;  color: #333333; text-align: center; }

#education				{ padding: 0px 10px 10px 10px; margin: 0px 0px 0px 0px; float: left;  color: #333333; text-align: left; }

.edu					{ padding: 5px 5px 5px 5px; margin: 0px 0px 0px 0px; display: block; width: 500px; float: left; font: 13px Helvetica; color: #000; line-height: 18px; }

.edu-under				{ padding: 5px 5px 5px 5px; margin: 25px 0px 0px 0px; display: block; width: 500px; float: left; font: 13px Helvetica; color: #000; line-height: 18px; }

.edu-right				{ padding: 5px 5px 5px 5px; margin: 0px 0px 0px 0px; display: block; width: 250px; float: left; font: 12px Helvetica; color: #666; text-align: right; line-height: 18px; }

.edu-right-under		{ padding: 5px 5px 5px 5px; margin: 25px 0px 0px 0px; display: block; width: 250px; float: left; font: 12px Helvetica; color: #666; text-align: right; line-height: 18px; }

#skills-att				{ padding: 0px 10px 10px 10px; margin: 0px 0px 0px 0px; float: left;  color: #333333; text-align: left; }

.skills-left			{ padding: 0px 5px 5px 5px; margin: 0px 0px 0px 0px; display: block; width: 250px; float: left; font: 13px Helvetica; color: #000; line-height: 18px; }

.skills-middle			{ padding: 5px 5px 5px 5px; margin: 0px 0px 0px 0px; display: block; width: 200px; float: left; font: 13px Helvetica; color: #666; line-height: 18px; }

.skills-under			{ padding: 5px 5px 5px 5px; margin: 25px 0px 0px 0px; display: block; width: 500px; float: left; font: 13px Helvetica; color: #000; line-height: 18px; }

.skills-right			{ padding: 5px 5px 5px 5px; margin: 0px 0px 0px 0px; display: block; width: 250px; float: left; font: 12px Helvetica; color: #000; text-align: left; line-height: 18px; }

.skills-right-under		{ padding: 5px 5px 5px 5px; margin: 25px 0px 0px 0px; display: block; width: 250px; float: left; font: 12px Helvetica; color: #000; text-align: left; line-height: 18px; }

.skills-left-icon		{ padding: 0px 5px 5px 5px; margin: 5px 0px 0px 0px; display: block; width: 250px; float: left; font: 13px Helvetica; color: #000; line-height: 18px; }

.skills-middle-icon		{ padding: 5px 5px 5px 5px; margin: 5px 0px 0px 0px; display: block; width: 200px; float: left; font: 13px Helvetica; color: #666; line-height: 18px; }

.skills-right-icon		{ padding: 5px 5px 5px 5px; margin: 5px 0px 0px 0px; display: block; width: 260px; float: left; font: 12px Helvetica; color: #000; text-align: left; line-height: 18px; }

.skills-left-noicon		{ padding: 5px 5px 5px 5px; margin: 5px 0px 0px 0px; display: block; width: 250px; float: left; font: 13px Helvetica; color: #000; line-height: 18px; }

.skills-middle-noicon	{ padding: 5px 5px 5px 5px; margin: 5px 0px 0px 0px; display: block; width: 200px; float: left; font: 13px Helvetica; color: #666; line-height: 18px; }

.skills-right-noicon	{ padding: 5px 5px 5px 5px; margin: 5px 0px 0px 0px; display: block; width: 250px; float: left; font: 12px Helvetica; color: #000; text-align: left; line-height: 18px; }

a.links					{ padding: 3px 5px 3px 5px; margin: 0px 5px 0px 5px; display: block; width: 80px; float: left; font: 13px Helvetica; color: #FFF; background-image:url(images/top-link.png); text-decoration: none; font-weight: }

a.links-right			{ padding: 3px 0px 3px 5px; margin: 0px 0px 0px 5px; display: block; width: 80px; float: left; font: 13px Helvetica; color: #FFF; text-decoration: none; font-weight: none; background-image:url(images/top-link.png); }

a:hover.links			{ text-decoration: none; font-weight: none; color:#FFF; background-image:url(images/top-link-hover.png); }

a:hover.links-right 	{ text-decoration: none; font-weight: none; color:#FFF; background-image:url(images/top-link-hover.png); }

.copy					{ padding: 30px 0px 0px 0px; margin: 0px 0px 0px 0px; clear: both; }

.text					{ padding: 0px 20px 0px 0px; line-height: 18px; color: #000; }

.text-resume			{ padding: 10px 20px 0px 0px; line-height: 18px; color: #000; }

.tel					{ padding: 0px 0px 0px 0px; line-height: 18px; color: #000; }

.recent					{ padding: 0px 20px 0px 0px; line-height: 18px; text-align: left; }

.recent-desc			{ padding: 0px 20px 0px 0px; line-height: 20px; text-align: left; }

.recent-date			{ padding: 0px 20px 0px 0px; line-height: 40px; text-align: left; }

.recent-date a			{ padding: 0px 20px 0px 0px; line-height: 40px; text-align: left; color: #333; }

#recent-project			{ float: left; padding: 0px 15px 0px 0px; }

#line					{ padding: 30px 0px 30px 0px; }

#line-resume			{ padding: 0px 0px 30px 0px; }

#line-footer			{ padding: 25px 0px 0px 0px; }

#space-break			{ padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; height: 30px; clear: both}

#resume-break			{ padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; height: 10px; clear: both}

#quote					{ padding: 0px 0px 0px 0px; margin: 0px 20px 0px 20px; height: 30px; clear: both; line-height: 18px; color: #333;}

.footer					{  padding: 0px 0px 0px 0px; margin: 5px 0px 0px 0px; float: right;  color: #333333; text-align: right; }

a.footer				{ padding: 5px 5px 5px 5px; margin: 0px 0px 0px 0px; display: block; width: 70px; float: left; font: 13px Helvetica; color: #333333; text-decoration: none; }

a.footer-right			{ padding: 5px 0px 5px 5px; margin: 0px 0px 0px 0px; display: block; width: 70px; float: left; font: 13px Helvetica; color: #333333; text-decoration: none; }

a:hover.footer			{ text-decoration: underline; color:#000 }

a:hover.footer-right	{ text-decoration: underline; color:#000 }

/* lightbox */

#lightbox									{position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img								{width: auto; height: auto;}
#lightbox a img								{border: none; }

#outerImageContainer						{position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer								{padding: 10px; }

#loading									{position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav									{position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav					{left: 0;}
#hoverNav a									{outline: none;}

#prevLink, #nextLink						{width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink									{left: 0; float: left;}
#nextLink									{right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover 	{background: url(images/prevlabel.gif) left 50% no-repeat; }
#nextLink:hover, #nextLink:visited:hover 	{background: url(images/nextlabel.gif) right 50% no-repeat; }

#imageDataContainer							{font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData									{padding:0 10px; color: #666; }
#imageData #imageDetails					{width: 70%; float: left; text-align: left; }	
#imageData #caption							{font-weight: bold;	}
#imageData #numberDisplay					{display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose					{width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay									{position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/* lightbox */