/* -------------------------------------------------------------- 

	Theme Name: WPESP - Portfolio Theme Coda
	Theme URI: http://www.wpesp.com/portfolio
	Description: A Portfolio Theme by WPESP.
	Author: Víctor García Cuenllas.
	Author URI: http://wpesp.com
	Version: 0.1
	Tags: portfolio, theme, wpesp
	General comments/License Statement if any.

-------------------------------------------------------------- */

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";
@import "style/css/coda.css";
/*@import "style/css/diagnostic.css"; Just use for developing tests */

/* -------------------------------- 
	 WordPress.com Stats - I hide the smiley (http://wordpress.org/extend/plugins/stats/faq/)
-------------------------------- */

img#wpstats{display:none;}

/* -------------------------------- 
	 Intervencoes Rafael Mahler
-------------------------------- */

body {
background:#dcdcdc url(http://rafaelmahler.com/wp-content/uploads/2009/09/background_page.jpg) repeat-x center top;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

div#header h1 a {
background: transparent  url(http://rafaelmahler.com/wp-content/uploads/2009/09/logo_g.png) no-repeat 0px 31px;
width:335px;
}

div#header {
background: transparent url(http://rafaelmahler.com/wp-content/uploads/2009/09/background_header1.jpg) no-repeat left top;
padding: 18px 0;
}

div#navigation {
background: transparent url(http://rafaelmahler.com/wp-content/uploads/2009/09/menu_trans.png) repeat left top
}


div#navigation div#menu ol {
padding-top:6px;
}

div#navigation div#menu ol li {
border-left: 1px dotted #999;
}

div#navigation div#menu ol li#menulast {
border-right: 1px dotted #999;
}

div#navigation div#menu ol li a {
height:44px;
font-size:1.2em;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
padding-left:15px;
width:140px;
line-height:36px;
}

div#navigation ol li a {
color:#aaa;
letter-spacing:0.1em;
line-height:32px;
}

div#navigation ol li a:hover {
color:#fff;
background: transparent url(http://rafaelmahler.com/wp-content/uploads/2009/09/trans_preto18.png) repeat left top
}

div#navigation div#menu div#feed {
display: none;
}

div#navigation div#menu ol li a small {

}

div#navigation ol li a small {
color:#888888;
font-size:0.76em;
}

div#navigation ol li a.active, div#navigation ol li a.active small, div#navigation ol li a.active:hover small {
color:#FFFFFF;
}

div#slider div.scroll {
padding: 35px 0;
border-bottom:1px solid #bbb;
}

div#slider div.scroll div.scrollContainer div.panel div.stick a, div#slider div.scroll div.scrollContainer div.panel div.stick a:hover {
border: none;
border-bottom: 1px solid #bbb;
}

.br-rd4 {
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
}

div#slider img.scrollButtons {
top:175px;
}

div#works {
margin-top:35px;
}

div#works div.minus14 div.thumb a, div#works div.minus14 div.thumb a:hover {
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
border: none;
border-bottom: 1px solid #bbb;
}

div#footer {
background: transparent url(http://rafaelmahler.com/wp-content/uploads/2009/09/background_footer.png) repeat-x left top
}

div#header p {
width:392px;
line-height:1.2em;
margin:23px 0 0 1px;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
}

div#slider div.scroll div.scrollContainer div.panel div.info {
width:520px;
}

.info p {
font-size: 1.2em;
}

h2 {
letter-spacing: 0.01em;
}

div#slider div.scroll div.scrollContainer div.panel ul.view {
margin-top:270px;
}

#ct-info p {
font-size:1.3em;
line-height:1.4em;
}

div#content div#ct-info div#contact {
background-color: #fff;
border-bottom: 1px #bbb solid;
}

div#content div#ct-info div#contact form fieldset ol li input, div#content div#ct-info div#contact form fieldset ol li textarea {
border: 1px #ccc solid;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

div#content div#ct-info div#contact form p input {
height:31px;
width:72px;
}
