@import url("reset.css"); /* resets all browser */

body {
	font:normal 62.5% "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#808080;
	background:url(../images/structure/header_bg.png) repeat-x left top;
}

.wrap {
	width:900px;
	margin:0 auto;
}

p {
	font-size:1.2em;
	line-height:150%;
}

p a {
	color:#10b4e7;
	text-decoration:none;
}

p a:hover {
	color:#fff;
	background-color:#10b4e7;
}


/* =============================================== */
/*                      HEADER                     */
/* =============================================== */

#header {
	margin:23px 0 10px 0;
	float:left;
	width:100%;
}

h1 a {
	float:left;
	text-indent:-9999px;
	width:266px;
	height:17px;
	background:url(../images/structure/logo.png) no-repeat left top;
	margin-top:6px;
}

#header ul {
	float:right;
}

#header ul li {
	float:left;
	border-left:1px solid #4b4b4b;
}

#header ul li a {
	text-decoration:none;
	display:block;
	color:#4b4b4b; 
	padding:8px 50px 8px 20px;
	font-size:1.2em;
	text-transform:uppercase;
	
}

#header ul li a:hover {
	color:#909090;
}

#header ul li.active a {
	color:#10b4e7;
	cursor: default;
}

#header ul li ul {
	float:left;
}

#header ul li li {
	float:none;
	border:none;
	width:1%;
}

#header ul li li a {
	font-size:1em;
	padding:1px 0px 2px 20px;
	line-height:12px;
}

/* =============================================== */
/*                     SLIDESHOW                   */
/* =============================================== */

#s1 {
	width:900px;
	height:225px;
	clear:left;
	border-top:1px dotted #4b4b4b;
	border-bottom:1px dotted #4b4b4b;
	padding:1px 0;
}

.pics img {
	top:0;
	left:0;
}

pre code {
	display:none;
}

/* h2 {
	text-indent:-9999px;
	width:366px;
	height:73px;
	background:url(../images/structure/slogan.png) no-repeat;
	position:relative;
	top:-100px;
	left:10px;
} */

/* =============================================== */
/*                   BLOCKQUOTE                    */
/* =============================================== */

#blockQuote {
	clear:left;
	width:900px;
	height:154px;
	padding:1px 0;
	border-top:1px dotted #4b4b4b;
	border-bottom:1px dotted #4b4b4b;
	background:url(../images/structure/blockquote.png) repeat-x left top;
}

h4 {
	font-family:Georgia, Times, "Times New Roman", "MS Serif", serif;
	font-weight:normal;
	font-size:3.6em;
	text-align:center;
	margin-top:52px;
	color:#b3b2b0;
}

h4#two {
	margin:35px 20px 0 20px;
}

/* =============================================== */
/*                     CONTENT                     */
/* =============================================== */

#content {
	padding-top:40px;
}

h3 {
	clear:left;
	text-transform:uppercase;
	color:#000;
	font-size:1.6em;
	border-bottom:1px dotted #4b4b4b;
	padding-bottom:1px;
	width:100%;
	margin-bottom:20px;
}

#destaques, #trabalhos {
	float:left;
}

#destaques {
	margin-bottom:30px;
}

#destaques dl, #trabalhos dl {
	float:left;
	width:273px;
	margin-left:40px;
}

#destaques dl {
	margin-bottom:15px;
}

#destaques dl.first, #trabalhos dl.first {
	margin-left:0;
}

#destaques dl dt a img, #trabalhos dl dt a img  {
	padding:2px 3px 8px 3px;
	border-top:1px solid #c9c9c9;
	background:url(../images/structure/box_thumb.png) no-repeat center bottom;
	margin-bottom:8px;
}

#destaques dl dd {
	font-size:1.2em;
	line-height:150%;
	
}

#destaques dl dd a, #trabalhos dl dd a {
	color:#10b4e7;
	text-decoration:none;
}

#destaques dl dd a:hover, #trabalhos dl dd a:hover {
	color:#fff;
	background-color:#10b4e7;
}

#destaques p {
	clear:both;
	padding-left:20px;
	background:url(../images/structure/magnifier.png) no-repeat left 1px;
	font-weight:bold;
}

#destaques p a:hover {
	background-color:#10b4e7;
}

#trabalhos dl dd {
	font-size:1.4em;
	margin-top:3px;
	font-family:Georgia, Times, "Times New Roman", "MS Serif", serif;
	margin-bottom:40px;
}

#trabalho {
	float:left;
	margin-bottom:40px;
}

#trabalho div {
	float:left;
	width:273px;
	margin-left:40px;
}

#trabalho div#first {
	margin-left:0;
}

#trabalho h5 {
	font-family:Georgia, Times, "Times New Roman", "MS Serif", serif;
	font-size:1.4em;
	border-top:4px solid;
	width:100%;
	padding-top:2px;
	margin-bottom:17px;
	font-weight:normal;
}

h5#identidade {
	color:#a6ce39;
	border-color:#a6ce39;
}

h5#web {
	color:#00aeef;
	border-color:#00aeef;
}

h5#impresso {
	color:#faa61c;
	border-color:#faa61c;
}

h5#editorial {
	color:#ec008c;
	border-color:#ec008c;
}

#trabalho ul {
	margin-top:5px;
}

#trabalho ul li {
	font-size:1.2em;
	padding:5px 0 5px 20px;
	border-top:1px dotted #c5c5c5;
	background-repeat:no-repeat;
	background-position:left center;
	background-image:url(../images/structure/accept.png);
}

#content img.work {
	padding:2px 3px 8px 3px;
	border-top:1px solid #c9c9c9;
	background:url(../images/structure/box_thumb.png) no-repeat center bottom;
	float:left;
	margin:0 40px 40px 0;
}

#content img {
	margin-bottom:40px;
}

#content p {
	padding-bottom:10px;
}

h3 span a {
	text-transform:none;
	font-weight:normal;
	font-size:0.75em;
	color:#10b4e7;
	text-decoration:none;
}

h3 span a:hover {
	color:#fff;
	background-color:#10b4e7;
}





/* =============================================== */
/*                  CONTENT_LEFT                   */
/* =============================================== */

#contentLeft {
	width:586px;
	float:left;
	margin:40px 40px 30px 0;
}

#contentLeft img {
	border-top:1px solid #c9c9c9;
	padding:2px 3px 7px 3px;
	margin:0 20px 20px 0;
	float:left;
	background:url(../images/structure/box_gabriel.png) no-repeat center bottom;
}

#contentLeft p, #contentLeft blockquote {
	font-size:1.2em;
	line-height:150%;
	margin-bottom:10px;
}

#contentLeft blockquote {
	font-family:Georgia, Times, "Times New Roman", "MS Serif", serif;
	font-style:italic;
}

#contentLeft blockquote a, #favorites li a {
	color:#10b4e7;
	text-decoration:none;
}

#contentLeft blockquote a:hover, #favorites li a:hover {
	color:#fff;
	background-color:#10b4e7;
}

/* =============================================== */
/*                  CONTENT_RIGHT                  */
/* =============================================== */

#contentRight {
	float:right;
	width:274px;
	margin:40px 0;
}

.vcard .fn  {
	font-size:1.4em;
	font-weight:bold;
}

.vcard ul {
	margin:5px 0 40px 0;
}

.vcard ul li {
	font-size:1.2em;
	padding:10px 0 10px 20px;
	border-top:1px dotted #c5c5c5;
	background-repeat:no-repeat;
	background-position:left center;
}

.vcard ul li:last-child {
	border-bottom:1px dotted #c5c5c5;
}

.vcard ul li strong {
	color:#10b4e7;
	font-weight:normal;
}

.vcard ul li a {
	color:#808080;
	text-decoration:none;
}

.vcard ul li a:hover {
	color:#fff;
	background-color:#808080;
}

.vcard ul li#email {
	background-image:url(../images/structure/email.png)
}

.vcard ul li#msn {
	background-image:url(../images/structure/msn.png)
}

.vcard ul li#phone {
	background-image:url(../images/structure/phone.png)
}

.vcard ul li#skype {
	background-image:url(../images/structure/skype.png)
}

.vcard ul li#location {
	background-image:url(../images/structure/location.png)
}

.vcard ul li#interests {
	background-image:url(../images/structure/interests.png)
}

#favorites li {
	font-size:1.2em;
	padding:10px 0;
	border-bottom:1px dotted #c5c5c5;
}

h3.noMargin {
	margin-bottom:0;
}


/* =============================================== */
/*                      FOOTER                     */
/* =============================================== */

#footer {
	border-top:1px dotted #4b4b4b;
	padding-top:10px;
	width:100%;
	clear:both;
}

h6 {
	font-weight:normal;
	font-size:1.2em;
	color:#aeaeae;
	float:left;
}

#footer ul {
	float:right;
	padding-bottom:15px;
}

#footer ul li {
	float:left;
	font-size:1.2em;
	padding:0 10px;
	border-right:1px solid #aeaeae;
}

#footer ul li.last {
	border-right:none;
	padding-right:0;
}

#footer ul li a {
	color:#aeaeae;
	text-decoration:none;
}