/* Main */

body {
	background-color: #fff;
	color: #333;
	font: normal 11px verdana, arial, sans-serif; 
	margin: 10px; 
	text-align: center;
	}

a:link, a:visited {	
	color: #248391;	
	text-decoration: none; 
	}

a:hover {
	text-decoration: none;
	border-bottom: 1px solid #A6DB11;
	}

input, textarea, select {
	border: 1px solid #ddd;
	background: #fff;
	font: normal 10px verdana, arial, sans-serif;
	color: #555;
	margin: 1px;
	padding: 2px auto;
	}

input:focus, textarea:focus, select:focus {
	border-color: #A6DB11;
}

ul {
	list-style: none; 
	margin: 0; 
	padding: 0;
	}

#title {
	margin-left : auto;
	margin-right: auto;
	padding-bottom: 5px;
	width: 680px;
	text-align: right;
	font: bold 18px Georgia;
	color: #000;
}

#content  {
	background: #fff;
	border: 1px solid #bbb;
	margin-left : auto;
	margin-right: auto;
	text-align: left;
	width : 700px;

	}

/* Banner */

#logo {
	border-bottom: 1px solid #bbb;
	border-right: 1px solid #bbb;
	}

/* Top Navigation */
	
#navcontainer ul {
	padding-left: 0;
	margin-left: 0;
	float: left;
	width: 100%;
	background: white;
	border-bottom: 1px solid #bbb;
	}

#navcontainer ul li { display: inline; }

#navcontainer ul li a {
	border: 0;
	border-top: 2px solid #fff;
	color: #248391;
	float: left;
	padding: .5em 1.2em;
	text-decoration: none;
	}

#navcontainer ul li a:hover {
	border-color: #A6DB11;
	}

/* Right Naviagtion */

#menu {
	float: left;
	width: 180px;
	overflow: hidden;
	}

.menu {
	padding: 3px 10px;
	}

.menu h2 {
	border-bottom: 1px solid #ccc;
	color: #555;
	font: bold 13px "Trebuchet MS", Verdana, sans-serif;
	margin: 5px auto;
	padding-left: 10px;
	text-align: left;
}

.menu li {
	border-bottom: 1px solid #ddd;
	font: 11px "Trebuchet MS", Verdana, sans-serif;
	width: auto;
}

#menu li a {
	display: block;
	padding: 2px;
}

.menu #search {
	border-bottom: 1px solid #ccc;
	padding: 5px 0;
	
}

/* Main Content */

#main {
	float: left;
	width: 520px;
	overflow: hidden;
}

.main { 
	border-right: 1px solid #bbb;
	padding: 3px 10px;
	}
	
.main h2 {
	border-bottom: 1px solid #ccc;
	color: #555;
	font: bold 13px "Trebuchet MS", Verdana, sans-serif;
	margin: 5px auto;
	padding-left: 10px;
	text-align: left;
	}

.main p { 
	line-height: 14px;
	margin: 1px 0 15px 0; 
	padding: 0; 
	}

.main .quote {
	color: #555;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	line-height: 150%;
	text-align: left;
	margin: 0;
	padding-left: 5px;
	border-left: 3px solid #bbb;
	}

.main h3 { 
	color: #555;
	font-weight: bold;
	font-size: 11px;
	margin: 0 0 5px 0;
	text-align: left;
	}
	
.main p.posted  { 
	color: #bbb;
	font: bold 10px "Trebuchet MS", Verdana, sans-serif; 
	text-align: left; 
	margin: 10px auto;
	padding: 2px;
	border-top: 1px solid #ddd;
	}

#copyright {
	border-top: 1px solid #bbb;
	clear: both;
	color: #555;
	padding: 5px;
	text-align: center;
	}
.postbody {margin:0 0 10px;padding:2px 0 0;}
.postbody span {color:#a00;}
.panel {
	font-size: 1.2em;
	color: #3096e5;
	margin: 0px;
	border: 1px solid #2677b5;
	border-style: none none solid none;
	text-align: center;
}
.panel span {color:silver;}
#form_email p {margin:0 0 2px;padding:0;}
#form_email label {font:12px/1 arial,sans-serif;padding:7px 0 0 25px;margin:2px 0 0;}
#form_email .tema,#form_email .name,#form_email .email,#form_email .cod,
#form_email textarea {margin:0 5px 2px 0;padding:1px 0 2px 22px;width:345px;height:17px;}
#form_email .cod {width:215px;}
#form_email textarea {margin:0 5px 2px 0;padding:10px 0 0 22px;width:465px;height:165px;}
#form_email .submit {margin:0 5px 2px 0;width:489px;height:22px;}

.editcom,#form_friend textarea,#form_html textarea,#form_html .submit,#form_comm textarea,#form_comm .submit,
#form_edit textarea,#form_edit .submit,#form_post textarea,#form_post .submit,#form_email textarea,
#form_friend .submit,#form_email .submit,#form_search .submit {float:right;}

.email,.cod,#form_comm textarea,#form_friend .tema,#form_friend .name,#form_friend textarea,
#form_email .tema,#form_email .name,#form_email textarea {background:url(../i/pencil.png) 2px 1px no-repeat #fff;}
#form_email .tema,#form_email .name,#form_email .email,#form_email .cod,
#form_docedit div {color:blue;margin:10px 5px;padding:8px 5px 3px;height:17px;}
#form_docedit div p {border-left:0;margin:-5px 0 0 -11px;padding:5px 2px 0 0;height:16px;}
#form_docedit .docedit {border-right:0;color:red;margin:-5px 0 0;padding:0;text-align:right;width:150px;height:21px;}
#form_docedit .submit {margin:1px 5px 2px 0;width:488px;height:21px;}

#form_post label {font:12px/1 arial;margin:0 10px;padding:7px 0 0 7px;}
#form_post .tema {margin:0 5px 2px 0;padding:1px 0 3px 3px;width:484px;height:16px;}
#form_post .date {color:#a66;margin:0 5px 0 0;padding:1px 0 3px 7px;width:130px;height:16px;}
#form_post textarea {margin:2px 5px 3px 0;padding:5px;width:477px;height:335px;}
#form_post select {font:12px arial,sans-serif;margin:0 0 2px 4px;padding:0;width:295px;height:18px;}
#form_post .submit {margin:0 4px 2px 0;width:185px;height:20px;}

#form_edit textarea {margin:2px 5px 3px 0;padding:0;width:486px;height:405px;}
#form_edit .submit {margin:1px 5px 3px 0;width:488px;height:21px;}
#form_edit .editcom {font:12px arial,sans-serif;margin:1px 5px 1px 0;padding:1px 0 2px 6px;width:480px;height:15px;}

#form_html label {color:#656565;margin:10px 5px 5px 10px;;}
#form_html textarea {margin:2px 5px 3px 0;padding:0;overflow:auto;width:486px;height:270px;}
#form_html .submit {margin:1px 5px 3px 0;width:488px;height:21px;}

#form_comm label {color:#a66;font:12px/1 arial,sans-serif;padding:7px 0 0 30px;}
#form_comm .tema,#form_comm .name,#form_comm .email,#form_comm .cod,
#form_comm textarea,#form_comm .submit {margin:0 5px 2px 0;padding:1px 0 2px 3px;width:380px;height:17px;}
#form_comm .email {padding:1px 0 2px 22px;width:361px;}
#form_comm .cod {padding:1px 0 2px 22px;width:235px;}
#form_comm textarea {margin:2px 5px 2px 0;padding:10px 0 0 22px;width:465px;height:165px;}
#form_comm .submit {margin:0 5px 2px 0;width:489px;height:22px;}

#form_email p {margin:0 0 2px;padding:0;}
#form_email label {font:12px/1 arial,sans-serif;padding:7px 0 0 25px;margin:2px 0 0;}
#form_email .tema,#form_email .name,#form_email .email,#form_email .cod,
#form_email textarea {margin:0 5px 2px 0;padding:1px 0 2px 22px;width:345px;height:17px;}
#form_email .cod {width:215px;}
#form_email textarea {margin:0 5px 2px 0;padding:10px 0 0 22px;width:465px;height:165px;}
#form_email .submit {margin:0 5px 2px 0;width:489px;height:22px;}

#form_friend label {padding:7px 0 0 20px;}
#form_friend span {color:#000;padding:10px 0 0 5px;text-align:left;}
#form_friend .tema,#form_friend .name,#form_friend .email,#form_friend .cod,
#form_friend textarea {margin:0 5px 2px 5px;padding:1px 0 2px 22px;width:330px;height:17px;}
#form_friend .cod {width:200px;}
#form_friend textarea {margin:2px 5px 2px 0;padding:10px 0 2px 22px;width:330px;height:165px;}
#form_friend .submit {margin:0 5px 2px;width:354px;height:22px;}

#form_select .month,#form_select .god,#form_select .submit {background-color:#fff;color:blue;font:12px/1 arial,sans-serif;}
#form_select {margin:0 0 10px 13px;padding:2px 0;height:19px;}
#form_select .month {margin:0 1px 0 0;padding:0;width:80px;height:18px;}
#form_select .god {margin:0 1px 0 0;padding:1px 0 0 2px;width:62px;height:18px;}
#form_select .submit {padding:0 0 2px;margin:0 0 2px;width:26px;height:20px;}
#form_select .option {background-color:#fff;border:0;color:blue;padding:0 0 0 3px;}

.form {margin:2px 0;}
.form .search,.form .submit {border:silver 1px solid;color:#656565;margin:0;}
.form .search {padding:1px 0 0;text-align:left;width:153px;height:17px;}
.form .submit {padding:0 0 4px;width:30px;height:20px;}

#form_search .search,#form_google .search {padding:1px 3px;height:19px;}
#form_search .submit,#form_google .submit {color:#656565;height:23px;}
#form_search .submit,#form_google .submit {width:90px;}
#form_google .search {width:305px;}
#form_search .search {margin:10px 0 10px 5px;width:385px;}
#form_google .search,#form_google .submit {margin:14px 0 5px 5px;}
#form_search .submit {margin:10px 5px 5px 0;}
#form_google a {margin:10px 0 5px 5px;}
#form_google img {float:left;border:none;width:75px;height:32px;}
#form_google input {float:left;margin:2px;}
#form_google label {float:left;margin:4px;}
.clear {clear:both;}
fieldset {color:#000;margin:0 auto;;padding:3px 0 0;width:500px;}
legend {color:#a66;padding:0 5px 5px;margin:0 0 0 10px;}
legend span {color:red;}
select,input {height:19px;}
option {padding:0 0 0 5px;height:15px;}
#form_docedit,#form_post,#form_edit,#form_html,#form_comm,#form_email,
#form_friend,#form_search,#form_google {margin:10px auto;width:500px;}
.submit {background-color:#fff;color:#000;cursor:hand;font:12px arial,sans-serif;}

fieldset,#form_docedit div,#form_docedit div p,#form_friend textarea,#form_email textarea,
#form_comm textarea,#form_html textarea,#form_edit textarea,#form_post textarea,#form_select .month,
#form_post select,.editcom,.docedit,.search,.god,.tema,.name,.email,.cod,.date,.submit{border:#7b9ebd 1px solid;}

#form_select .month,#form_select .god,#form_select .submit,#form_google .search,#form_google .submit,
#form_google div,#form_google a,#form_search .search,#form_friend span,#form_post select,label {float:left;}

#form_docedit div span,#form_docedit div p,.docedit,#form_docedit .submit,.tema,.name,.email,.cod,.date,
.editcom,#form_friend textarea,#form_html textarea,#form_html .submit,#form_comm textarea,#form_comm .submit,
#form_edit textarea,#form_edit .submit,#form_post textarea,#form_post .submit,#form_email textarea,
#form_friend .submit,#form_email .submit,#form_search .submit {float:right;}

.email,.cod,#form_comm textarea,#form_friend .tema,#form_friend .name,#form_friend textarea,
#form_email .tema,#form_email .name,#form_email textarea {background:url(../i/pencil.png) 2px 1px no-repeat #fff;}

#form_friend img,#form_email img,#form_comm img {border:none;float:right;margin:2px 2px 2px 0;width:120px;height:19px;}

fieldset {$padding:0;$position:relative;$top:12px;}
legend {$margin:0 0 -7px;$position:relative;$top:-9px;$left:3px;}
#form_select .month {$WIDTH:82px;$HEIGHT:20px;}
#form_select .god {$WIDTH:64px;$HEIGHT:20px;}
#form_select .submit {$padding:0;$HEIGHT:20px;}
#form_post .tema,#form_post .date,
#form_post textarea,#form_post .submit,
#form_edit .editcom,#form_edit textarea,#form_edit .submit {$margin:0 5px 2px 0;}
#form_search,#form_google {$margin:10px auto 20px;}
#form_post .tema {$padding:3px 0 1px 3px;$height:16px;}
#form_post .date {$padding:3px 0 1px 7px;$height:15px;}
#form_post select {$margin:0 0 2px 5px;$height:20px;}
#form_post textarea {$width:476px;}
#form_post .submit {$height:19px;}
#form_edit .editcom {$padding:3px 0 0 6px;$height:16px;}
#form_edit textarea {width:486px;}
#form_comm .tema,#form_comm .name {$padding:3px 0 0px 3px;}
#form_comm .email,#form_comm .cod,
#form_email .tema,#form_email .name,#form_email .email,#form_email .cod,
#form_friend .tema,#form_friend .name,#form_friend .email,#form_friend .cod {$padding:3px 0 0px 22px;}
#form_docedit div {$margin:10px 5px;$padding:9px 5px 3px;$height:17px;}
#form_docedit div p {$margin:-6px 0 0 -11px;$padding:4px 2px 0 0;$height:17px;}
#form_docedit .docedit {$margin:-6px 0 0;$padding:4px 0 2px;$height:15px;}
#form_search .search,#form_google .search {$padding:4px 3px 0;$height:17px;}
#form_docedit .submit {$margin:0 5px -8px 0;}
*html #form_select .submit {height:21px;}
*html #form_post .submit {height:20px;}
*html #cp {padding:5px 2px 1px 3px;height:15px;}
*html .cb {padding:3px;height:15px;}
/* statistic */
.point{background-color:white;border:1px #ccc solid;margin:5px 0 5px 4px;padding:0;width:500px;}
.sttit{border:#ff9900 1px solid;background-color:#ff9;margin:1px;padding:2px;}
.point .graf{margin:5px 0 0;padding:0 1px;height:330px;}
.point .desc{margin:0 0 5px 20px;padding:0;}
.tbl{background-color:white;width:502px;border:1px silver solid;margin:5px 0 5px 4px;}
.sttit,.desc{text-align:left;}
.serf,.rss{color:#1e90ff;}
.post{color:red;}
.nopost,.friend{color:blue;}
.tbl td,.tbl pre,.value pre,.numb pre {color:#000;font:11px verdana,arial,sans-serif;margin:2px;padding:0;}
.hr{position:relative;text-align:left;overflow:hidden;width:495px;}
.hr .anonce{color:#777;margin:2px 100px 0 44px;padding:2px;}
.hr .numb{position:absolute;text-align:right;overflow:hidden;width:40px;}
.hr .value{left:43px;position:relative;text-align:left;overflow:hidden;width:450px;}
.sep {width:480px;overflow:hidden;}
/* end statistic */

