/* Reset styles */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
}

a img, :link img, :visited img {
	border:0;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

ol, ul {
	list-style:none;
}

q:before, q:after, blockquote:before, blockquote:after {
	content:"";
}

/* Site styles */

body {
	font-size:0.7em;
	font-family:Tahoma;
	color:#717171;
	background:#fff;
}

a {
	color:#00AEEF;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

h1 {
	color:#85C60A;
	font-size:1.8em;
	font-weight:normal;
	border-bottom:1px solid #A8AFA6;
	margin-bottom:3px;
}

h2 {
	color:#00BFF3;
	font-family:Arial;
	font-size:1.2em;
	font-weight:bold;
	padding-left:15px;
}

h3 {
	text-align:center;
	font-weight:bold;
	text-transform:uppercase;
	margin-bottom:10px;
}

/* Form elements */

.textbox {
	border:1px solid #ccc;
	background:#fff;
	font:1em Verdana;
	padding:1px 2px 2px;
}

.button {
	border:1px solid #ccc;
	background:#fff;
	font:1em Verdana;
	height:18px;
	color:#1CBBB4;
	vertical-align:top;
}

.vote-button {
	border:1px solid #55B4B9;
	background:#55B4B9;
	font:1em Arial;
	height:18px;
	color:#fff;
	vertical-align:top;
}

/* Structure */

#wrapper {
	background:#EDFBE8;
}

#container {
	width:100%;
	float:left;
	margin-right:-240px;
}

#content {
	margin-right:240px;
}

/* Header styles */

#header {
	height:138px;
	background:url("../images/header.jpg") repeat-x top left;
	position:relative;
	min-width:1000px;
}

	.logo {
		position:absolute;
		top:0;
		left:14px;
	}
	
	.banner {
		position:absolute;
		top:12px;
		right:15px;
		border:2px solid #C6C6C6;
	}
	
		.banner img {
			display:block;
		}
	
	.nav {
		position:absolute;
		left:66px;
		top:97px;
	}
	
		.nav li {
			float:left;
			margin-right:17px;
		}
	
	.menu {
		margin-left:220px;
		position:relative;
		top:89px;
	}
		
		.menu li {
			float:left;
			padding:0 2% 0 1%;
		}
		
			.menu li a {
				color:#00AEEF;
				font:1.1em Arial;
				font-weight:bold;
				text-decoration:none;
				display:block;
				line-height:35px;
				position:relative;
				float:left;
			}
			
			.menu li a:hover {
				background:#E9FDE4;
				border-color:#7AD5F7;
				text-decoration:none;
			}
			
				.border-01{border-top:5px solid #EC7676}
				.border-02{border-top:5px solid #A0C349}
				.border-03{border-top:5px solid #92938F}
				.border-04{border-top:5px solid #7BB5C8}
				.border-05{border-top:5px solid #EB9D5D}
				.border-06{border-top:5px solid #F26CBB}
				.border-07{border-top:5px solid #82EFA6}
				.border-08{border-top:5px solid #C69C6D}
				.border-09{border-top:5px solid #DBCE37}

/* Toolbar */
				
#toolbar {
	background:#7AD5F7;
	padding:5px 10px;
	overflow:hidden;
}

	#toolbar .button {
		background:#F4F2E7;
	}
		
	.searchbox {
		float:left;
		padding-right:35px;
	}

		.searchbox .textbox {
			background:#ABE4FA;
			width:280px;
			border-color:#8FC8DE;
		}
		
	.service-panel {
		color:#fff;
		padding-left:35px;
		border-left:2px solid #76C5E2;
		display:table;
	}
	
		.service-panel input {
			margin-right:20px;
		}
	
		.service-panel a {
			color:#fff;
		}
		
		.service-panel .textbox {
			width:70px;
			background:#ABE4FA;
			border-color:#8FC8DE;
		}
		
		.cp li {
			float:left;
			width:33%;
		}

/* Site content */

#main {
	margin-left:240px;
	padding-top:20px;
}

	.post-title {
		font-size:0.9em;
		margin-bottom:10px;
	}
	
		.post-title span a {
			color:#F26C4F
		}
	
	.date {
		float:right;
		color:#88B536;
		font-size:1.25em;
		font-weight:bold;
		background:#fff;
		line-height:24px;
		padding:0 10px;
	}
	
	.news {
		overflow:hidden;
		margin-bottom:5px;
	}
	
		.news p {
			margin-bottom:7px;
		}
		
		.news img {
			margin:0 5px;
		}
	
	.bottom-anchor {
		background:#F4ECE3;
		padding:0 5px;
		overflow:hidden;
		margin-bottom:15px;
	}
		
		.bottom-anchor a {
			font-size:1.2em;
			font-weight:bold;
			display:block;
			float:left;
			margin-right:30px;
			line-height:29px;
			padding-left:25px;
		}
		
		.more a {background:url("../images/arrow.gif") no-repeat left top;}
		.comments a {background:url("../images/brush.gif") no-repeat left top;}
		
	.commerce {
		margin-bottom:10px;
		background:#fff;
	}

/* Left column */

#leftside {
	width:220px;
	float:left;
	padding:20px 10px 0;
}

	.loginbox {
		background:url("../images/loginbox-middle.gif") repeat-y;
		margin-bottom:10px;
	}
	
	.loginbox .inside1 {background:url("../images/loginbox-top.gif") no-repeat top;}
	
	.loginbox .inside2 {
		background:url("../images/loginbox-bottom.gif") no-repeat bottom;
		padding:15px;
	}
		
		.loginbox form p {
			margin-bottom:5px;
		}
		
		.loginbox .textbox {
			width:100px;
		}
		
		.loginbox select {
			background:#fff;
			width:96px;
			height:18px;
			font-size:1em;
			font-family:Arial;
		}	
		
		.loginbox label {
			float:left;
			width:60px;
			line-height:18px;
			text-transform:uppercase;
		}
		
		.text-right {
			text-align:right;
			padding-right:25px;
		}
	
	.block {
		background:url("../images/block-middle.gif") repeat-y;
		margin-bottom:10px;
	}
	
	.block .inside1 {background:url("../images/block-top.gif") no-repeat top;}
	
	.block .inside2 {
		background:url("../images/block-bottom.gif") no-repeat bottom;
		padding:15px 10px;
	}
	
		/* Main menu */
		
		.treeview {
			padding-left:5px;
		}
		
			.treeview li {
				line-height:16px;
				margin-bottom:5px;
			}
			
			.treeview li span {
				padding-left:20px;
				font-weight:bold;
				color:#464646;
				background:url("../images/folder.gif") no-repeat left top;
				display:block;
				cursor:pointer;
			}
			
				.treeview li a {
					color:#464646;
					font-weight:bold;
					padding-left:20px;
				}
			
				.treeview li ul {
					padding:5px 0 0 20px;
					display:none;
				}
				
				.treeview li li, .treeview .doc-type {
					background:url("../images/doc.gif") no-repeat left top;
					margin-bottom:3px;
				}
				
					.treeview li li a, .treeview .doc-type a {
						color:#0076A3;
					}

/* Right column */

#rightside {
	width:220px;
	float:right;
	padding:20px 10px 0;
}

	.align-center {
		text-align:center;
	}
	
		.align-center a:hover {
			color:#F28637;
		}

/* Footer */
	
#footer {
	background:#869799;
	text-align:center;
	color:#E1E1E1;
	overflow:hidden;
	padding:12px 0;
}

	.footer-content {
		margin-left:200px;
	}

	.footer-nav {
		margin-bottom:7px;
		color:#fff;
		font-size:1.1em;
	}
	
		.footer-nav a {
			color:#fff;
		}
		
	.copyright {
		font-weight:bold;
		color:#fff;
		margin-bottom:5px;
	}
	
		.copyright a {
			color:#004A80;
		}
	
	.counter-block {
		float:left;
		width:200px;
		padding:20px 0 0;
	}

.clearing {
	height:0;
	clear:both;
	font-size:0;
	overflow:hidden;
}

/* Navigation */

.navigation {
	color:#666; 
	border:0px;
}

	.navigation a {
		text-decoration:none;
		color:#636363;
		background:#F9F9F9;
		border:1px solid #999;
		padding:3px 6px;
		font-size:11px
	}

	.navigation a:hover {
		background:#55B4B9;
		color:#FFFFFF;
		border-color:#999;
	}

	.navigation span {
		text-decoration:none;
		background:#fff;
		padding:3px 6px;
		border:1px solid #999;
		color:#999;
		font-size:11px;
	}

/* Add comments */

.addcomment {
	width:462px;
	border-collapse:separate;
	margin-bottom:10px;
	vertical-align:top;
	text-align:left;
}

	.addcomment th {
		padding:4px;
		background:#F4ECE3;
		color:#333;
		text-align:center;
		font-weight:bold;
	}

		.addcomment textarea {
			width:100%;
			border:none;
			height:100px;
		}

	.commentform {
		line-height:25px;
		width:24%;
	}

	.center {
		text-align:center;
		width:100%;
	}

	.center .addcomment {
		margin:0 auto 5px;
		border:1px solid #ccc;
	}

/* Comments styles */

.answer {
	width:98%;
	margin:10px 0;
	border-collapse:separate;
}

	.answer td {
		padding:0;
	}

	.answer th {
		background:#F4ECE3;
		color:#333;
		font-weight:normal;
		padding:4px;
		text-align:left;
	}

		.answer th a {
			color:#333;
			text-decoration:underline;
			font-weight:bold;
		}

	.answer .comment_user_info {
		background:#eee;
		width:20%;
		padding:5px;
		font-size:0.9em;
		vertical-align:top;
	}

	.answer .user_comment {
		background:#f9f9f9;
		padding:5px 10px;
		vertical-align:top;
	}

	.comment_bottom td {
		background:#F4ECE3;
		padding:3px 5px;
		color:#333;
		font-size:0.9em;
	}

		.comment_bottom td a {
			color:#333;
			text-decoration:underline;
		}

		.comment_bottom td a:hover {
					text-decoration:none;
		}

	.right_bottom {
		float:right;
	}

/* Add news */

.addnews {
}

	.addnews td {
		padding:3px;
	}

		.addnews textarea {
			width:100%;
			height:100px;
		}

		.addnews .textbox {
			width:200px;
		}

/* Feedback */

.feedback {
	width:98%;
}

	.feedback td {
		padding:3px;
	}

		.feedback textarea {
			width:100%;
			height:100px;
		}

/* Lost password */

.lostpassword td {
	padding:3px;
}

/* Personal message */

.pm {
	border-collapse:separate;
	width:462px;
}

	.pm td {
		padding:3px;
	}

		.pm textarea {
			width:100%;
			border:0;
			height:100px;
		}

/* Registration */

.registration td{
	padding:5px;
}

	.registration .button1 {
		margin-bottom:0;
	}

	.registration .textbox {
		width:150px;
	}

/* User info */

.userinfo {
	width:98%;
	margin-bottom:10px;
}

	.userinfo td {
		padding:3px;
		vertical-align:top;
	}

		.userinfo textarea {
			width:100%;
			height:80px;
		}

		.userinfo .textbox {
			width:200px;
		}

/* Stats */

.stats {
	border-collapse:separate;
	margin-bottom:10px;
	width:98%;
}

	.stats td {
		vertical-align:top;
		padding:3px;
	}