/*
Theme Name:HAGG 2009
Theme URI:http://www.hagg.com.br/
Description:Portfofio da Agencia Hagg Interativa - baseado no tema Folio `ts de The Folio Elements WordPress theme by Jason Schuller and Press75.com. Detailed usage instructions for this theme can be found at <a href="http://www.press75.com/folio-elements-setup-usage/">http://www.press75.com/folio-elements-setup-usage/</a>.
Version:1.0
Author:Walter Araujo dos Santos
Author URI:http://www.wmoriah.com/

This theme was designed and built by Jason Schuller,
whose portfolio you will find at www.thesevenfive.com

The CSS, XHTML and design are all Copyright 2009 Circa75 Media, LLC:*/

	/*geral*/
	html, body {font-size:13px; /* 1em = 10px */ line-height:18px; font-family:Arial, Helvetica, sans-serif; background:#111 url(images/bg_body.png) repeat-x; color:#868686; margin:0; padding:0}
	.none, .piclenslink, .linklove {display:none}
		
		/*titulos*/
		h1, h2, h3 {font-weight:normal}
		h2 {font-size:22px; color:#fd4}
		h3 {color:#fff; font-size:1.3em; margin:0; padding:0}

		/*links*/
		a {color:#eee; text-decoration:none}
		a:hover {color:#fff}
		a {outline:none}

		/*imagens*/
		img {border:none}

		/*wrapper*/
		#wrapper {width:1140px; margin:0 auto; background:url(images/bg.jpg) top center no-repeat; overflow:hidden}

		/*header*/
		#header {width:1140px; height:165px; padding:5px 0 0 0; line-height:1em; clear:both}
			/*menu*/
			#menu {float:right; list-style:none; margin:30px 200px 0 0; padding:0}
				#menu li {display:inline; margin:0 0 0 10px}
				#menu a {float:left; margin-left:10px}
				#menu a.agencia {display:block; border-bottom:solid 5px #c31; padding-bottom:10px}
					#menu a.agencia:hover { border-bottom:solid 15px #c31}
				#menu a.servicos {display:block; border-bottom:solid 4px #e81; padding-bottom:10px}
					#menu a.servicos:hover { border-bottom:solid 13px #e81}
				#menu a.equipe {display:block; border-bottom:solid 3px #fb2; padding-bottom:10px}
					#menu a.equipe:hover { border-bottom:solid 10px #fb2}
				#menu a.contato {display:block; border-bottom:solid 2px #fd4; padding-bottom:10px}
					#menu a.contato:hover { border-bottom:solid 7px #fd4}
				#menu a.portfolio {display:block; border-bottom:solid 1px #fff; padding-bottom:10px}
					#menu a.portfolio:hover { border-bottom:solid 4px #fff}
		/*face box*/
		#facebox h2 {margin:0; padding:0}
		.facebox h3 {margin:0; padding:0; color:#770}
			.facebox p {margin:0 0 10px 0}

		/*slider*/
		#content {}
		#content .carousel {position:relative; margin:0}
		#content .main {margin:0}
			/*nav*/
			#content .carousel a.prev {display:block; position:absolute; width:380px; height:370px; background:url("images/previous.png") no-repeat 0 0; margin:0; top:0; left:0; z-index:10000}
				* + html #content .carousel a.prev {top:0}
				#content .carousel a.prev:hover {background:url("images/previous.png") no-repeat 0 -786px}  
			#content .carousel a.next {display:block; position:absolute; width:380px; height:370px; background:url("images/next.png") no-repeat 0 0; margin:0; top:0; right:0; z-index:10000}
				* + html #content .carousel a.next {top:0}
				#content .carousel a.next:hover {background:url("images/next.png") no-repeat 0 -786px}  
			#content .carousel a:hover, #content .carousel a:active {border:none; outline:none}    
			/*rotate*/
			#content .carousel .rotate {float:left; margin:0; position:relative; visibility:hidden; left:-5000px}
			.rotate p a {color:#ec1; padding-left:7px; background:url(images/arrow.gif) no-repeat 0 7px}
			.rotate p a:hover {color:#fff}
			/*list*/
			#content .carousel ul {margin:0}
				#content .carousel li {width:360px; height:370px; margin:0 10px 0 10px}
				#content .carousel a.thumb-link {display:block; width:360px; height:238px; overflow:hidden}
				#content .carousel img {width:360px; height:auto}
			/*intro*/
			.intro {margin:0; padding:0 5px 10px 0}
				.intro h3 {margin:20px 0 1px 0; font-size:15px}
				.intro p {margin:0}
				.intro img {width:320px}
			/*entry*/
			.entry {padding:15px 25px}
				.entry h3 {margin:20px 0}
				.entry ul {}
				.entry ul li {}
				.page .entry ul {list-style:none; padding:0; margin:0}
				.page .entry li {border-bottom:solid 1px #888; padding:20px 0; margin:0;}
				.entry .alignright {padding:2px 0 10px 15px; float:right}
				.entry .alignnone {padding:5px}
				.entry p {margin:15px 0; color:#ccc}
				.entry p a {}
			/*video*/
			.video {width:auto; text-align:center; margin:8px 0 -10px 0; padding:0}
		#content div.mediasocial {clear:both; text-align:center}
		#content div.mediasocial ul {list-style:none; padding:10px 0 0 0; margin:0; text-align:center}
			#content div.mediasocial li {display:inline; list-style:none; padding:0 2px}

	/* footer */
	#footer {margin:10px auto; font-size:11px; padding:30px 0 0 0; background-color:#111; border-top:solid 1px #191919; text-align:center; color:#555}
		#footer address {font-style:normal; text-align:center}
		#footer a {color:#888}
		#footer a:hover {color:#fff}
		#footer ul {list-style:none}
		#footer li {display:inline; padding: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:#222; color:#fff; text-transform:lowercase; font-size:13px; font-weight:bold; letter-spacing:-1px; text-align:center; line-height:20px; overflow:hidden; text-indent:-1000px}