/*
Theme Name: Parai
Theme URI: http://wmoriah.com.br/portfolio
Description: Parai Solucoes Inovadoras
Version: 2009
Author: Walter Araujo "wmoriah" dos Santos
Author URI: http://wmoriah.com.br/
Tags: wmoriah, 

*/


	* {margin:0; padding:0}
	body {color:#666; background:#f1f1f1 url(images/bg_body.gif) repeat-x; font-size:11px; line-height:15px; font-family:"Tahoma", Arial, Helvetica, sans-serif; text-align:center}
	.none, hr {display:none}
	a {text-decoration:none; color:#444}
		a:hover {}
	.red {color:red}
	
	/*header*/
		#header {position:relative; top:0; left:0; z-index:2; height:139px; width:936px; text-align:left; margin:0 auto}
			#header h1 {float:left; width:160px; height:69px; margin:20px 0 16px 0; overflow:hidden}
				#header h1 img {border:none}
			#header form {float:right; margin-top:45px}
			#header ul#menu-top {clear:both; height:34px;}
				#menu-top {margin:0; padding:0}
				#menu-top li {list-style:none; width:156px; float:left; position:relative; top:0; left:0}
				#menu-top li a {display:block; line-height:35px; text-indent:10px; text-align:center; background:url(images/bg_menu-top_a.gif) no-repeat 0 35px}
				#menu-top li a:hover, #menu-top li:hover a {background-position:-156px 7px; color:#ccc; text-align:left}
					#menu-top li ul.children {display:none; background-color:#fff}
					#menu-top li:hover ul.children {display:block; position:absolute; top:0; left:0; margin-top:35px; z-index:2}
					#menu-top li.cat-item-22 ul.children, #menu-top li.cat-item-23 ul.children {display:none}
				#menu-top li:hover li a {display:block; line-height:24px; text-align:left; border:solid 1px #ccc; border-top:none; color:#444; background:#fff url(images/bg_menu-top_a.gif) no-repeat 0 2px}
				#menu-top li li a:hover, #menu-top li li:hover a {background-color:#f2f2f2; color:#444}		 
				
	/*content*/
		#content {width:936px; margin:0 auto 1px auto}


		/*navegacao do painel da index*/
		#content #nav {position:absolute; margin:22px 0 0 0; top:0; right:0; z-index:100}
		#content #nav a {background-color:#ccc; text-decoration:none; margin:0; padding:4px 7px; color:#666; font-weight:bold}
		#content #nav a.activeSlide {background:#666; color:#fff}
		#content #nav a:hover {background:#f00; color:#fff}
		#content #nav a:focus {outline:none}

			
		/*side*/
		#content #side {float:left; width:190px; text-align:left}
			#content #menu-left {background-color:#fff; margin-top:30px; border:solid 1px #ccc}
				#menu-left {padding:10px}
				#menu-left li {text-indent:10px; list-style:none; font-size:12px; font-weight:bold; padding-bottom:5px}
				#menu-left li li {font-weight:normal; font-size:11px; padding-bottom:0}
				#menu-left ul.children ul {display:none}
				#menu-left a {display:block; line-height:30px; height:30px}
				#menu-left li a {background-color:#eee; line-height:19px; height:19px}
				#menu-left li li a {background-color:#fff; text-indent:20px}
				#menu-left li li a:hover {background-color:#ddd} 
			#content #tagcloud {margin:10px 0; line-height:185%}

		/*painel*/
		.painel {position:relative; padding:40px 0; top:0; left:0; z-index:1; text-align:center}
			/*destaque*/
			.painel #destaque {float:left; text-align:left; border:solid 1px #ccc; padding:20px 10px; margin-bottom:40px; width:460px; background:#fff url(images/bg_post.gif) repeat-x; position:relative; top:0; left:0}
			.painel #destaque h2 {position:absolute; top:0; left:0; margin:10px 0 0 -5px; color:#ccc; font-size:11px; line-height:23px; padding:0 20px 0 15px; background:url(images/bg_h2.gif) no-repeat top right}
			#destaque ul.lista {list-style:none; margin:0; padding:0; line-height:14px}
				#destaque ul.lista li {float:left; width:100px; height:95px; background:url(images/bg_li.gif) no-repeat; overflow:hidden; margin:25px 0 0 12px; text-align:center; padding-top:100px; position:relative; top:0; left:0}
				#destaque ul.lista li h5 {font-size:11px; margin:6px 0}
					#destaque ul.lista li h5 small {font-size:11px; color:#555; font-weight:normal}
					#destaque ul.lista li img {padding:5px; background-color:#fff; border:solid 1px #ccc; position:absolute; top:0; left:0}
					#destaque ul.lista li p {margin:0; text-align:center}

			/*foto*/
			.painel #foto {float:right; margin:0; width:420px; margin-bottom:40px; text-align:left; height:255px; overflow:hidden; border:solid 3px #ccc}
				.painel #foto img {border:none; width:420px; height:255px}
				
		/*post*/
		.post {float:right; text-align:left; border:solid 1px #ccc; padding:20px; width:680px; margin:30px 0; background:#fff url(images/bg_post.gif) repeat-x; position:relative; top:0; left:0}
			.post div.filtro {position:absolute; top:0; left:100%; width:150px; margin:10px 0 0 -170px; text-align:right}
			.post h2 {position:absolute; top:0; left:0; margin:10px 0 0 -5px; color:#ccc; font-size:11px; line-height:23px; padding:0 20px 0 15px; background:url(images/bg_h2.gif) no-repeat top right}
			.post h3 {font-size:20px; font-weight:normal; line-height:24px; color:#666; margin-top:35px; margin-left:350px}
			.post h4 {font-size:22px; font-weight:normal; line-height:30px; color:blue; margin:6px 100px 6px 350px}
				.post h4.red {color:red}
			.post h5 {font-size:16px; line-height:18px; padding-bottom:10px; border-bottom:solid 3px #ccc; padding-left:10px}
			.post h6 {font-size:11px; font-weight:normal; margin-top:10px; line-height:14px; text-transform:uppercase; color:blue}
			.post div.forma-pagto {margin-left:350px}
				.post div.forma-pagto img {margin-right:5px; margin-top:5px; border:none}
			.post div.produto {height:270px; overflow:hidden}
			.post div.descricao {}
			.post p {margin:10px 0; text-align:left; padding-left:10px}
			.post p.tags {text-align:right}
			.post ul, .post ol {margin:10px 20px; padding:0 15px}
			.post blockquote {margin:10px 20px}
			.post .aligncenter {margin:0 auto; text-align:center}
			.post .alignnone {float:none; margin:10px}
			.post .alignleft, .post .alignright {position:absolute; top:0; left:0; margin:100px 50px 0 19px; text-align:left }
			.post img {border:none}
			
			/* forms */
			.post div#usermessagea {} /* mensagem de aviso */
			.post form.cform {} /* formulario */
				.post form.cform fieldset {} /* fieldset */
				.post form.cform fieldset.cf_hidden {display:none}
					.post form.cform legend {} /* legendas */
					.post form.cform ol.cf-ol {list-style:none; padding:0; margin:0} /* contem os campos */
						.post form.cform li {} /* linha de cada campo */
							.post form.cform label {} /* rotulo dos campo */
								.post form.cform label span {} /* texto dentro do rotulo */
								.post form.cform label span.reqtxt, .post form.cform label span.emailreqtxt {} /* descricao de campos obrigatorios */
							.post form.cform input {} /* campos */
								.post form.cform input.single {} /* campo simples */
								.post form.cform input.fldemail {} /* campo de email */
								.post form.cform input.fldrequired {} /* campo obrigatorio */
								.post form.cform input.sendbutton {} /* botao enviar */
							.post form.cform textarea {} /* caixa de texto */
								.post form.cform textarea.area {} /* area */
							.post form.cform p {} /* paragrado dentro do form */
								.post form.cform p.cf-sb {} /* paragrafo do botao enviar */
									
			/* lista - archive.php */
			.post ul.lista {list-style:none; margin:0; padding:0; line-height:14px}
				.post ul.lista li {float:left; width:100px; height:95px; background:url(images/bg_li.gif) no-repeat; overflow:hidden; margin:15px 0 0 30px; text-align:center; padding-top:100px; position:relative; top:0; left:0}
				.post ul.lista li h5 {font-size:11px; line-height:14px; margin:5px 0; padding:0; border:none}
					.post ul.lista li h5 small {font-size:11px; color:#555; font-weight:normal}
					.post ul.lista li img {padding:5px; background-color:#fff; border:none; position:absolute; top:0; left:0}
					.post ul.lista li p {margin:0; text-align:center}

			/* editar */
			.post p.edit {position:fixed; top:0; left:100%; margin:21px 0 0 -70px; width:60px; height:20px}
				.post p.edit a {display:block; width:60px; height:20px; overflow:hidden; background-color:#f00; color:#fff; font-size:13px; font-weight:bold; letter-spacing:-1px; text-align:center; line-height:20px}

			/*breadcrumb*/
			.post .breadcrumb {padding:5px; padding-top:30px; margin-bottom:10px; border-bottom:dashed 1px #ddd; color:#444}
				.post .breadcrumb a {color:#666}
				.post .breadcrumb a:hover {color:#444; text-decoration:underline}
				.post .breadcrumb span {font-weight:bold}

		/* meta */
		ul.post-meta {margin:5px 15px; list-style:inherit}
			ul.post-meta li {paddind:0}	
				ul.post-meta li span.post-meta-key {font-weight:bold}	

		/* pagenavi */
		body .wp-pagenavi {margin:20px auto; padding:5px 0 0 30px; text-align:center}
			body .wp-pagenavi span.pages {padding:0 10px; color:#888; border:none}
			body .wp-pagenavi span.current {font-weight:bold; color:#fff; padding:2px 6px; background-color:#333; border:none}
			body .wp-pagenavi span.extend {border:none; color:#237}			
			body .wp-pagenavi a, body .wp-pagenavi a:link, body .wp-pagenavi a:active, body .wp-pagenavi a:visited  {font-weight:bold; color:#333; text-decoration:none; padding:2px 6px; background-color:#ccc; border:none}
			body .wp-pagenavi a:hover {background-color:#333; color:#fff}	

		/*page*/
		.page {border:solid 1px #ccc; padding:20px 150px 20px 20px; margin:30px 0; width:auto; height:auto; float:none}		
			.page h2, .page h2 a {color:#fff; font-size:16px; margin-bottom:30px; font-weight:normal; line-height:22px; padding:0 20px 10px 25px}
			.page div {padding-top:20px; margin-right:150px}
	/* footer */
	#footer {background:#F0F0F2 url(images/bg_footer.gif) repeat-x; clear:both; margin:0 auto; text-align:left; padding:20px 0}
		.center {margin:0 auto; width:936px}	
			#menu-foot {width:400px; float:left; margin:0; list-style:none}
			#menu-foot li {float:left; margin-right:10px; padding-right:1px; border-right:solid 1px #ccc}
			#menu-foot a {padding-right:10px;}

			#links-foot {width:500px; float:left; margin:0; padding:0; list-style:none}
			#links-foot li {float:right; margin-left:10px; padding-left:1px; border-left:solid 1px #ccc}
			#links-foot a {padding-left:10px; display:block}

		#footer address {width:936px; margin:10px auto; clear:both; font-style:normal}
		div.hagg {text-align:center}

div.hagg a.hagg {display:block; text-indent:-1000px; margin-left:440px; margin-top:15px; width:60px; height:30px; overflow:hidden; background:url(http://www.hagg.com.br/footer/hagg-cinza.png) no-repeat}
div.hagg a.hagg:hover {background-position:0 -30px}

		/* login */
		#footer span.login {display:block; position:fixed; top:0; left:100%; margin:0 0 0 -60px; width:60px; height:20px}
			#footer span.login a {display:block; width:60px; height:20px; overflow:hidden; background-color:#555; color:#fff; text-transform:lowercase; font-size:13px; font-weight:bold; text-align:center; line-height:20px}