.typeface-papyrus {font-family: papyrus;}

.article .cat_name {color: #fff;}
.editform,
#commenttitle {display: none;}

body {font-family: Verdana, Arial; font-size: 12px; background-color: #000 /*634327*/; color: #fff; padding: 0px; margin: 0px;}

embed {border: 1px solid #fff; margin: 0px auto;}

.intro {width: 1024px; height: 315px; 
background-image: url(/img/compresslogoweb.png ); margin: 0px auto; position: relative; background-position: center top; background-repeat: no-repeat;margin-top: 100px; }
from {display: inline;}
.intro .content {padding-top: 325px; text-align: center; font-size: 30px;}
a {color: #634327;/*fff*/; text-decoration:none;}

#blog_copyright {padding-top: 20px}
.copyright {text-align: center; font-size: 12px;padding-top: 10px; }
.copyright img {vertical-align: bottom;}

/* g2html */
.g2html-right { float: right; margin: 1px;}
.g2html-left { float: left; margin: 1px;}
.left {float: left;}
.right {float: right;}

/*
#root {background-image: url(/img/compre_home_02.jpg);
 background-position: center -100px; background-repeat: no-repeat; width: 800px; padding: 0px 20px;margin: 0px auto; background-color: #000;
 border-right: 1px solid #634327;
 border-left: 1px solid #634327;
}
*/
#root {background-image: url(/img/compresslogoweb_01.jpg);
 background-position: center 20px; background-repeat: no-repeat; width: 800px; padding: 0px 20px;margin: 0px auto; background-color: #000;
 border-right: 1px solid #634327;
 border-left: 1px solid #634327;
}



#blog_top a {display: block; height: 360px;}

#top, #center, #bottom {width: 800px; margin: 0px auto; clear:both;}
#blog_right {float: right; width: 150px}
#blog_right .menu ul {padding: 0px; margin: 0px; list-style: none; font-size: 1.2em; margin-top: 15px;}

#blog_right .menu ul li a {display: block; padding-left: 5px; padding-right: 5px; font-weight: bold}
#blog_right .menu ul li.active a, 
#blog_right .menu ul li a:hover {background-color: #fff; color: #000;}
#blog_content {float: left; width: 640px; padding-right: 5px;}
img {border: none;}

#bloglastcom ul {padding: 0px; margin: 0px; list-style: none; font-size: 0.8em; margin-top: 15px;}
#bloglastcom ul .lastcommtitle,
#bloglastcom ul li.title a {color: #fff;}
#bloglastcom ul li.title a {font-weight: bold; font-size: 1em;}
#bloglastcom ul li.title {margin-bottom: 10px;}


#bloglastcom ul li:hover {background-color: #634327;}
#bloglastcom ul li:hover a {color: #fff; display: block;}

/*#bloglastcom ul .lastcommdate, */
#bloglastcom ul .lastcommauthor {color: #999;}



.block_illustration embed {border-width: 0px}
.block_illustration img {}

.article .header {background-color: #634327}

.article .header h2 {margin-bottom: 0px; background-color: #000;}
.article .listshare,
.article .article_info {padding-bottom: 10px; padding: 0px 0px 12px 5px;}

.article h3.article_info {margin: 0px; }
.article h3.article_info a {color: #999;000;}


.article .article_title {margin-top: 0px; }
.article .article_title a {color:#fff;}
.article .article_title {font-size: 2em; border-bottom: 1px solid #fff;}
.article .article_title em {font-size: 0.5em;}

.article .article_info a.cat_name {color: #fff;}

.article {margin-bottom: 10px; margin-top: 10px;}
.article .resume {padding: 10px 0px 0px 0px;}
.link_more {text-align: right;}
.link_more a {font-style: italic;}
.link_more.link_more_comm a {color: #fff; float: right; padding-top: 4px; padding-right:  5px;}

#bottom {text-align: center; font-size: 0.8em; margin-top: 10px;}





.comments {margin-top: 20px;}
.comments h2.nocomment {font-style: italic;text-align: center; ;border: 1px solid #999; font-size: 100%; width: 70%; margin-left: auto; margin-right: auto;}

.commentbox {width: 70%; margin-bottom: 10px; font-size: 90%; margin-left: auto; margin-right: auto; border-left: 1px solid #fff;
border-bottom: 1px solid #fff;
}
.commentbox .header {padding: 3px; }
.commentbox .content {padding: 3px;}
.commentbox h2 {font-size: 120%; padding: 0px; margin: 0px;}
.commentbox .header .info .title { /*float: none;*/}
.commentbox .header .info .title .author {font-weight: bold;}

.commentbox .content .clear {clear: right; padding: 0px;}
.commentbox .content /*, .commentbox .header*/ { }
/* For comment */
.mybordercom th div.comdel a {}
.mybordercom th div.comdel {text-align: left; clear: both;}
.mybordercom th, .mybordercom td {padding: 3px;}
table.mybordercom { margin: 5px 5px; margin:0px; font-size: 80%; margin: 5px 0px;}
.mybordercom tr {}
.mybordercom th {}
.mybordercom th .date {font-size: 80%; float: right;}
.mybordercom th .author {font-size: 100%; }
.mybordercom th .title {font-size: 120%;}
.mybordercom td {}




.comform {width: 400px; margin: 0px auto 0px auto; font-size: 80%; padding: 0px 3px; border: 1px solid #fff;}
.comform h2 {text-align: center; }
.comform p {margin: 3px;}
.comform label {font-weight: bold; width: 100px; float: left; display: block;margin-bottom: 3px; margin-right: 3px;}
.comform #commentcomment_bb label {float: none;}
.comform #commentcaptchas label {float: none;  width: 100%;}
input#commentcaptchas {margin-left: 103px;}
.comform #commentsubmit {text-align: center;}
.comform label:after {content: ' :';}
.comform textarea {width: 398px; margin: 0px auto;}
.comform {}
input, select, textarea, .editform {border: 1px solid #ccc;black;}
.editform {background-color: #fff; color: #fff;}
.editform a {color: #fff;}
.editform div {padding: 3px;}