/*

Echolite Media
http://www.echolitemedia.com

	yellow-orange: #ffcb00
	orange: #ffb600
	dark orange: #f5653e
	fuscia: #ed1165
	blue: #00b2d9
	
*/

/*
	RESET
*/

*										{ margin: 0; padding; 0 }
html									{ overflow-y: scroll; }
html, body								{ background-position: 0px 0px; background-repeat: no-repeat; height: 100%; }
body									{ font-size; 62.5%; font-family: Arial, Helvetica, sans-serif, verdana; color: #000000; background-color: #FFCB00; background-image: url(images/olivia-header.png); background-repeat: no-repeat; background-position-x: center; }
ul										{ list-style: square inside; }
ol										{ list-style; decimal inside; }
a										{ outline: none; text-decoration: none; }
a img									{ border: none; }
img										{ vertical-align: middle; }
table									{ border-collapse: collapse; }

/*
	UTILITY
*/
.floatLeft								{ float: left; }
.floatRight								{ float: right; }
.clear									{ clear: both; }
.awesome						{ background: #222 url(/images/alert-overlay.png) repeat-x; display: inline-block; padding: 5px 10px 6px; color: #fff; text-decoration: none; font-weight: bold; line-height: 1; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); text-shadow: 0 -1px 1px rgba(0,0,0,0.25); border-bottom: 1px solid rgba(0,0,0,0.25); position: relative; cursor: pointer;}
.orange.awesome 						{ background-color: #ff5c00;}
.button									{ border; 1px solid #000000; background: #f5653e; padding: 3px 8px; color: #fff; }
.button:hover							{ background: #f5653e; color: #fff }

/*
	TYPOGRAPHY
*/
p, li							{ font-size: 1.0em; line-height: 1.2em; margin: 0 0 10px 0; }

a								{ color: #000 }
.copy							{ font-size: 1.2em; line-height: 1.3em; text-indent: 15px;}
.copyTenProjects				{ font-size: 1.4em; line-height: 1.3em; margin-bottom: 20px;}
a:copyTenProject				{ font-size: 1.4em; line-height: 1.3em; color: #000000; }			
a:hover							{ color: #f5653e }
h1								{ font-size: 3.6em; font-family: Arial, Helvetica, sans-serif, verdana; font-weight: bold; }
h2								{ font-size: 2.4em; font-family: Arial, Helvetica, sans-serif, verdana; font-weight: bold; margin: 10px 0 10px 0; color: #00b2d9}
h3								{ font-size: 2.0em; font-family: Arial, Helvetica, sans-serif, verdana; font-weight: bold; margin: 0 0 10px 0; }
h4								{ color: ffffff; font-size: 2.0em; margin-bottom: 15px; }
h5								{ color: ffffff; font-size: 1.4em }
#linksidebar h2					{ font-size: 1.0em; font-family: Arial, Helvetica, sans-serif, verdana; font-weight: bold; margin-left: 40px; color: #f5653e  }
#linksidebar a					{ font-size: 0.8em; }
#linksidebar p					{ font-size: 0.6em; }
.copycenter						{ font-size: 1.2em; line-height: 1.3em; text-align: center}


/*
	STRUCTURE
*/
#page-wrap						{ width: 1000px; margin: 0px auto -100px; min-height: 100%; height: auto !important; height: 100%; }
#push							{ height: 100px; } 
#linksidebar					{ width: 300px; float: right; list-style-image: none; list-style-type: none; margin-top: 15px; border-left-width: 1px; border-left-style: solid; border-left-color: #000000; }
#linksidebar ul					{ text-indent: 15px; }
#linksidebar li					{ list-style-image: none; list-style-type: none; }
#linksidebar li ul				{ text-indent: 35px; } 
#main-col						{ width: 650px; float: left; }
#mainPages						{ width: 1000px; height: auto }


/*
	Ten Projects
*/
#TenProjects					{ float: left; text-align: center; }
#TopRow	li						{ list-style: none; float: left}
#BottomRow li					{ list-style: none; float: left}
.tenprojects					{ margin: 20px 20px 0px 20px; float: left; font-size: 12px; text-transform: uppercase; }
#TenProjects a:link 			{ font-family: Verdana, Arial, Helvetica, sans-serif; color: #000; text-decoration: none; font-size: 11px; text-transform: uppercase; font-weight: bold; }
#TenProjects a:visited 		{ font-family: Verdana, Arial, Helvetica, sans-serif; color: #000; text-decoration: none; font-size: 11px; text-transform: uppercase; font-weight: bold; }
#TenProjects a:hover 			{ font-family: Verdana, Arial, Helvetica, sans-serif; color: #f5653e; text-decoration: none; font-size: 11px; text-transform: uppercase; font-weight: bold; }
#TenProjects a:active 		{ font-family: Verdana, Arial, Helvetica, sans-serif; color: #000; text-decoration: none; font-size: 11px; text-transform: uppercase; font-weight: bold; }
#TenProjectsImage				{ margin-bottom: 20px; }
#tenProjectsNav  li 			{ font-family: Verdana, Arial, Helvetica, sans-serif; color: #000; text-decoration: none; float: left; list-style: none; margin-right: 25px; }
#tenProjectsNavText				{margin-left: 150px; text-align: center}
#tenProjectsNav 					{ width: 1000px; margin-top: 30px; border-top: 2px solid #00b2d9; }
#tenProjectsNav a:link 				{ font-family: Verdana, Arial, Helvetica, sans-serif;	color: #000;	text-decoration: condensed; font-size: 10.0px; text-transform: uppercase; font-weight: normal; }
#tenProjectsNav a:visited 			{ font-family: Verdana, Arial, Helvetica, sans-serif; color: #000; text-decoration: condensed; font-size: 10.0px; text-transform: uppercase; }
#tenProjectsNav a:hover 				{ font-family: Verdana, Arial, Helvetica, sans-serif; color: #f5653e; text-decoration: condensed; font-size: 10.0px; text-transform: uppercase; }
#tenProjectsNav a:active 			{ font-family: Verdana, Arial, Helvetica, sans-serif; color: #000; text-decoration: condensed; font-size: 10.0px; text-transform: uppercase; }
#tenProjectsGive a				{ padding: 10px; font-size: 20px; margin-left: 420px; text-transform: uppercase; } 
#tenProjectsGive				{ margin-top: 30px; }
.memorialVideo					{ margin: 25px 0px 25px 260px; }
#breakline						{ width: 1000px; height: 1px; border-top: 1px solid #000; margin-bottom: -17px; }

/*
	BLOG ENTRIES
*/
.datebox 						{ width: 36px; float: left; padding: 5px; background: #f5653e; color: white; text-align: center; margin: 3px 10px 5px 0; }
.day 							{ font-size: 2.0em; font-weight: bold; margin: 0; line-height: .7em;}
.month 							{ font-size: 1.0em; font-weight: bold; margin: 0; text-transform: uppercase; }
.year 							{ font-size: .95em; font-weight: bold; margin: 0; line-height: .6em;  }
#blogComments li				{ font-size: 1.0em }
#trackback p					{ font-size: .7em}
#textComment					{ margin-bottom: 10px }


/*
	HEADER
*/
#header 						{ height: 140px; width: 1000px; margin-bottom: 30px;border-bottom: 2px solid #00b2d9; }
#buffer 						{ margin-top: -5px; }
#logoTop 						{ margin-top: 10px; }
#textTop 						{ margin-left: 350px; margin-bottom: 80px; }
#headerNav     					{ padding-right: 15px; float: right; text-align: right; margin-top: 25px;}
#headerNavText li 				{ list-style: url(../none) none; float: left; margin-left: 30px; }
#headerNavText  				{ }
#headerNavText a:link 			{ font-family: Verdana, Arial, Helvetica, sans-serif; color: #000; text-decoration: none; font-size: 14px; text-transform: uppercase; font-weight: bold; }
#headerNavText a:visited 		{ font-family: Verdana, Arial, Helvetica, sans-serif; color: #000; text-decoration: none; font-size: 14px; text-transform: uppercase; font-weight: bold; }
#headerNavText a:hover 			{ font-family: Verdana, Arial, Helvetica, sans-serif; color: #f5653e; text-decoration: none; font-size: 14px; text-transform: uppercase; font-weight: bold; }
#headerNavText a:active 		{ font-family: Verdana, Arial, Helvetica, sans-serif; color: #000; text-decoration: none; font-size: 14px; text-transform: uppercase; font-weight: bold; }
 
/*
	FOOTER
*/

#footer 						{ width: 1000px; margin-top: 0px; border-top: 1px solid #000; }
#bottomNav 						{ padding-left: 320px; }
#copyright 						{ text-align: center; clear: both; color: #000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }
#footerNav  li 					{ font-family: Verdana, Arial, Helvetica, sans-serif; color: #000; text-decoration: none; 				float: left; list-style: url(../none) none; margin-left: 15px; }
#footerNav 						{ margin-top: 8px; }
#footerNav a:link 				{ font-family: Verdana, Arial, Helvetica, sans-serif;	color: #000;	text-decoration: none; font-size: 9px; text-transform: uppercase; font-weight: normal; }
#footerNav a:visited 			{ font-family: Verdana, Arial, Helvetica, sans-serif; color: #000; text-decoration: none; font-size: 9px; text-transform: uppercase; }
#footerNav a:hover 				{ font-family: Verdana, Arial, Helvetica, sans-serif; color: #f5653e; text-decoration: none; font-size: 9px; text-transform: uppercase; }
#footerNav a:active 			{ font-family: Verdana, Arial, Helvetica, sans-serif; color: #000; text-decoration: none; font-size: 9px; text-transform: uppercase; }

/*
	Photo Viewer
*/
#photoShow 						{ height: 450px; width: 1000px;	clear: both; margin-bottom: 10px;}
#photoShow div 					{ position: absolute; z-index:0; }
#photoShow div.previous 		{ z-index:1; }
#photoShow div.current 			{ z-index:2; }