/*
Theme Name: Erika Sarti - Portfolio
Theme URI: http://erikasarti.net/
Description: Portfolio
Version: 8.0
Author: Erika Sarti
Author URI: http://erikasarti.net/
*/

/* TABELA DE CORES

Pink		#c14c76;
Vinho		#60132F;
Rosa claro	#E38AAB;
Rosa claríssimo	#F8EEF2;

*/


	*, html, body		{margin: 0; padding: 0;}

	body			{background: #000 url(images/background.jpg) repeat-x; color: #333;
				font: 12px/140% Verdana,sans-serif;}

	a:link, a:visited	{color: #c14c76; text-decoration: underline;}
	a:hover, a:active	{color: #60132F; text-decoration: underline;}

	h1, h2, h3, h4, h5, h6	{line-height: 120%;}

	h1			{font: normal 44px Arial,sans-serif;}

	h2			{font: normal 24px Arial,sans-serif;}

	h3			{font: normal 18px Arial,sans-serif; margin-top: 30px;}

	h4			{font-size: 18px; font-weight: normal;}

	h5			{font-size: 12px; margin-bottom: 30px;}

	h6			{font-size: 12px;}

	p			{margin-bottom: 10px;}

	blockquote		{color: #666; font-style: italic; margin: 20px;
				border-left: 2px #e38aab solid; padding-left: 10px;}

	hr			{width: 90%; background: #c14c76; color: #c14c76; height: 1px; border: none;
				display: block; margin: 20px auto;}

	ul, ol			{margin: 20px 40px;}

	ul li, ol li		{margin: 5px;}

	ul li			{list-style: square outside; margin-bottom: 3px;}

	input, textarea		{border: 1px #999 solid; padding: 4px; font: 11px Verdana,sans-serif; color: #444;}

	button			{background: #c14c76; color: #FFF; border: 1px #E38AAB solid;
				font: bold 12px Verdana,sans-serif; margin: 20px 0 10px 120px; padding: 7px 10px;}

	input, textarea, button	{-moz-border-radius: 5px; -khtml-border-radius: 5px;
				-webkit-border-radius: 5px; border-radius: 5px;}

	.center			{text-align: center;}

	.clear			{clear: both;}


/* cabecalho */

	#header			{width: 980px; height: 350px; margin: 0 auto; overflow: hidden;}

	#header h1 a		{display: block; width: 970px; height: 80px; margin: 40px auto 60px;
				background: url(images/erikasarti.png) no-repeat center top; text-indent: -10000px;}

	#header h2		{color: #FFF; margin: 20px 0 0;}

	#header h2 strong	{color: #e1739b;}


/* menu */

	#menu			{height: 25px; margin: 0 0 40px; overflow: hidden; padding-left: 580px;}

		#menu a:link,
		#menu a:visited		{margin: 0 0 0 20px; font: normal 20px Arial,sans-serif;
					float: left; color: #FFF; text-decoration: none;}

		#menu a:hover,
		#menu a:active		{color: #e38aab;}

/* conteudo */

	.curva			{width: 980px; height: 10px; overflow: hidden;
				margin: 0 auto; background: url(images/curva.png) no-repeat;}

	.curva1			{background-position: 0px 0px;}

	.curva2			{background-position: 0px -10px;}

	#page			{background: #FFF; width: 980px; margin: 0 auto;}

	#content		{padding: 10px 20px;}

	#content img		{border: none;}

	#content h1		{margin: 0 0 20px; color: #c14c76;}

	#content #e404		{color: #999; margin: 80px 0 200px; text-align: center; font-weight: normal;}

	#content h2 a:link,
	#content h2 a:visited	{color: #60132F; text-decoration: none;}

	#content h2 a:hover,
	#content h2 a:active	{color: #c14c76; text-decoration: none;}

	#content h2.subtitulo	{margin: 0 10px 0; color: #E38AAB; text-transform: lowercase;}

	#content h3 a		{text-decoration: none;}

	#content h5		{color: #999;}


/* alinhamento das imagens */

	.wp-caption			{display: block;}

	.wp-caption img			{border: none;}

	.aligncenter			{display: block; margin: auto;}

	.alignleft			{float: left; margin-right: 5px;}

	.alignright			{float: right; margin-left: 5px;}

	.wp-caption-text		{color: #666; font-size: 11px; text-align: center;}


/* blog */

	#content.blog		{width: 680px; float: left; padding-right: 0;}

	.datahora, .categoria	{color: #666; font-size: 11px; text-transform: lowercase;}

	.datahora		{margin-bottom: 20px;}

	.categoria		{background: #F8EEF2; border: 1px #a14a69 solid; display: block;
				margin: 20px 0 40px; padding: 5px 10px;}

	.categoria a		{text-decoration: none;}


/* busca */

	#searchform		{margin: 20px 0;}


/* comentarios */

	.feed			{background: url(images/minifeed.png) no-repeat 0px 3px; padding-left: 15px;
				display: block; margin-top: 10px; font-size: 11px; font-weight: bold;}

	#comments		{color: #666;}

	#respond		{margin: 40px 0 30px; color: #666;}

	#comments-list 		{margin: 20px 0;}

		#comments-list li		{list-style: none; margin: 10px 0 20px; padding: 10px;
						border-bottom: 1px #CCC solid; font-size: 11px;}

		#comments-list li strong	{font-size: 12px;}

		#comments-list li a		{text-decoration: none;}

		#comments-list .author		{background: #f8eef2; border: 1px #E38AAB solid;}
	
		#comments-list li .avatar	{display: block; float: right; margin: 3px 3px 3px 5px;}

		#comments-list li .data		{font-size: 9px;}


/* portfolio */

	#maistrabalhos		{width: 220px; float: right; padding-left: 20px; border-left: 2px #e38aab dotted;
				color: #666; line-height: 200%; font-weight: bold;}

		#maistrabalhos a:link,
		#maistrabalhos a:visited	{text-decoration: none;}

		#maistrabalhos a:hover,
		#maistrabalhos a:active		{text-decoration: underline;}

		#maistrabalhos h2		{font-size: 22px; margin-bottom: 10px; color: #c14c76; text-transform: lowercase;}

	.screenshot		{width: 280px; height: 180px; margin: 10px 15px 40px 5px; padding: 5px;
				background: #FFF; font-size: 11px;
				overflow: hidden; float: left; border: 1px #AAA solid; line-weight: 100%;}

		.screenshot .faixa		{background: #000; display: block; width: 270px; height: 40px;
						padding: 5px; position: relative; top: 80px; left: 0; z-index: 5;
						opacity:0.8; -moz-opacity: 0.8; filter: alpha(opacity=80);}

		.screenshot a			{color: #FFF; display: block; position: relative; top: 140px; left: 5px; z-index: 8;}

		.screenshot a:link,
		.screenshot a:visited		{text-decoration: none;}

		.screenshot a:hover,
		.screenshot a:active		{text-decoration: underline !important;}

		.screenshot a b			{font-size: 12px;}

		.screenshot a:hover		{text-decoration: none; color: #FFF;}

	.jobdescription		{width: 380px; height: 200px; float: left;}

		.jobdescription h4		{color: #60132F; font-size: 18px; margin: 10px 0 20px;}


/* pagina inicial */


	#content h2.home	{font-size: 28px; color: #c14c76; margin: 30px 0 20px;}

	#content .vejamais	{font-weight: bold; text-align: right; display: block; margin: -50px 30px 30px; }


/* contato */

	.boxcontato		{width: 230px; height: 100px; display: block; float: left; margin: 40px 30px 150px; _margin: 40px 20px 150px;
				padding: 90px 10px 10px; text-align: center; line-height: 200%;
				background: url(images/contato.png) no-repeat 0px 0px; font-size: 11px; color: #FFF;}

		.boxcontato b			{font-size: 12px;}

		.boxcontato a:link,
		.boxcontato a:visited		{color: #FFF; text-decoration: none;}

		.boxcontato a:hover,
		.boxcontato a:active		{text-decoration: underline;}

		.boxcontato.orcamento		{background-position: -250px 0px;}
		.boxcontato.orcamento:hover	{background-position: -250px -200px;}

		.boxcontato.mensagem		{background-position: 0px 0px;}
		.boxcontato.mensagem:hover	{background-position: 0px -200px;}

		.boxcontato.duvida		{background-position: -500px 0px;}
		.boxcontato.duvida:hover	{background-position: -500px -200px;}


/* form dos comentarios */

	#commentform		{}

	#commentform div	{width: 49%; float: left;}

	#commentform label	{}

	#commentform input	{width: 250px;}

	#commentform textarea	{width: 300px;}

	#commentform #submit	{margin: 20px 0 10px 120px;}


/* sidebar */

	#sidebar		{width: 200px; margin-right: 20px; font-size: 11px; float: right;}

	#sidebar a:link,
	#sidebar a:visited	{text-decoration: none;}

	#sidebar a:hover,
	#sidebar a:active	{text-decoration: underline;}

	#sidebar img		{border: none;}

	#sidebar h2		{color: #666; font-size: 18px; margin: 30px 0 10px;}

	#sidebar ul		{margin: 0; margin-left: 10px;}

		#sidebar ul li		{list-style-type: none; background: url(images/bullet-rosa.gif) no-repeat 0px 6px;
					padding-left: 10px; margin-bottom: 3px;}

		#sidebar ul li li	{list-style-type: none; background: url(images/bullet-cinza.gif) no-repeat 0px 6px;
					padding-left: 9px; margin-bottom: 3px;}


/* footer */

	#footer			{margin-top: 10px; padding-top: 20px; color: #FFF; font-size: 11px;}

	#footer h6		{margin-bottom: 10px;}

	#footer img		{border: none;}

	#footer a		{color: #de5688; font-weight: bold;}

	#footer #conteudo	{width: 960px; height: 170px; margin: 0 auto;}

	#footer #conteudo div	{width: 280px; margin: 20px; float: left;}



/* plugin related posts */

	b.related		{margin-top: 30px; display: block;}

	ul.related		{font-size: 11px; margin: 0px; list-style: none;}

	ul.related li		{margin-bottom: 0px; list-style: none;}

	ul.related a:link,
	ul.related a:visited	{color: #666; text-decoration: none;}
	ul.related a:hover,
	ul.related a:active	{color: #c14c76; text-decoration: none;}


/* plugin subscribe to comments */

	.subscribe-to-comments #subscribe	{border: none;}