/*
Theme Name: Mudou em Joao Pessoa. Mudou a minha vida!
Theme URI: http://hagg.com.br/#portfolio
Description: Campanha realizada em parceria com a Antares Comunicacao.
Version: 2009
Author: HAGG Agencia Interativa
Author URI: http://hagg.com.br/
Tags: wmoriah, hagg, PMJP
*/

	* {margin:0; padding:0}
	body {background:#fbfbfb url(images/bg_body.jpg) no-repeat top center; text-align:center; color:#222}
	.none, hr, .linklove {display:none}
	a {text-decoration:none}
		a:hover {}

	#content {width:960px; margin:0 auto; position:relative; top:0; left:0}

		/*flash*/
		#flash {float:left; margin:18px 0 0 0; width:468px}
			.flash-index {height:371px; background:url(images/bg_flash.jpg) no-repeat}
			.flash-interna {height:386px; background:url(images/bg_flash_int.jpg) no-repeat}
			#flash div {float:right; margin-top:110px; margin-right:20px}
		/*menu*/
		ul#menu {float:right; margin:37px 40px 0 0; height:40px; list-style:none; position:abalute; top:0; left:0; z-index:100}
			#menu li {display:inline;}
			#menu a {display:block; float:left; color:#333; font-size:17px; padding:0 5px 15px 5px ; background-color:url(images/linha_menu.gif) no-repeat 0 -1000px}
			#menu a:hover, #menu li.current_page_item a {color:#C70707; background:url(images/linha_menu.gif) no-repeat bottom left}

		/*videos*/
		#videos {width:466px; height:563px; float:left; margin:32px 0 0 0; text-align:right; background:url(images/bg_depoimentos.jpg) no-repeat}
			#slide {width:370px; margin-top:105px; float:left; font-family:arial}
				#slide h2 {font-size:20px; margin:30px 30px 0 0; color:#C91414; text-align:right; }
				#slide p {font-size:12px; margin-right:30px; text-align:right; }
				#slide a.envie {display:block; float:left; width:300px; height:70px; margin:3px 0 0 48px; text-indent:-1000px; overflow:hidden; position:relative; background:url(images/bg_envie.gif) no-repeat -1000px 0}
				#slide a.envie:hover {background-position:0 0}
			#slide a.pmjp {width:370px; height:10px; border:solid 1px #000}
			#slide a.conquista {width:370px; height:10px; border:solid 1px #000}

			/*navegacao*/
			ul.nav {list-style:none; margin-top:165px; float:right}
			ul.nav li {}
				ul.nav a {display:block; width:68px; text-indent:-1000px; overflow:hidden; position:relative; background:url(images/bg_setas.jpg) no-repeat}
				ul.nav a.nextVideo {height:61px; background-position:0 0}
					ul.nav a.nextVideo:hover {background-position:-68px 0}
				ul.nav a.prevVideo {height:56px; background-position:0 -61px}
					ul.nav a.prevVideo:hover {height:56px; background-position:-68px -61px}
				ul.nav a.mais {height:65px; background-position:0 -117px}
					ul.nav a.mais:hover {height:65px; background-position:-68px -117px}

		/*twitter*/

		#twitter_div {width:396px; position:absolute; top:0; left:0; text-align:left; margin:389px 0 0 72px; font-family:Arial, Helvetica, sans-serif}
		.twitter-index {background:url(images/bg_twitter.jpg) no-repeat top right}
			#twitter_div div.aktt_tweets {display:inline}
			#twitter_div h2 {width:148px; text-indent:200px; padding:14px 0 6px 0; height:22px; margin:16px 0 5px 0; background:url(images/title_twitter.jpg) no-repeat}
			#twitter_div ul {border-top:dashed 1px #ccc; width:290px; list-style:none}
			#twitter_div li {border-bottom:dashed 1px #ccc; padding:7px 0 8px 0; font-size:12px; line-height:16px}
			#twitter_div li.aktt_more_updates, #twitter_div p.aktt_tweet_posted_msg, #twitter_div p.aktt_credit, form#aktt_tweet_form, .aktt_tweet_posted_msg {display:none}
			#twitter_div a {display:inline; color:#8f8f8f; font-style:italic}
			#twitter_div a:hover {color:red}

		/*flickr*/

		#flickr_div {width:300px; float:left; text-align:left; margin-left:72px; font-family:Arial, Helvetica, sans-serif}
		.flickr-interna {position:absolute; top:0; left:0; margin:670px 0 0 72px}
			#flickr_div h2 {width:148px; height:42px; background:url(images/title_flickr.jpg) no-repeat}
			#flickr_div ul {list-style:none; width:298px; height:150px; background:url(images/bg_ul_flickr.jpg) no-repeat}
			#flickr_div li {float:left; width:89px; height:60px; margin:9px 0 0 8px; position:relative; overflow:hidden}
			#flickr_div li img {border:none; width:88px; height:auto}
			#flickr_div a {display:inline}
			#flickr_div p {text-align:right; padding-right:5px; font-size:11px; text-transform:lowercase}
			#flickr_div p a {color:#0086F2}

		/*fique por dentro*/
		div#fique_por_dentro {width:550px; text-align:left; position:absolute; top:0; left:0; margin:680px 0 0 396px}
			#fique_por_dentro h2{color:#0189bb; font-size:22px; padding-left:10px; font-weight:normal}
			#fique_por_dentro ul{list-style:none; margi-top:5px}
			#fique_por_dentro li{float:left; width:255px; margin-right:15px}
			#fique_por_dentro img{float:left; width:99px; height:auto; margin:0 10px 3px 0; padding:12px 8px 13px 13px; border:none; background:url(images/bg_thumb.jpg) no-repeat}
			#fique_por_dentro h3{font-size:14px; font-weight:normal; margin:5px 0; font-family:Arial, Helvetica, sans-serif}
			#fique_por_dentro h3 a {color:#555}
			#fique_por_dentro h3 a:hover {color:red}
			#fique_por_dentro p {font-size:11px; font-family:Arial, Helvetica, sans-serif; padding-left:10px}
			#fique_por_dentro p a{color:red}

		/*post*/
		p.tpost {font: bolder 20px Arial; color: #F00; text-align: center;}
		.post {width:430px; float:left;text-align:left; margin-left:30px; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:22px; height:auto !important; height:550px; min-height:550px}
		.post h2 {font-family:Georgia, "Times New Roman", Times, serif; margin:15px 0; font-size:20px; font-weight:normal}
		.post p {margin:15px 0}
		.post a {color:#C70707;}
			/* editar */
			.post p.edit {position:fixed; top:100%; left:100%; margin:-21px 0 0 -20px; width:20px; height:20px}
				.post p.edit a {display:block; width:20px; height:20px; overflow:hidden; background-color:#ccc; color:#fff; text-indent:-1000px; font-size:13px; font-weight:bold; text-align:center}

		/* enviar gravacao */
		#recorder_container {position: absolute; z-index: 200; top: 300px; border: 1px solid #000; padding: 5px; background: #fff; }
		#recorder_container a { color: #F00; }
		#status {background: #fff; border: 1px solid #000; font: bolder 14px Arial; color: #F00; padding: 5px;}
		.clique {text-align: center}

					/* forms */
			.post div#usermessagea {color:#red; font-weight:bold} /* 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 {margin:5px 0; clear:both} /* linha de cada campo */
							.post form.cform label {width:150px; float:left; font-size:11px; text-align:right; margin-right:10px} /* 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 {float:left; width:230px; margin-right:5px} /* 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 {float:none; text-transform:lowercase; clear:both; width:auto; margin-left:160px; font-size:18px; padding:3px 6px} /* botao enviar */
							.post form.cform textarea {float:left; width:230px; height:60px} /* caixa de texto */
								.post form.cform textarea.area {width:230px} /* area */
							.post form.cform p {} /* paragrado dentro do form */
								.post form.cform p.cf-sb {clear:both; margin:15px 0 0 180px; text-align:left} /* paragrafo do botao enviar */
							.post input#cf_field_10 {width:auto; margin-top:6px; margin-right: 20px}


	#footer {width:960px; height:55px; clear:both; margin:20px auto 0 auto; padding:30px 0 0 0; text-align:left; font-size:11px; font-family:Arial, Helvetica, sans-serif; position:relative; top:0; left:0}
		#footer address {width:300px; float:left; padding-top:5px; margin-left:72px; font-style:normal}
		#footer div#rede_social {float:left; margin-left:30px; text-align:left}
		#footer img {border:none; margin:0 3px}
		/*assinatura hagg */
		#footer a.hagg {display:block; position:absolute; top:0; left:100%; margin:30px 0 0 -95px; text-indent:-1000px; width:60px; height:30px; overflow:hidden; background:url(images/hagg-assinatura.gif) no-repeat}
			#footer a.hagg:hover {background-position:0 -30px}
		/* 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; text-indent:-1000px; background-color:#ccc; color:#fff; text-transform:lowercase; font-size:13px; font-weight:bold; letter-spacing:-1px; text-align:center; line-height:20px; position:relative}