*
{
	padding: 0;
	margin: 0;
}

body
{
	background: #ecf4dc url('/images/bg.jpg') repeat-x top left;
	font-family: verdana, sans-serif;
	font-size: 11px;
	color: #3a432e;
}

img
{
	border: 0;
}

a
{
	font-family: verdana, sans-serif;
	font-size: 11px;
	color: #409b12;
	text-decoration: underline;
}
a:hover
{
	text-decoration: none;
}


.center
{
	width: 894px;
	margin: 0 auto;
}


#top
{
	position: relative;
	float: left;
	width: 874px;
	height: 32px;
	margin: 0 0 4px 0;
	padding: 0 10px;
	font-family: verdana, sans-serif;
	font-size: 10px;
	color: #0c410b;
}
span.top
{
	position: relative;
	float: left;
	width: 50%;
	height: 32px;
	line-height: 32px;
}
span.top a
{
	font-family: verdana, sans-serif;
	font-size: 10px;
	color: #0c410b;
	text-decoration: none;
}
span.top a:hover
{
	text-decoration: underline;
}


#container
{
	position: relative;
	float: left;
	width: 704px;
}
#container img#header
{
	position: relative;
	float: left;
	width: 704px;
	height: 146px;
	margin: 0;
	padding: 0;
}


#container #left
{
	position: relative;
	float: left;
	width: 197px;
}
#container #left ul
{
	position: relative;
	float: left;
	width: 197px;
	list-style-type: none;
}
#container #left ul li
{
	position: relative;
	float: left;
	width: 177px;
	height: 29px;
	padding-left: 20px;
	line-height: 29px;
	border-bottom: 1px solid #e0e4d6;
}
#container #left ul li#sel
{
	background: url('/images/arrow.jpg') no-repeat 6px 50%;
}
#container #left ul li a
{
	font-family: verdana, sans-serif;
	font-size: 10px;
	color: #272a21;
	text-decoration: none;
}
#container #left ul li a:hover, #container #left ul li#sel a
{
	color: #1a9308;
	text-decoration: underline;
}

#container #left #stats
{
	position: relative;
	float: left;
	width: 197px;
	/*height: 201px;
	background: url('/images/human.jpg') no-repeat;*/
	margin: 5px 0 10px 0;
}
#container #left #stats img
{
	position: relative;
	float: left;
	width: 88px;
	height: 31px;
	/*margin: 140px 0 0 0;*/
	margin: 20px 0 0 20px;
	border: 0;
}


#container #main
{
	position: relative;
	float: left;
	width: 507px;
}
#container #main img#flags
{
	position: relative;
	float: left;
	width: 219px;
	height: 155px;
	margin: 0 0 4px 0;
	padding: 0;
}
#container #main #slogan
{
	position: relative;
	float: left;
	width: 253px;
	height: 126px;
	margin: 6px 0 7px 0;
	padding: 10px 25px 10px 10px;
	background: #e7efd7 url('/images/bg_slogan.jpg') no-repeat top left;
}
#container #main #slogan h1
{
	position: relative;
	float: left;
	width: 253px;
	margin: 0 0 10px 0;
	font-size: 15px;
	font-weight: bold;
	color: #3f9a0f;
}
#container #main #slogan p
{
	position: relative;
	float: left;
	width: 253px;
	font-size: 10px;
	margin-bottom: 10px;
}

#container #main #block
{
	position: relative;
	float: left;
	width: 465px;
	height: 126px;
	margin: 6px 0 7px 0;
	padding: 10px;
	background: #e7efd7 url('/images/bg_block.jpg') no-repeat top left;
}
#container #main #block h1
{
	position: relative;
	float: left;
	width: 465px;
	margin: 0 0 10px 0;
	font-size: 15px;
	font-weight: bold;
	color: #3f9a0f;
}

#container #main #content
{
	position: relative;
	float: left;
	width: 485px;
	padding-left: 22px;
}
#content #title
{
	position: relative;
	float: left;
	width: 485px;
	height: 34px;
	line-height: 34px;
	border-top: 1px solid #b7c6a9;
	border-bottom: 1px solid #b7c6a9;
	margin-bottom: 10px;
}
#content #title h1
{
	position: relative;
	float: left;
	width: 335px;
	margin: 0;
	padding: 0;
	font-size: 14px;
	color: #305a1b;
}
#content #title span
{
	position: relative;
	float: left;
	width: 150px;
	text-align: right;
}
#content p
{
	position: relative;
	float: left;
	width: 485px;
	text-indent: 0;
	/*text-indent: 25px;*/
}
#content p.ren
{
	text-align: center;
	text-indent: 0;
}

#content ul
{
	position: relative;
	float: left;
	width: 485px;
	list-style-type: none;
}
#content ul li
{
	position: relative;
	float: left;
	width: 485px;
	margin-bottom: 10px;
}
#content ul li a
{
	font-weight: bold;
}


#content span.date
{
	font-size: 10px;
}
#content span.more
{
	position: relative;
	float: left;
	width: 485px;
	text-align: right;
	margin: 0;
}

#content #topic
{
	position: relative;
	float: left;
	width: 485px;
}

#content .message
{
	position: relative;
	float: left;
	width: 485px;
	border-top: 1px solid #b7c6a9;
	padding-top: 10px;
	margin-top: 10px;
}

#content #gallery
{
	position: relative;
	float: left;
	width: 485px;
	margin-top: 15px;
}
#content img.gallery
{
	position: relative;
	float: left;
	width: 123px;/*145*/
	height: 92px;/*108*/
	margin: 0 49px 10px 0;
	border: 3px solid #b7c6a9;
}
#content img.gallery:hover
{
	border: 3px solid #305a1b;
}

#content #pages
{
	position: relative;
	float: left;
	width: 485px;
}
#content #previous
{
	position: relative;
	float: left;
	width: 285px;
	margin-top: 10px;
	color: #409b12;
	text-align: left;
}
#content #next
{
	position: relative;
	float: left;
	width: 200px;
	margin-top: 10px;
	color: #409b12;
	text-align: right;
}

#content h3
{
	position: relative;
	float: left;
	width: 485px;
	margin: 15px 0 10px 0;
	font-family: verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #3a432e;
}
#content h3.ad
{
	width: 455px;
	height: 50px;
	line-height: 50px;
	padding: 0 15px 0 15px;
	background: url('/images/h3.jpg') no-repeat;
}
#content h3.ad span
{
	position: relative;
	float: left;
}
#content h3.ad a
{
	position: relative;
	float: right;
	font-size: 10px;
}

#content form.forms
{
	position: relative;
	float: left;
	width: 406px;
	margin: 0;
	padding: 0;
}
#content form.forms #error
{
	position: relative;
	float: left;
	display: none;
	width: 406px;
	margin: 0 0 10px 0;
	padding: 0;
	color: #f00;
}
#content form.forms label
{
	position: relative;
	float: left;
	display: block;
	width: 200px;
	height: 22px;
	line-height: 22px;
	margin-bottom: 6px;
	color: #3a432e;
}
#content form.forms input, #content form.forms select
{
	position: relative;
	float: left;
	display: block;
	width: 200px;
	margin-bottom: 6px;
	padding: 2px;
	border: 1px solid #b7c6a9;
	background-color: #fff;
	color: #3a432e;
}
#content form.forms select
{
	width: 186px;
}
#content form.forms textarea
{
	position: relative;
	float: left;
	display: block;
	width: 200px;
	height: 80px;
	padding: 2px;
	border: 1px solid #b7c6a9;
	background-color: #fff;
	color: #3a432e;
}
#content form.forms button
{
	position: relative;
	float: right;
	width: 93px;
	height: 20px;
	margin: 5px 0 0 0;
	padding: 0;
	border: 0;
	cursor: pointer;
	text-indent: -5000px;
}
#content form#register button
{
	background: url('/images/btn.register.jpg') no-repeat;
}
#content form#login button
{
	background: url('/images/btn.login.jpg') no-repeat;
}
#content form#remind button, #content form#comment button, #content form#ad button
{
	background: url('/images/btn.send.jpg') no-repeat;
}
#content form#profile button
{
	background: url('/images/btn.change.jpg') no-repeat;
}
#container #pass_remind
{
	position: relative;
	float: left;
	width: 406px;
	text-align: right;
	margin-top: 10px;
	font-size: 10px;
}

#content form#comment, #content form#comment #error, #content form#ad, #content form#ad #error
{
	width: 485px;
}
#content form#comment label, #content form#ad label
{
	width: 150px;
}
#content form#comment textarea, #content form#ad textarea
{
	width: 324px;/*479px;*/
}

#content table
{
	position: relative;
	float: left;
	width: 100%;
	margin: 10px 0;
}
#content table th
{
	font-weight: bold;
	font-size: 11px;
	padding: 3px;
}
#content table td
{
	padding: 3px;
}

#content img.percents
{
	position: relative;
	float: left;
	height: 15px;
}

#container #footer
{
	position: relative;
	float: left;
	width: 485px;
	border-top: 1px solid #b7c6a9;
	margin-top: 10px;
	padding: 10px 0;
	font-size: 10px;
	color: #8a9c74;
}
#container #footer a
{
	font-size: 10px;
	color: #8a9c74;
}


#side
{
	position: relative;
	float: left;
	width: 175px;
	padding-left: 15px;
}

#side img#clover
{
	position: relative;
	float: left;
	width: 175px;
	height: 146px;
	padding: 0;
	margin: 0;
}

#side #votes
{
	position: relative;
	float: left;
	width: 175px;
	margin: 0 0 15px 0;
	padding-bottom: 10px;
	border-bottom: 1px solid #779e65;
}
#side #votes h2
{
	position: relative;
	float: left;
	width: 175px;
	margin: 0 0 8px 0;
	padding: 0 0 8px 0;
	border-bottom: 1px solid #779e65;
	font-size: 14px;
	font-weight: bold;
	color: #378b02;
}
#side #votes p
{
	position: relative;
	float: left;
	width: 159px;
	padding: 0 8px;
	font-weight: bold;
	font-size: 10px;
	color: #009903;
	line-height: 130%;
}
#side #votes form
{
	position: relative;
	float: left;
	width: 159px;
	padding: 0 8px;
	margin: 8px 0 0 0;
}
#side #votes form fieldset
{
	position: relative;
	float: left;
	width: 159px;
	border: 0;
	padding: 0;
	margin: 0;
}
#side #votes form input
{
	position: relative;
	float: left;
	margin-right: 5px;
	height: 20px;
}
#side #votes form label
{
	position: relative;
	float: left;
	display: block;
	line-height: 20px;
	font-size: 10px;
	color: #7c7f78;
	width: 130px;
}
#side #votes form button
{
	position: relative;
	float: left;
	width: 93px;
	height: 20px;
	margin: 10px 0 0 0;
	padding: 0;
	border: 0;
	background: url('/images/btn.vote.jpg') no-repeat;
	cursor: pointer;
	text-indent: -5000px;
}

#side img
{
	position: relative;
	float: left;
	width: 150px;
	margin: 0 0 8px 8px;
}
