/*  
Theme Name: Jorge Teixeira de Oliveira
Theme URI: 
Description: Site pessoal
Version: 3.0
Author: Erika Sarti
Author URI: http://erikasarti.net/
*/

/*

******************************

   CORES USADAS NO SITE

 azul escuro	#003471
 azul medio	#0072BC
 azul claro	#6DCFF6

 verde escuro	#005E20
 verde medio	#39B54A
 verde claro	#A3D39C

******************************
*/

<!--

	body		{background: #79A6B8 url(images/bkg_fundo.png) repeat-x; color: #000; margin: 10px; padding: 0;
			font-family: Verdana, Arial, Helvetica; font-size: 12px; text-align: center;}

	a:link		{color: #003471; text-decoration: none; font-weight: bold;}
	a:visited	{color: #003471; text-decoration: none; font-weight: bold;}
	a:hover		{color: #005E20; text-decoration: underline;}
	a:active	{color: #005E20; text-decoration: none;}


	h1		{font-size: 20px; color: #003471; margin: 0;}
	h1 a:hover	{color: #0072BC; text-decoration: none;}
	h2		{font-size: 14px; color: #39B54A; margin: 0 0 10px 0;}
	h3		{font-size: 12px; color: #005E20; text-align: center;}
	h4		{font-size: 11px; color: #39B54A; }
	h5		{font-size: 11px;}

	hr		{width: 90%; background: #CCC; color: #CCC; height: 1px; border: none; text-align: center;}

	blockquote	{color: #666; border-left: 2px #7A8FCD solid; margin-left: 30px; padding-left: 8px;}

	.clear		{clear: both;}

	input, textarea	{background: #F9F9F9; color: #333; border: 1px #7F9DB9 solid;
			font-size: 11px; font-family: Verdana, Arial, Sans-Serif;}

	#searchform	{margin: auto;}

		#searchform input.busca	{width: 110px; padding: 2px; font-weight: normal;}

		#searchform input.bt	{background: #E5E5E5 url(images/search.gif) no-repeat; border: 1px #999 solid;
					padding: 1px; font-weight: normal;}


/* ************** main page ************** */

 	#page		{background: #FFF; margin: 0 auto; padding: 0; border: #003471 1px solid;
			width: 790px; text-align: left;}



/* ************** cabecalho ************** */

	#header		{background: #FFF url(images/header2.png) 0px 170px no-repeat; height: 198px; text-align: left; padding: 0; margin: 0;}

		#header .home	{display: block; width: 790px; height: 170px; float: left; background: url(images/header.jpg) no-repeat; text-indent: -1000px;}

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

		#menu ul	{margin: 0; padding: 0;}

		#menu ul li	{display: inline;}

		#menu ul li a	{background: #003471; color: #FFF; float: left; margin-left: 3px;
				padding: 7px; text-decoration: none; font-size: 12px;}

		#menu ul li a:hover {background: #39B54A url(images/bkg_aba.gif) repeat-x; color: #FFF; float: left; padding: 7px; text-decoration: none;}

	#barra		{background: #003471 url(images/bkg_barra.gif) repeat-x; color: #FFF; padding: 10px;
			font-size: 12px; text-align: right; font-weight: bold;}

		#barra form	{margin: 0; padding: 0;}



/* *************** lateral *************** */

	#sidebar	{width: 180px; margin: 0; float: left;}

		#sidebar img	{border: none;}


		#sidebar a#contribua	{width: 150px; height: 74px; display: block; margin: 0 auto 10px; text-indent: -20000px;
					background: url(images/bt_contribua.png) no-repeat;}

		#sidebar #acompanhe	{width: 160px; padding-top: 35px;
					background: url(images/acompanhe.gif) no-repeat center top; margin: auto; margin-bottom: 100px;}

			#sidebar #acompanhe a		{background-position: 0 -16px; background-repeat: no-repeat;
							display: block; height: 16px; padding: 2px 0 0 28px;}

			#sidebar #acompanhe a:hover	{background-position: 0 0; background-repeat: no-repeat;}

			#sidebar #acompanhe a#orkut	{background-image: url(images/icon_orkut.gif);}

			#sidebar #acompanhe a#youtube	{background-image: url(images/icon_youtube.gif);}

			#sidebar #acompanhe a#flickr	{background-image: url(images/icon_flickr.gif);}

			#sidebar #acompanhe a#ggroups	{background-image: url(images/icon_ggroups.gif);}

			#sidebar #acompanhe a#twitter	{background-image: url(images/icon_twitter.gif);}

			#sidebar #acompanhe a#facebook	{background-image: url(images/icon_facebook.gif);}

			#sidebar #acompanhe a#technorati{background-image: url(images/icon_technorati.gif);}



/* ************** conteudo *************** */

	#content	{width: 580px; margin-top: 10px; padding: 80px 10px 10px 5px; float: right; line-height: 120%;}

		.blog		{background: url(images/titulo_blog.gif) no-repeat;}

		.data		{color: #666; font-size: 10px; text-transform: lowercase; clear: both; margin-top: 5px;}

			.data a		{font-weight: normal;}

		.post		{margin-bottom: 30px; padding-bottom: 20px; border-bottom: #79A6B8 solid 1px;}

		.entry		{margin: 10px 0 20px 0; line-height: 130%;}


		.postmetadata	{margin-bottom: 50px; font-size: 10px; text-transform: lowercase;}

			.postmetadata a		{font-weight: normal;}

		h3.pagetitle	{margin: 10px 0 20px 0; text-align: left;}

		.comentario		{background: url(images/comment.gif) no-repeat 0px 4px; padding-left: 20px;}

			.comentario img,
			.comentario2 img	{width: 16px !important; height: 16px !important; border: 0; margin: 0 !important;}

		.blog h1	{line-height: 110%;}


		.social_bookmark	{width: 300px; margin: 0; margin-top: 20px; text-align: left;}

		.social_bookmark img	{border: none; opacity: .5; filter: alpha(Opacity=50); -khtml-opacity: .5; padding: 1px;}

		.social_bookmark img:hover	{opacity: 1; filter: alpha(Opacity=100); -khtml-opacity: 1;}	

		.social_bookmark em	{font-style: normal; color: #666; font-size: 10px;}


		.biografia	{background: url(images/titulo_biografia.gif) no-repeat;}


		.artigos	{background: url(images/titulo_artigos.gif) no-repeat;}

		ul#artigos	{margin: 0; margin-bottom: 40px; padding: 0; _padding-left: 12px;}

		ul#artigos li	{list-style: inside url(images/bullet.png); _list-style: outside url(images/bullet_ie.gif); margin-bottom: 10px;}


		.fotos		{background: url(images/titulo_fotos.gif) no-repeat;}

			.fotos img	{width: 75px; height: 75px; border: 1px #003471 solid; margin: 5px;}



		.videos	{background: url(images/titulo_videos.gif) no-repeat;}

		.plataforma	{background: url(images/titulo_plataforma.gif) no-repeat;}

		.seupedido	{background: url(images/titulo_seupedido.gif) no-repeat;}

		.contribua	{background: url(images/titulo_contribua.gif) no-repeat;}

			p.bt_contribua img	{border: none; margin: 20px;}

		.junteseanos	{background: url(images/titulo_junteseanos.gif) no-repeat;}

			form#form_colaborador	{margin: 40px 150px; text-align: center;}



		hr.comentarios	{margin: 30px auto;}

		h1.comentarios	{color: #39B54A; margin-bottom: 30px;}

		#commentform	{margin-left: 50px; font-size: 11px;}

			#commentform input,
			#commentform textarea	{width: 200px;}

			#commentform textarea	{width: 300px;}

			#commentform #submit	{background: url(images/bkg_botao.gif) repeat-x; color: #003471; 
						width: 70px; padding: 5px; margin: 10px 0 10px 140px; font-size: 12px; font-weight: bold;}

		/* tira a borda do "acompanhe os comentários por email */
		input#subscribe	{border: none;}



		.commentmetadata	{font-size: 10px;}

			.commentmetadata a:link,
			.commentmetadata a:visited	{font-weight: normal;}


		.navigation	{font-weight: bold; color: #003471; margin-right: 20px;}

			.navigation .alignleft	{width: 49%; float: left; margin-bottom: 15px;}

			.navigation .alignright	{width: 49%; float: right; text-align: right; margin-bottom: 15px;}


	#mensagem	{width: 570px; height: 100px; border: 1px #39B54A solid; margin: 0 15px 10px 0; float: right;
			background: url(images/banner03.jpg) no-repeat; _margin-right: 7px;}

	#newsletter	{width: 170px; height: 100px; border: 1px #003471 solid; margin: 0 0 10px 15px; float: left;
			font-size: 11px;  _margin-left: 7px; background: #0072BC; color: #FFF;}

		#newsletter input	{width: 100px !important; border: #003471 1px solid;}

		#newsletter p		{margin: 0; padding: 0; margin-top: 4px; _margin-top: 2px; font-weight: bold;}

		#newsletter label	{font-weight: normal !important; margin-left: 5px;}

		#newsletter form	{margin: 0; padding: 0;}

		#newsletter #nome	{margin-left: 3px;}

		#newsletter input.bt	{width: 60px !important; margin-top: 2px; _margin-top: 3px; background: #003471; color: #FFF;}





	table.onde	{width: 100%; font: 11px Tahoma; margin-bottom: 20px;}

		table.onde td		{padding: 3px;}

		table.onde thead	{font: bold 12px Verdana;}



/* *************** rodape **************** */

	#restrita	{background: #A3D39C; width: 150px; border: 1px #005E20 solid; float: left; padding: 10px 5px; margin: 0 0 15px 15px; text-align: center;}


		#restrita p	{margin: 0;}
		#restrita .t	{font-size: 12px; color: #005E20; margin-bottom: 10px; font-weight: bold;}
		#restrita form	{margin: 0; padding: 0;}

		#restrita input	{width: 120px; margin-bottom: 5px; padding: 2px; border: 1px #39B54A solid;}

		#restrita .bt	{width: 60px; color: #005E20; font-weight: bold;}


	#arquivos	{width: 480px; float: right; margin: 10px 50px 15px 15px;}

		#arquivos ul		{}
		#arquivos ul li		{list-style: url(images/bullet.png); margin-bottom: 3px;}
		#arquivos ul li.titulo	{list-style: url(images/nada.gif); margin-left: -16px; font-size: 12px; color: #005E20; font-weight: bold; margin-bottom: 5px;}

		#arquivos #cat	{width: 200px; float: left;}
		#arquivos #arq	{width: 200px; float: right;}


	#footer		{background: #003471; color: #FFF; font-size: 11px; text-align: center; line-height: 200%; clear: both;}

		#footer a:link,
		#footer a:visited	{color: #FFF; text-decoration: none; font-weight: bold;}

		#footer .rss		{background: url(images/feed.gif) no-repeat; padding: 2px 0 2px 18px; margin: 0 10px;}








/*
Name: Plugin Agenda
URI: http://www.plic-plac.com
Author: Mari Assmann
Author URI: http://www.plic-plac.com/weblog
Description: CSS para funcionamento do Plugin Agenda
*/

	
/* * * * * A G E N D A  -  S I D E B A R * * * * */


/* Altura da lista na Sidebar */

div#agenda { border: 3px #39B54A double; background: url(images/agenda.gif) center 10px no-repeat; padding-top: 40px;
	font-weight: bold; color: #666; font-size: 11px; margin: 0 0 30px 5px;}

div#agenda .passado	{ font-weight: normal;}

div#agenda ul {
	margin: 0 0 0 10px;
	padding: 0;
	list-style: none;}
  
div#agenda li {
	margin: 0;
	padding: 5px 0 5px;}
	














/* Begin Contact Form ][ CSS */
.contactform {
	position: static; margin-top: 20px;
	overflow: hidden; font-weight: bold;
}

.contactform form	{margin-top: 30px;}

.contactform #contactsubmit	{margin-left: 50px; width: 100px; padding: 3px;}


.contactleft {
	width: 25%;
	text-align: right;
	clear: both;
	float: left;
	display: inline;
	padding: 4px;
	margin: 5px 0;
    font-weight: normal;
}

.contactright {
	width: 70%;
	text-align: left;
	float: right;
	display: inline;
	padding: 4px;
	margin: 5px 0;
}

.contacterror {
	border: 2px solid #ff0000;
}
/* End Contact Form ][ CSS */


-->