/* 	Set colors: basically all colors except the background 
	which is slightly off white to please the eye, 8 total.  
	The number of power...

	(Perhaps only six should be used in three different 
	variations, so christians won't like the colorscheme
	as mosquitos fly away from an annoying sound.)

	COLOUR THE BLAND, BRAND THE COLORED

	(Damn, that could be the booktitle of either an epic about slavery, or NWO, or both)

	Either way, we're going to define some colors in order to create just that; order.


	HEX		WEB		RGB		NAME		USE
	-------		-------		----------	-----------	----------
	#000000		#000000		000		black		HR
	#2B2B2B 	#333333		171717		dark grey	BRANDING / COPY
 	#555555		#555555		333333		davy's grey	HEADER
	#808080		#808080		505050		grey		SUB HEADER
	#AAAAAA		#999999		606060		cool grey	SUB COPY 
	#D5D5D5		#cccccc		848484		light grey	HR
	#FFFFFF 	#ffffff		100100100	white		HR
	#FFFEF2		#fffef2		10010095	off white	BACKGROUND

*/

body { font-family: Nimbus, Verdana, Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; background: #fffef2; color: #555555;
line-height: normal; margin: 3% 25% 3% 25%; min-width: 400px;}

h1 { color:#555555; text-align:center; }

hr.footer { width: 126%;  height: 8px;  background-color: #555555;  margin: 0.2em 0 0 -30%;  display: block; padding: 0; }
hr.content { width: 96%; height: 28px; background-color: #333333; margin: 1% 4% 0 0; display: block; padding: 0; }
hr.white { width: 400px;  height: 3px; background-color: #ffffff }

.date { 
	background: none;
	border-bottom: 4px solid #999999; 
	color:#333; 
	float: left;
	font-size: 48px; 
	font-weight:bolder; 
	text-align:center; 
	text-transform: uppercase;	
	margin: .4em .0em .0em -30%; 
	padding: .2em .5em .2em .5em;
}

.date:first-child {
	color: #808080;
	border: none;
	float: right;
	font-size: 14px;
	text-transform: lowercase;	
	margin: .4em .5em .0em 0%; 
	padding: .2em .5em .2em .5em;

}

.firstletter { 
	background: #EEEEEE;
	border: 1px solid #999999; 
	color:#808080; 
	float: left;
	font-family: Roman;
	font-size: 48px; 
	font-weight:bolder; 
	text-align:center; 
	text-transform: uppercase;	
	margin: .70em .5em .0em .4em; 
	padding: .2em .5em .2em .5em;
}


p {
line-height: 1.6em;
margin: 2em;
padding: 0 15px;
}

.bold { font-weight:bold; } 

.brandtagging { display: block; font-size: 1.05em; color:#333333; font-weight:lighter; text-align:left; letter-spacing: .30em; }

#branding { display:block; font-size: 32px; color:#2B2B2B; font-weight:bold; text-align:left; text-transform: uppercase; margin: 0 2.0em 0 -30%; padding: 0; }

#footer { background:none; display:block; text-align:center;  font-size:14px; color:#2B2B2B; font-weight:lighter; text-align:justify; 
	text-transform: lowercase; margin: 0 2.0em 0 -30%; padding: 0;} 
	
.home, .archive, .contact { float: right; color: white;	margin: -2.6em 1.4em 0 0; text-transform: lowercase; font-weight: bold;
	padding: 1em .5em; }

.home a:link {color:white; text-decoration:none; font-size:.8em;}
.home a:link:hover {color:gray;}

.archive a:link {color:white; text-decoration:none; font-size:.8em;}
.archive a:link:hover {color:gray;}

.contact a:link {color:white; text-decoration:none; font-size:.8em;}
.contact a:link:hover {color:gray;}
/*
p { background: #000;
    border:1px solid black;
    border-radius:0 0 4px 4px;
    -moz-border-radius:0 0 4px 4px;
    -webkit-border-radius:0 0 4px 4px;
    height:auto;
    width:auto;
    margin:2em;
}
*/