/* -------------------------

1. posicionamento dos blocos
2. definicoes gerais
3. links
4. #menu
5. #menu li
6. fundo de #menu
7. h1 
8. blockquotes 
9. tipografia
10. diagramacao

andre@realejo.com.br
http://www.realejo.com.br/

---------------------------- */


/* posicionamento dos blocos
---------------------------- */

body {
margin: 0 auto !important;
width: 990px; 
position: relative;
}
#conteudo,
#rodape {
width: 400px;
width: 390px;
padding-right: 10px;
margin-right: 240px;
display: inline;
float: right;
}
#rodape {
border-top: 2px solid #F0CE78;
padding-top: 1em;
margin-top: 2em;
float: right;
clear: both;
}
#menu {
width: 249px; 
margin-left: 94px;
clear: left;
padding: 20px 0;
}
#lateral {
position: absolute;
left: 750px;
top: 304px;
width: 240px;
}
#blog #lateral {
left: 775px;
width: 215px;
}
div#b-navbar,
div#space-for-ie {
display: none !important;
}


/* definicoes gerais
-------------------- */

hr {
display: none;
}
ul {
list-style: square;
}
ol {
list-style-position: outside;
padding-left: 2.5em;
}
body {
color: black;
background: #FC0 url(../img/li-bg.gif) repeat-y center;
}
/*
html>body {
background-color: #FC0; cor para ff (diferencas do png)
}
*/


/* links
-------- */

a {
text-decoration: none;
color: black;
overflow: hidden;
}
a:link {
border-bottom: 2px solid #F0CE78;
}
a:visited {
border-bottom: 1px solid #221E1F;
background-color: transparent;
}
a:hover {
border-bottom: 2px solid #F0CE78;
background-color: #F0CE78;
}
a:active {
border-bottom: 2px solid #F0CE78;
background-color: #F0CE78;
}

#menu a,
#cabecalho a {
text-decoration: none;
border-bottom: none;
background-color: transparent;
}



/* #menu
-------- */

#menu ul {
list-style: none;
margin-bottom: 11px; /* tem que ser fixo */
}
#menu li {
height: 18px;
background-position: 57px 0px;
background-repeat: no-repeat;
background-color: transparent;
}
#menu ul a {
text-indent: -9999px;
text-decoration: none;
display: block;
padding-left: 57px;
width: 192px;
height: 18px;
background-color: transparent;
}
#menu ul a:hover {
background: transparent url(../img/li-seta-ov.gif) 40px 0px no-repeat;
}




/* #menu li
----------- */

#li-criadores {
background-image: url(../img/li-criadores.gif);}
#li-ensino {
background-image: url(../img/li-ensino.gif);}
#li-metodologia {
background-image: url(../img/li-metodologia.gif);}
#li-atendimento {
background-image: url(../img/li-atendimento.gif);}
#li-aulas {
background-image: url(../img/li-aulas.gif);}
#li-avaliacoes {
background-image: url(../img/li-avaliacoes.gif);}
#li-monitoria {
background-image: url(../img/li-monitoria.gif);}
#li-redacao {
background-image: url(../img/li-redacao.gif);}
#li-atividades {
background-image: url(../img/li-atividades.gif);}
#li-salas {
background-image: url(../img/li-salas.gif);}
#li-tecnologia {
background-image: url(../img/li-tecnologia.gif);}
#li-home {
background-image: url(../img/li-home.gif);}
#li-blog {
background-image: url(../img/li-blog.gif);
background-position: 55px 0 !important;
}




/* fundo de #menu
----------------- */

#menu {
background: transparent url(../img/seta-aqui.gif) no-repeat;
}

#criadores #menu {
background-position: 0px 5px;}
#ensino #menu {
background-position: 0px 23px;}
#metodologia #menu {
background-position: 0px 52px;}
#atendimento #menu {
background-position: 0px 70px;}
#aulas #menu {
background-position: 0px 88px;}
#avaliacoes #menu {
background-position: 0px 106px;}
#monitoria #menu {
background-position: 0px 135px;}
#redacao #menu {
background-position: 0px 153px;}
#atividades #menu {
background-position: 0px 171px;}
#salas #menu {
background-position: 0px 200px;}
#tecnologia #menu {
background-position: 0px 218px;}
#home #menu {
background-position: 0px 247px;}
#blog #menu {
background-position: 0px 276px;}




/* h1 
----- */

#conteudo h1 {
text-indent: -9999px;
background-repeat: no-repeat;
background-color: transparent;
height: 46px;
}
#home #conteudo h1 {
display: none;
}

#criadores h1 {
background-image: url(../img/h1-criadores.gif);}
#ensino h1 {
background-image: url(../img/h1-ensino.gif);}
#metodologia h1 {
background-image: url(../img/h1-metodologia.gif);}
#atendimento h1 {
background-image: url(../img/h1-atendimento.gif);}
#aulas h1 {
background-image: url(../img/h1-aulas.gif);}
#avaliacoes h1 {
background-image: url(../img/h1-avaliacoes.gif);}
#monitoria h1 {
background-image: url(../img/h1-monitoria.gif);}
#redacao h1 {
background-image: url(../img/h1-redacao.gif);}
#atividades h1 {
background-image: url(../img/h1-atividades.gif);}
#salas h1 {
background-image: url(../img/h1-salas.gif);}
#tecnologia h1 {
background-image: url(../img/h1-tecnologia.gif);}
#blog h1 {
background-image: url(../img/h1-blog.gif);}




/* blockquotes 
-------------- */

#conteudo blockquote {
margin-top: 10px;
}
#conteudo blockquote,
#conteudo blockquote p {
height: 92px; 
}
#metodologia blockquote p,
#metodologia blockquote,
#salas blockquote p,
#salas blockquote,
#atendimento blockquote p,
#atendimento blockquote,
#atividades blockquote p,
#atividades blockquote,
#monitoria blockquote p,
#monitoria blockquote {
height: 120px;
}
#conteudo blockquote p {
margin-left: 200px;
width: 190px;
text-indent: -9999px;
background-repeat: no-repeat;
background-color: transparent;
}

#criadores blockquote p {
background-image: url(../img/bq-criadores.gif);}
#ensino blockquote p {
background-image: url(../img/bq-ensino.gif);}
#metodologia blockquote p {
background-image: url(../img/bq-metodologia.gif);}
#atendimento blockquote p {
background-image: url(../img/bq-atendimento.gif);}
#aulas blockquote p {
background-image: url(../img/bq-aulas.gif);}
#avaliacoes blockquote p {
background-image: url(../img/bq-avaliacoes.gif);}
#monitoria blockquote p {
background-image: url(../img/bq-monitoria.gif);}
#redacao blockquote p {
background-image: url(../img/bq-redacao.gif);}
#atividades blockquote p {
background-image: url(../img/bq-atividades.gif);}
#salas blockquote p {
background-image: url(../img/bq-salas.gif);}
#tecnologia blockquote p {
background-image: url(../img/bq-tecnologia.gif);}
#home blockquote p {
background-image: url(../img/bq-home.gif);}




/* tipografia
------------- */

body {
font: 12px verdana, tahoma, Helvetica, sans-serif; 
}
#conteudo h3,
#conteudo dt,
#conteudo h2,
.por,
p.copyright,
#lateral,
#rodape {
font-family: Arial, Helvetica, sans-serif; 
}

#conteudo em {
font-style: normal;
}
#conteudo h3,
#conteudo dt {
text-transform: uppercase;
font-size: 11px;
letter-spacing: 1px; 
}
#conteudo dt {
margin: 0 0 1em; 
}
#conteudo h2 {
font-size: 23px; 
font-weight: normal; 
}
#conteudo h3 {
font-weight: normal;
}
#lateral h4 {
font-size: 11px;
text-transform: uppercase;
font-weight: normal;
}
.por {
font-size: 11px; 
font-style: italic; 
}
p.copyright,
#lateral {
font-size: 11px; 
}
#rodape {
font-size: 11px; 
}
#rodape dt {
font-weight: bold; 
}




/* diagramacao
-------------- */

#conteudo h3 {
border-top: 1px solid #F0CE78;
border-bottom: 1px solid #F0CE78;
margin: 3em 0 0;
padding: 0.5em 0;
}
#conteudo h2 {
margin: 0.5em 0 1em;
}

#conteudo div,
#conteudo p,
#conteudo li,
#conteudo dt,
#conteudo dd {
line-height: 2em; 
}
#conteudo p {
margin-bottom: 0.5em; 
}
#conteudo dl {
padding: 2em 0; 
}
#conteudo ul {
margin: 1em 0 2em 1.5em; 
}
#conteudo ol {
margin: 0 0 1em; 
}
#conteudo dd {
margin-bottom: 2em; 
}
#conteudo ol li {
margin: 1em 0 1em; 
}
#conteudo ul li {
margin-bottom: 0; 
}
#conteudo ul li p {
margin-bottom: 1em; 
}
#conteudo dd p {
margin-bottom: 1em; 
}
#rodape p {
margin-bottom: 1em;
}
#rodape dt {
margin-bottom: 0.25em;
}
#rodape dd {
margin-bottom: 1em;
}
#lateral h4 {
border-bottom: 1px solid #F0CE78;
}
#lateral ul {
list-style: none;
}
#blog p#descricao {
margin-bottom: 2em;
}