/*  
Theme Name: Leonardo Cairo
Theme URI: http://leonardocairo.com/
Description: 
Version: 1.0
Author: Erika Sarti
Author URI: http://erikasarti.net/
*/


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

body			{background: #272727 url(images/background.png) repeat-x; color: #FFF;
			font: 13px/150% Arial,sans-serif; margin: 30px 40px;}

a:link, a:visited	{color: #FFF; font-weight: bold; text-decoration: underline;}
a:hover, a:active	{color: #FFF; font-weight: bold; text-decoration: underline;}

p			{margin-bottom: 10px;}

h1			{font-size: 52px; font-weight: normal; line-height: 120%; margin: 0 0 50px;}
h2			{font-size: 22px; font-weight: normal; color: #666; line-height: 120%; margin-bottom: 20px;}
h3			{font-size: 20px; font-weight: normal; line-height: 120%;}
h4			{font-size: 16px;}
h5			{font-size: 14px;}
h6			{font-size: 13px;}

ul			{margin: 20px; list-style-type: square;}

ol			{margin: 20px;}

ul li, ol li		{margin-bottom: 4px;}

ul ul			{margin: 4px 20px;}

hr			{background: #666; color: #666; width: 90%; height: 1px; border: none; text-align: center;}

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

.clear			{clear: both;}

#page			{width: 906px; margin: auto;}



/* menu */

#menu			{height: 28px; margin-bottom: 40px;}

#menu a			{display: block; height: 28px; margin-right: 25px; float: left;
			background: url(images/menu.png); text-indent: -100000px;}

#menu a:hover		{border-bottom: 1px #FFF solid;}

#menu a.home		{width: 57px; background-position: 0px 0px;}
#menu a.bio		{width: 30px; background-position: -57px 0px;}
#menu a.photos		{width: 69px; background-position: -87px 0px;}
#menu a.clients		{width: 60px; background-position: -155px 0px;}
#menu a.contact	{	width: 73px; background-position: -216px 0px;}


/* cabecalho */

#header			{}

#header h1		{}

#header h1 a		{width: 655px; height: 95px; display: block; text-indent: -100000px;
			background: url(images/leonardo-cairo.png) no-repeat; margin-left: 20px;}

#header h2		{width: 350px; height: 75px; display: block; text-indent: -100000px;
			background: url(images/photographer.png) no-repeat; margin: -30px 0 40px 550px;}

#slideshow		{display: none;}



/* cabecalho na home (com slideshow) */

.home #slideshow	{list-style: none; display: block; background: #272727; margin: 0 0 40px 0;
			width: 900px; height: 236px !important; overflow: hidden !important; border: 3px #FFF solid !important;}

.home #slideshow img	{width: 900px; height: 300px; margin-top: -40px;}


.home #header h1	{margin-top: -150px; z-index: 100; position: absolute; *margin-left: -430px !important;}



/* conteudo */

#content	{}

#content img		{border: none;}

#content .erro404	{font-weight: normal; font-size: 30px; text-align: center; margin: 100px 0;}



/* colunas de texto*/ 

#content .esquerda	{width: 45%; float: left;}

#content .direita	{width: 45%; float: right;}



/* fotos da home */

#content .food,
#content .interiors,
#content .portraits,
#content .reportage	{display: block; width: 150px; height: 220px; border: none; text-indent: -10000px;
			background: url(images/photos.jpg) no-repeat; float: left; margin-right: 100px;}

#content .food		{background-position: 0px 0px;}

#content .interiors	{background-position: -150px 0px;}

#content .portraits	{background-position: -300px 0px;}

#content .reportage	{background-position: -450px 0px; margin-right: 0;}

#content .page		{margin-bottom: 40px;}

#content .page h1	{margin-bottom: 10px;}





/* sub menu nas paginas de galerias */

#content .sub-food,
#content .sub-interiors,
#content .sub-portraits,
#content .sub-reportage	{display: block; height: 28px; border: none; text-indent: -10000px;
			background: url(images/sub-menu.png) no-repeat; float: left; margin-right: 40px; margin-top: 100px;}

#content .sub-food	{width: 104px; background-position: 0px 0px;}

#content .sub-interiors	{width: 189px; background-position: -104px 0px;}

#content .sub-portraits	{width: 79px; background-position: -299px 0px;}

#content .sub-reportage	{width: 95px; background-position: -385px 0px;}




/* imagens */

.wp-caption		{display: block;}

.wp-caption img		{border: none;}

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

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

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

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


/* form de contato */

.wpcf7-form		{margin-top: 40px;}

.wpcf7-form input,
.wpcf7-form textarea	{background: #272727; color: #FFF; border: 1px #666 solid; font: 13px Arial; padding: 3px;}


/* rodape */

#footer			{}