body, div, table, td {
	font:11px helvetica, arial, helvetica, sans-serif;
	color:#fff;
	}
body {
	background: #fc8e05;
	padding:0px;
	}
a {
	color: #c3c3c3; 
	text-decoration: none;
	border-bottom: 1px solid #fc8e05;
	}
a:link {color:#c3c3c3;}
a:visited {color:#c3c3c3;}
a:hover {
	color:#a2a2a2;
	border-bottom: 1px solid #d07503;
	}
li {
	list-style-image:url(/imgs/list_image_default.jpg);
	padding-bottom: 5px;
	}
.small_white {
	font-size: 9px;
	color: #fff;
	}
#small {
	font-size: 9px;
	}
/*------------*/	
/* TOP HEADER */	
/*------------*/

.leftGrade {
	width:21px;
	background: #fc8e05 url('/imgs/left_gradient.jpg') bottom repeat-y;
	}
.middleIndex {
	border: 0px 1px 0px 1px solid #000;
	background: #2b2b2b;
	}
.rightGrade {
	width:21px;
	background: #fc8e05 url('/imgs/right_gradient.jpg') bottom repeat-y;
	}
	
/* top navigation */

.top_nav {
	color: #fff;
	font-size: 11px;
	text-align: right;
	text-decoration: none;
	border-bottom: 0px;
}
.top_nav a:link {
	color: #fff;
	text-decoration: none;
	border-bottom: 0x;
	}
.top_nav a:visited {
	color: #fff; 
	text-decoration: none;s
	border-bottom: 0x;
	}
.top_nav a:hover {
	color: #c3c3c3; 
	text-decoration: none;
	border-bottom: 2px solid #fc8e05;
	}
.top_nav a:active {
	color: #fff; 
	text-decoration: none;
}

/*--------------*/
/* MISC HEADERS */
/*--------------*/

.grey_header {
	font-size: 13px;
	color: #ededed;
	font-weight: bold;
	font-style: italic;
}
.orange_header {
	font-size: 15px;
	color: #ff8e01;
	font-weight: bold;
	font-style: italic;
}

/*-------*/
/* DATES */
/*-------*/

.date_box_red {
	width: 30px;
	height: 33px;
	text-align: center;
	background: url('/imgs/date_box_red.gif') no-repeat;
	float: left;
	padding: 2px 5px 0px 0px;
	}
.date_box_orange {
	width: 30px;
	height: 33px;
	text-align: center;
	background: url('/imgs/date_box_orange.gif') no-repeat;
	float: left;
	padding: 2px 5px 0px 0px;
	}
.date_box_blue {
	width: 30px;
	height: 33px;
	text-align: center;
	background: url('/imgs/date_box_blue.gif') no-repeat;
	float: left;
	padding: 2px 5px 0px 0px;
	}
.date_box {
	min-height: 30px;
	border-bottom: 1px solid #747474;
	padding: 10px; 0px 20px 0px;
	}

/*-------*/
/* LINES */
/*-------*/

.line_hor {
	margin: 3px 0px 0px 0px;
	border-bottom: 1px solid #999; 
	width: 100%;
	
}
/*--------*/
/* FOOTER */
/*--------*/
.footer {
	padding: 10px; 10px 5px 10px;
	border-top: 1px solid #3a3a3a;
	border-bottom: 1px solid #000;
	text-align: center;
	font-size: 9px;
}

/* BOXES */

.sample_box {
	height: 55px;
	border-bottom: 1px solid #747474;
	padding: 10px; 0px 20px 0px;
	font-size: 9px;
}

.news_box {
	padding: 15px; 0px; 30px; 0px;
	background: #2B2B2B url('/imgs/line_break_arrows.jpg') no-repeat;
	/*background: #2B2B2B url('/imgs/line_break_arrows.jpg') no-repeat;*/
	background-position: bottom;
}

/* TAGS */

#print {
	background: #1e8f01;
	padding: 2px;
}
#print a {
	color: #fff;
	border: 0px;
}
#print a:hover {
	color: #000;
}

#web {
	background: #ee4701;
	padding: 2px;
}
#web a {
	color: #fff;
	border: 0px;
}
#web a:hover {
	color: #000;
}

#logo {
	background: #0066ae;
	padding: 2px;
}
#logo a {
	color: #fff;
	border: 0px;
}
#logo a:hover {
	color: #000;
}

#black {
	background: #000;
	padding: 2px;
}
#black a {
	color: #fff;
	border: 0px;
}
#black a:hover {
	color: #000;
}


/* PROFOLIO PAGE */

.project_title {
	font-size: 14px;
	font-weight: bold;
	color: #ffe400;
}
.project_date {
	font-size: 10px;
	color: #acacac;
}
.project_headers {
	color: #fc8e05;
}

/* CODE EXAMPLES */

.phpcode {
	background: #dcdcdc;
	border: 1px solid #fff;
	font-size: 10px;
}