﻿body {
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS";
	font-size: 12px;
}

/* DEBUG DIVS */

/*
div {
	border: 1px dotted #f99;
	margin: -1px;
}
/**/

a {
	color: #444;
	font-weight: 900;
}

a:visited {
	color: #444;
}

a:hover {
	color: #444;
}


/* PAGE CONTAINER DIV */

#page_container {
	margin: 0 auto;
	width: 770px;
	margin-top: 20px;
}


/* LOGO BOX */

#logo_box {
	float: left;
	margin-left: 10px;
	margin-top: 16px;
}

/* LOGIN BOX */

#login_box {
	color: #aaa;
	text-align: right;
	margin-top: 5px;
	margin-bottom: 20px;
	padding: 0;
}

#login_box input {
	background-color: #fff;
	color: #444;
	border: 1px inset #ddd;
}

#login_box input.button {
	background-color: #ddd;
	color: #444;
	border: 1px outset #ccc;
}


/* CONTENT FORMATTING */


#content {
	padding: 20px;
	clear: both;
	background: url("../images/graphics/content_background.png") bottom center no-repeat;
	background-color: #eff9ef;
	color: #444;
}

#content p {
	margin: 0.5em 0;
	text-align: justify;
}

#box_holder {
	margin: 0;
	padding: 0;
	width: 100%;
}

#content h1, #content h2 {
	margin: 0.5em 0;
}

#content h2.news {
	border-top: 1px solid #ccc;
	margin: 0;
}

#content .news_meta {
	font-style: italic;
	color: #aaa;
	border-bottom: 1px solid #ccc;
}

#content .float-right {
	margin-left: 20px;
	float: right;
}

#content .float-left {
	margin-right: 20px;
	float: left;
}


#content .comment_item {
}

#content .comment_author {
	color: #aaa;
	font-style: italic;
}

#content .comment_container {
	margin-left: 75px;
	/* border-top: 1px solid #ccc; */
	margin-top: 2em;
	margin-bottom: 2em;
}

#content .comment_heading {
	color: #aaa;
	font-style: italic;
	font-size: 14px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 1em;
}

#content .comment_submit {
	border: 2px outset #DAEADA;
	background-color: #DAEADA;
	float: right;
	clear: both;
}

#content .comment_form_toggle {
	text-align: right;
	clear: both;
}

#content .comment_form {
	width: 100%;
	clear: both;
}

#content textarea {
	width: 100%;
	padding: 0;
	margin: 0;
	height: 10em;
	clear: both;
}

#content img {
	padding: 3px;
	border: 1px solid #ccc;
	background-color: #fff;
}


#content li {
	margin-left: 30px;
}

#content legend {
	margin-left: 10px;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 10px;
}



#content .input_error {
	color: #f00;
}


/** COMMENT-SPECIFIC DESIGN **/

.comment_toolbar {
	padding: 0;
	margin: 0;
}

.comment_toolbar li {
	float: left;
	margin-right: 5px;
	list-style: none;
	padding: 0;
}

.comment_toolbar ul {
	margin: 0;
	padding: 0;
}

.comment_toolbar a.edit_button {
	padding: 3px;
	padding-left: 20px;
	background: url('../images/icons/silk/pencil.png') #fff 1px 4px no-repeat;
}

.comment_toolbar a.delete_button {
	padding: 3px;
	padding-left: 20px;
	background: url('../images/icons/silk/delete.png') #fff 1px 4px no-repeat;
}



/* MENU */
#menu {
	margin-top: 10px;
}

#menu li {
	list-style: none;
	width: 100px;
	padding: 5px 0;
	margin-right: 5px;
	float: left;
	text-align: center;
	background: url("../images/graphics/tab_background.png") top center no-repeat;
	font-size: 13px;
}

#menu a {
	color: #fff;
}


/* HEADER */

#header {
	height: 50px;
	width: 100%;
	background: url("../images/graphics/header.png") top left no-repeat;
	font-size: 11px;
}

#search_box {
	margin-top: 15px;
	float: right;
	margin-right: 20px;
	color: #fff;
}

#search_box .submit {
	color: #fff;
	background-color: #2CB52C;
	border: none;
	font-weight: bold;
	vertical-align: top;
}

#search_box input {
	color: #444;
	border: 1px inset;
	padding: 1px;
}


/* FOOTER */

#footer {
	width: 100%;
	text-align: center;
	margin-top: 10px;
	height: 50px;
	font-size: 12px;
	padding: 18px 0;
	background: url("../images/graphics/footer.png") top left no-repeat;
	color: #444;
}