/* CSS Document */
/* CSS for my wastedlife */

/***** basic page stuff ***/


		body
		{
			margin: 0;
			padding: 0;
			background-color:#000;
			font-family: arial, helvetica, sans-serif;
			font-size: small;
/*			text-align: justify; */
}

		a:link, a:visited{
			color: #005FA9;
			text-decoration: none;
}

		a:hover{
			text-decoration: underline;
}

/************* the sections *****************/
		
		#banner
		{
/*			border-top: 1px solid #ddd;
			border-bottom: 1px solid #ddd; */
			float: left;
			width: 95%;
			background-color: #000;
		}
		
		.clearboth { clear: both; }
		
		.spacer
		{
			float: left;
			width: 2%;
		}
		
/************** we're currently not using row 1 *****************/		
		
		#row1col1
		{
			border-top: 1px solid #ddd;
			border-bottom: 1px solid #ddd;
			margin-top: 10px;
			float: left;
			width: 75%;
			background-color: #bbb;
		}
		
		#row1col2
		{
			border-top: 1px solid #ddd;
			border-bottom: 1px solid #ddd;
			margin-top: 10px;
			float: left;
			margin-left: 3%;
			width: 20%;
			background-color: #bbb;
		}
		
/************ this is where the three columns are *********************/
		
		#row2col1
		{
			border-top: 1px solid #ddd;
			border-bottom: 1px solid #ddd;
			margin-top: 10px;
			float: left;
			margin-left: 1%;
			width: 66%;
			background-color: #fff;
		}
		
		#row2col2
		{
			border-top: 1px solid #ddd;
			border-bottom: 1px solid #ddd;
			margin-top: 10px;
			float: left;
			width: 12%;
			background-color: #ddd;
		}
		
		#row2col3
		{
			border-top: 1px solid #ddd;
			border-bottom: 1px solid #ddd;
			margin-top: 10px;
			float: right;
			margin-right: 3%; 
			width: 12%;
			background-color: #ddd;
			text-align:justify;
			padding: 2px 5px 2px 5px;
		}
		
/*************** we're not using this row either ***************/		
		
		#row3col1
		{
			border-top: 1px solid #ddd;
			border-bottom: 1px solid #ddd;
			margin-top: 10px;
			float: left;
			width: 71%;
			background-color: #bbb;
		}
		
		#row3col2
		{
			border-top: 1px solid #ddd;
			border-bottom: 1px solid #ddd;
			margin-top: 10px;
			float: left;
			margin-left: 3%;
			width: 20%;
			background-color: #bbb;
		}
		
		#row4col1
		{
			border-top: 1px solid #ddd;
			border-bottom: 1px solid #ddd;
			margin-top: 10px;
			float: left;
			width: 20%;
			background-color: #ddd;
		}
		
		#row4col2
		{
			border-top: 1px solid #ddd;
			border-bottom: 1px solid #ddd;
			margin-top: 10px;
			float: left;
			margin-left: 3%;
			width: 71%;
			background-color: #ddd;
		}
		
/********** the final box ******************/		
		
		#footer
		{
/*			border-top: 1px solid #ddd;
			border-bottom: 1px solid #ddd; */
			margin-top: 10px;
			float: left;
			width: 95%;
			background-color: #000;
			text-align: right;
			font-size: small;
			color: #cccccc;
/*			padding: 10px 10px 10px 10px;
			margin-top: 0px; */

		}
		
		h1, h2, h3, h4, h5, h6, p, ul, ol, dl
		{
			margin-left: 7px;
			margin-right: 7px;
		}
		
		h1, h2, h3, h4, h5, h6
		{
			margin-top: 5px;
			margin-bottom: 0;
		}
		
		h1+p, h2+p, h3+p, h4+p { margin-top: .2em; }
		
/************* the bits I imported from dreaweaver ************/		
		
		#siteName{
	color: #ffffff;
	font-weight: normal;
}

#clock{
	color: #ffffff;
/*	position: inherit;
	display: inline-table;
	font-weight: normal;
	text-align:right;
	padding: 0px 10px 10px 0px; /* top right bottom left
/*	float:right; */
	position: absolute;
/*	padding: 16px 0px 8px 0px;*/
	top: 15px; 
	right: 5%;

}
		
/********* the navigation columns ******************/
		
#sectionLinksA a:link, #sectionLinksA a:visited {
	display: block;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #cccccc;
	background-image:  url("css/bg_nav.jpg");
	font-weight: bold;
	text-align:left;
	padding: 3px 0px 3px 10px;
	color: #21536A;
}

#sectionLinksA a:hover{
	border-top: 1px solid #cccccc;
	background-color: #FFFFCC;
	background-image: none;
	font-weight: bold;
	color:#000000;
	text-decoration: none;
}

#sectionLinksB a:link, #sectionLinksB a:visited {
	display: block;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #cccccc;
	background-image:  url("css/bg_nav.jpg");
/*	font-weight: bold; */
	text-align:right;
	padding: 3px 10px 3px 0px;
	font-size:small;
	color: #21536A;
}


#sectionLinksB a:hover{
	border-top: 1px solid #cccccc;
	background-color: #DDEEFF;
	background-image: none;
/*	font-weight: bold; */
	color:#000000;
	text-decoration: none;
}

#relatedLinks a:link, #relatedLinks a:visited {
	display: block;
/*	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #cccccc;
/*	background-image:  url("css/bg_nav.jpg"); */
/*	font-weight: bold; */
	text-align:right;
	padding: 3px 10px 3px 0px;
	font-size:small;
	color: #21536A;
}


#relatedLinks a:hover{
/*	border-top: 1px solid #cccccc;
	background-color: #DDEEFF;
	background-image: none; */
	font-weight: bold; 
	color:#000000;
	text-decoration: none;
}


/************** feature styles *****************/

.feature{
	padding: 0px 10px 10px 10px;
	font-size: 95%;
	color:#333;
	text-align:justify;
/*	min-height: 200px;
	height: 200px; */
}
html>body .feature {height: auto;}

.feature h3{
	font: bold 175% Arial,sans-serif;
	color: #075576;
	padding: 5px 0px 5px 0px;
}

.feature img{
	float: left;
	padding: 0px 10px 0px 0px;
}


/*************** story styles ******************/

.story {
	padding: 10px 0px 0px 10px;
	font-size: 80%;
	display: inline;
}

.story h3{
	font: bold 125% Arial,sans-serif;
	color: #000000;
}

.story p {
	padding: 2px 0px 10px 0px;
	text-align:justify
}

.story a.capsule{
	font: bold 1em Arial,sans-serif;
	color: #005FA9;
	display:block;
	padding-bottom: 5px;
}

.story a.capsule:hover{
	text-decoration: underline;
}

td.storyLeft{
	padding-right: 12px;
}


/**************** end of CSS **********************/