* {font:12px verdana,arial,helvetica,sans-serif;margin:0;padding:0; line-height:1.4em;} 
body {background-color:#ECEFB9;position:relative;}
#astral{position:relative;margin:0 auto;width:760px;}
#top {background:url(http://beautoner.com/en/i/wp08/topbg.jpg) #fff;position:relative;height:63px;}
.addgoogle	{width:200px; text-align:right; padding:margin:5px 0 0 15px;}
.advert		{margin:0 auto;}

#midlle {background:url(http://beautoner.com/en/i/wp08/midbg.gif) repeat-y #fff;}
.header {background-color:#fff;margin:0 10px;}
#sitetitle {background:url(http://beautoner.com/en/i/logo.jpg) no-repeat #fff;height:100px;margin-left:10px;}
#sitetitle h2 {color:#ccc;cursor:default;font:35px Impact,Arial Narrow,Arial,Helvetica,sans-serif;margin:0 0 0 100px; padding-top:12px;}
#sitetitle h2 a {color:#ccc; font:18px Impact,Arial Narrow,Arial,Helvetica,sans-serif;; font-stretch:30px;}
.main {border-top:#f7f7f7 1px solid;margin:0 10px;}
.main,.center,.right {overflow:hidden;zoom:1;}
.center {float:left;margin-right:-200px;}
.wrap,
.right {float:right;margin-bottom:-32767px;padding-bottom:32767px;width:200px;}
.wrap,.center {background-color:#fff;width:100%;}
.content {background-color:#fff;padding:0 200px 0 20px;text-align:left;}
.right {background:url(http://beautoner.com/en/i/wp08/right.gif) repeat-y #fcfcfc;width:200px;}
#bottom {background:url(http://beautoner.com/en/i/wp08/botbg.jpg) #fff;text-align:center;height:63px;}
.footer{color:#777;text-align:center;padding:3px 0;padding-top:19px;}
.footer a,#bottom a {color:#3B6EBF;}
.clear {clear:both;display:block;overflow:hidden;width:100%;height:1px;}

h2 {font-size:16px;padding:5px;}
a {color:blue;text-decoration:none;}
a:hover {color:red;}
b {color:#000;font-weight:bold;border:none;}
blockquote {padding:10px;color:#555;}
h1, h2, h3, h4, h5, h6,small {font-size:12px;margin:3px;}
li,ol,ul {margin:0 5px 0 10px;text-align:justify;}
p {margin:3px 0 3px 0;text-indent:1em;text-align:justify;}
span {color:#a66;}
ul,ol {padding:0;}
ol {margin:5px 5px 0 25px;}
strong {background-color:yellow;font-weight:normal;}
td,small {font:12px verdana,arial,sans-serif;color:black;}
i {font-style:italic;}
#hr {background:#999daf;margin:3px;height:1px;}
#hr hr {display:none;}
#panels {width:180px! important;padding:5px;margin:0;}

.small {color:#aaa;}
.bborder {background-color:#fff; border:#a7a6b4 1px solid; padding:0 10px 5px 10px; margin-bottom:10px;}
.bborder .Page { width:475px;}
.panel {padding:2px 0 2px 0;color:#c96;font:bold 16px "Times New Roman", Times, serif;}
.panel span {color:silver;}
.hide {z-index:1;left:0; visibility:hidden;position:absolute;top:0;}
.note {border-bottom:blue 1px dotted;color:blue;}
.contents .first {color:black;margin:5px 0 10px 20px;}
.contents .second {color:black;margin:20px 0 20px 10px;}
.contents span {color:red;}
.contents ol {color:silver;padding-left:10px;}
.select {color:red;}
.categories {margin:8px 0;padding:0 0 0 10px;}
.categories li {color:silver;}
.categories .selected {color:red;}
.postlink {color:#a77;margin:5px 25px;text-align:right;}
.postlink a {color:#3B7EBF}
.postlink a:hover {color:#c60;}
.postdate {color:#a77; margin:5px; text-align:right;}
.postbody {margin:0 0 10px;padding:2px 0 0;}
.postbody span {color:#a00;}
.title {margin:0 10px 0 0px; text-indent:0em;}

.Page {text-align:justify;width:500px;}
.PageText {margin:-3px 0 0 0;}
.copyright {border-left:silver 1px solid;color:#333;margin:20px 0 10px 5px;padding:0 0 0 10px;}
/* end */
/* start menu */
.topmenu {float:right;margin:7px 10px 7px 5px;_margin:7px 5px;padding:0;}
.topmenu li {list-style-type:none;margin:0;padding:4px 11px 0px;}
.topmenu li {float:left;}
.topmenu a {color:#777;font:bold 12px georgia,helvetica,sans-serif;}
.topmenu a:hover {color:#c60;text-decoration:underline;}

.nav {background:transporent;margin:10px 5px 0;padding-bottom:5px;text-align:left;}
.nav li {list-style-type:none;margin-left:15px;padding-top:3px;}
.nav .nolink {color:#3B6EBF;font:bold 12px arial,helvetica,sans-serif;margin:5px 0 5px;padding:3px 0 3px 6px;border-bottom:#3B6EBF 1px dotted;}
.nav a {color:#3B6EBF;font:12px arial,georgia,helvetica,sans-serif;margin-left:-5px;}
.nav a:hover {color:#c60;text-decoration:underline;}

a.selected,a.selected:hover {color:#000;cursor:default;text-decoration:none;}
/* end menu */
/* statistic */
.point,.tbl{background-color:#fff;border:1px silver solid;margin:5px auto;text-align:left;width:500px;}
.point .graf{margin:5px 0 0;padding:0 0 0 2px;height:330px;}
.point .desc{margin:0 0 5px 20px;}
.sttit{background:#F6F9FB;;border:silver 1px solid;color:#3B6EBF;margin:2px;padding:2px;}
.serf,.rss{color:#1e90ff;}
.post{color:red;}
.nopost{color:blue;}
.friend{color:blue;}
.tbl{width:502px;}
.tbl td,
.tbl pre,
.value pre,
.numb pre {color:#000;font:12px verdana,arial,sans-serif;margin:2px;padding-bottom:1px;overflow:hidden; line-height:1.4em;}
.anonce{color:#777;margin:2px 100px 0 44px;padding:2px;}
.numb{float:left;text-align:right;width:40px;}
.value{overflow:hidden;width:450px;}
.tbl td .sttit{margin:0;}
/* end statistic */
/* portator happiness */
.righter {font-weight:normal; margin:5px 25px; text-align:right;}
.lefter {font-weight:normal; margin:5px 25px; text-align:left;}
.prim {margin:5px auto;padding:3px;text-align:left;width:79%;}
.prim label {color:blue;}
.prim div {background:#fff;border:silver 1px solid; padding:5px;}
.linktocat {color:#555;font-weight:bold;margin:5px 20px;text-align:right; padding:0 26px 0 0;
			background-image:url(http://beautoner.com/en/i/wp08/folder05.gif); background-repeat:no-repeat; background-position:right;}
.linktocat a,
.linktocat a:link,
.linktocat a:visited,
.linktocat a:active {font:bold 14px Georgia; color:#3B6EBF; text-decoration:none;}
.linktocat a:hover {color:#CC6600;}
.part,.last {color:#555; font:bold 16px georgia; margin:10px 0 5px 0;}
.part a,
.part a:link,
.part a:visited,
.part a:active {color:#3B6EBF; font:bold 16px georgia; text-decoration:none; margin:20px 5px 5px 0;}
.part a:hover {color:#CC6600;}
.last ul {margin:10px 0 0 5px;}
.last ul li {list-style:url(http://beautoner.com/en/i/arr01.gif);}
.kw {margin:3px 5px;text-align:left;}
.kw b {color:#565656;font-weight:normal;}




a.tt {position:relative;cursor:hand;border-bottom:blue 1px dotted;}
a.tt span {display:none;}
a.tt:hover span {float:left;display:block;background:Lightcyan;border:silver 2px outset;color:black;position:absolute;left:10px;top:10px;width:200px;padding:3px;}
.com {
   background:url(http://beautoner.com/en/i/wp08/comment01.gif) no-repeat white;
   float:right;
   width:32px;
   height:29px;
   display:inline;
   text-align:left;
   padding:0 0 0 2px;
   margin:5px 5px 0 5px;
   cursor:crosshair;
}
.com a,.com a:link,.com a:visited {font-weight:normal;font:12px;color:blue;}
.com a:active,.com a:hover {color:red;}

/* Used colors #ef5d5a and #b20000 (default #7b9ebd) */
fieldset {border:0;margin:0 auto;padding:3px 0 0;width:468px;}
legend {background-color:#fff;color:#3B6EBF;margin:0 0 0 10px;padding:0 5px 5px;}
legend span {color:red;}
select,input {height:19px;}
option {padding:0 0 0 5px;height:15px;}



/* form connect and comment */
#connect, #comment {margin:10px auto;width:480px}
#connect p, #comment p {margin:0 0 2px;padding:0;}
#connect label, #comment label {float:left; font:12px/1 arial,sans-serif; font-weight:bold; padding:5px 0 0 5px; margin:2px 0 0;}
#connect .tema, #comment .tema,
#connect .name, #comment .name,
#connect .email,#comment .email,
#connect .cod,  #comment .cod,
#connect textarea,#comment textarea,
#search .request {
	background-image:url(http://beautoner.com/en/i/wp08/bgform04.gif);
	border:#777 1px solid;
	float:right;
	margin:0 5px 2px 0;
	padding:0 0 4px 4px;
	width:380px;
	height:15px;
}
#connect .cod, #comment .cod {width:255px;}
#connect textarea, #comment textarea {
	border:1px #777 solid;
	float:right;
	margin:0 5px 2px 0;
	padding:10px 0 0 4px;
	width:453px;
	height:165px;
}
#connect img, #comment img {border:none;float:right;margin:1px 2px 2px 0;width:120px;height:19px;}
#connect .submit, #comment .submit {
  border:#777 1px solid;
  color:#fff;
  float:right;
  font:14px/1 arial,sans-serif;
  font-weight:bold;
  margin:3px 5px 3px 0;
  width:459px;
  height:23px;
  cursor:pointer;
}

html:root #connect .tema, html:root #comment .tema,
html:root #connect .name, html:root #comment .name,
html:root #connect .email, html:root #comment .email,
html:root #connect .cod, html:root #comment .cod {padding:1px 0 0 3px;height:18px;}
/* end */




/* form admin */
#admin {margin:0 auto;width:480px;}
#admin label {float:left; margin:2px 5px 0 0; font-weight:bold;}
#admin .url {
   float:right;
   width:400px;
   height:18px;
   background:white;
   border:1px #777 solid;
   margin:1px 5px;
   padding:0;
}
#admin textarea {
   float:right;
   width:400px;
   height:220px;
   background:white;
   border:1px #777 solid;
   margin:1px 5px;
   padding:0;
}
#admin .sign {height:100px;}
#admin select {float:right;margin:2px 1px;padding:0;width:290px;height:21px;}
#admin .submit {
   float:right;
   width:140px;
   height:21px;#height:19px;
   border:#777 1px solid;
   color:#000;
   font:13px/1 arial,sans-serif;
   margin:2px 5px 2px 1px;
   padding:-5px;
}
html:root #admin .docedit {padding:4px 0 1px 3px;height:16px;}
html:root #admin div p {margin:-5px 0 0 -15px;padding:5px 2px 1px 3px;height:15px;}
html:root #admin select {height:19px;}
/* end */
/* form fast edit */
#post_edit {display:block;float:right;margin:5px auto;width:500px;}
#post_edit .submit {
   width:88px;
   height:21px;
   border:#777 1px solid;
   color:#fff;
   font:13px/1 arial,sans-serif;
   margin:0;
   padding: -5px;
}
/* end */
/* form search */
#search {margin:0 auto;padding-bottom:20px;width:500px;}
#search label {float:left;margin:5px; padding:3px 0 3px 0;}
#search .request {border:1px #777 solid; margin:0 1px 10px 0; width:280px; height:17px; float:left;}
#search .submit {
  border:1px #777 solid;
  color:#000;
  font:13px/1 arial,sans-serif;
  font-weight:bold;
  width:100px;
  margin:0 1px 10px 0;
  height:23px;
}
html:root #search .submit {padding:0 0 2px; margin-bottom:6px;}

a.sba,a.sba:link,a.sba:visited,a.sba:active {color:#555;text-decoration:none;font-weight:bold;}
a.sba:hover {color:#777;}
a.sbb,a.sbb:link,a.sbb:visited,a.sbb:active {color:#777;text-decoration:none;}
a.sbb:hover {color:#777;text-decoration:underline;}
.sb h3 {margin:10px 0 15px 0;}
/* end */
/* referent */
.gr_news a 	{text-decoration:none;}
.gr_news 	{width:500px;}
.gr_date 	{color:silver; text-align:right;}/*noused*/
.gr_title 	{font-weight:bold;font:15px/1.4; color:#3B6EBF;}/*noused*/
.gr_desc 	{text-align:justify;}/*noused*/
.gr_returnlink 		{margin-top:5px;}
.gr_returnlink a 	{color:blue;}
.gr_date,.gr_title,.gr_desc {font:12px/1.4 airal,verdana,helvetica,sans-serif;}
.gr_clear	{clear:both; margin-bottom:10px;}
.gr_image	{float:left; margin:5px 10px 2px 0;}
/* end */
img {margin-right:10px;}
.submit	{background-image:url(http://beautoner.com/en/i/wp08/submit07.gif);}
/* form search in top */
.form {position:absolute; right:20px; top:35px;}
.form .search, .form .submit {border:#909090 1px solid; color:#565656;}
.form .search {margin:0; padding:3px 0 0; width:135px; height:16px; }
.form .submit {margin:0; padding:1px 0 0 2px; width:56px; height:21px; color:#777; font:bold 12px georgia,sans-serif;
background-image:url(http://beautoner.com/en/i/wp08/submit01.gif);}
/* end */
.indexcat { height:1px; width:100%; background-color:#CCCCCC;}