/* global */
html{height: 100%;}
body{ font-family: verdana, arial, sans-serif;  padding: 0;  margin: 0;  background: #625E62 url(pattern.png) repeat;  color: #555;font-size: 14px}
p{margin: 0;  padding: 0 0 16px 0;  line-height: 1.7em;}
h1, h2, h3, h4{letter-spacing: .1em;  padding: 5px;  margin: 0; color:#000; }
h1, h2{text-align:center}
h1{font-size: 150%;}
h2{font-size: 130%;}
h3{font-size: 110%;}
img{ border: 0; margin: 0;  padding: 0;}
a{outline: none;}
form{padding: 0; margin: 0;}
/* image positioning - left, right and center */
.left{float: left; }
.right{ float: right; }
.center{ display: block;text-align: center; margin: 0 auto;}

/*add for me*/
input, textarea, label{display:block; width:90%; margin:auto;}
label{font-weight:900; font-size:105%;}
input:focus, textarea:focus{background:#cfd}
.p_mais{text-align:right;display:block;}
.p_date{text-align:right;}
.p_desc{padding:10px; width:90%;margin:auto;display:block;}
.error{color:#f00; border:2px solid #f00; font-weight:bold;background:#fdd}
.error ul, .error li{font-weight:normal; list-style:none; text-align:left}
p.error{padding:3px 30px ; background:#fdd url(error.png) no-repeat center left; min-height:34px; clear:both;}
p.ok{background: #EFE; width: 90%; margin:auto; margin-top:2em; border-top: 1px solid #F2F2F2; border-left: 1px solid #F2F2F2; border-right: 2px solid #999; border-bottom: 2px solid #999; padding: 1ex; font-weight:bold; color:#1c1;}


div.post{padding:10px 5px; border-bottom: 1px solid #ddd;font-size:90%;color:#5F5F5F}
div.post h1,h2,h3 {color:#5F5F5F}
div.comment{background:#eee;margin-bottom:9px;}
div.comment p{padding:8px;margin:0; clear:both}
div.cinfo{width:100%; background:#ccc; padding:4px}


code, pre {overflow:scroll}
/* block quote */
blockquote{margin: 10px; padding: 0 0 0 32px;  border: 1px solid #f2f2f2; background: #FAFAFA url(quote.gif) no-repeat 0 50%}
/* unordered list */
ul{ margin: 2px 0 18px 16px;  padding: 0;}
ul li{ list-style-type: square;  margin: 0 0 6px 0; padding: 0;}
/* ordered list */
ol{ margin: 8px 0 0 24px; padding: 0;}
ol li{ margin: 0 0 11px 0; padding: 0;}
/* margin lefts / margin rights - to centre content */
#main, #footer, #logo, #menubar, #site_content{margin: auto;}
/* main container */
#main{ width: 776px;  background: #FFF url(main.png) repeat-y;  color: #555;}
/* logo */
#logo{width: 760px; height: 100px; border-top: 1px solid #F2F2F0; background: #333}
#logo h2{color:#eee; text-align:center;font-size: 150%}
#logo h3{color:#ccc; text-align:center;}
/* navigation menu */
#menubar{ background: #6D6A78 url(menu.png) repeat;  width: 760px;  height: 70px;}
ul#menu{margin: 0;}
ul#menu li{float: left;  margin: 0;  padding: 0;  list-style: none;}
ul#menu li a{ font-family: verdana, sans-serif;  display: block;  float: left; height: 30px;text-decoration: none; padding: 16px 15px 0 15px;  text-align: center; border-right: 1px solid #F2F2F0; color: #FFF;}
ul#menu li a:hover, ul#menu li a.current, ul#menu li a.current:hover{background: #55555D url(menu_sel.png) repeat;}
#search{float: right; padding: 12px 15px 0 0;}
input.searchfield{background: #FFF; border: 1px solid #696771; padding: 2px;display:inline; width:60%}
input.searchbutton{background: #696771; border: 0px; padding: 1px; color: #FFF;  width: 64px; cursor: pointer;display:inline}
/* main content */
#site_content{width: 760px; overflow: hidden;}
/* sidebar */
.sidebar{float: right; width: 190px; padding: 10px;}
/* sidebar items / links */
.sidebaritem{text-align: left; width: 190px; float: left;  margin: 0 0 15px 0;  border-radius: 10px;}
.sidebaritem h1, .sidebaritem h3, .sidebaritem p{margin: 8px 10px 10px 12px;}
.sidebaritem ul{border-top: 1px solid #DDE;  width: 160px;  padding-top: 4px; margin: 4px 0 15px 14px;}
.sidebaritem li{list-style: none; padding: 0 0 4px 0; border-bottom: 1px solid #DDDCE4;}
.sidebaritem li a, .sidebaritem li a:hover{text-decoration: none; background: transparent url(arrow.png) no-repeat left center;  color: #555;  padding: 0 0 0 18px;  display: block;}
.sidebaritem li a.current, .sidebaritem li a:hover, .sidebaritem li a.current:hover{background: transparent url(arrow_select.png) no-repeat left center;}
/* page content */
#content_container{text-align: left; width: 525px; float: right; border-radius: 12px;border:4px solid #fff; }
#content{text-align: left; width: 495px; padding: 8px 15px 8px 15px;}
#content a{background: transparent;color: #AA60D4;}
#content a:hover{background: transparent; color: #A4A4A4;}
.sidebaritem, #content{background: #FFF;}
/* footer */
#footer{width: 720px;  height: 42px; padding: 10px 21px 15px 19px; text-align: center; border-top: 2px solid #F2F2F0; background: #6D6A78 url(menu.png) repeat;  color: #eee; font-size:80%}
#footer a{color: #FFF; font-weight:bold}
#footer a:hover{background: transparent; text-decoration:underline;}
#content a, #content a:hover, #footer a, #footer a:hover{text-decoration: none;}