/*--------------------------------------------------------------------
Basic Style Sheet *
version:    1.0
author:     Lia Caldas - Subito Design
email:      contato@liacaldas.com / lia@subitodesign.com
website:    http://www.liacaldas.com
            http://www.subitodesign.com
--------------------------------------------------------------------*/

* { margin: 0; padding: 0; }
body { background-repeat: no-repeat; background-color: #FFF; font: 62.5% Arial, Helvetica, sans-serif; color: #666; }
#home { background-image: url(images/fundo-home.jpg); }
h1 { background-image: url(images/logo-liacaldas.png); background-repeat: no-repeat; }
h1 a { width:259px; height:74px; display:block; text-indent:-999em; }
#branding { margin-bottom: 35px; }
h2 { text-indent:-999em; float: left; }
h3 { text-transform: uppercase; font-weight: normal; font-size: 1.2em; }
a { color: #FFF; text-decoration: none; }
a:hover { color: #666; }
#mainWrapper { width: 720px; margin-left: 7%; margin-top: 55px; }

/* Menu
--------------------------------------------------------------------*/
#menu li { display: inline; padding-right: 20px; }
#menu li a { color: #CCC; font-size: 1.2em; text-transform: uppercase; }
#menu li a:hover { color: #666; }
#home #menu li a { color: #6398D3; font-size: 1.2em; text-transform: uppercase; }
#home #menu li a:hover { color: #1C478E; }
#design #menu .design a { color: #6398D3; cursor: default; }
#web #menu .web a { color: #fe3000; }
#foto #menu .foto a { color: #ff9933; }
#arte #menu .arte a { color: #999966; }
#bio #menu .bio a { color: #6398D3; }
#contato #menu .contato a { color: #00326f; }

/* Main Content
--------------------------------------------------------------------*/
#mainContent { margin-top: 70px; margin-bottom: 60px; float: left; width: 720px; text-align: left; }
#mainContent img { margin-right: 8px; margin-bottom: 8px; border-width: 1px; }
.Title { width: 710px; height: 20px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCC; margin-bottom: 20px; margin-right: 10px; float: left; }
#pf_Nome { width: 520px; float: left; height: 20px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCC; margin-bottom: 20px; }
#pf_Navigation { float: left; width: 190px; height: 20px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCC; margin-bottom: 20px; text-align: right; text-transform: uppercase; margin-right: 10px; color: #D3D3D3; }
#pf_Navigation a,
#pf_Navigation2 a { color: #999; }
#pf_Navigation a:hover,
#pf_Navigation2 a:hover { color: #666; }
.pf_Main { float: left; width: 720px; }
div[class="pf_Main"] + div[class="Title"] { margin-top: 35px; }
#pf_MainImage { float: left; width: 510px; }
.pf_Text-1col { width: 720px; margin-bottom: 20px; font-size: 1.2em; line-height: 1.6em; }
#pf_Text { float: left; width: 200px; margin-bottom: 40px; font-size: 1.2em; line-height: 1.6em; margin-top: 40px; }
#pf_Text p { margin-bottom: 1.6em; }
.pf_resumo { font-size: 1.2em; line-height: 1.6em; color: #333; }
.pf_LinkSite { color: #333; font-weight: bold; }
#pf_More { width: 200px; float: left; }
#pf_Navigation2 { width: 720px; margin-top: 10px; height: 20px; border-top-width: 1px; border-top-style: solid; border-top-color: #CCC; display: block; text-align: right; text-transform: uppercase; float: left; color: #D3D3D3; }
.intertitulo { font-weight: bold; margin-top: 30px; margin-bottom: 30px; }

/* Design Grafico
--------------------------------------------------------------------*/
#design { background-image: url(images/fundo-design.jpg); }
#design h1 { background-image: url(images/logo-liacaldas-design.png); }
#design h3 { color: #6398D3; }

/* Web Design
--------------------------------------------------------------------*/
#web { background-image: url(images/fundo-web.jpg); }
#web h1 { background-image: url(images/logo-liacaldas-web.png); }
#web h3 { color: #fe3000; }

/* Fotografia
--------------------------------------------------------------------*/
#foto { background-image: url(images/fundo-foto.jpg); }
#foto h1 { background-image: url(images/logo-liacaldas-foto.png); }
#foto h3 { color: #ff9933; }
#flickr { width: 710px; margin-top: 30px; float: left; }
#flickr img { vertical-align: middle; }
#flickr a { color: #333; font-size: 1.2em; vertical-align: top; }
#flickr a:hover { color: #ff9933; }

/* Arte
--------------------------------------------------------------------*/
#arte { background-image: url(images/fundo-arte.jpg); }
#arte h1 { background-image: url(images/logo-liacaldas-arte.png); }
#arte h3 { color: #999966; }

/* Biografia
--------------------------------------------------------------------*/
#bio { background-image: url(images/fundo-bio.jpg); }
#bio h1 { background-image: url(images/logo-liacaldas-bio.png); }
#bio h3 { color: #6398D3; }
#bioText { font-size: 1.4em; line-height: 1.6em; width: 710px; float: left; }
#bioText p { margin-bottom: 15px; }
#bioText img { float: right; display: inline; margin-right: 0px; margin-left: 10px; }
#bioText a { color: #6398D3; }
#bioText a:hover { text-decoration: underline; }

/* Contato
--------------------------------------------------------------------*/
#contato { background-image: url(images/fundo-contato.jpg); }
#contato h1 { background-image: url(images/logo-liacaldas-contato.png); }
#contato h3 { color: #00326f; }
.contatoText { margin-bottom: 50px; font-size: 1.4em; line-height: 2em; }
.social { width: 350px; float: left; margin-right: 10px; height: 40px; }
.contatoText a { color: #666; }
.contatoText a:hover { color: #333; }
.social img,
.contatoText img { vertical-align: middle; border: none; }
#contactForm { float: left; padding-top: 10px; width: 720px; padding-bottom: 50px; }
form { position: relative; font-size: 1.2em; }
form label { width: 180px; float: left; text-align: right; padding-right: 20px; }
.dashed { margin-bottom: 20px; border: 1px dashed #999; font-family: Arial, Helvetica, sans-serif; color: #00326F; font-size: 1.2em; padding: 3px; }
input[type="submit"] { margin-left: 200px; }

/* Copyright
--------------------------------------------------------------------*/
#copyright { background-image: url(images/fundo-copyright.jpg); }
#copyright h1 { background-image: url(images/logo-liacaldas-copyright.png); }
#copyrightText { margin-bottom: 50px; font-size: 1.4em; line-height: 2em; }
#copyrightLinks { float: left; font-size: 1.4em; margin-bottom: 50px; width: 720px; }
#copyrightLinks a { color: #00326f; background-color: #e2e2e2; margin-right: 3px; padding-top: 5px; padding-right: 10px; padding-bottom: 5px; padding-left: 10px; }
#copyrightLinks a:hover { color: #FFF; background-color: #00326f; }
.assinatura { text-align: right; font-style: italic; }
.email { font-weight: bold; color: #333; }

/*  Footer
--------------------------------------------------------------------*/
#footer { float: left; width: 720px; margin-bottom: 25px; font-size: 1.2em; padding-bottom: 25px; }
#footer a { color:#999; text-decoration: none; }
#footer a:hover { color:#333; }