/*
	text.css a.k.a. "Typography"
	IF YOU TOUCH THIS I WILL KILL YOU.
*/

/* `Reset
------------------------------------------------------*/

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/* `Basic HTML
------------------------------------------------------*/

html, body, #container { height: 100%; }

body > #container {
	height:		auto;
	min-height:	100%;
}

body {
	background:		#F0EFDC;
	color:			#000;
	font:			13px/1.5 'Arial', sans-serif;
	text-shadow:	0 1px 0 rgba(255,255,255,0.4);
}

a {
	color:				#222;
	cursor:				pointer;
	text-decoration:	none;
	text-shadow:		0 1px 0 rgba(255,255,255,0.4);
}
	#content-pri a {
		color:				#000;
		text-decoration:	underline;
	}

#logo img { margin:	23px 0; }

.hide { display:	none; }

.border-bottom { border-bottom:	5px solid #47592B; }
/* `Headings
------------------------------------------------------*/

h1, h2 { font-weight:	normal; }

h1 {
	border-bottom:	5px solid #47592B;
	font-size:		21px;
	margin-bottom:	25px;
	padding-bottom:	5px;
}
	#website h1 {
		border: none;
		color: #47592B;
		font-size: 48px;
		font-weight: bold;
		line-height: 1.3em;
	}
	#website h1 span { font-size: 80px;}

h2 {
	border-bottom:	2px dotted #47592B;
	font-size:		15px;
	padding-bottom:	10px;
	margin:			38px 0 13px 0;
}
	#website h2 {
		border: none;
		color: #47592B;
		font-size: 19px;
		font-weight: bold;
		margin-top: 0;
		padding-bottom: 0;
	}
	#website h2 span { border-bottom: 2px solid #47592B; }

	#content-sec p, #website .grid_8 p { margin-bottom:	10px; }
		#content-sec p span { margin-right:	5px; }
		#website .grid_8 p, #website li { font-size: 15px; line-height: 1.5em; }
		#website ul { margin-bottom: 15px; }
	
	p#project_select_toggle {
		background-color:	#CFCDA8;
		background: -moz-linear-gradient(bottom, #797758 0%, #B0AE8B 7%, #D3D1AE 97%, #E7E5CA 100%);
		background:			-webkit-gradient(linear, 0% 0%, 0% 50%, from(#B0AE8B), to(#E7E5CA));
		border:				1px solid #A19F83;
		
		border-radius:		8px;
		color:				#fff;
		cursor:				pointer;
		display:			inline;
		font-size:			12px;
		padding:			5px;
		text-align:			center;
		
		-webkit-border-radius:	8px;
		-moz-border-radius:		8px;
/*		-webkit-box-shadow:		0 0 5px rgba(0,0,0,0.5);
		-moz-box-shadow:		0 0 5px rgba(0,0,0,0.5);*/
	}
		p#project_select_toggle:hover {
			background-color:	#5B674E;
			background:			-moz-linear-gradient(bottom, #48523A 0%, #545E41 3%, #6C7859 97%, #7E896C 100%);
			background:			-webkit-gradient(linear, 0% 0%, 0% 50%, from(#545E41), to(#7E896C));
			border:				1px solid #657153;
		}
		#project-select-container {
			display:	inline;
		}

/* `Lists
------------------------------------------------------*/

ul { list-style: disc; }

li { margin-left: 30px; }

#content-pri li {
	font-size:	13px;
	list-style:	none;
}

#content-pri li {
	margin-bottom:	7px;
	margin-left:	0;
}

#project_select_div {
	list-style:	none;
	margin-top:	13px;
}
	#project_select_div li {
		margin-left: 0;
	}
		#project_select_div li a {
			color: #000;
			text-decoration: underline;
		}

/* `Projects Table
------------------------------------------------------*/
table { margin-bottom: 25px; width: 100%; }
table ul { float: right;  }
table li {
	background-color:	#5B674E;
	display:			block;
	float:				left;
	height:				25px;
	line-height:		25px;
	list-style:			none;
	margin:				10px 0 -8px 10px;
	padding:			0 15px;
	-webkit-border-radius:	7px;
	-moz-border-radius:		7px;
}

th {
	font-size:		15px;
	font-weight:	normal;
	text-transform:	capitalize;
}

th:first-of-type { text-align: left; }
tr:nth-of-type(even) { background: #CFCDA8; }
tr td:first-of-type { padding: 10px; text-align: left; }

.yes, .no { vertical-align: middle; }

td { text-align: center; }
	table li.first { margin-left: 0; }
	table li:hover { background-color: #5A9190; }
	table li a { display: block; cursor: pointer;}
	
	div.pagination { padding:	20px; }
	div.pagination a { color:	#000;}
	div.pagination .prev_page, div.pagination .next_page { font-weight: bold; }
	div.pagination span.current { text-decoration: underline; }

	
/* `Operation fix ugly forms
-----------------------------------------------------*/
fieldset, input[type="submit"] {
	-webkit-border-radius:	7px;
	-moz-border-radius:		7px;
	-webkit-box-shadow:		0 0 5px rgba(0,0,0,0.5);
	-moz-box-shadow:		0 0 5px rgba(0,0,0,0.5);
}

fieldset {
	background:		#EEE;
	margin:			25px auto 0 auto;
	padding:		20px;
	width:			400px;
	background:		-moz-linear-gradient(top, #EEE 0%, #E2E2E2 5%, #DDD 90%, #CCC 100%);
	background:		-webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEE), color-stop(0.05, #E2E2E2), color-stop(0.9, #DDD), to(#CCC));
}

input { margin-top: 5px; }

input[type="text"], input[type="password"], textarea {
	border:		1px solid #BBB;
	padding:	6px;
	width:		386px;
}

input[type="submit"] {
	background-color:		#5B674E;
	border:					none;
	color:					#FFF;
	cursor:					pointer;
	padding:				5px 10px;
}

input[type="submit"]:hover { background-color: #5A9190; }