/*Documento CSS style_espaco_evangelico.css*/
body  {    
	margin: 0;     
	padding: 0;    
	background-image:url(/static/img/text-cinza.jpg);
	background-attachment:fixed;
     }  

/*Pra dispositivos que tem uma largura mínima de 768 pixels. Tablets, por exemplo.*/
@media screen and (max-width: 720px) {
      #container, #header, #mainnav, #contents, #sidebar, .img, #footer{
	  min-width: 240px;
	  width: 240px;
	 /*background-color: aqua;*/
  }
}	 
#container{  
	  margin: 1em auto;  
	  width: 55%;
	  height:740px;
	  background: #F0F0F0; /*#DCDCDC;*/
	}   

#header{
       background: #FF9966; /*vermelho queimado*/
       box-shadow: 0.1em 0.5em 0.5em 0.5em #8B4513;/*o primeiro nº é da sombra direita, o 2º é da parte debaixo,*/
   }	

#mainnav{/*navegação principal*/
	 height: 600px;
	 background: #F0F0F0; /*creme*/ 
	 padding-top: 1px;
	 box-shadow: 0.1em 0.5em 0.9em 0.9em #8B4513;/*o primeiro nº é da sombra direita, o 2º é da parte debaixo,*/
}   

#contents{ /*conteúdo do blog*/  
	float: left;   
	width: 70%; 
	height:560px;
	background-color: #FFFFEB;  
	margin-top: -560px; /*8px 0 20px 20px;/*o 1º número desloca a div contents da div mainnav. 
	O 3º número desloca do rodapé, move para cima. O 4º número desloca para direita*/ 
	 background-image:url(/static/img/linha-caderno-paint.jpg);
	background-repeat: no-repeat;
	background-position: top center;
}  

#sidebar{ /*menu vertical esquerdo*/  
     float: right;  
     width: 165px;  
     height: 560px;
     background: #EBFAEB; 
     margin-top: -560px;
     margin-right: 1.4em;
}
a.text:link{
color:#181818;
font-size: 1.6em;
text-decoration: none;	
margin-top: 3%;
margin-left: 2%;
}

h1{
text-align: center;
font-family: "Segoe Script", "lucinda grande", "lucinda sans", verdana, sans-serif;
}

h2, h3{
text-align: center;
}

li{
    list-style:none;
    text-decoration: none;
    margin-top: 30px;
    }
/*----------------------------------*/	

.menu ul {
padding:0px;
margin:0px;
float: left;
width: 100%;
height: 50px;
background-color: #F0F0F0; /*#FF9;/*creme do mainnav*/
list-style:none;
font:80% Tahoma;
}

.menu ul li { display: inline; }

.menu ul li a {
background-color: #FFFFEB;  /*#EDEDED;/*fundo do menu, nesse caso cinza*/
color: #333;/*cor da fonte do menu*/
text-decoration: none;
border-bottom:3px solid #EA0000; /*borda inferior, linha initerrupta vermelha do menu, */
padding: 2px 10px;
float:left;
}

.menu ul li a:hover {
background-color: #FF9966; /*vermelho queimado, cor de fundo que aparece ao clicar com o mouse*/
color: blue;/*cor da fonte ao clicar com o mouse*/
border-bottom:3px solid #000; /*cor que aparece ao se clicar com o mouse*/
}

a{
text-decoration: none;
}

#footer{  
	margin-top:420px; 
	width: 90%; 
	height:	30px;
	text-align: center;
	clear: both;   
}