/* ..........basics */
*    {
	margin: 0; 
	padding: 0; 
	}

body {
	background-color: #9bcd9b; /* define a cor da lateral do site */
	font: 12px Arial, sans-serif; 
	color: #4f4f4f;
	}

h2   {
	font-style: normal;
	font-size: 20px; 
	font-variant: small-caps;
	}

h3   {
	font-size: 16px; 
	}

h4   {
	font-size: 15px; 
	}

h5   {
	font-size: 13px; 
	}

img {
	border: none; 
	padding: 0; 
	}

img a {
	border: none; 
	}

ol   { 
	list-style-type: decimal-leading-zero; 
	margin: 0 0 1em 40px; 
	}

ul   { 
	list-style-type: disc; 
	margin: 0 0 1em 20px; 
	}

table a { 
	font-size: 10px; 
	text-decoration: none; 
	}

table a:hover { 
	font-size: 10px; 
	text-decoration: underline; 
	}

/* ..........classes */
.audio  {	
	font-size: 90%; 
	color: DarkGrey;
	}

.vermelho { 
	color: red; 
	}

.enredo { 
	color: #9a9a9a; 
	}

.visitas { /* classe inderida no arquivo template_page_visitas */
	font-size: 90%; 
	color: DarkGrey;
	}

.visitas a {
	text-decoration: none;
	}

.visitas a:hover {
	text-decoration: underline;
	}

/* ..........links */
a    { 
	color: #4f4f4f; 
	text-decoration: underline;
	}

a:hover { 
	color: DarkGrey; 
	text-decoration: none;
	}


/* ..........banner */
#banner { /* imagem no topo com os compositores */
	width: 100%;	
	height: 100px; 	
	}

#search { /* sambaderaiz.net & caixa de busca interna no site */
	display: table; 
	width: 100%; 
	height: 60px;
	padding-top: 10px;
	border-bottom: 4px #e8e8e8 solid;	
	}

.form { /* edita o campo da busca interna */
	background: white;  /* a cor do fundo do campo */
	border-width: 1px;
	border-color: DarkGrey; /* uma borda de 1px tracejada e na cor preta para o campo */
	border-style: solid;
	font-size: 25px;
	float: right;
	margin-right: 10px;
	padding-top: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	padding-right: 5px;
	color: DarkGrey; /* cor da fonte da caixa de busca */
	}

/* ..........container */
#container { 
	background:url(http://www.sambaderaiz.net/wp-content/imagens/site/fundo_content.gif) repeat-y; 
	width: 900px; 
	margin: 0 auto; 
	padding: 0; 
	overflow: hidden; 
	}

/* ..........content */
#content { 
	float: left; 
	width: 490px; 
	overflow: hidden; 
	margin: 14px; 
	}
.post { 
	margin: 0; 
	padding: 0; 
	line-height: 14pt; 
	}
.post h2 a { 
	text-decoration: none; 
	}
.post h2 a:hover { 
	color: DarkGrey; 
	text-decoration: none;
	 }
.entry p { 
	margin: 12px 0; 
	}
.navigation { 
	font-size: 8pt; 
	width: 100%; 
	float: left; 
	margin: 0; 
	padding: 0; 
	overflow: hidden; 
	}
#compositores-interpretes {
	font-size: 90%;
	}
#compositores-interpretes a { 
	color: #4f4f4f; 
	text-decoration: none;
	}
#compositores-interpretes a:hover { 
	color: DarkGrey; 
	text-decoration: underline;
	}
	
/* ..........left sidebar */
#left { 
	width: 190px; 
	float: left; 
	margin: 0; 
	padding: 0;  
	}
#left label { 
	font: normal 11pt Arial, sans-serif; 
	margin: 0;	
	padding: 0;
	}
#left p { 
	margin: 0; 
	padding: 0;
	}
#left img { 
	padding: 0; 
	margin: 0;
	}
#left a { 
	font-size: 95%; 
	color: DarkGrey; 
	text-decoration: none;
	}
#left a:hover { 
	font-size: 95%; 
	color: #4f4f4f; 
	text-decoration: underline;
	}
#left ul { 
	margin: 12px; 
	padding: 0; 
	}
#left ul li { 
	margin: 0;
	padding: 0; 
	line-height: 14pt; 
	list-style-type: none; 
	}
#left h2 {
	margin: 12px;
	}
	


/* ..........right sidebar */
#right { 
	width: 190px; 
	float: right; 
	margin: 0; 
	padding: 0;  
	}
#right label { 
	font: normal 11pt Arial, sans-serif; 
	margin: 0;	
	padding: 0;
	}
#right p { 
	margin: 0; 
	padding: 0;
	}
#right img { 
	padding: 0; 
	margin: 0;
	}
#right a { 
	font-size: 95%; 
	color: DarkGrey; 
	text-decoration: none;
	}
#right a:hover { 
	font-size: 95%; 
	color: #4f4f4f; 
	text-decoration: underline;
	}
#right ul { 
	margin: 12px; 
	padding: 0; 
	}
#right ul li { 
	margin: 0;
	padding: 0; 
	line-height: 14pt; 
	list-style-type: none; 
	}
#right h2 {
	margin: 0;
	}

/* ..........comentários */
#commentform {
 	margin: 0;	
	padding: 0; 
}

#commentform h3 { 
	font-size: 13pt; 
	margin: 0;	
	padding: 0; 
}

#author, #email, #url, #comment, #submit { 
	background: white;
	margin: 5px 5px 0 0;	
	padding: 0; 
	border: 1px solid #000;	
}

#submit { 
	margin: 5px 5px 0 0;
}

#comments { 
	margin: 0; 
	padding: 0;
}

ol.commentlist { 
	background: #e8e8e8;
	list-style-type: none; 
	margin: 0; 
	padding: 0;
}

ol.commentlist li {	
	margin: 10px 0; 
	padding: 5px 0 5px 10px;	
	list-style-type: none; 
}

ol.commentlist li p { 
	margin: 6px 0 6px 0; 
	padding: 0 12px 0 0; 
	line-height: 14pt;
}

/* superior, direita, inferior e esquerda. */

/* ..........footer */
#footer { 
	clear: both;
	width: 100%; 
	height: 597px;
	border-top: black 3px solid; 
	}
#footer p { 
	padding: 14px 0; 
	color: #4f4f4f;
	margin: 0 10px 0 10px;
	}
#footer a { 
	color: #4f4f4f; 
	text-decoration: underline;
	}
#footer a:hover { 
	color: DarkGrey; 
	text-decoration: none;
	}
.mangueira_rodape { /* posição do logo Mangueira 2011 */
	float: right;
	}