/*
Theme Name: Listening to the Stars
Theme URI: http://listeningtothestars.com/
Description: 
Version: 1.0
Author: Erika Sarti
Author URI: http://erikasarti.net/
*/

<!--

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

	body			{background: #011125 url(images/header.jpg) left top no-repeat;
				margin: 0; padding: 0; font: 12px Verdana,sans-serif;}

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

	a:link		{color: #4D027C; text-decoration: none; font-weight: bold;}
	a:visited	{color: #4D027C; text-decoration: none; font-weight: bold;}
	a:hover		{color: #874DA2; text-decoration: underline; font-weight: bold;}
	a:active	{color: #874DA2; text-decoration: none; font-weight: bold;}

	h1, h2, h3, h4, h5, h6	{color: #874DA2; margin: 0; padding: 0; line-height: 110%;}

	h1		{font-size: 28px; margin: 0 0 20px;}
	h2		{font-size: 22px;}
	h3		{font-size: 20px; margin: 20px 0;}
	h4		{font-size: 16px; margin: 10px 0;}
	h5		{font-size: 13px; margin: 5px 0;}
	h6		{font-size: 12px; margin: 5px 0;}

	.center			{text-align: center;}

	.clear			{clear: both;}

/* ******************** conteudo principal ******************** */

	#page			{width: 1000px; margin: 0 auto;}


/* ************************ cabeçalho ************************ */

	#header			{width: 1000px; margin: 0 auto; text-align: right; overflow: hidden; margin-bottom: 10px}

		#header a	{width: 70px; height: 24px; margin: 0 10px; padding-top: 6px;
				background: url(images/aba.gif);
				display: block; float: right; font-weight: bold; text-decoration: none; text-align: center;}

		#header a:hover	{background-position: 0 0;}

		#header form	{margin: 50px 0 150px; float: right;}


/* ************************* página ************************** */

	#content			{width: 760px; margin: 0; margin-top: 10px; padding: 0; float: right;}

	#content img			{border: none;}

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

	.alignright			{display: block; float: right;}

	.alignleft			{display: block; float: left;}

	#texto,
	#random			{padding: 0 15px; background: #FFF url(images/fundo_texto.gif) repeat-y; line-height: 140%;}

		#random p		{margin-bottom: 0;}

	.curva1,
	.curva2		{overflow: hidden; background: url(images/curva.gif) no-repeat;}

	.curva1		{height: 20px; margin-top: 5px;}
	.curva2		{height: 40px; background-position: left bottom; margin-bottom: 30px;}


		p.leiamais	{margin: 0; margin-top: -10px; text-align: right;}

		blockquote	{margin: 5px 5px 10px 15px; padding-left: 10px; border-left: #956395 3px solid; color: #333;}

	.post			{border-bottom: 1px #956395 solid; padding: 20px 0;}

	.page			{}

	.page #textos	{margin: 20px 0 0 0; padding: 0; list-style: square inside url(images/bullet.gif);
			_list-style-image: url(images/bullet.gif);
			*list-style-image: url(images/bullet_ie.gif);}

		.page #textos li	{margin-bottom: 5px;}

		.page #textos .page-item-122 {padding-top: 20px;}

		.post small		{color: #666;}

	.page .post-meta	{margin: 20px 0; padding: 0; list-style: none;}

	.post-meta-key		{font-weight: bold;}

	.entry			{}

	.postmetadata		{color: #666; font-size: 11px;}

		.postmetadata a,
		.postmetadata a:link,
		.postmetadata a:visited		{font-weight: normal;}

	h2.pagetitle		{font-size: 160%; margin-bottom: 20px;}

	h3#respond		{font-size: 12px; margin: 30px 5px 10px; cursor: pointer;}

	#comentarios		{display: none;} // hack para exibir os comentarios

	form#commentform	{width: 90%; margin: 0 auto;}

		form#commentform input		{width: 200px;}

		form#commentform textarea	{width: 400px;}

		form#commentform #submit	{margin-left: 150px; width: 100px;}

	.commentmetadata	{font-size: 10px;}

	.nocomments		{}

	ol.commentlist		{list-style-type: none;}

	ol.commentlist li	{margin: 5px; padding: 5px;}

	.navigation		{padding: 20px 0;}

		.navigation .alignleft		{}

		.navigation .alignright		{}


	.categorias,
	.arquivos		{width: 49%; margin-top: 30px;}

	.categorias		{float: left;}
	.arquivos		{float: right;}

	.categorias ul,
	.arquivos ul		{list-style-type: none; margin: 0; padding-left: 10px;}



	#contato		{margin: 40px 0 0 100px;}

		#contato input			{width: 200px;}
		#contato textarea		{width: 250px;}

		#contato #enviar		{width: 80px; padding: 5px; margin: 30px 0 0 150px;}

		#contato i			{font-size: 11px;}



/* ************************* lateral ************************* */

	#sidebar		{background: url(images/fundo_sidebar.jpg) no-repeat 0 500px; width: 220px; height: 800px; float: left; margin-bottom: 30px;}

		#salas		{}

			#salas a		{width: 220px; height: 27px; margin: 15px 0; padding-top: 13px; display: block;
				 		background: url(images/sala.gif) repeat-x left top; float: left;				   
						font-weight: bold; text-decoration: none; text-align: center; z-index: 10;}

			#salas a:hover		{color: #4D027C; background-position: left bottom; text-decoration: none;
						position: relative; z-index: 100;}

			#salas a span		{display: none; font-weight: normal; font-size: 10px;}

			#salas a:hover span	{display: block; position: absolute; float: left; white-space: nowrap; top: 50px; left: 80px; z-index: 10;
						 background: #EEE; border: 1px solid #444; color: #444; padding: 2px;}


		#sidebar h2			{font-size: 140%;}

		#sidebar ul li			{list-style-type: none;}

		#sidebar ul li ul li		{list-style-type: square;}

/* ************************** busca ************************** */

	#searchform		{margin: 10px auto; width: 200px; text-align: right;}

		#searchform input		{font-size: 10px; color: #666;}

		#searchform #s			{width: 100px; padding: 3px;}

		#searchform #searchsubmit	{width: 50px; padding: 2px; font-size: 10px;}


/* ************************* rodape ************************** */

	#footer		{background: #011125 url(images/fundo_rodape.jpg) center top repeat-x; margin: 0; padding: 20px; clear: both;
			color: #FFF; line-height: 180%; text-align: center; font-size: 11px;}

		#footer a:link,
		#footer a:visited,
		#footer a:hover	{color: #874DA2;}


/* ************************* plugins ************************* */


.wpcf7-form		{margin: 20px 50px;}

-->