* {margin: 0; padding: 0;}

body {
	background-color: #16302a;
	font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 5px 0px;
}

/* links */

a {color: #246523; text-decoration: none;}
a:hover {text-decoration: underline;}

/* headings */
h1, h2 {
	color: #000; 
	padding: 4px 0 4px 0;
}

h1 {font-size: 20px;}
h1 a {text-decoration: none;}
h1 a:hover {text-decoration: underline;}

h2 {font-size: 16px;}
h2 a {font-size: 12px; text-decoration: none;}
h2 a:hover {text-decoration: underline;}

h3 {font-size: 12px;}
h3 a {text-decoration: none;}
h3 a:hover {text-decoration: underline;}

img {border: none;}
label {display: block;}
p {padding: 2px 0 8px;}
ul {padding: 0 8px 12px;}


/* webform */
#webform {
	background: #000 no-repeat left bottom;
	margin: 0 auto;
	width: 770px;
}

#webborder {
	background: #000;
	border-top: 8px solid #000;
	margin: 0 auto;
	width: 750px;
}


/* header */
.title {
	background: #FFF;
	border-top: 1px solid #000;
	color: #000;
}

.title #titleLeft { 
	float: left; 
	padding: 18px 0px 0px 15px;
}

.title #titleRight { 
	float: right;
	padding: 5px 3px 0px 0px;
}

.header {
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	height: 268px;
}


/* navigation */
.navigation {
	background: #000 url(/images/nav.gif) repeat-x; height: 28px;
	border-top: 1px solid #000;
}
.navigation a {
	background: #FFF url(/images/nav.gif) repeat-x;
	border-left: 1px solid #000;
	color: #000;
	float: left;
	width: 12.3%;
	line-height: 28px;
	text-align: center;
	text-decoration: none;
}
.navigation a:hover,.navigation a.active {
	background-position: left bottom; 
	color: #16302a;
}
.navigation a.first {
	border-left: 0px;
}

/* main */
.main#two-columns {
	background: #FFF url(/images/two-columns.gif) repeat-y;
}

.pic {
	color: #000;
	float: left;
	padding: 5px 25px 20px 0;
	text-align: center;
	text-decoration: none;
}

/* footer */
.footer {
	background: #000;
	color: #FFF;
	padding: 10px;
}
.footer .left {
	width: 66%;
	background: #000;
}
.footer .right {
	width: 33%;
	text-align: right;
}
.footer a {
	color: #FFF;
	text-decoration: none;
}
.footer a:hover {
	color: #FFF;
	text-decoration: underline;
}


/* misc */
.clear,.clearer {clear: both;} 
.clearer {font-size: 0;}
.col2 .left {width: 72%;}
.col2 .right .content {background: #FFF;}
.col2 .right {width: 25%;}
.content {padding: 14px 16px;}
.left {
	float: left;
	background: #fbf9f4;
}
.right {float: right;}
.right .content {padding: 14px 12px 12px;}

/* block list */
ul.block {
	margin: 0 0;
	padding: 4 0;
	width: 90%;
}
.block li {
	list-style: none;
}
.block li a {
	color: #000;
	display: block;
}
.block li a {
	padding: 2px 3%;
	text-decoration: none;
	width: 94%;
}
.block li a:hover {
	background: #FFF url(/images/nav.gif) repeat-x;
	color: #16302a;
}

.right .block,.right .block li {border-color: #000;}
.right .block li a:hover {background: #FFF url(/images/nav.gif) repeat-x;}

/*TABLES AND CONTAINERS */

/* todo */
table.todolist {
  margin: 5px 2px 2px 6px;
  background: whitesmoke;
  border-collapse: collapse;
}
table.todolist th, table.todolist td {
  border: 1px silver solid;
  padding: 5px;
}

.list-line-even { background: #dde7e9; } 

tr.overdue { 
	background: #FFEBE9;
}

/* colored containers */
.container {
	margin: 10px 20px 10px 20px;
}

.color_container {
	width: 100%;
	margin: 0px 0px 5px 0px;
}

.color_container table {
	margin: 10px 10px 10px 10px;
	width: 95%;
}

.color_container table tr {
	color: #000;
	font-size: 12px;
}

.color_container table td {
	padding: 0px 10px 10px 0px;
	width: 90%;
}

.color_container table td.divider {
	border-bottom: 1px black solid;
	padding: 0 0 0 0;
}

.small {
	font-size: 10px;
}

.color_container table td.blog_top, td.container_top {
	border-bottom: 1px #949494 solid;
	padding: 0 0 0 0;
	font-size: 10px;
	width: 95%;
}

.color_container table td.blog_content, td.container_content {
	padding: 10px 0 10px 0;
}

.color_container table td.blog_bottom, td.container_bottom {
	text-align: center;
	padding 0 0 0 0;
}

.color_container table th {
	font-size: 14px;
	padding: 0 0 0 0;
	text-align: left;
}

.color_container table th a {
	text-decoration: none;
}

.color_container table th a:hover {
	text-decoration: underline;
}

.blue_container {
	background: #dde7e9;
}

.green_container {
	background: #ddecd9;
}

.inner_container {
	background: #fbf9f4;
	margin: 0px 5px 10px 5px;
	padding: 5px 5px 0px 10px;
	width: 92%;
}

/* CODE */

pre {
        background-color: #FFF;
        color: #112;
        padding: 5px;
        font-size: 10px;
        margin: 8px 2px 12px 2px;
		width: 95%;
		overflow-x: hidden;
		overflow-y: hidden;
}

/* CAP TCHA */
.email {
	display: none;
}

/* Syntax highlighting */
pre .normal {}
pre .comment { color: #005; font-style: italic; }
pre .keyword { color: #A00; font-weight: bold; }
pre .method { color: #077; }
pre .class { color: #074; }
pre .module { color: #050; }
pre .punct { color: #447; font-weight: bold; }
pre .symbol { color: #099; }
pre .string { color: #944; background: #FFE; }
pre .char { color: #F07; }
pre .ident { color: #004; }
pre .constant { color: #07F; }
pre .regex { color: #B66; background: #FEF; }
pre .number { color: #F99; }
pre .attribute { color: #5bb; }
pre .global { color: #7FB; }
pre .expr { color: #227; }
pre .escape { color: #277; }