/*
Theme Name: Webpoint
Theme URI: http://www.blog.alexandremagno.net
Description: Tema desenvolvido exclusivamente para o Blog Web
Point que trata sobre desenvolvimento e design para WEB
Author: Alexandre Magno Teles Zimerer
Author URI: http://www.alexandremagno.net

*/

body {

	margin: 0;
	padding: 0;
	background-image: url(_imgs/bg_body.gif);
	background-repeat: no-repeat;
	background-position: -120px 450px;
	background-color: white;
	font-family: Tahoma;
	font-size: 13px;
	color:  #6B6B6B;

}

hr {

	color: #EFEFEE;
	height: 1px;
	background-color: #EFEFEF;
	border: none;
	width: 80%;
	margin: 15px auto 15px auto;
	display: block;
	clear: both;
}

a {

	outline: none;
}

/*.css {

	width: 80% !important;
	height: auto !important;



}*/

pre, pre.css {


	width: 500px;
	height: auto;
	margin: 20px auto 8px auto;
	background-color: #F1F4F5 !important;
	padding: 2px 4px 2px 20px !important;
	border: 1px solid black !important;

}

q {

	width: 90%;
	height: auto;
	display: block;
	margin: 0 0 0 20px;
	padding: 25px 0 15px 25px;
	font-style: italic;
	background-image: url(_imgs/icone_quote.gif);
	background-repeat: no-repeat;
	background-position: 5px 15px;
}

a img {

	border: none;
}

#page_rank {


	width: 70px;
	height: 20px;
	margin: 10px auto;


}

/* contato */

.msg_contato {

	color: red;
}

/* fim do contato */

/* Elementos gerais */


#geral {

	width: 746px;
	height: auto;
	overflow: auto;
	margin: auto;

}

#geral a:link, #geral a:visited, #geral a:active {

	color: #454D9F;
	font-weight: bold;
}

#geral a:hover {

	color: #6D74AF;
	font-weight: bold;
	text-decoration: none;
}

.imgFloat {

   float: left;
   padding: 0 8px 3px 0;

}

.campo {

	background-color: #FAF8F8;
	border: 1px solid #959595;
	color: #5F4141;

}

.campo_focus {

	border: 1px solid red;
}

.subs_img {

	display: none;
}

/* cabe�alho */

#head {

	width: 746px;
	height: 169px;
	background-color: white;
	padding: 2px 0 2px 0;
	background-image: url(_imgs/cabecalho.jpg);
	background-repeat: no-repeat;
	background-position: 0 2px;
	border-top: 8px solid #0D345F;
	border-bottom: 8px solid #0D345F;

}

#head h1, #head p, #head q {
	display: none;
}

/* Barra de busca e menu no topo */

#barra_topo {

	width: 746px;
	height: auto;
	margin: 3px 0 0 0;
	padding: 0 0 36px 0;
	/*overflow: auto;*
	/*border: 1px solid gray;*/
}

/* menu do topo */

#menu_topo {

	width: 400px;
	height: auto;
	float: left;
	padding: 6px 2px 0 4px;
	/*border: 1px solid black;*/
}

#menu_topo ul, #menu_topo li {

	display: inline;
	margin: 0;
	padding: 0;
}

#menu_topo li {

	margin-right: 5px !important;
}


/* barra de busca */

#busca {

	width: 315px;
	height: auto;
	float: left;
	padding: 0 0 0 25px;
	/*border: 1px solid green;*/
}

#busca label {

	font-weight: bold;
}

#busca form, #busca input {

	display: inline;
}

.btn_buscar, .btn_buscar2 {

	width: 58px;
	height: auto;
	background-image: url(_imgs/icone_buscar.gif);
	background-repeat: no-repeat;
	background-position: left;
	display: inline;
	border: none;
	background-color: transparent;
	padding: 2px 4px 2px 14px;
	margin: 0;
	background-color: #DEE7F3;
	border: 1px solid #959595;
	font-size: 10px;
	cursor: pointer;


}

.btn_buscar2 {

	float: right;
	background-image: none;
	padding: 2px 4px 2px 4px;
	margin-left: 4px;
}

.btn_buscar_over {

	background-color: #D1D3DF;
}

/* conte�do */

#enclose {

	width: 100%;
	height: auto;
	overflow: auto;
	clear: both;
	margin: -10px 0 0 0;
}

/* barra de navega��o lateral */

#barra_lateral {

	width: 169px;
	height: auto;
	float: left;
	/*border: 1px solid black;*/
}

h2#categorias, h2#arquivos, h2#links {

	width: 75%;
	height: 13px;
	background-repeat: no-repeat;
	background-position: 18px 4px;
	border-top: 1px dashed #9ABDE7;
	border-bottom: 1px dashed #9ABDE7;
	padding: 4px 0 4px 0;

}

.seta {

	background-image: url(_imgs/icone_seta.gif);
	background-repeat: no-repeat;
	background-position: 0 1px;
	display: block;
	width: 12px;
	height: 11px;

}

h2#categorias {

	background-image: url(_imgs/h2_categorias.gif);
}

h2#arquivos {

	background-image: url(_imgs/h2_arquivos.gif);
}

h2#links {

	background-image: url(_imgs/h2_links.gif);
}

#lista_categorias, #lista_arquivos, #lista_links {


	margin: -6px 0 0 20px;
	padding: 0;
	background-color: transparent;
	/*border: 1px solid black;*/
}

#lista_categorias a, #lista_arquivos a, #lista_links a {

	width: 80%;
	height: auto;
	text-align: left;
	text-decoration: none;
	color: #666666 !important;
	font-weight: normal !important;
	position: relative;
	left: 0;
	background-color: transparent;
}

#lista_categorias li, #lista_arquivos li, #lista_links li {
	width: 100%;
	margin: 6px 0 0 0;
	padding: 1px 0 1px 0;
	background-color: transparent;

}

#lista_categorias {

	list-style-image: url(_imgs/icone_ul_categorias.gif);
}

#lista_arquivos {

	list-style-image: url(_imgs/icone_ul_arquivos.gif);
}

#lista_links {

	list-style-image: url(_imgs/icone_ul_links.gif);
}

/* barra do conteudo */

#conteudo {

	width: 573px;
	height: auto;
	float: right;
	margin: 0;
	padding: 0 0 24px 0;
	/*border: 1px solid green;*/
}

#conteudo h2 {
	width: 100%;
	color: #0E0E6F;
	background-color: #EBF2FC;
	font-size: 28px;
	margin: 2px 0 0 0;
	padding: 0;
	font-family: "Trebuchet MS";

}

#conteudo h3 {
	width: 100%;
	color: #4F507F;
	background-color: #EBF2FC;
	font-size: 18px;
	margin: 8px 0 4px 0;
	padding: 0;
	font-family: "Trebuchet MS";

}


#conteudo h2 span, #conteudo h3 span {
	width: 65%;
	background-color: #FFFFFF;
	margin-left: 18px;
	padding: 0 4px 0 4px;
	/*border: 1px solid black;*/
}

#conteudo form {

	margin: 15px 0 15px 0;
	width: 87%;
}

#conteudo form label {

	display: block;
	padding: 6px 0 6px 0;
	font-weight: bold;
}

#conteudo ul {

	list-style-image: url(_imgs/icone_ul_conteudo.gif);

}

#conteudo ul li {

	padding: 4px 0 4px 0;
}

.aviso_obrigatorio {

	display: block;
	padding: 8px 0 8px 0;
}

/* Posts */

.post_data_nome, .post_categoria, .post_comentarios,
.more-link, .post_ler_antigo {

	width: 90%;
	height: auto;
	background-repeat: no-repeat;
	padding-left: 20px;

}

.post_data_nome {

	background-image: url(_imgs/icone_info.gif);
	background-position: 0 2px;
}

.post_categoria {

	background-image: url(_imgs/icone_categoria.gif);
	background-position: 2px 2px;
}

.post_comentarios {

	background-image: url(_imgs/icone_comentarios.gif);
	background-position: 0 2px;
	padding-left: 24px;
}

.more-link {

	background-image: url(_imgs/icone_mais.gif);
	background-position: center right;
	padding: 0 15px 0 0;
	margin-bottom: 15px;
	width: 93%;
	text-align: right;
	display: block;
	float: right;
}

.post_ler_antigo {

	background-image: url(_imgs/icone_post_antigo.gif);
	background-position: center right;
	padding: 0 15px 0 0;
	margin-bottom: 15px;
	width: 93%;
	text-align: right;
	display: block;
	float: right;
}

.post_conteudo {

	font-size: 13px !important;
}

/* Coment�rios */

#comentarios {

	width: 94%;
	height: auto;

}

#box_advertencia {

	width: 400px;
	height: auto;
	background-color: #9F9F9F;
	border: 1px solid #2D2F1D;
	margin: 6px auto 6px auto;
	padding: 8px;
	color: white;
	font-weight: bold;
	font-size: 12px;
}

#box_advertencia ul {

	list-style-image: url(_imgs/icone_ul_claro.gif);

}

.comentario_impar, .comentario_par {

	width: 94%;
	height: auto;
	padding: 3px 0 5px 8px;
	margin: 18px 0 18px 0;
}

.comentario_impar {

	background-color: #F5F6FD;

}

.comentario_par {

	background-color: white;

}

.comentario_autor, .comentario_conteudo {

	width: 90%;
	height: auto;
	background-repeat: no-repeat;
	background-position: 4px 2px;
	padding: 0 0 0 22px;

}

.comentario_autor {

	background-image: url(_imgs/icone_tit_comentario.gif);
}

.comentario_conteudo {

	background-image: url(_imgs/icone_cont_comentario.gif);
}

.comentario_data {

	font-size: 10px !important;
	padding: 0 0 0 22px;
}

.download {

	width: 100%;
	height: auto;
	float: right;
	font-size: 10px !important;
}

.link_download {

	width: auto;
	height: auto;
	background-image: url(_imgs/icone_download.gif);
	background-repeat: no-repeat;
	background-position: 5px 2px;
	text-decoration: none;
	padding: 0 26px 0 20px;
	margin: 0 0 0 0;
	display: block;
	float: right;
	/*border: 1px solid black;*/
}

/* p� de p�gina */

#foot {

	width: 746px;
	height: auto;
	overflow: auto;
	clear: both;
	overflow: auto;
	font-size: 11px;
	text-align: center;
	margin: 0;
	border-bottom: 10px solid #0D345F;
	/*border: 1px solid gray;*/
}

#foot_assinatura {

	width: 120px;
	height: auto;
	float: left;
	margin: 0;
	padding: 3px 0 0 0;
	/*border: 1px solid gray;*/
}

#acessibilidade {

	width: 570px;
	height: auto;
	float: right;
	text-align: right !important;
	/*border: 1px solid green;*/
}

#acessibilidade ul {

	width: 90%;
	height: auto;
	padding: 0;
	margin: 0;
	float: right;
	/*border: 1px solid black;*/
}

#acessibilidade li {

	float: right;
	margin: auto;
	padding: 4px;
	list-style-type: none;
}

/* �cones de acessibilidade */

.css, .xhtml, .tableless, .rss, .hcard, .wordpress, .delicious {

	width: 80px;
	height: 15px;
	display: block;
	border: none !important;
	background-color: white !important;
	text-decoration: none;
}

/*
.css {

	background-image: url('_imgs/icone_css.gif');
}

.css:hover {


	background-image: url('_imgs/icone_css_over.gif');

}

.xhtml {


	background-image: url('_imgs/icone_xhtml.gif');

}
.xhtml:hover {


	background-image: url('_imgs/icone_xhtml_over.gif');


}

.tableless {


	background-image: url('_imgs/icone_tableless.gif');

}
.tableless:hover {


	background-image: url('_imgs/icone_tableless_over.gif');


}

.rss {


	background-image: url('_imgs/icone_rss.gif');

}
.rss:hover {


	background-image: url('_imgs/icone_rss_over.gif');


}

.hcard {


	background-image: url('_imgs/icone_hcard.gif');

}
.hcard:hover {


	background-image: url('_imgs/icone_hcard_over.gif');


}

.wordpress {


	background-image: url('_imgs/icone_wordpress.gif');

}
.wordpress:hover {


	background-image: url('_imgs/icone_wordpress_over.gif');


}

/* Tooltip
#tooltip {
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	font-size: 11px !important;
}
#tooltip h3, #tooltip p {

	 margin: 0;
	 font-size: 11px !important;
 }
*/

/* Pagina��o */

.pagebar
	{
		font: 11px Arial, Helvetica, sans-serif;
		padding-top: 20px;
		padding-bottom: 10px;
		margin: 0px;
	}

.pagebar a, .pageList .this-page
	{
		padding: 2px 6px;
		border: solid 1px #ddd;
		background: #fff;
		text-decoration: none;
	}

.pagebar a:visited
	{
		padding: 2px 6px;
		border: solid 1px #ddd;
		background: #fff;
		text-decoration: none;
	}

.pagebar .break
	{
			padding: 2px 6px;
			border: none;
			background: #fff;
			text-decoration: none;
	}

.pagebar .this-page
	{
		padding: 2px 6px;
		border-color: #999;
		font-weight: bold;
		font-size: 13px;
		vertical-align: top;
		background: #fff;
	}

.pagebar a:hover
	{
		color: #fff;
		background: #0063DC;
		border-color: #036;
		text-decoration: none;
	}
/* tooltip */

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #D1DEEF;
	padding: 5px;
	opacity: 0.85;
	font-size: 11px !important;
}
#tooltip h3, #tooltip div { margin: 0; font-size: 11px; }

#tooltip.pretty {
	font-family: Arial;
	border: none;
	width: 210px;
	padding:20px;
	height: 135px;
	opacity: 0.8;
	background: url('shadow.png');
}
#tooltip.pretty h3 {
	margin-bottom: 0.75em;
	font-size: 12px;
	width: 220px;
	text-align: center;
}
#tooltip.pretty div { width: 220px; text-align: left; }

#tooltip.fancy {
	background: url('shadow2.png');
	padding-top: 5em;
	height: 100px;
}

/*body, div { font-family: 'lucida grande', helvetica, verdana, arial, sans-serif }
body { margin: 0; padding: 0; font-size: small; color: #333 }
h1, h2 { font-family: 'trebuchet ms', verdana, arial; padding: 10px; margin: 0 }
h1 { font-size: 12px }
#main { padding: 1em; }
#banner { padding: 15px; background-color: #06b; color: white; font-size: 12px; border-bottom: 1px solid #ccc;
    background: url(bg.gif) repeat-x; text-align: center }
fieldset { padding: 8px; }
legend { font-weight: bold; }

.jscom, .mix htcom   { color: #4040c2; }
.com      { color: green; }
.regexp   { color: maroon; }
.string   { color: teal; }
.keywords { color: blue; }
.global   { color: #008; }
.numbers  { color: #880; }
.comm     { color: green; }
.tag      { color: blue; }
.entity   { color: blue; }
.string   { color: teal; }
.aname    { color: maroon; }
.avalue   { color: maroon; }
.jquery   { color: #00a; }
.plugin   { color: red; }*/