/*
Theme Name: PLANO ABERTO
Theme URI: http://wmoriah.com.br/portfolio
Description: Produzido a pedido da Concepto
Version: 2008
Author: Walter Araujo "wmoriah" dos Santos
Author URI: http://wmoriah.com.br/
Tags: wmoriah, plano aberto, concepto

*/


	body {background:#7E7E7E url(images/bg_body.jpg) repeat-x; text-align:center; color:#888; font:11px/14px Arial, Helvetica, sans-serif}
	* {margin:0; padding:0}
	hr, .none, .linklove {display:none}
	
	a {text-decoration:none}
	a:hover {text-decoration:underline}
	

	#container {width:1000px; margin:0 auto; text-align:center; background:url(images/bg_container.jpg) no-repeat top center}
	#container-interna, #container-interna-57 {width:1000px; margin:0 auto; text-align:center; background:url(images/bg_container_interna.jpg) no-repeat top center}		
	#container-interna-63, #container-interna-1, #container-interna-816 {width:1000px; margin:0 auto; text-align:center; background:url(images/bg_container_interna_63.jpg) no-repeat top center}		
	#container-interna-62 {width:1000px; margin:0 auto; text-align:center; background:url(images/bg_container_interna_58.jpg) no-repeat top center}		


		#header {width:836px; height:155px; overflow:hidden; margin:0 auto; clear:both; text-align:left}	
			#header h1, #header h1 a {width:329px; height:155px}
			#header h1 a {display:block}
			
		#content {width:836px; height:449px; overflow:hidden; margin:0 auto; text-align:left}

			.sidebar {width:158px; height:161px; overflow:hidden; float:left; background-color:#fff; margin-top:19px}
				.sidebar li {list-style:none; margin:0; display:inline}
					.sidebar li a {display:block; width:158px; height:23px; line-height:80px; overflow:hidden; background:url(images/bg_menu.gif) no-repeat}
					.sidebar .page-item-15 a {background-position:0 0} /*o programa*/
					.sidebar .cat-item-63 a {background-position:0 -23px} /*veja o plano*/
					.sidebar .cat-item-57 a {background-position:0 -46px} /*prateleira*/
					.sidebar .cat-item-1 a, .sidebar .page-item-816 a  {background-position:0 -69px} /*blog*/
					.sidebar .cat-item-62 a {background-position:0 -92px} /*desafio minuto*/
					.sidebar .page-item-19 a {background-position:0 -115px} /*expediente*/
					.sidebar .page-item-21 a {background-position:0 -138px} /*fale conosco*/

					.sidebar .page-item-15 a:hover, .sidebar .hover-15 a {background-position:-158px 0} /*o programa*/
					.sidebar .cat-item-63 a:hover, .sidebar .hover-63 a {background-position:-158px -23px} /*veja o plano*/
					.sidebar .cat-item-57 a:hover, .sidebar .hover-57 a {background-position:-158px -46px} /*prateleira*/
					.sidebar .cat-item-1 a:hover, .sidebar .hover-1 a, .sidebar .page-item-816 a:hover, .sidebar .hover-816 a {background-position:-158px -69px} /*blog*/
					.sidebar .cat-item-62 a:hover, .sidebar .hover-62 a, #container-interna-62 .cat-item-62 a  {background-position:-158px -92px} /*desafio minuto*/
					.sidebar .page-item-19 a:hover, .sidebar .hover-19 a {background-position:-158px -115px} /*expediente*/
					.sidebar .page-item-21 a:hover, .sidebar .hover-21 a {background-position:-158px -138px} /*fale conosco*/
												
			.content {width:645px; height:423px; overflow:hidden; float:right; background:url(images/bg_content.gif) no-repeat 0 162px}
			.content-interna {background-image:none}
			.content .post {height:375px; width:535px; padding-right:20px; margin-top:10px; margin-left:20px; overflow:auto}
				.post {scrollbar-arrow-color:#E6FF8F; scrollbar-3dlight-color:#CEEF59; scrollbar-highlight-color:#CEEF59; scrollbar-face-color:#CEEF59;	scrollbar-shadow-color:#CEEF59; scrollbar-darkshadow-color:#CEEF59; scrollbar-track-color:white}
			#container-interna-62 .post {overflow:hidden}	
				.post p, .post div, .post h1, .post h2, .post h3, .post h4, .post h5, .post adress, .post form, .post filedset {margin:10px 0}
				.post blockquote, .post ul, .post ol {margin:10px 15px}			
				.post a {color:#9b2; font-weight:bold}
				.post .alignright {float:right; margin-top:4px; margin-bottom:4px; margin-left:20px}
				.page p {margin-left:12px}
				.post .alignleft {float:left; height:135px; overflow:hidden; line-height:14px; margin-top:4px; margin-bottom:10px; margin-right:20px; border:solid 1px #ccc;  background-color:#eee; text-align:center}
				.post .alignleft img {margin-top:5px; padding:0}
				
				body div.ngg-galleryoverview {width:500px}
					body div.ngg-galleryoverview div.ngg-gallery-thumbnail-box {display:inline; margin:0; padding:0}
						body div.ngg-galleryoverview div.ngg-gallery-thumbnail-box div.ngg-gallery-thumbnail {display:inline; padding:0; margin:0}
						body div.ngg-galleryoverview div.ngg-gallery-thumbnail-box img {padding:4px; background-color:#ddd; margin:6px 12px 6px 0; border:none}
						body div.ngg-galleryoverview div.ngg-gallery-thumbnail-box img:hover {background-color:#9b2}
				.post img.ngg-singlepic, .post img.ngg-none, .post img.alignleft {display:none}
					
				.content form#commentform {width:450px; margin:20px 0; padding:20px; background-color:#f2f2f2; overflow:hidden}
					.content form#commentform textarea, .content form#commentform input {width:250px; border:solid 1px #ddd}
					.content form#commentform textarea {height:50px}
				.content h2 {height:28px}
				.content h2 a {display:block; height:28px}
				.content-interna h2 {margin-left:30px; font-size:28px; font-family:Geneva, Arial, Helvetica, sans-serif; line-height:30px}
				
				/*categoria 1 = blog */
				.content-interna .post-1 {padding-bottom:0; position:relative; top:0; left:0; overflow:auto}
					.post-1 div.destaque {float:left; width:225px}
					.post-1 h3 {font-size:15px; margin-right:20px; margin:0 0 5px 12px}
					.post-1 small {font-size:11px; font-weight:normal; display:block}
					.post-1 p {margin:0 0 10px 12px}
						.post-1 li p {margin:0}
					.post-1 ul {width:245px; float:right; margin:10px 0 0 0; padding:0; list-style:none; overflow:hidden}
					.post-1 li {margin:0 0 5px 0; overflow:hidden; padding:3px 0 6px 0; border-bottom:solid 1px #ddd}
					
					.post-1 img {padding:4px; background-color:#eee; border:solid 1px #ccc; float:left; margin-right:7px; margin-bottom:5px}
					.post-1 a {color:#888; font-weight:normal}
						.post-1 a:hover, .post-1 p a {color:#9b4; text-decoration:underline}				
						.post-1 p a {text-decoration:none; font-weight:normal}
					.post-1 a.more-link, .post-1 li img  {display:none}
					.post-1 h5 {font-size:15px; font-weight:normal; margin:0}
						.post-1 h3 a, .post-1 h5 a {font-weight:bold}
						.post-1 h5 small {font-size:11px; font-weight:normal}

					.post-1 p.mais a {clear:both; display:block; height:25px; background:url(images/mais_blog.gif) no-repeat -8px 0}						
					.post-1 li.mais-blog {margin:10px 0; border:none}
					.post-1 li.mais-blog a {clear:both; display:block; width:167px; height:25px; background:url(images/todas_blog.gif) no-repeat -3px 0}

					
				/*categoria 63 = veja plano aberto */
				.content-interna .post-63 {padding-bottom:30px}
					.post-63 p {margin-left:12px; width:230px}
					.post-63 ul {width:518px; margin:0; padding:0; list-style:none; overflow:hidden}
					.post-63 li {width:230px; float:left; margin:5px 17px 5px 12px}
					.post-63 h5 {font-size:16px; margin-right:20px}
					.post-63 img {padding:6px; background-color:#eee; border:none; float:left; margin-right:7px; margin-bottom:5px}
						.post-63 a:hover img {background-color:#9b4}
					.post-63 a {color:#888; font-weight:normal}
						.post-63 a:hover {color:#9b4}				
				
				/*categoria 57 = prateleira e categoria 67 = cinepe*/
				.content-interna .post-57, .content-interna .post-67 {padding-bottom:30px}
					.post-57 p, .post-67 p {margin-left:12px}
					.post-57 p a, .post-67 p a {color:#9b4; font-weight:bold}
					.post-57 ul, .post-67 ul {width:518px; margin:0 0 0 12px; padding:0; list-style:none; overflow:hidden}
					.post-57 li, .post-67 li {width:125px; height:170px; float:left; margin:5px 0}
						.post-57 li p, .post-67 li p {margin:0}
						.post-57 li img, .post-67 li img {padding:6px; width:105px; height:auto; background-color:#eee; margin-bottom:5px; border:none}
							.post-57 li a:hover img, .post-67 li a:hover img {background-color:#9b4}
					.post-57 a, .post-67 a {color:#888; font-weight:normal}
						.post-57 a:hover, .post-67 a:hover {color:#9b4}				

				/*categoria 62 = desafio minuto - making of */
				.content-interna .post-62 {padding-bottom:30px}
					.post-62 div.left {float:left; width:225px; margin-left:12px; overflow:hidden}
						.post-62 div.left img, .post-62 div.left img.alignnone, .post-62 div.left img.size-full {display:inline; float:left; margin:0 4px; padding:0}
					.post-62 div.right {float:right; width:255px; overflow:hidden}
					.post-62 ul {margin:0; padding:0; list-style:none; overflow:hidden}
						.post-62 li {float:left; margin:0 1px 2px 0; height:125px}
					.post-62 h5 {font-size:16px; margin-right:20px; margin-top:0; padding-top:0}
					.post-62 img {padding:2px; background-color:#eee; border:none; float:left; margin:0; margin-bottom:5px}					
						.post-62 a:hover img {background-color:#9b4}
					.post-62 a {color:#888; font-weight:normal}
						.post-62 a:hover {color:#9b4}				

						.post-62 ul.desafio {width:260px; overflow:hidden; padding:0}
							.post-g2 ul.desafio li {display:block; float:left}
							.post-62 ul.desafio img {width:110px; height:auto; margin:0 7px 0 0; padding:6px}
							.post-62 ul.desafio h5 {font-size:11px; margin:0; padding:2px 0 0 0; line-height:12px; clear:left}
						.post-62 ul.making {width:280px; overflow:hidden}
					
				.randomico {height:162px; position:relative; top:0; left:0}
				.randomico div.vazado {position:absolute; top:0; left:0; z-index:100; width:559px; height:146px; background:url(images/vazado.gif) no-repeat; margin-left:11px}
				.randomico div.flash {position:absolute; top:0; left:0; z-index:10; margin-left:11px}
			
				.col1 {float:left; width:200px}
					.o-programa {height:121px; overflow:hidden}
						.o-programa h2 a  {background:url(images/title_oprograma.gif) no-repeat}
					.desafio-minuto {height:140px; overflow:hidden}
						.desafio-minuto h2 a  {background:url(images/title_desafiominuto.gif) no-repeat}
						.desafio-minuto ul {margin:0; padding:0; list-style:none}
						.desafio-minuto li {display:inline}
						.desafio-minuto img {background-color:#ccc; padding:2px; margin:1px; border:none}
						.desafio-minuto a:hover img {background-color:#9b4}
						
				.blog {width:185px; float:right; margin-right:15px}
					.blog h2 a  {background:url(images/title_muralaberto.gif) no-repeat -20px 0}
					.blog ul {list-style:none}
					.blog li {margin-bottom:6px; clear:both; border-bottom:solid 1px #fff}
					.blog li img {float:left; width:62px; margin-right:4px; margin-bottom:4px; padding:2px; background-color:#ccc; border:none; display:none}
					.blog h4 {font-size:11px; margin-bottom:2px;}
						.blog a {color:#888}
						.blog a:hover {color:#9b2}
					.blog p.mais a {clear:both; display:block; height:25px; background:url(images/mais_blog.gif) no-repeat -8px 0}
					
				.destaques {width:186px;float:right; margin-right:25px}	
					.destaques h2 {background:url(images/title_destaque.gif) no-repeat}					
					.destaques p.d1, .destaques p.d2 {margin:0}
					.destaques p.d1 {height:136px; overflow:hidden; position:relative; top:0; left:0}
						.destaques p.d1 img{position:absolute; left:0; border:none; top:10px; z-index:0}			
						.destaques p.d1 a {display:block; width:186px; height:136px; overflow:hidden; background:url(images/bg_destaque_p1.gif) no-repeat; position:absolute; top:0; left:0; z-index:20}					
					.destaques p.d2 {height:97px; overflow:hidden;  position:relative; top:0; left:0}
						.destaques p.d2 img {position:absolute; left:0; border:none; top:-10px; z-index:0}
						.destaques p.d2 a {display:block; width:186px; height:97px; overflow:hidden; background:url(images/bg_destaque_p2.gif) no-repeat; position:absolute; top:0; left:0; z-index:20}
					.destaques a:hover {border:none; text-decoration:none}
			
				/* pagenavi */
				body .pagenavi {margin:22px auto; padding:5px 0 30px 0; text-align:center}
					body .pagenavi span.pages {padding:0 10px; color:#888}
					body .pagenavi span.current {font-weight:bold; color:#000; padding:2px 6px; background-color:#ccc; border:solid 2px #fff}
					body .pagenavi a {font-weight:bold; text-decoration:none; padding:2px 6px; background-color:#eee; border:solid 2px #fff}
					body .pagenavi a:hover {background-color:#9b2; color:#fff}

				
		#footer {clear:both; width:836px; height:117px; margin:0 auto; padding-top:16px; background:url(images/bg_footer.jpg) no-repeat; text-align:center}
			#footer .parceiros {float:right; width:450px; height:70px; margin:0 45px 0 0; text-align:center}
			#footer .parceiros p {display:inline}
			#footer .parceiros img {border:none; margin:5px 0}
			#footer .parceiros img.tv {margin:12px 0 0 0}
			#footer address {float:left; width:180px; color:#ccc; margin:0 0 0 130px; text-align:left; font-style:normal; padding-top:5px}
				#footer a {color:#fff}