@charset "UTF-8";
/* CSS Document */

/*  
Theme Name: DOTMAC SNOW
Theme URI: http://www.dotmac.com.br
Description: Tema do site dotmac.com.br
Version: 5.0
Author: Eduardo Medeiros
Author URI: http://www.dotmac.com.br
*/
 
 
body {
	background-image: url(img/topobg.png);
	background-repeat: repeat-x;
	list-style-image: none;
	font-family: Arial, Helvetica, sans-serif;
	color: #444b57; 
}
 
/* Fontes */

p {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 0.9em;
}
 
h2 { 
	font-size: 1.2em; 
}
 
/* Links */

a {
	text-decoration: none;
	color: #444b57;
	border: 0; 
}
 
	a:hover {
		text-decoration: none;
		border: 0;
}
 
/* Borda 0 em imagem */

img { 
	border: 0; 
}
 
img.centro {
		display: block;
		margin-left: auto;
		margin-right: auto;
}
 
/* Barra */

hr {
	background-color: #9ea6bf;
	color: #9ea6bf;
	height: 7px;
	border: #9ea6bf;
}
 
/* Pre */

pre {
	font-family: "Courier New", Courier, monospace;
	font-size: 0.8em;
	margin-left:10px;
	margin-right:10px;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	background-color: #9ea6bf;
	overflow: auto;
	width: 90%;
	height: auto;
	border-width: 1px;
	border-style: solid;
}
 
/* Geral */

#geral {
	width: 980px;
	margin: 0 auto; 
}
 

/* Cabeçalho */

#topo {
	width: 100%;
	height: 155px;
}
 
#logo {
	width: 28%;
	height: 145px;
	float: left;
}
 
#logo img { 
	padding-top: 20px;
}
 
/* Conteudo */

#conteudo {
	width: 70%;
	float: left;
}

/* Rodape */
 
#rodape {
	width: 980px;
	height: 100px;
	background-color: #9ea6bf;
	clear: both;
	margin: 0 auto;

}
 
#rodape p {
		color: #f0f0f0;
		font-size: 0.8em;
}
 
#rodape_esq {
	width: 60%;
	height: 100px;
	float: left;
}
 
#rodape_dir {
	width: 40%;
	height: 100px;
	float: right;
	margin-top: 3px;
}

/* Menu */
#menu {
	width: 72%;
	height: 140px;
	float: right;
	display: inline;
}
 
#menu ul { 
	display: inline;
}
 
#menu ul li {
	float: left;
	margin: 62px 0 0 8px;
}
 
#menu ul li a {
	display: block;
	background: url(img/menu_item.png);
	width: 124px;
	height: 29px;
	text-align: center;
	color: #f0f0f0;
	font-size: 1.1em;
	font-weight: bold;
	padding: 9px 0 0 0;
	text-decoration: none;
}
 
#menu ul li.current a {
	background: url(img/menu_item.png) 0 -37px;
	color: #ecece0;
}
 
#menu ul li.current a:hover {
	color: #fff;
	cursor: default
}
 
#menu ul li a:hover {
	background: url(img/menu_item.png) 0 -37px;
	color: #ecece0;
}
 
#menu ul li { 
	list-style-type: none;
}
 
/* Fim Menu */

/* Busca */

#busca {
	width: 100%;
	height: 50px;
	clear: both;
	padding-top: 10px;
}
 
#busca img { 
	vertical-align: top;
}
 
/* Sidebar */

#sidebar {
	width: 27%;
	float: right;
}
 
.sidebox {
	background: url(img/sideboxlateral.png) repeat-y;
	display: table;
	width: 260px;
	padding-bottom: 10px;
}
 
.sidebar_titulo {
	background-image: url(img/sideboxtopo.png);
	background-position: top;
	background-repeat: no-repeat;
	width: 260px;
	height: 43px;
	margin-top: 10px;
}
 
.sidebar_rodape {
	background: url(img/sideboxrodape.png) no-repeat left bottom;
	height: 8px;
}
 
.sidebar_titulo h2 {
	float: left;
	font-size: 1.3em;
	margin: 10px 0 0 16px;
	color: #7e8ca4;
}
 
#sidebar ul {
	font-size: 0.9em;
}
 

#sidebar ul li {
	display: block;
	height: 30px;
	text-align: left;
	text-transform: uppercase;
	padding-top: 6px;
	list-style-type: none;
}
 
#sidebar ul li:hover {
	display: block;
	padding-top: 6px;
}
 
#sidebar ul li a {
	color: #444b57;
	text-decoration: none;
	display: block;
	padding-top: 5px;
}
 
#sidebar ul li a:visited {
	text-decoration: none;
	padding-top: 5px;
	color: #7e8ca4;
}
 
#sidebar ul li a:hover {
	text-decoration: none;
	padding-top: 5px;
	color: #7e8ca4;
}
 
/* Fim Sidebar */


/* Posts */
#inicio_posts {
	width: 620px;
	height: 50px;
	background-image: url(img/ultimosposts.png);
	background-repeat: no-repeat;
	margin-left: 10px;
	margin-bottom: 20px; 
}
 
#inicio_posts h2 {
	float: left;
	font-size: 1.5em;
	letter-spacing: 2px;
	font-weight: bold;
	margin: 12px 0 0 16px;
	color: #f0f0f0;
}
 
.posts {
	width: 100%;
	float: left;
}
 
.post_titulo { 
	width: 100%;
}
 
.post_titulo h2 {
	font-size: 1.7em;
	letter-spacing: -1px;
	font-weight: bold;
	margin: 5px 0 0 16px;
	color: #7e8ca4;
}
 
.post_data {
	width: 100%;
	height: 30px;
	clear: both;
}
 
.post_data p {
	font-size: 0.9em;
	letter-spacing: -1px;
	font-weight: bold;
	margin: 2px 0 0 16px;
	color: #9ea6bf;
}
 
.post_conteudo { 
	width: 100%;
}
 
.post_dados {
	width: 100%;
	background-color: #f0f0f0;
}
 
/* Fim Posts */

/* Utilidade rodape */
#utilidade_rodape {
	width: 980px;
	height: 400px;
	background-color: #f6f6f6;
	clear: both;
	margin: 0 auto;
	padding-bottom: 20px;
}

#utilidade_rodape ul {
	list-style-image:url(img/li.png);
}
 
#utilidade_rodape h2 {
	float: left;
	font-size: 1.4em;
	letter-spacing: -1px;
	font-weight: bold;
	margin: 13px 0 0 16px;
	color: #f0f0f0;
}
 
#top10_posts {
	width: 50%;
	height: 390px;
	float: left;
}
 
#ultimos_comentarios {
	width: 50%;
	height: 390px;
	float: right;
}
 
.boxutilidade {
	display: table;
	width: 400px;
	padding-bottom: 10px;
	margin-left: 10px;
}
 
.boxutilidade_titulo {
	background-image: url(img/titulo_utl_rodape.png);
	background-position: top;
	background-repeat: no-repeat;
	width: 400px;
	height: 50px;
	margin-top: 10px;
	margin-left: 20px;
}
 
/* Estilo para <li> */
.boxutilidade li {
	margin-left: 20px;
	margin-top: 10px;
	font-size: 0.9em;
}
 
.boxutilidade ul {
	margin-top: 10px;
	font-size: 0.9em;
}
 
 
/* Formularios */
input {
	border: 0px solid #CCCCCC;
	height: 40x;
	color: #666;
	font-size: 22px;
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 10px;
}
 

/* Comentarios */

#comentario {
	width: 95%;
	height: auto;
	float: left;
	background-color: #c8cedc;
	margin-top: 10px;
	margin-bottom: 20px;
}
 
#comentario_form {
	width: 95%;
	height: auto;
	float: left;
	background-color: #dcdcdc;
	margin-top: 10px;
	margin-bottom: 20px;
}