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


body 					{ font-family: Arial, Helvetica, sans-serif; font-size: 13px; margin: 0px 0px 0px 0px; background: 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%; min-height: 1070px; width: 168px; float: left; }

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

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

#leftcolumn-portfolio 	{ border: none; background: url(images/left-background.jpg) repeat-y; margin: 0px 0px 0px 0px; padding: 100px 10px 10px 75px; height: 100%; min-height: 3350px; 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%; min-height: 1000px; 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: 250px; float: left; font: 12px Helvetica; color: #000; text-align: left; line-height: 18px; }

.skills-right-icon1		{ 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}

.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 }