/*
General
*/
body {
	background-color: #202020;
	margin: 0px;
	height: 100%;
	font-family: 'MS Gothic';
	font-size: 12px;
	color: #ffffff
}

#main-container {
	position: relative;
	margin: auto;
	width: 800px;
	height: 563px;
	background: url('../images/backgr.jpg') no-repeat
}

#top-container {
	position: relative;
	margin: 0;
	width: 800px;
	height: 445px
}

#menu-container {
	position: relative;
	float: left;
	margin: 2px 1px 1px 2px;
	width: 104px;
	height: 441px;
	border: solid 1px #505050
}

#body-container {
	position: relative;
	float: right;
	margin: 2px 2px 1px 1px;
	width: 686px;
	height: 441px;
	border: solid 1px #505050;
	overflow: auto
}

#body-padding {
	margin: 32px 8px 32px 8px;
	height: 100%
}

#body-padding div.wrapper {
	position: relative;
	margin: 32px
}

div.wrapper-center {
	position: relative;
	text-align: center;
	margin: 32px
}

#body-padding div p {
	line-height: 9px
}

#footer-container {
	position: relative;
	margin: 2px;
	width: 794px;
	height: 113px;
	border: solid 1px #505050
}

h1.title {
	position: relative;
	margin: auto;
	text-align: center;
	width: 336px;
	height: 32px;
	line-height: 32px;
	background: url('../images/h-bk.gif') no-repeat;
	font-family: 'MS Gothic';
	font-size: 16px;
	color: #ffffff
}

a {
	color: #ffffff;
	text-decoration: none
}

a:visited {
	color: #ffffff
}

hr {
	width: 550px;
	height: 1px;
	margin: 32px;
	border: 0;
	background-color: #505050
}

ul {
	list-style-type: circle
}

img {
	border: 0
}

/*
menu
*/
#menu-logo {
	position: relative;
	margin: 2px;
	height: 273px;
	background: url('../images/site_banner.gif') no-repeat;
	border: solid 1px #505050
}

#menu-qr {
	position: relative;
	margin: 2px;
	padding: 2px;
	border: solid 1px #ffffff;
	background: url('../images/link_bk_trns.png')
}

#menu-qr:hover {
	background: url('../images/link_bk.png')
}

#menu-qr img {
	display: block;
	margin: auto
}

#menu-links {
	
}

#menu-links div {
	position: relative;
	margin: 2px;
	padding-right: 2px;
	text-align: right;
	border: solid 1px #ffffff;
	background: url('../images/link_bk_trns.png')
}

#menu-links div:hover {
		background: url('../images/link_bk.png')
}

#menu-links a{
	color: #ffffff;
	text-decoration: none;
	font-size: 16px;
	line-height: 16px
}

#menu-links a:visited{
	color: #ffffff
}

/*
Home
*/
img.home {
	display: block;
	margin: auto;
	width: 400px
}

#todo {
	position: absolute;
	right: 32px;
	top: 32px
}

#todo-container {
	position: relative;
	margin: 32px auto;
	width: 336px;
	height: 240px
}

#todo-heading {
	position: relative;
	margin: auto;
	width: 336px;
	height: 24px;
	border: solid 1px #ffffff;
	background: url('../images/gray-bk.png')
}

#todo-heading-task {
	position: relative;
	float: left;
	margin: 1px;
	padding-left: 6px;
	width: 234px;
	height: 20px;
	line-height: 20px;
	border: solid 1px #ffffff
}

#todo-heading-done {
	position: relative;
	float: left;
	margin: 1px;
	padding-right: 6px;
	width: 60px;
	height: 20px;
	line-height: 20px;
	text-align: right;
	border: solid 1px #ffffff
}

#todo-heading-arrowdown {
	position: relative;
	float: right;
	margin: 1px;
	width: 18px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	border: solid 1px #ffffff
}

#todo-list {
	position: relative;
	margin: auto;
	width: 336px;
	height: 174px;
	border-left: solid 1px #ffffff;
	border-right: solid 1px #ffffff;
	overflow: auto
}

div.todo-item {
	position: relative;
	float: left;
	margin: 1px;
	width: 234px;
	padding: 3px;
	border: solid 1px #ffffff
}

div.todo-done {
	position: relative;
	float: left;
	margin: 1px;
	width: 60px;
	text-align: right;
	padding: 3px;
	border: solid 1px #ffffff
}

span.todo-yes {
	color: #00ff00
}

span.todo-no {
	color: #ff0000
}

#todo-footer {
	position: relative;
	margin: auto;
	width: 336px;
	height: 38px;
	border: solid 1px #ffffff;
	background: url('../images/gray-bk.png')
}

#todo-footer-item {
	position: relative;
	float: left;
	margin: 1px;
	padding-left: 6px;
	width: 234px;
	height: 20px;
	line-height: 20px;
	border: solid 1px #ffffff
}

#todo-footer-done {
	position: relative;
	float: left;
	margin: 1px;
	padding-right: 6px;
	width: 60px;
	height: 20px;
	line-height: 20px;
	text-align: right;
	border: solid 1px #ffffff
}

#todo-footer-arrowup {
	position: relative;
	float: right;
	margin: 1px;
	width: 18px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	border: solid 1px #ffffff
}

#todo-percent-done {
	position: relative;
	border-right: solid 1px #ffffff;
	float: left;
	margin: 2px 0px 2px 2px;
	width: auto;
	height: 10px;
	background-color: #00ff00
}

#todo-percent-total {
	position: relative;
	float: left;
	margin: 2px 2px 2px 0px;
	width: auto;
	height: 10px;
	background-color: #ff0000
}

#todo-percent-value {
	position: relative;
	float: right;
	margin: 2px;
	text-align: center;
	padding-top: 1px;
	padding-bottom: 1px;
	width: auto;
	height: 4px
}

/*
news
*/
div.news-title {
	position: relative;
	float: left;
	width: auto;
	margin: 10px;
	font-family: 'MS Gothic';
	font-size: 16px;
	color: #ffffff	
}

div.news-date {
	position: relative;
	margin: 10px;
	line-height: 16px;
	width: auto;
	float: right
}

div.news {
	position: relative;
	padding-left: 8px;
	padding-right: 8px
}

/*
links
*/
div.links-title {
	position: relative;
	float: left;
	margin: 10px;
	width: auto;
	font-family: 'MS Gothic';
	font-size: 16px;
	color: #ffffff	
}

div.links {
	position: relative;
	padding-left: 8px;
	padding-right: 8px
}

div.links img {
	margin: auto;
	display: block
}

/*
Comments
*/
div.comment-title {
	position: relative;
	float: left;
	width: auto;
	margin: 10px;
	font-family: 'MS Gothic';
	font-size: 16px;
	color: #ffffff	
}

div.post-comment-title {
	position: relative;
	float: left;
	margin: 10px;
	width: 420px;
	font-family: 'MS Gothic';
	font-size: 16px;
	color: #ffffff	
}

div.comment-date {
	position: relative;
	margin: 10px;
	line-height: 16px;
	width: auto;
	float: right
}

div.comment {
	position: relative;
	padding-left: 8px;
	padding-right: 8px
}

div.comment-ft {
	position: relative;
}

div.comment-bk {
	position: relative;
	margin: auto;
	width: 420px;
	height: 211px;
	background: url('../images/_frm/frm-com-bk.png')
}

div.comment-row {
	position: relative;
	margin: 4px auto;
	width: 360px
}

div.comment-post-body {
	position: relative;
	width: 200px;
	margin: 16px auto
}

input.comment-who {
	width: 284px
}

input.comment-title {
	width: 354px
}

textarea.comment-body {
	width: 354px;
	height: 64px
}

/*
Car pages
*/

div.carpage-row {
	display: inline-block;
	margin: 2px;
	padding: 2px;
	width: 580px;
	border-top: solid 1px #505050
}

div.carpage-row img {
	border: solid 1px #ffffff
}

div.carpage-title {
	position: relative;
	margin: 10px;
	font-family: 'MS Gothic';
	font-size: 16px;
	color: #ffffff	
}

/*
Footer
*/
#footer-container img {
	display: inline-block;
	margin: 2px
}

#nav-wrapper {
	position: relative;
	margin: auto;
	padding: 2px;
	width: 400px;
	text-align: center;
	font-size: 0
}

#valid-container {
	position: absolute;
	margin: 2px;
	left: 0;
	bottom: 0
}

#friendly-container {
	position: absolute;
	margin: 2px;
	right: 0;
	bottom: 0
}

#friendly-container img {
	margin: 0;
	width: 16px;
	height: 16px
}

/*
Framing
*/
div.frm-wrapper {
	width: 436px;
	margin: 16px auto
}

div.frm-hd {
	position: relative;
	width: 436px;
	height: 40px;
	background: url('../images/_frm/frm-hd.png') no-repeat
}

div.frm-body {
	position: relative;
	width: 436px;
	background: url('../images/_frm/frm-body.png') repeat-y
}

div.frm-ft {
	position: relative;
	width: 436px;
	height: 8px;
	background: url('../images/_frm/frm-ft.png') no-repeat
}

div.frm-ext-ft {
	position: relative;
	width: 436px;
	height: 32px;
	padding-left: 10px;
	padding-top: 15px;
	background: url('../images/_frm/frm-ext-ft.png') no-repeat
}