/*

		 PERSONAL HOMEPAGE THEME FOR WORDPRESS
		 
		 By: Allan Davies
		 http://allmostlikelife.net
		 based on files/tutorials from Chris Coyier
		 http://css-tricks.com
		 
	
		 
		 Deep blue: #003366
		 Mid blue: #006699
		 Light blue: #99CCCC
		 Orange: #ff6600
		 Light Grey: #cccccc
		 
*/

/*
	RESET
*/

*									{ margin: 0; padding: 0; }
html								{ overflow-y: scroll; }
html, body							{ height: 100%; }
body								{font-size: 90%; font-family:Verdana, Arial, Helvetica, sans-serif;
									color: #000000;  background-color: #003366; margin-top:15px;}									
ul									{list-style-type: none;}
ol									{ list-style: decimal inside; }
a									{ outline: none; text-decoration: none; }
a img								{ border: none; background: none; }
img									{ vertical-align: middle; }
table								{ border-collapse: collapse; }

/*
	UTILITY
*/
.floatLeft 							{ float: left; }
.floatRight							{ float: right; }
.clear								{ clear: both; }
/*

/*
	TYPGROGRAPHY
*/
p, li								{ font-size: 1em; line-height: 1.2em; margin: 0 0 10px 0; }
a									{ color: #003366; }
a:hover								{ background: #006699; color: white; }
h1									{font-size: 2.5em;
									font-family: Verdana, Arial, Helvetica, sans-serif;
									font-weight: normal;}
h2									{font-size: 1.3em;
									font-family: Verdana, Arial, Helvetica, sans-serif;}
h3									{font-size: 1.2em;
									font-family: Verdana, Arial, Helvetica, sans-serif;
									font-weight: normal;
									margin: 0 0 10px 0;}
h4									{ color: white; font-size: 2.0em; margin-bottom: 15px; }
.post h4							{font-size: 1.1em;font-family: Verdana, Arial, Helvetica, sans-serif;
									font-weight: bold; margin: 0 0 10px 0;/*color: #006699;*/
									letter-spacing: 2px;}
 /*

/*
STRUCTURE
*/
#page-wrap							{ width: 960px; margin: 0px auto 0px;
									 background-color: #99cccc;}
#main-col							{width: 700px; float: left;background-color:#ff6600}
#main-col-single					{width:960px;}
#images-main-col					{width: 699px; float:left; background-color:#006699;
									border-left:solid #ff6600 1px;}
#video-main-col						{width:699px; float:left; background-color:#003366;
									border-left:solid #ff6600 1px;}
#sidebar							{width: 260px;float: right;padding-top: 20px;background-color: #99cccc;}
#splash-page-wrap					{ width: 960px; min-height: 100%; margin:0px auto; background: #003366;}
#splash-main-col					{width: 700px; height:600px;
									float: left; background: #ff6600; margin-top:20px; padding-top: 70px;}					
/*


HEADER
*/
h1#banner							{width: 958px; height: 200px;
									background: url(images/banner.jpg) top left no-repeat;
									text-indent:20px; padding-top: 60px;
									border-left: solid #ff6600 1px; border-right: solid #ff6600 1px;}																	
#banner a							{color:#FFFFFF; font-family:Arial, Helvetica, sans-serif;
									font-size:56px; font-weight: normal; border: solid #ff6600 1px;
									padding-left: 5px; letter-spacing: 1px;}									
#banner a:hover						{text-decoration:none; background-color:#003366; }													
p#description						{color:#FFFFFF;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;
									font-weight: bold; padding-top: 7px; letter-spacing: 2px;}

/*

MENU-BAR
*/

#menu-bar							{width:958px; height:34px;
									background:url(images/menubg.jpg) top left no-repeat;margin-top: -60px;
									border-bottom:solid #006699 2px; border-top: solid #006699 1px;
									border-left: solid #ff6600 1px;border-right: solid #ff6600 1px;}										
ul#main-nav							{width: 550px; float: left; margin-top:8px; margin-left:12px }
ul#extra-nav						{width: 250px; float: right; text-align: right; 
									margin-top:8px; margin-right:12px; }
ul#main-nav	li, ul#extra-nav li		{ display: inline; }
ul#main-nav li a, ul#extra-nav li a	{text-transform: lowercase; color: white; font-size: 9pt;
									padding-bottom: 10px; padding-right: 8px;
									padding-top: 9px; padding-left: 8px;
									font-weight: bold;letter-spacing: 5px;}									
ul#main-nav li a:hover,
ul#extra-nav li a:hover				{ background: #006699; border: solid #ff6600 1px;}
/*


SPLASH
*/
h1#title							{text-indent:20px;}
h1#splash-banner					{width: 960px; height: 289px;
									background: url(images/home-banner.jpg) top left no-repeat;
									border: solid #ff6600 1px; margin-top:-15px; text-indent:20px;}																	
#title a							{color:#FFFFFF;font-family:Arial, Helvetica, sans-serif;
									font-size:56px; font-weight: normal; padding-left: 5px;
									letter-spacing: 1px;}								
#title a:hover						{text-decoration:none;}									
splash-banner p#description			{color:#FFFFFF;font-family: Verdana, Arial, Helvetica, sans-serif; 
									font-size: 12px; font-weight: bold; letter-spacing: 2px;}
#recent p							{color:#FFFFFF; margin-left:20px; margin-top:55px;  
									letter-spacing: 8pt; font-weight:bold;}
#recent a							{margin-left:40px; font-size:8pt; 
									letter-spacing:3pt;padding: 5px;}
#quote								{margin-top: 60px; width:200px; float:right; color:#99cccc; 
									font-size:0.8em; font-style:italic;
									text-align: right; letter-spacing:2pt;}
#splash-menu-bar					{width:960px; height:34px; margin-top: -61px;}	
ul#splash-main-nav					{ width: 550px; float: left; margin-top:8px; margin-left:12px }
ul#splash-extra-nav					{ width: 250px; float: right; text-align: right; 
									margin-top:8px; margin-right:12px; }
ul#splash-main-nav	li, 
ul#splash-extra-nav li				{display: inline; }
ul#splash-main-nav li a, 
ul#splash-extra-nav li a			{text-transform: lowercase; color: white; font-size: 9pt;
									padding-bottom: 10px; padding-right: 8px;
									padding-top: 9px; padding-left: 8px;
									font-weight: bold;letter-spacing: 6px;}									
ul#splash-main-nav li a:hover,
ul#splash-extra-nav li a:hover		{ background: #006699; border: solid #ff6600 1px;}
/*


	WIDGETS
*/
.widget								{ background: #99cccc; width: 220px; 
									 float:right; margin-bottom: 3px; padding-left:10px; padding-top:10px; 											                                     padding-bottom:5px;}
.widget h2							{color: #003366; font-size:10pt; font-weight:bold; letter-spacing:5pt;						                                     text-transform: lowercase; border-bottom: solid #ff6600 1px; padding-bottom: 3px;}								
.widget ul							{list-style: none inside; margin-left: 15px;font-size:0.8em;}
.widget ul li 						{margin: 0 0 5px 0;font-size: 9pt;}
.widget ul li a 					{ display: block; padding: 2px;color: #003366;font-size:0.8em; }
.widget ul li a:hover				{ background: #006699; color: white; }

/*
	BLOG ENTRIES
*/
.post								{margin-top:20px; margin-bottom:25px; margin-left:20px; margin-right:20px;
									background-color: #FFFFFF; padding:10px;}
#images-main-col.post				{background-color:#999999;}
.post h2							{border-bottom: solid #ff6600 1px;font-weight: bold;
									font-size: 18px;letter-spacing: 2px;
									display: block;padding-bottom: 4px;margin-bottom: 6px;}
.post p#date						{font-size: 0.8em; text-align:right;}
.postmetadata						{font-size: 0.8em;}
/*


	FOOTER
*/
#footer								{height:115px; background: #003366; border-top: 2px solid #006699;
									border-right: solid #ff6600 1px; border-left:solid #ff6600 1px; 
									padding-top: 10px;}
#footer-inside						{width: 960px;margin-left:20px; margin-top:5px;}
#footer-1 h4						{font-size:1.3em; letter-spacing:4px;margin-bottom:3px;}
#footer-3 h4, #footer-4 h4			{font-size:1.1em; letter-spacing:4px;margin-bottom:3px;}
#footer p							{ color: white; font-size:0.8em; line-height:1em;}
#footer a							{ font-size:1em; color:#ff6600 }
#footer a:hover						{color:white;}
#footer-2 li, #footer-3 li,
#footer-4 li						{margin-bottom:2px; font-size:0.8em;}
#footer-1							{ width: 300px; float: left; margin-right: 30px; }
#footer-2							{ width: 200px; float: left; margin-right: 30px; margin-top:18px; }
#footer-3							{ width: 200px; float: left; }
#footer-4							{ width: 200px; float: left; }
#footer ul							{ color: white; }
/*


/*
PAGE NAVIGATION
*/
.navigation,
.navigation-single					{background-color:#99cccc; margin-left:20px; margin-right:20px; margin-bottom:10px; 
									padding-top:5px; padding-bottom:5px;}
.navigation-single					{margin-top:20px;}
.navigation	a,
.navigation-single a				{padding:5px;color: #003366; font-size:0.8em;}
.navigation a:hover					{color:#FFFFFF;}

/*
ARCHIVE
*/
#label 								{font-weight: bold; margin-left:20px; margin-right: 20px; margin-top:20px; 
									color: #003366; background-color: #99cccc; font-size: 18px;
									letter-spacing: 2px; display: block;
									padding: 10px;margin-bottom: 6px;}								
.post h3							{border-bottom: solid #ff6600 1px; font-weight: bold;
									font-size: 18px; letter-spacing: 2px;
									display: block; padding-bottom: 4px; margin-bottom: 6px;}
/*

COMMENTS
*/

#comment-box						{margin:20px 20px 25px; padding:10px; background-color:#FFFFFF;}
#comment-box label					{font-size:0.8em;}
#comment-box h2						{border-bottom: solid #ff6600 1px;
									font-weight: bold;
									font-size: 18px;
									letter-spacing: 2px;
									display: block;
									padding-bottom: 4px;
									margin-bottom: 6px;}
/*