/*
Theme Name: Squash Bessa
Theme URI: http://hagg.com.br/portfolio
Description: Produzido por HAGG Agência Interativa
Version: 2009.0
Author: HAGG Agencia Interativa
Author URI: http://hagg.com.br/
Tags: hagg, 

*/

	* {margin:0; padding:0}
	body {background:url(images/bg_body.png) repeat-x 0 116px; font:14px/19px Trebuchet MS, "Times New Roman", Times, serif; color:#333; text-align:center}

	.none, hr, .linklove {display:none}
	a {text-decoration:none; color:#ED1C24}
		a:hover {text-decoration:underline}
		#header, #content, #footer {width:960px; margin:0 auto; clear:both; text-align:left}

	/*header*/
		#header {width:980px; height:360px; background:url(images/bg_header.png) no-repeat 0 116px; text-align:center}
			#header h1 {float:left; width:191px; height:93px; margin:9px 0 14px 39px;}
				#header h1 a {display:block; width:191px; height:93px; background:url(images/squashbessa.com.br.gif) no-repeat; overflow:hidden; text-indent:-1000px; position:relative}
	
			/*quibckbar*/
			#header ul.quickbar {float:right; margin:70px 10px 0 0; height:14px; text-align:left}	
				.quickbar li {float:left; height:14px; border-left:solid 1px #eee; list-style:none; font:11px/14px Arial, Helvetica, sans-serif}
					.quickbar a {color:#777; padding:0 11px 0 29px; background:url(images/bg_menu_top.gif) no-repeat}
					.quickbar a:hover {color:#ED1C24}
				.quickbar li.home a {background-position:10px -132px}
					.quickbar li.home a:hover {background-position:10px -149px}
				.quickbar li.links a {background-position:10px -100px}
					.quickbar li.links a:hover {background-position:10px -118px}
				.quickbar li.rss a {background-position:10px -51px}
					.quickbar li.rss a:hover {background-position:10px -34px}
				.quickbar li.twitter a {background-position:10px -17px}
					.quickbar li.twitter a:hover {background-position:10px 0}
				.quickbar li.youtube a {background-position:10px -85px}		
					.quickbar li.youtube a:hover {background-position:10px -68px}		
							
			/*painel*/
			#header div#painel {clear:both; width:960px; height:244px; margin:0 auto; background:url(images/bg_painel.jpg) no-repeat top center}

				/*menu*/
				#painel ul.menu {float:left; width:243px; margin:10px 0 0 341px; list-style:none; font-weight:normal; font-size:16px; line-height:27px; text-align:left}
					#painel ul.menu a {display:block; width:243px; height:28px; color:#fff; text-indent:40px; overflow:hidden; background:url(images/bg_menu_a.png) no-repeat}
						#painel ul.menu a:hover, #painel li.current_page_item a, #painel li.current-cat a {background-position:0 -28px; text-decoration:none; font-weight:bold}
					#painel ul.menu ol, #painel ul.menu ul {list-style:none}
				/*flash*/
				#painel div#flash {float:right; margin:0 20px 0 0; width:317px; height:204px; position:relative; top:0; left:0}
					#flash h3 {position:absolute; top:100%; left:0; margin:5px 0 0 0; font-size:13px; font-weight:normal; text-align:left}
	/*content*/
	#content {width:962px; margin:0 auto; text-align:left; padding:11px 0 20px 0}
		#content h2 {font-size:20px; line-height:43px; text-transform:uppercase}
			#content h2, #content h2 a {color:#ED1C24}

		/*side*/
		body.page .side,
		body.single .side {width:320px; float:right; padding-bottom:20px}
		body.home .side, 
		body.archive .side, 
		body.page-id-32 .side, 		 
		body.page-template-links-php .side {width:250px; float:left; margin-right:23px}
		
			/* o squash - squash na paraiba */
			body.page-id-15 .side, body.page-id-23 .side, body.page-id-83 .side {padding-top:29px}
			body.page-id-15 .side h3, body.page-id-23 .side h3, body.page-id-83 .side h3  {font-size:18px; line-height:47px; color:#01ADEF}
			body.page-id-15 .side p, body.page-id-23 .side p, body.page-id-83 .side p {margin:0 0 15px 0}
			body.page-id-15 .side table {border:solid 1px #ccc; border-top-width:2px; width:318px; margin:10px auto}
			body.page-id-15 .side caption {font-weight:bold}
			body.page-id-15 .side td {padding:3px 10px; border-bottom:solid 1px #ccc}
			body.page-id-15 .side td.right {text-align:right}
			body.page-id-15 .side td.gray {background-color:#eee}	
			body.page-id-23 .side h4, body.page-id-83 .side h4  {font-size:16px; line-height:22px}
			body.page-id-23 .side ul, body.page-id-83 .side ul {margin:10px 0; list-style:none}
				body.page-id-23 .side ul ul, body.page-id-83 .side ul ul {margin:0 0 5px 0; padding-left:0}					
			body.page-id-23 .side li, body.page-id-83 .side li {background:url(images/arrow.gif) no-repeat 0 2px; padding-left:18px}
				body.page-id-23 .side li li, body.page-id-83 .side li li {background-image:none; padding-left:5px; font-size:12px}			
				
		/*ranking*/
		#rankings {width:250px}
			#rankings h2 {}
			#rankings p {margin:5px 0}
			#rankings ul {list-style:none}
			#rankings li {margin-bottom:2px}
			#rankings a {display:block; width:250px; height:36px; line-height:36px; overflow:hidden; color:#fff; text-indent:30px; font-size:15px; text-transform:uppercase; background-image:url(images/bg_rankings_a.gif)}
				#rankings a.mundial {background-position:0 0}		
				#rankings a.nacional {background-position:0 -37px}		
				#rankings a.paraiba {background-position:0 -74px}		
				#rankings a.squash {background-position:0 -111px}		
			#rankings a:hover {text-indent:40px; background-position:0 -148px; text-decoration:none}
		
		/*banners*/
		.side ul#banners {list-style:none; margin:10px 0; padding:0}
			.side #banners li {float:left; width:123px; height:75px; text-align:center; position:relative; overflow:hidden}
			.side #banners img {border:none}
			
		/*pesquisas*/	
		#pesquisas {width:250px; margin-top:10px}
			#pesquisas h2 {position:relative; top:0; right:0}
			#pesquisas h2 br {display:none}
			#pesquisas h2 small {position:absolute; top:0; right:0}
			#pesquisas h2 small a {font-size:11px; font-weight:bold; display:block}
			#pesquisas h3 {font-size:14px; font-weight:normal}
			#pesquisas form {margin:0}
			#pesquisas div.wp-polls-ans {}
			#pesquisas ul {margin:10px 0; padding:0}
			#pesquisas li {background-color:#E4F4F5; font-size:11px; padding:3px 10px;color:#555; margin-bottom:2px}
			#pesquisas li.botoes {clear:both; height:34px; margin-top:5px; padding:0; background-color:#fff}
			#pesquisas li a {display:block; float:left; height:24px; background:url(images/bg_pesquisas_a.gif) no-repeat; text-transform:uppercase; font-size:12px; color:#fff; line-height:24px}
			#pesquisas a.parcial {width:90px; background-position:-20px 0; text-indent:17px}
				#pesquisas a.parcial:hover {width:110px; background-position:0 0; text-indent:23px; font-weight:bold}
			#pesquisas a.votar {width:76px; background-position:-135px 0; text-indent:8px}
				#pesquisas a.votar:hover {width:100px; background-position:-112px 0; text-indent:20px; font-weight:bold}
			#pesquisas a.votos {float:right; width:76px; background-position:0 -24px; text-indent:12px}
				#pesquisas a.votos:hover {width:100px; background-position:0 -24px; text-indent:24px; font-weight:bold}
			#pesquisas div.wp-polls-ans label {background-color:#E4F4F5}
			#pesquisas div.wp-polls-loading {}
			#pesquisas a:hover {text-decoration:none}
			
		/*noticias*/
		#noticias {float:left; width:340px; margin:0}
			#noticias h2 {margin:-10px 0 5px 0}
			/*destaque*/
			div.destaque {padding-top:15px}
			div.destaque .thumb-medium {width:340px; height:auto; overflow:hidden; margin-bottom:13px; position:relative; top:0; left:0; background-color:#E4F4F5; text-align:center}
				div.destaque .thumb-medium img {width:314px; height:auto; margin:12px auto}
			div.destaque .thumb-miniatura img {width:140px; height:auto; float:left; margin:0 10px 0 0; padding:5px; border:solid 1px #ddd; background-color:#f2f2f2}
				.destaque img {border:none}
			.destaque h3 {font-size:18px; font-weight:normal; margin:0 0 8px 0}
			.destaque h3 a {color:#333}
			.destaque a:hover {color:#ED1C24}
			/*outras*/
			ul.outras {list-style:none}
				.outras li {padding-left:20px; background:url(images/bullets.gif) no-repeat}
				.outras li.video {background-position:0 10px}
				.outras li.texto {background-position:0 -86px}
				.outras li h4 {font-size:14px; font-weight:normal}
				.outras a {color:#333}
					.outras a:hover {color:#ED1C24}
		/*eventos*/
		#eventos {float:right; margin-top:15px; width:322px; padding-bottom:18px; background:#333 url(images/bg_calendar.png) no-repeat; position:relative; top:0; left:0; right:0}
			#eventos h3{color:#ED1C24; float:left; margin:20px 0 0 20px; font-size:16px; text-transform:uppercase}
			#eventos div#wp-calendar {margin:0 20px; color:#fff}
				#wp-calendar table {width:100%; clear:both}
				#wp-calendar th, #wp-calendar td {text-align:center}
				/*navegacao*/
				#wp-calendar table.nav {width:100px; clear:none; margin:15px 0 0 0; float:right}
					table.nav td {widht:30px; text-align:center}
					table.nav td#prev {width:40px; text-align:left; font-size:15px}
					table.nav td#next {width:40px; text-align:right; font-size:15px}
					table.nav img {border:none}
					table.nav a {color:#fff}
						table.nav a:hover {text-decoration:underline}
				/*calendario*/				
				#wp-calendar caption {padding-bottom:10px}
					#wp-calendar caption a {text-align:left; color:#fff}
					#wp-calendar td.ec3_today {border:solid 1px #ccc}
					#wp-calendar td.ec3_eventday {text-align:center}
					#wp-calendar a.eventday {display:block; width:60%; margin:0 auto; color:#fff; background-color:#ED1C24; text-decoration:none}
					#wp-calendar a.eventday:hover {width:100%;}
		/*twitter*/
		#twitter {float:right; width:322px; background-color:#E4F4F5; margin-bottom:20px}
			#twitter div {display:inline}
			#twitter h2 {margin:0 20px; padding:12px 0 5px 0}
				#twitter h2 a {color:#01ADEF}
			#twitter ul {list-style:none; margin:0 30px 0 20px; font-size:11px}
			#twitter li {margin-bottom:10px; padding-left:30px; background:url(images/twitt.gif) no-repeat 0 2px}
			#twitter li a {display:none}
			#twitter span a {display:inline; color:#ED1C24}
			#twitter p a {display:block; font-size:11px; font-weight:bold; padding:0 30px 20px 0; text-align:right}	
			#twitter li.aktt_more_updates, #twitter p.aktt_tweet_posted_msg, #twitter p.aktt_credit, form#aktt_tweet_form, .aktt_tweet_posted_msg {display:none}

		/* galeria */
		body div.ngg-galleryoverview {}
			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:6px; background-color:#E4F4F5; margin:0 5px 5px 0; border:none}
				body div.ngg-galleryoverview div.ngg-gallery-thumbnail-box img:hover {background-color:#01ADEF}
		.post img.ngg-singlepic, .post img.ngg-none {display:none}
			div.piclenselink {padding-bottom:5px}
			
		/* comentarios */
		#comentarios {float:left; padding:20px; width:550px; margin-bottom:20px; background-color:#eee; border-top:solid 2px #ddd; border-bottom:solid 2px #ddd;}
			#comentarios ol.commentlist {background-color:#fff; border-top:solid 2px #ddd; border-bottom:solid 2px #ddd; margin:10px 0; padding:0 0 0 30px}
			#comentarios li {padding:5px 30px 5px 5px; margin:5px 0}
			#comentarios form#commentform {}
				#comentarios form#commentform textarea, #comentarios form#commentform input {width:200px; margin:2px 0}
				#comentarios form#commentform textarea {width:450px}
				#comentarios form#commentform input#submit {width:auto; padding:3px 6px; font-size:16px}
		
			
		/* post */
		.post {float:left; width:600px; padding-bottom:20px}	
			.post h2 {line-height:20px; margin-bottom:10px}
			.post h2 small {font-size:12px; line-height:12px}
				.post h2 small a {color:#333}
			.post h3 {font-size:18px; color:#01ADEF}
				.post h3 a {color:#01ADEF}
					.post h3 a:hover {color:#01ADEF}
				.post h3 small {font-size:12px}
					.post h3 small a {}
			.post h4 {font-size:16px;}
			.post h5 {}
			.post p {margin:15px 0} 
				.post p a.more-link {}
					.post p a.more-link:hover {}
				.post p.autor {}
			.post ol, 
			.post blockquote, 
			.post address {margin:15px 25px}
			.post ul {margin:15px 0; list-style:none}
				.post ul li {background:url(images/arrow.gif) no-repeat 0 2px; margin-bottom:5px; padding-left:15px}
			.post .wp-caption {margin:0; font-size:11px; font-style:italic}
				.post .wp-caption p {margin:0}
			.post .alignright  {float:right; text-align:right; margin:0 0 8px 20px}
			.post .alignleft, .post .aligncenter  {float:left; text-align:left; margin:0 20px 8px 0}
				.post .alignright img, .post img.alignright, .post .alignleft img, .post img.alignleft, .post .aligncenter img, .post img.aligncenter {border:solid 1px #ddd; background-color:#fff; padding:6px}
				.post .alignright a:hover img, .post a:hover img.alignright, .post .alignleft a:hover img, .post a:hover img.alignleft, .post .aligncenter a:hover img, .post a:hover img.aligncenter {border-color:#ED1C24}
				
			.post div.autoviewer {}
			.post div.post-ratings img {}
			.post img {max-width:; height:;
				 /* IE hack for Image max-width */
				 width: expression(this.width > 630 ? 630: true)}
			.post iframe {padding:10px; background-color:#eee}		
			.post table {border:solid 1px #ccc; border-top-width:2px; width:100%; margin:10px auto}
				.post th {font-weight:bold; padding:3px 10px; border-bottom:solid 2px #ccc}
				.post td {padding:3px 10px; border-bottom:solid 1px #ccc}
				.post td.right {text-align:right}
				.post td.gray {background-color:#eee}	

			/* lista */
			.post ul.lista {margin:10px 0}
				.post ul.lista li {clear:both; height:53px; border-bottom:solid 1px #eee; line-height:16px; padding-bottom:5px;}
				.post ul.lista li h4 {line-height:19px}
					.post ul.lista li h4 small {display:block; float:left; font-size:11px; line-height:12px; font-weight:normal; width:30px; padding:3px 5px 10px 3px; border-right:solid 1px #eee; margin:0 10px; text-align:left}
					.post h4 br {display:none}

			/* pagenavi */
			.wp-pagenavi {margin:20px auto; padding:5px 0 0 30px; text-align:center}
				.wp-pagenavi span.pages {padding:0 10px; color:#888; border:none}
				.wp-pagenavi span.current {font-weight:bold; color:#fff; padding:2px 6px; background-color:#ED1C24; border:none}
				.wp-pagenavi span.extend {border:none; color:#ED1C24}			
				.wp-pagenavi a, body .wp-pagenavi a:link, body .wp-pagenavi a:active, body .wp-pagenavi a:visited  {font-weight:bold; color:#ED1C24; text-decoration:none; padding:2px 6px; background-color:#eee; border:none}
				.wp-pagenavi a:hover {background-color:#ED1C24; color:#fff}	
	
			/* meta */
			ul.post-meta {}
				ul.post-meta li {}
					ul.post-meta li span.post-meta-key {}				
	
			/* forms */
			div#usermessagea {background-color:#01ADEF; text-align:center; font-size:11px; color:#fff} /* mensagem de aviso */
				form.cform {margin:20px 0; background-color:#E4F4F5; padding:15px} /* formulario */
				form.cform fieldset {} /* fieldset */
				form.cform fieldset.cf_hidden {display:none}
					form.cform legend {} /* legendas */
					form.cform ol.cf-ol {list-style:none; padding:0; margin:0} /* contem os campos */
						form.cform li {margin-bottom:5px} /* linha de cada campo */
							form.cform label {display:block} /* rotulo dos campo */
								form.cform span {} /* texto dentro do rotulo */
								form.cform span.reqtxt, form.cform span.emailreqtxt {padding-left:5px; font-size:11px} /* descricao de campos obrigatorios */
							form.cform input {width:140px;} /* campos */
								form.cform input.single {} /* campo simples */
								form.cform input.fldemail {} /* campo de email */
								form.cform input.fldrequired {} /* campo obrigatorio */
								form.cform input.sendbutton {width:auto; font-size:18px; padding:3px 6px} /* botao enviar */
							form.cform textarea {} /* caixa de texto */
								form.cform textarea.area {width:98%;} /* area */
							form.cform p {} /* paragrado dentro do form */
								form.cform p.cf-sb {text-align:right; margin-right:1px} /* paragrafo do botao enviar */
	
			/* editar */
			.post p.edit {position:fixed; top:100%; left:100%; margin:-41px 0 0 -20px; width:20px; height:20px}
				.post p.edit a {display:block; width:20px; height:20px; overflow:hidden; background-color:red; color:#fff; font-size:13px; font-weight:bold; text-indent:-100px; text-align:center; line-height:20px}
	
			/*breadcrumb*/
			.post .breadcrumb {}
				.post .breadcrumb a {}

	/* footer */
	#footer {padding-top:15px; margin-top:10px; border-top:solid 1px #ddd; height:95px; font-size:12px; position:relative}
		/*endereco*/
		#footer address {width:240px; color:#777; line-height:20px; margin-right:20px; float:left; font-style:normal}
			#footer div.textwidget a {display:block; color:#777; padding-right:35px; background:url(images/maps.gif) no-repeat 205px -57px}
			#footer div.textwidget a:hover {background-position:205px 0}
			#footer span.fone {font-size:16px; line-height:18px; color:#ED1C24}
			#footer address a:hover {text-decoration:none}
		/* menu */	
		#footer ul.menu {padding:0 0 10px 0}
		#footer ul li {list-style:none; display:inline; padding:0; border:none}
		#footer ul.menu a {padding:0 0 0 10px}
		/* login */
		#footer span.login {display:block; position:fixed; top:100%; left:100%; margin:-20px 0 0 -20px; width:20px; height:20px}
			#footer span.login a {display:block; width:20px; height:20px; overflow:hidden; background-color:#C10008; color:#fff; text-transform:lowercase; font-size:13px; font-weight:bold; text-indent:-1000px; text-align:center; line-height:20px}
		/*assinatura hagg */
		#footer a.hagg {display:block; float:right; text-indent:-1000px; margin:0; width:60px; height:30px; overflow:hidden; background:url(images/hagg-assinatura.gif) no-repeat}
			#footer a.hagg:hover {background-position:0 -30px}