body {
	padding:		0px;
	margin:			0px;
	color:			#FFF;
	font-family:	80% 'lucida grande', arial, helvetica, sans-serf;
}

#header {
	text-align: center;
	width:		auto;
	xbackground-color: #003a74;
	background-image:	url('/inc/img/back.gif');
}

#header img {
	padding-top:	28px;
	padding-bottom: 18px;
}


/* tabs */


#headertabs {
	margin: 0;
	padding: 0;
	padding-top: 4px;
	padding-bottom: 4px;
	xbackground-color: #003a74;
	background-image:	url('/inc/img/backgradient.gif');
	width: auto;
	text-align:center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c0c0ad; /* 81859C */
	font-size: small;
	font-family: Arial, Helvetica, sans-serif;
}

a.box {
	padding: 4px;
	padding-left: 6px;
	padding-right: 6px;
	background-color: #626232; /* #97b9e2 */
	text-decoration: none;
	border: 1px solid #c0c0ad; /* #6d82a7; */
	color: #ffffff; /* 31354C */
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
}

a.box:hover {
  	color: #000000;
	padding: 4px;
	padding-left: 6px;
	padding-right: 6px;
	text-decoration: none;
	xbackground-color: #81815b; /* 597aac */
	border: 1px solid #c0c0ad;
	color: #cffb08; /* FFFFFF */
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
}

a.boxActive {
	padding: 4px;
	padding-left: 6px;
	padding-right: 6px;
	background-color: #FFFFFF;
	text-decoration: none;
	color: #626232; /* 31354C */
	border: 1px solid #c0c0ad ;
	border-bottom-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
}


/* subtabs */

#subtabs {
	margin: 0;
	padding: 0;
	padding-top: 4px;
	padding-bottom: 4px;
	width: auto;
	text-align:left;
	color:#ffffff;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #626232; /* 81859C */
	font-size: small;
	font-family: Arial, Helvetica, sans-serif;
}

a.subbox {
	
	padding: 4px;
	padding-left: 6px;
	padding-right: 6px;
	background-color: #a1a184;
	text-decoration: none;
	border: 1px solid #626232; /* 6d82a7 */
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
}

a.subbox:hover {
	color: #000000;
	padding: 4px;
	padding-left: 6px;
	padding-right: 6px;
	text-decoration: none;
	background-color: #81815b;
	border: 1px solid #626232;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
}

a.subboxActive {
	padding: 4px;
	padding-left: 6px;
	padding-right: 6px;
	background-color: #FFFFFF;
	text-decoration: none;
	color: #626232;
	border: 1px solid #626232; /* 6d82a7 */
	border-bottom-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
}



/* General site-wide styles */

#content {
	position:		absolute;
	width:		100%;
	top:		140px;
	left:		0px;
	color:		#000000; /* 31354C; */
	font-family:	arial, helvetica, sans-serif;
	font-size:	76%;
	text-align:		left;
}

#contentbody {
	padding:		50px;
}


#content a {
	color:			#000;
	font-weight:	bold;
	
}

.tiny {
	font-size:		0.85em;
}

#content pre {
	font-size:		1.5em;
	line-spacing:		2.0em;
}


/* Blog post form */

#newpost {

}

#newpost input {
	position:	absolute;
	left:		200px;
	width:		400px;
}

#newpost select {
	position:	absolute;
	left:		200px;
	width:		400px;
}

#newpost textarea {
	width:		550px;
	height:		200px;
}








.blogBrowse ul {
	text-align:		left;
	list-style:		none;
	padding:			0;
	width:			100%;
}

.blogBrowse ul li {
	display:			block;
	margin:			5px;
	padding:			2.5px;
	width:			450px;
	xheight:			111px;
	xfloat:			left;
}

.blogBrowse ul li a {
	display:			block;
	width:			100%;
	height:			100%;
	color:			#626232;
	padding:			5px;
	text-decoration:		none;
	font-weight:		normal;
	background:		#fff; /* 205a94 */		/* c2 lighter */
}

ul#bloglist li a {
	font-size:		1.2em;
	color:			#626232;
}

ul#bloglist li a:hover, ul#bloglist li#active a:hover {
	background:		#cffb08;
}


.blogEntry {
	margin:			30px 0px;
	border-top:		1px solid #a1a3ae;
}

.blogEntry .tagline {
	font-size:		0.85em;
}


/* Project buttons */

#projectcontainer {
	width:			100%; /* 450px; */
	margin:			0 auto;
	padding:			0;
	text-align:		left;
}

ul#projectlist {
	text-align:		left;
	list-style:		none;
	padding:			0;
	margin:			0 auto;
	width:			100%;
}

ul#projectlist li {
	display:			block;
	margin:			5px;
	padding:			2.5px;
	width:			450px;
	height:			100px;
	xfloat:			left;
}

ul#projectlist li a img {
	float:			left;
	padding-right:		10px;
}

ul#projectlist li a {
	display:			block;
	width:			100%;
	height:			100%;
	padding:			5px;
	color:			#626232;
	text-decoration:		none;
	font-weight:		normal;
	background:		#ffffff;				/* c2 lighter */
}

ul#projectlist li a:after {
	xcontent: url('/inc/img/goarrow.gif');
}

#projectcontainer>ul#projectlist li a { width: auto; }

ul#projectlist li#active a {
	background:		#003a74;				/* c1 */
	color:			#fff;
}

ul#projectlist li a:hover, ul#projectlist li#active a:hover {
	background:		#cffb08;
}