/*  

Theme Name: SENGE-PB
Theme URI: wmoriah.com.br/portfolio
Description: WebSite do Sindicato dos Engenheiros da Para&iacute;ba. Desenvolvido a pedido da <a href="http://www.sincomunicacao.com.br">Sin Comunica&ccedil;&atilde;o</a>.
Version: v2008
Author: Walter "wmoriah" Santos e Erisson Raulino
co-Author: Erisson Raulino
Author E-mail: walter.wmoriah@gmail.com
co-Author E-mail: erison.raulino@gmail.com
Author URI: wmoriah.com.br
co-Author URI: 

*/

	body {font:12px/17px Trebuchet MS, Arial, Helvetica, sans-serif; color:#555; margin:0; padding:0; text-align:center; background:#fff url(images/bg_body.png) repeat-x}
	h1, h2, h3, h4, h5, h6, ul, ol, p  {margin:0; padding:0}
	hr, h2 span, #artigos span {display:none}
	a {color:#013; text-decoration:none}
	a:hover {color:#c6c602; text-decoration:underline}
	hr.clear {display:block; clear:both; border:solid 1px #fff; background-color:#fff; color:#ffff; height:1px; line-height:1px; font-size:1px}
	h2 {font:bold 24px/60px Trebuchet MS, Arial, Helvetica, sans-serif; color:#035}
	.none {display:none}

	/* header */	
	#header {width:100%; height:292px; margin:0; text-align:center; background:url(images/bg_header.png) no-repeat top center}
		#header p, #header span {display:none}

	/* topbar */	
	#topbar{height:63px; width:889px; border:solid 0px #fff; margin:0 auto; overflow:hidden}
		#topbar ul {height:63px; margin:0 auto; text-align:left; float:right;}
		#topbar ul li {float:right; display:block; width:120px; height:63px; overflow:hidden}
		#topbar ul a {font-weight:bold; font-size:12px; line-height:32px; color:#fff; width:120px; height:63px; display:block; background:url(images/bg_menu.gif) no-repeat; overflow:hidden; padding: 33px 0 0 30px}
		#topbar ul a:hover, #topbar .current_page_item a, #topbar .current_page_parent a, #topbar .current-cat a {background-position: -121px 0; text-decoration:none}
		
		/* logo-banner */	
		#header .logo-banner {width:889px; height:144px; margin:12px auto; border: solid 0px red;}
			.logo-banner h1 {display:block; width:342px; height:143px; float:left}
			.logo-banner h1 a {display:block; width:342px; height:143px; background:url(images/logo.gif) no-repeat}
			.logo-banner .banner {border: solid 0px red; float:right; margin: 23px 0 0 0}

	/* navbar */	
	#navbar{height:36px; width:889px; border:solid 0px #fff; margin:37px auto; overflow:hidden;}
		#navbar ul {height:36px; margin:0 auto; text-align:left; float:right;}
			#navbar li {float:right; display:block; width:120px; height:36px; overflow:hidden}
		body #navbar a {font:bold 10px/11px Trebuchet MS, Arial, Helvetica, sans-serif; text-align:left; padding:13px 0 0 0; width:120px; height:36px; display:block; text-decoration:none; text-align:center; background:url(images/bg_menu2.gif) no-repeat; }
			#navbar a:hover, #navbar .current_page_item a, #navbar .current-cat a {background-position:-120px 0}

	/* content */		
	#content {background:#fff; margin:0 auto; padding-top:10px; width:889px; text-align:left}
		#content .left {width:600px; float:left; margin-left:28px !important; margin-left:6px}
		#content .right {width:220px; float:right; margin-right:28px !important; margin-right:6px; background:url(images/bg_right.png) no-repeat}

	/* submenu */
	#submenu {float:right; margin:0; padding:0}
	#submenu li {float:left; margin:0; padding:20px 0 0 20px; list-style:none}
	#submenu li a {font-size:11px; line-height:11px; border-left:solid 4px #035; padding:0 0 0 10px}
	#submenu li a:hover {border-left-color:#c6c602}

	/* noticias */
	#noticias {background:#fff url(images/bg_destaque.png) no-repeat top left}
	#noticias a {font-weight:bold}
	#noticias p a {white-space:nowrap}
		#noticias .destaque {width:380px; float:left}
			#noticias .destaque h2 {margin:0; padding:0; height:60px; background:url(images/tit_noticias.gif) no-repeat -8px 8px}
			#noticias .destaque h3 {font-size:18px; line-height:20px; margin-right:25px;  color:#013}
			#noticias .destaque p {margin:5px 30px 5px 0}
			#noticias .destaque img {clear:both; border:solid 1px #ddd; padding:10px; margin:0 auto 5px auto}
		#noticias .outras {width:212px; float:right; padding-top:60px}
			#noticias .outras img, #noticias .outras span {display:none}
			#noticias .outras ul {list-style:none; padding:0; margin:0}
			#noticias .outras li {margin-bottom:15px}
			#noticias .outras h4 {font-size:15px; line-height:18px; color:#013}
			#noticias .outras p {padding-top:5px}
	
	/* artigos */
	#artigos {clear:left; width:360px}
		#artigos h2 {margin:0; padding:0; height:60px; background:url(images/tit_colunistas.gif) no-repeat -8px 8px}
		#artigos h4 {font-size:15px; padding::0; margin:0; line-height:15px; color:#013}
		#artigos ul {list-style:none; padding:0; margin:0}
		#artigos li {margin-bottom:15px}
		#artigos p {margin:5px 30px 5px 0}
		#artigos div.entry_author_image {border:solid 1px #fff}
		#artigos img {float:left; width:50px;  border:solid 1px #ddd; padding:10px; margin:0 10px 0 0}
		#artigos a {font-weight:bold}
		#artigos p a {white-space:nowrap}
		#artigos p.autor {color:#c6c602}
	
	
	/* newslleter */	
	.newsletter {padding-top:10px; width:380px; clear:left}
	.newsletter h2 {height:50px; margin:0; background:url(images/tit_newslleter.gif) no-repeat -10px 0}
	.newsletter p, .newsletter form {margin:0; padding-left:30px; font-weight:bold}
	.newsletter p {padding-bottom:10px;color:#013}
		.newsletter ul {margin:0; padding:0; list-style:none}
		.newsletter li {display:inline; height:16px; overflow:hidden}
			.newsletter label {line-height:11px}			
			.newsletter input {width:210px; background-color:#ddd; color:#013; border:solid 1px #ddd}
			.newsletter input#submit {width:40px; background-color:#013; color:#fff; font-weight:bold; text-align:center; border:solid 1px #fff}

	/* album */
	#album {margin-left:20px}
		#album h2 {margin:0; padding:0; height:60px; margin-right:25px;  background:url(images/tit_fotos.gif) no-repeat -10px 8px}
		#album h3 {font-size:15px; padding-bottom:10px; line-height:18px; color:#013}
		#album a {font-weight:bold}
		#album p {padding:6px 0}
		#album img {border:solid 1px #ddd; padding:5px}

	/* enquete */
	#enquete {margin-left:20px}
		#enquete h2 {margin:0; padding:0; height:60px; margin-right:25px;  background:url(images/tit_enquete.gif) no-repeat -10px 8px}
		#enquete h3 {margin:0; font-size:11px; padding-bottom:5px; line-height:15px; color:#013}
		#enquete form {margin:0; padding:0}
		#enquete div.wp-polls-ans {width:180px; margin:0 20px; line-height:15px}
			#content #enquete ul {margin:0}
			#content #enquete li {margin:5px 0}
			#content #enquete li.botoes {clear:both; padding-top:5px; text-align:right}
		#enquete a {text-align:center; padding:2px 9px 3px 9px; margin-left:2px; border:solid 1px #ccc; background-color:#fff; text-transform:lowercase; font-size:13px; line-height:15px}
		#content a.votar, #content a.votos {color:#fff; background-color:#013; border:solid 1px #013}
		#enquete a:hover {background-color:#c6c602; color:#013; text-decoration:none}

	/* downloads */
	#downloads {margin-left:20px}
		#downloads h2 {margin:0; padding:0; height:60px; margin-right:25px;  background:url(images/tit_downloads.gif) no-repeat -10px 8px}
		#downloads h3 {font-size:15px; padding-bottom:10px; line-height:18px; color:#013}
		#downloads a {font-weight:bold}
		#downloads p {padding:6px 0}
		#downloads img {border:solid 1px #ddd; padding:5px}

	/* interna */
	.content {margin:0 auto; font-size:13px; line-height:20px; width:800px; padding-bottom:50px}
	.content p {padding:10px 0; clear:both}
	.content ul, .content ol {padding:10px 0 10px 20px}
	.content img {float:right; margin:0 0 20px 20px; padding:10px; border:solid 1px #ddd}
	.content h2 {font:bold 24px/30px Trebuchet MS, Arial, Helvetica, sans-serif; color:#035; padding:15px 0}

/* footer */

	#footer {background-color:#fff; color:#035; width:889px; margin:0 auto; text-align:center; clear:both; padding:20px 0}
		#footer address {clear:both; font-style:normal; margin:10px 110px 0 110px; padding:10px 0 0 0; border-top:solid 1px #eee}
		#footer ul, #footer ol {display:inline; list-style:none; padding:0; margin:0 auto 10px auto}
		#footer li {display:inline; padding:10px}
		#footer li a {font-weight:bold; color:#035}
		#footer p {margin-bottom:10px}
		
		#footer a.hagg {display:block; text-indent:-1000px; margin:0; margin-left:415px; width:60px; height:30px; overflow:hidden; background:url(http://www.hagg.com.br/footer/hagg-azul.png) no-repeat}
		#footer a.hagg:hover {background-position:0 -30px}