/*
Header Styles
*/
	div.icons a {
	display: block;
	position: fixed;
	z-index: 200;
	top: 23px;
	width: 40px;
	height: 40px;
	text-decoration: none	
	}
	
	div.icons a:hover { background-position: -40px 0}
	
	a.blogicon { left: 400px; background: url(images/blogiconroll.gif) 0 0 no-repeat;}
	a.gameicon {	left: 450px; background: url(images/gameiconroll.gif) 0 0 no-repeat;}
	/*
	a.flashicon {left: 450px; background: url(images/flashiconroll.gif) 0 0 no-repeat;}
	a.scienceicon {left: 550px;background: url(images/scienceiconroll.gif) 0 0 no-repeat;}
	a.webicon {left: 600px; background: url(images/webiconroll.gif) 0 0 no-repeat;}
	a.photoicon{left: 650px; background: url(images/photoiconroll.gif) 0 0 no-repeat;}
	*/
	#icondesc {position: fixed; left: 500px; top: 33px; font-family: verdana; font-size: 1em; color: #fff; z-index: 200}



/*
Nav Bar Styles
*/
	ul {padding-left: 0px; margin-left: 0px}
	ul.btn li {display: block; margin: 2px; list-style: none; border: solid #bbb 1px; background-image: url(images/buttongradient.gif); width: 140px; height: 25px; text-decoration: none; font-family: verdana; font-size: .8em}
	ul.btn li:hover {border: solid #888 1px; background-image: url(images/buttongradient2.gif)}
	ul.btn a {padding: 4px; display: block; width: 132px; height: 17px; text-decoration: none; color: #000}
	ul.btn a:hover {color: #fff}
	
	ul.pg li {float: left; font-weight: bold; padding: 0px; margin: 2px; list-style: none; border: solid #bbb 1px; background-image: url(images/buttongradient.gif); width: 20px; height: 25px; text-decoration: none; font-family: verdana; font-size: .8em}
	ul.pg li:hover {border: solid #888 1px; background-image: url(images/buttongradient2.gif)}
	ul.pg a {margin: 4px; display: block; width: 100%; height: 100%; text-decoration: none; color: #000}
	ul.pg a:hover {color: #fff}	
/*
Content Styles
*/

	/* Article Links */
	a.article {color: #364ba6; font-family: verdana; font-size: 1.1em; font-weight: bold; text-decoration: none; border-bottom: solid #76a0da 1px}
	a.article:hover {color: #000}
	
	p a:link {color: #364ba6; font-family: verdana; font-size: 1.1em; text-decoration: none}
	p a:visited {color: #8394db; font-family: verdana; font-size: 1.1em; text-decoration: none}
	p a:active {color: #364ba6; font-family: verdana; font-size: 1.1em; text-decoration: none}
	p a:hover {color: #fff; background-color: #c0c1c0}
	
/*
Article Headline
*/
	
	.datetag {display: block; font-family: verdana; font-size: .8em; font-weight: bold; color: #888; text-align: right; width: 100%; margin: 0px; padding: 0px; border: 0px}
	.headerline {height: 1px; width: 100%; border-top: 3px solid #000; margin: 0px; padding: 0px}
	p.headline {display: block; color: #2939b0; font-family: "Trebuchet MS", "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 1.3em; font-weight: bold; text-decoration: none; text-indent: 0px; margin: 0px; padding: 0px; border: 0px}

/*
Sub-Index Styles
*/
	
	div.list {margin: 4px}
	
		
	div.list a:link div {width: 100%; height: 60px; border: 1px solid grey; background-image: url(images/buttongradient.gif); margin: 4px; padding: 4px; cursor: pointer }
	div.list a:visited div {width: 100%; height: 60px; border: 1px solid grey; background-image: url(images/buttongradient.gif); margin: 4px; padding: 4px; cursor: pointer}
	div.list a:hover div {width: 100%; height: 60px; border: 1px solid grey; background-image: url(images/buttongradient2.gif); margin: 4px; padding: 4px; cursor: pointer }

	div.list a:link {text-decoration: none; font-family: verdana; font-size: 1em; color: #2959b0}
	div.list a:visited {text-decoration: none; font-family: verdana; font-size: 1em; color: #48b72a}
	div.list a:hover {text-decoration: none; font-family: verdana; font-size: 1em; color: #ea0a0a}	
	
	div.list a:link div p {font-family: verdana; font-size: .8em; color: #000; text-indent: 0px; margin-left: 5px}
	div.list a:visited div p {font-family: verdana; font-size: .8em; color: #000; text-indent: 0px; margin-left: 5px}
	div.list a:hover div p {font-family: verdana; font-size: .8em; color: #fff; text-indent: 0px; margin-left: 5px}
	
	
	div.nav {margin: 0px; padding: 0px}
	div.nav a:link div {width: 140px; height: 27px; border: solid #bbb 1px; background-image: url(images/buttongradient.gif)}
	div.nav a:visited div {width: 140px; height: 27px; border: solid #bbb 1px; background-image: url(images/buttongradient.gif)}
	div.nav a:hover div {width: 140px; height: 27px; border: solid #bbb 1px; background-image: url(images/buttongradient2.gif)}
	
	
	div.nav a:link {text-decoration: none}
	div.nav a:visited {text-decoration: none}
	div.nav a:hover {text-decoration: none}
	
	div.nav a:link div p {font-family: verdana; font-size: .8em; color: #000; margin-top: 5px; text-indent: 5px }
	div.nav a:visited p{font-family: verdana; font-size: .8em; color: #000; margin-top: 5px; text-indent: 5px}
	div.nav a:hover div p {font-family: verdana; font-size: .8em; color: #fff; margin-top: 5px; text-indent: 5px }
	
/*
Comment Styles
*/

	div.commentbox {width: 80%; margin: 0px auto; margin-top: 4px; font-family: verdana; font-size: .8em; border: 1px solid #ddd; border-top-width: 4px; background: #fdfdfd}
	div.commentbox table {width: 100%}
	div.commentbox td.user {color: #2939b0; font-size: .9em; width: 100px}
	div.commentbox td.time {text-align: right; font-size: .8em}
	div.commentbox td.subject {color: #c31818; text-align: left}
	div.commentbox td.text {color: #555; font-size: .8em; padding: 3px}
	
	
	p {color: #373737; font-family: "lucida sans",arial,sans; text-indent: 1em; margin-top: 1em; line-height: 1.3em; margin: 0px; padding: 0px}
	p + p {color: #373737; font-family: "lucida sans",arial,sans; text-indent: 1em; margin-top: 1em; line-height: 1.3em; margin: 7px 0px 0px 0px; padding: 0px}
	img {border: 0px}
	img.floatphoto {margin: 1em; border: 1px solid rgb(50,50,50)}
	div.pagetext p{padding-left: 15px; padding-top: 15px; color: #333; font-family: "Lucida Grande", verdana, arial, sans-serif; font-size: .9em; line-height: 1.5}

	div.indexlink {border: 1px solid #ddd; border-top-width: 4px; padding: 7px; background-image: url(images/indexgradient.gif); margin-top: 10px}
	div.indexlink p{padding-left: 15px; padding-top: 15px; color: #333; font-family: "Lucida Grande", verdana, arial, sans-serif; font-size: 13px; line-height: 1.5}
	div.indexlink a:link{display: block; float: clear; font-family: verdana; font-size: 1em; color: #1a299f; text-decoration: none; text-indent: 4px  }
	div.indexlink a:visited{display: block; font-family: verdana; font-size: 1em; color: #434972; text-decoration: none; text-indent: 4px  }
	div.indexlink a:hover{display: block; font-family: verdana; font-size: 1em; color: #fff; text-decoration: none; text-indent: 4px; background-color: #000  }

	table.index {border-collapse: collapse}
	table.index td {width: 300px; padding: 10px; vertical-align: top}
	table.index span {display: block; color: #000; font-family: "Trebuchet MS", "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 1.3em; font-weight: bold; text-decoration: none; text-indent: 0px; margin: 0px; padding: 0px; border: 0px}

	/* Form Styles */
	input.text {border:solid 1px #aaa; background: #f7f9fb; font-family: verdana}
	textarea.text {border: solid 1px #aaa; background: #f7f9fb; font-family: verdana; font-size: .8em}
	select.text {border: solid 1px #aaa; background: #f3f8ff}
	
	input.text:hover {border:solid 1px #888; background: #e1edff}
	textarea.text:hover {border: solid 1px #888; background: #e1edff}
	select.text:hover {border: solid 1px #888; background: #e1edff}
	
	
	form#loginform {margin: 8px; padding: 8px}

	
	/*	
	table {border-collapse: collapse; border: 1px solid #dfdfdf; font-family: verdana; font-size: .8em; width: 400px}
	tr {background-color: f8f8f8}
	td {border: 1px solid #dfdfdf; padding: 2px; padding-left: 5px}
*/

	div.navigation {position: fixed}
	div.navigation span {color: #1859b1; font-family: verdana; font-size: 1.2em; font-weight: bold; line-height: .5em}
	
	
	
	.contentbox {padding-left: 15px; padding-top: 15px; color: #000; font-family: verdana; font-size: .85em}
	.codebox {padding: 10px; margin: 0px; border: 1px dashed #bbb; background-color: #f6f7f6; color: #767676; height: 200px; font-family: system; white-space: pre}