/* ------------------------------------------------------------------------------------------------
	page layout
*/
div#page {
	position: absolute;
	width: 900px;
	top: 25px;
	bottom: 25px;
	padding: 0px;
	/*margin: 0 auto;*/
	margin-left: -450px;
	/*left: 0px;
	right: 0px;*/
	left: 50%;

	background-color: #F5EABC;
	border: 1px solid #7F7647;
}
div#header {
	background-image: url(header_row3.png);
	background-repeat: no-repeat;
	padding: 0px;
	height: 90px;
	border-bottom: 1px solid #7F7647;
}
div#content {
	position: absolute;
	top: 105px;
	left: 215px;
	right: 15px;
	bottom: 30px;
	border: 1px solid #7F7647;
	padding: 10px;
	background-color: #EFE1B1;
	overflow-y: auto;
	overflow-x: hidden;
}
div#footer {
	position: absolute;
	left: 215px;
	right: 15px; 
 	bottom: 5px;
 	text-align: right;
	padding: 0 10px 0px 0px;
}
table.layout {
	width: 100%;
	height: 100%;
	border: 1px solid #000000;
}




/* ------------------------------------------------------------------------------------------------
	styles used for the page menu.
*/
div#navigation {
	position: static;
	float: left;
	width: 170px;
	height: 250px;
	border: 1px solid #7F7647;
	margin: 15px 15px 15px 15px;
	background-color: #EFE1B1;
}
div#navigation a {
	display: block;
	padding: 3px;
	color: #000000;
	text-decoration: none;
}
div#navigation a:hover {
	background-color: #C2A965;
}
div#navigation h2 {
	margin: 0;
	padding: 10px 10px 5px 10px;
}
div#navigation h3 {
	margin: 0;
	padding: 10px 10px 5px 10px;
}
div#navigation ul {
	list-style: none;
	border: 0;
	padding: 0;
}
/* handle correct indentation */
div#navigation div a 	   { padding-left: 23px; }
div#navigation div a:hover { padding-left: 23px; }
div#navigation div div a       { padding-left: 33px; }
div#navigation div div a:hover { padding-left: 33px; }




/* ------------------------------------------------------------------------------------------------
	styles for page elements. these styles are to be used everywhere (but mainly inside
	the content...
*/
html {
	overflow-y: hidden;
}
body {
	font: 13px Arial, sans-serif;
	color: #000000;
	background-color: #7F7647;
	margin: 0;
	padding: 0;
	text-align: justify;

	scrollbar-base-color: #EFE1B1;
	scrollbar-3d-light-color: #EFE1B1;
	scrollbar-arrow-color: #7F7647;
	scrollbar-face-color: #EFE1B1;
	scrollbar-highlight-color: #7F7647;
	scrollbar-shadow-color: #7F7647;
	scrollbar-darkshadow-color:  #EFE1B1;
	scrollbar-track-color: #EFE1B1;
}
h1 {
	font: 26px Helvetica, sans-serif;
	color: #000000;
	padding: 0;
	margin: 0 0 5px 0;
}
h2 {
	font: 18px Helvetica, sans-serif;
	color: #000000;
	padding: 0;
	margin: 20px 0 5px 0;
}
h3 {
	font: 18px Helvetica, sans-serif;
	color: #000000;
}
a {
	color: #7F7647;
	text-decoration: none;
}
p {
	margin: 0 0 5px 0px;
	padding: 0;
}
ul {
	margin-top: 5px;
	list-style: square;
}
li {
	margin: 0 0 4px 0;
}
img.singleimg {
	border: 1px solid #7F7647;
	width: 570px;
	align: center;
	padding: 5px 5px 5px 5px;
	background: white;
}




/* ------------------------------------------------------------------------------------------------
	styles for tables containing screenshots. they
	are used within the project detail pages
*/
table.screenshots {
	border: 1px solid #7F7647;
	width: 635px;
	table-layout: fixed;
	border-collapse: collapse;
	empty-cells: show;
	cellpadding: 10px;
}
table.screenshots td {
	align: center;
	valign: middle;
	border: 1px solid #7F7647;
}
table.screenshots img {
	width: 190px;
	border: 1px solid #7F7647;
}
table.screenshots p {
	text-align: left;
	font: 10px Arial, sans-serif;
}




/* ------------------------------------------------------------------------------------------------
	styles used to format source code examples.
*/
code {
	padding: 10px 10px 10px 10px;
	border: 1px solid #7F7647;
	background-color: #F5EABC;
	white-space: pre;
	font: 12px courier new;
	text-align: left;
	display: block;
	margin-bottom: 15px;
}
span.cs_keyword {
	color: #0000FF;
}
span.cs_identifier {
	color: #2B91AF;
}
span.cs_comment {
	color: #008000;
}
span.cs_string {
	color: #A31515;
}
span.java_keyword {
	color: #7F0055;
}
span.java_identifier {
	color: #0000C0;
}
span.java_comment {
	color: #3F7F5F;
}
span.php_constant {
	color: #FF0000;
}
span.php_keyword {
	color: #0000FF;
}
span.php_identifier {
	color: #660000;
}
span.php_string {
	color: #008200;
}
span.php_comment {
	color: #808080;
}
span.cpp_keyword {
	color: #0000FF;
}
span.cpp_string {
	color: #A31515;
}
span.cpp_comment {
	color: #008000;
}