html, body {
 height:100%;
 }

body {
 background : url("../i/bg.gif") 50% 0%;
 font-size: 14px;
 font-family : "Verdana,Helvetica,Lucida Console,Monaco",sans-serif;
 color : #c0c0c0;
 padding: 0;
 margin: 0;
 }

body.mceContentBody {
   background: #404042;
   font-size: 10pt;
   padding:3pt;
   text-align: left;
}
body.mceContentBody p{text-align: left;}
body.mceContentBody ul{text-align: left;}
body.mceContentBody ol{text-align: left;}

/* ---- MAIN CONTAINERS ------------------ */

#container {
 background : #333438;
 width: 950px;
 padding: 0;
 margin: 0;
}

#header {
 background : #27282c url("../i/background4.jpg") 0% 50% no-repeat;
 padding : 0px;
 width : 950px;
 height : 200px;
 margin: 0px;
 text-align:left;
 color: #cdcdcd;
 }

#header_print {
 display: none;
 }

#outer {
 position: relative;
 width: 550px;
 max-width: 550px;
 margin: 0 150px 0 250px;
 padding: 0px;
 }

* html #outer {
 height:100%;
 }

#left {
 position:relative;
 width: 250px;
 float: left;
 margin: 0px 0px 0px -250px;
 font-size: 10pt;
 padding: 0px;
 color: #888888;
 }

* html #left {
 width: 140px;
 }

#right {
 position:relative;
 width: 150px;
 float:right;
 margin: 0px -150px 0px 0px;
 font-size: 10pt;
 padding: 0px;
 }

* html #right {
 width: 150px;
 }

#text {
 background : #37383c;
 margin: 0 7px 10px 7px;
 padding: 10px 15px 0px 15px;
 text-align: center;
 border: 1px solid #303135;
 border-top: none;
 line-height : 1.65em;
}

* html #text {
 width: 480px;
 margin-bottom:12px;
 }

#clearfooter {
 clear:both;
 }

#footer {
 background: #27282c;
 width: 950px;
 margin: 0px;
 color : #666;
 font-size : 0.9em;
 padding: 5px 0px 10px 0px;
 line-height: 1.2em;
 text-align:center; 
}
#footer a {font-weight: normal;}

div.module-grey h3 {
 text-align: left;
 line-height: 1.6em;
 text-transform: lowercase;
 font-weight: normal;
 font-size: 1.0em;
 margin: -2px -8px 4px -8px;
 text-indent : 10px;
 padding-bottom: 2px;
 font-variant: small-caps;
 }

div.module-grey h4 {
 text-align: left;
 text-indent : 10px;
 font-weight: normal;
 font-size: 0.95em;
 margin: -2px -8px 2px -8px;
 padding: 0px;
 text-transform: lowercase;
 font-weight: normal;
 font-variant: small-caps;
 }

div.module-grey {
/*  background : #3A3B3D; */
 margin: 0px 0px 0px;
 padding: 0px;
 font-size: 1.0em;
 text-align : justify;
 }

div.module-grey div {
 }

div.module-grey div div {
 }

div.module-grey div div div {
 padding: 8px;
 width: auto !important;
 width: 100%;
 }

div.module-grey div div div div {
 background: none;
 padding: 0px;
 }

/* ---- BARRA DE FERRAMENTAS E NAVEGACAO ------------------ */
div.barra_navegador_alt{
 float:left;
 font : small-caps 1em none;
 margin : 0px;
 text-align : left;
 text-transform : lowercase;
 position: absolute;
 top: 15px;
 }

div.barra_navegador_alt a {
 padding : 3px;
 text-decoration : none;
 text-transform : lowercase;
 line-height: 16px;
 }

div.barra_navegador_alt a:hover {
 padding : 3px;
 background : #27282c;
 text-decoration: none;
 }

div.barra_navegador_alt span.nada {
 padding : 3px;
 color : #678083;
 }

/* ---- DIVERSOS ------------------ */
a.menu, a.menu:visited, span.menu {
margin: 0;
padding: 1px 0px 4px 0px;
line-height: 16px;
text-decoration: none;
display:block;
}
a.menu:hover, a.menu:visited:hover, a.menu#active_menu {
text-decoration: none;
margin: 0 -7px 0 -7px;
padding: 1px 0px 4px 7px;
display:block;
background: #27282c;
}
span.chapter_menu {
 display: block;
 font-size: 1em;
 line-height: 13px;
 text-align: left;
 margin: 0 -7px 0 -7px;
 padding: 3px 7px 2px 7px;
 text-decoration: none;
 }

span.chapter_menu a, span.chapter_menu a:visited{
 color :  #9ab1b8;
 display: block;
 margin: -3px -7px -3px -7px;
 padding: 4px 20px 4px 7px;
 text-decoration: none;
 }

span.chapter_menu a:hover {
 color : #fff;
text-decoration: none;
margin: -3px -7px -3px -7px;
padding: 4px 20px 4px 7px;
background: #27282c;
display:block;
}

/* ---- LINKS ------------------ */

a, a:visited {
 color : #9ab1b8;
 text-decoration : none;
 border: none;
 padding: 2px;
 }

a:focus {
	outline: none;
}

a:hover, a:visited:hover {
 text-decoration : none;
 border: none;
 color : #f7f7f7;
 background : #27282c;
 padding: 2px;
 }

img {
 border: none;
 text-decoration : none;
 }

/* HEADERS */

h1 {
 text-align: center;
 font-weight: bold;
 font-size: 1.2em;
 margin : 30px 0px 10px 0px;
 padding : 15px 0 15px 0;
/*  text-transform: uppercase; */
 }

h2 {
 font-size: 1.0em;
 color : #678083;
 width: 100%;
 font-weight : bold;
 letter-spacing: 1px;
 padding: 0px 0px 1px 0px;
 margin:  0px 0px 1px 0px;
 text-align : left;
 }

h3 {
 color : #678083;
 text-transform : lowercase;
 font-variant: small-caps;
 font-weight : normal;
 font-size: 1.1em;
 text-indent : 0em;
 text-align : left;
 }

p {
 line-height : 1.65em;
 z-index:1;
}

p.first:first-letter {
 font-size: 1em;
 font-family:serif;
 }

p.box{
 margin:0; 
 padding:5px;
 line-height: 1.4em;
}

.todo {
 color: red;
}

blockquote {
 font-style: italic;
 line-height : 1.3em;
 text-align : justify;
 }

sub {
 font-size: 0.7em;
 font-style: normal;
 vertical-align: -20%;
 margin-right: 2px;
 }

sub.sun {
 font-size: 0.9em;
 vertical-align: -40%;
 line-height: 0.9em;
 }
* html sub.sun{
 background: url("../i/math/sun.gif") 0% no-repeat;
 font-size: 20px;
 color: #fff;
 width: 16px;
 line-height: 16px;
}

sup {
 font-size: 0.7em;
 font-style: normal;
 vertical-align: 40%;
 margin-right: 2px;
 }

sub img {
 font-size: 0.7em;
 font-style: normal;
 margin-bottom: -4px;
 border: none;
 }

sup img {
 font-size: 0.7em;
 font-style: normal;
 vertical-align: 40%;
 border: none;
 }

q { font-style: italic; }
q { quotes: '\AB' '\BB' '‹' '›'; }
q:before { content: open-quote; }
q:after { content: close-quote; }

ul, ol {
 text-align: justify;
 margin: 0;
 padding-left: 20px;
 text-indent: 0em;
 }

ul li {
 list-style : square;
 margin: 5px 0 5px;
 line-height: 1.3em;
 }

ol li {
 margin: 5px 0 5px;
 line-height: 1.3em;
 }

hr {
 color : #dddddd;
 width : 100%;
 height : 1px;
 border : 0;
 margin: 50px 0 20px 0;
 clear: both;
 }

cite {border-bottom:1px dashed #00cc21}
acronym {border-bottom:1px dotted #252525; cursor:help}
abbr, html\:abbr {border-bottom:1px dashed #252525; cursor:help}

.gototop{
 position: relative;
 float:right; 
 margin: 1px -5px 0 0;
 padding:0;
}
.gototop:hover{
 text-decoration: none;
}


.button {
 padding: 2px 5px 2px 5px;
 text-align: left;
 display: block;
 }

textarea{
 color:#c0c0c0;
 font-family : helvetica, arial, geneva, sans-serif;
 font-size: 1em;
 background: #37383c;
 border:1px solid #303135;
 margin: 1px 0px 1px 0px;
 padding:2px;
}
textarea:focus{background:#ffffff; color:#000000;}
input[type=text], input[type=file],input[type=password]{padding:2px; margin: 1px 0px 1px 0px; border: 1px solid #303135; background: #37383c; color:#c0c0c0}
input[type=text]:focus, input[type=file]:focus,input[type=password]:focus{padding:2px; margin: 1px 0px 1px 0px; border: 1px solid #303135; background: #fff; color:#000}
input[type=submit]{border: 1px solid #303135; cursor: pointer; text-transform:uppercase; margin:5px 0px 5px; padding:5px; color:#c0c0c0; background: #37383c;}
input[type=submit]:hover{background: #000; color:#fff}
input[type=checkbox]{margin: 2px 0px 2px 0px; border: 1px solid #303135; background: #434446;}

.img_thumbnail {
padding: 2px;
border: 1px solid #e0e0e0;
margin: 0;
}

.icon{margin:0; padding:4px;}
.icon:hover{background: #27282c;}

#erro_msg {
 color: #e0383c;
 font-size: 0.9em;
 line-height: 1.2em;
 text-align: center;
 padding:0;
 }

.apod img { width: 500px}
.apod p {text-indent: 0}

#comments_body {
padding: 0px 20px 20px 20px;
}

#comments {
color : #373737;
text-align : left;
margin-top : 60px;
padding-top : 20px;
padding-right : 10px;
padding-left : 10px;
}

/* FOR COMMENTS */
.comments_head {font-size : 0.95em; font-weight : bold;  margin-top: 30px}
.comments_author {font-size : 0.9em;  font-weight : bold; color : #c0c0c0}
.comments_time {font-size : 0.8em;color : #676767;}
.comments_text_head {width: 100%; display:block; background: url("../i/arr2.gif") 15px 0px no-repeat; margin:0px; padding:0px; line-height:11px}
.comments_text {font-size : 0.9em; margin: 0px 0px 10px 0px ; padding: 10px; display:block; background: #303135}
.comments_copyright {font-size : 0.8em;color : #979797;padding-top : 15px;}
.comments_copyright a {color : #979797;text-decoration : none;}
.comments_copyright a:visited {color : #979797;text-decoration : none;}
.comments_copyright a:hover {color : #000000;text-decoration : underline;}

.copyright {
display: block;
color : #57585c;
font-size: 0.9em;
text-align : center;
padding: 0px 0px 2px 0px;
margin: 50px -15px 0px -15px;
}

.last_modification {
background : #303135 url("../i/icons/time.png") 2px 5px no-repeat;
display: block;
color : #676767;
font-size: 0.85em;
text-align : left;
padding: 1px 10px 1px 22px;
margin: 0px -15px 0px -15px;
font-variant: small-caps;
text-transform: lowercase;
border-top: 1px dotted #333436;
line-height: 23px;
}

#cadastro_help{
display:block;
visibility:visible;
font-size:0.9em;
line-height: 1em;
}

.warning{
padding:0px 10px 0px 40px;
background: #ffff88 url('../i/icons/warning.png') no-repeat 10px 50%; 
border: 1px dotted #FF0000;
}
.warning p{
color:red; line-height:1.4em; margin:5px; padding:0
}
.message{
text-align:center;
padding: 7px;
background: #ffff88; 
border: 1px dotted #cdcdcd;
}
.poema_data{
 color : #909090;
 font-size: 80%;
}
.poema_nota{
 line-height: 1.5em;
 text-align: justify;
 color : #909090;
 font-size: 80%;
}
#poema_header{
padding:0px; margin:0px 60px 30px 60px; color:#678083; font-size:0.9em; line-height:1.1em;
}
img.figure, img.figure-left{
 padding: 2px;
 margin: 5px 0px 0px 10px ;
 border: 1px solid #333333; 
 float:right;
 }

img.figure-left {
 margin: 5px 10px 0px 0px;
 float:left;
 }

.poema_figure{
 padding: 2px;
 margin: 0px 0px 15px 0px ;
 border: 1px solid #333333; 
 }
#post_body p{
line-height: 1.3em;
}