/* Reset */
@import 'reset.css';

* {
	margin: 0;
	padding: 0;
}

/*end reset*/

html {
	background: #398180 url(../i/bgpat.jpg) repeat scroll;
}

a {
	color: #cff09e;
	position: relative;
}

a:active {
	top: 1px;
	
}

body {
	background: transparent url(../i/bg2.jpg) top center no-repeat;
	font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
	padding: 0;
	margin: 0 auto;
	width: 100%;
	font-size:100%;
		color: #a8dba8;
}

body.hellothere {
	background: transparent url(../i/bgg.jpg) top center no-repeat;
}


#header {
	margin: 0 auto;
	width: 960px;
	padding: 85px 0;
	z-index: 2;
	position: relative;
}

p {
	font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
	line-height: 225%;
	font-size: 14px;
	color: #a8dba8;
	font-weight: 300;
}

h1 {
	background: transparent url(../i/iam.png) no-repeat;
	text-indent: -999px;

	}
	
h1 a {
		width: 531px;
	height: 115px;
	display: block;
}

/*navigation*/

#nav {
	position: absolute;
	top: 0;
	right: 0px;
	padding: 130px 0 0;
	z-index: 2;
}

#nav li {
	display: inline;
	float: left;
}

#nav li a {
	font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
	color: #a8dba8;
	font-size: 1.6em;
	font-variant: small-caps;
	font-weight: 300;
	padding: 0 9px 3px 9px;
	position: relative;
}

#nav li a:hover {
	color: #cff09e;
	background: #34706F;
	background: rgba(37, 69, 69, 0.3);
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

#nav li a:active {
	top: 1px;
	
}

/*content*/

 h2 {
	font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
	color: #cff09e;
	font-size: 62px;
	font-weight: lighter;
	letter-spacing: -2px;
}


#content p {
	font-size: 16px;
	line-height: 145%;
	margin: 14px 0;
}

#content {
	background: transparent;
	width: 573px;
	margin: 0 auto;
	padding: 0 0 35px 0;
}

/*content - about*/

#content.about {
	background: transparent url(../i/inshort.jpg) right 40px no-repeat;
	padding: 0 387px 35px 0;	
}

#content.sobre {
	background: transparent url(../i/inshort.jpg) right 80px no-repeat;
	padding: 0 387px 35px 0;	
}

/*content - contact*/

.other a {
	display: block;
	margin: 5px 0;
	padding: 8px;
	font-size: 14px;
	color: #CFF09E;
	background: rgba(37, 69, 69, 0.3);
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

.other a:hover {
	background: #245255;
	background: rgba(37, 49, 59, 0.3);
	color: #A8DBA8;
}

#content.contact {
	width: 960px;
	overflow: hidden;
}

.other {
	text-shadow: 0 1px 0 rgba(8, 28, 29, 0.5);
	color: #A8DBA8;
	margin-top: 51px;
	float: left;
	width: 205px;
	height: 215px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background: #266363;
	background: rgba(12, 53, 55, 0.4);
	padding: 30px 20px;
}


/* content - work */

#content.work {
	width: 960px;
}

#content.trabalho {
	width: 960px;
}

#work {

	width: 960px;
	overflow: hidden;
}

.meta {
	position: relative;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	background: #2F6C6C;
	background: rgba(37, 69, 69, 0.3);
	float: left;
	clear: both;
	width: 97%;
	padding: 15px;
	font-weight: lighter!important;
	margin-bottom: 10px;
}

#work li img {

}

#work li {
	overflow: hidden;
	clear: both;
	display: block;
	padding: 25px 0 35px 0;
	background: transparent url(../i/break.pngx) bottom repeat-x;
}

#work li h3 {
	font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
	color: #cff09e;
	font-size: 32px;
	font-weight: 300;
	letter-spacing: -1px;
	line-height: 90%;
	padding-right: 15px;
	display: inline;
}

#work li p {
	display: inline;
	margin: 0;
	line-height: normal;
	letter-spacing: normal;
}

#work li a:hover {
	color: #cff09e;
}

/* work - lab */

#wraplab {
	background: transparent url(../i/bodyla.jpg) repeat;
	overflow: hidden;
	padding: 40px 0
}

hr {
		background: transparent url(../i/hr.jpg) repeat-x;
		height: 137px;
		border: 0;
		clear: both;
		margin: 0;
}

hr.bhr {
		background-position: 0 -137px;
}

#content.lab {
	padding: 0 0 50px 0;
	width: 960px;
}

#content.laboratorio {
	padding: 0 0 50px 0;
	width: 960px;
}

#content h3 {
	margin: 0 0 0 0;
	font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
	color: #a8dba8;
	font-size: 18px;
	font-weight: lighter;
	letter-spacing: normal;
	padding: 10px 0;
	width: 573px;
	line-height: 120%;
}

span {
	font-family: Baskerville, Georgia, serif;
}




#wlabs {
	padding: 240px 0 50px 0;
	background: transparent url(../i/lab_shelf.jpg) top left no-repeat;
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
}

/* fish */

#wlabs li#fish {
	background: transparent url(../i/lab_fish.jpg) no-repeat;
	width: 276px;
	height: 500px;
	padding-right: 684px;
}

#wlabs a {
	display: inline-block;
	margin: 15px 0;
	padding: 12px;
	font-size: 14px;
	color: #ffdb9b;
	background: rgba(24, 24, 24, 0.3);
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

#wlabs a:hover {
	color: #fff2db;
}

#wlabs a:active {
	top: 1px;
}

/* galaxy */

#wlabs li#galaxy {
	background: transparent url(../i/lab_planets.jpg) bottom no-repeat;
	width: 240px;
	height: 305px;
	float: left;
	padding-right: 182px;
}

#galaxy a {
	margin-top: 9px;
}

/* kiva */

#wlabs li#kiva {
	background: transparent url(../i/lab_kiva.jpg) bottom no-repeat;
	width: 223px;
	height: 307px;
	padding-right: 200px;
	float: right;
}

/* soon */


/* lab text */

#wlabs li p {
	margin: 8px 0;
	font-size: 16px;
	line-height: 130%;
	font-weight: 300;
	color: #fff2db;
}

#wlabs li h4 {
	text-shadow: 0 -2px 0 #000;
	margin: 0 0 0 0;
	font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
	color: #ffdb9b;
	font-size: 24px;
	font-weight: 300;
	letter-spacing: normal;
	width: 573px;
	line-height: 120%;
	
}

#wlabs li {
	margin-bottom: 20px;
}


/* mid */

#bubble {
	background: transparent url(../i/bubble.png) repeat;
	position: absolute;
	left: 38px;
	bottom: 20px;
	width: 43px;
	height: 234px;
	z-index: 8;
}

#bubble2 {
	background: transparent url(../i/bubble.png) repeat;
	position: absolute;
	right: 55px;
	bottom: 20px;
	width: 43px;
	height: 234px;
	z-index: 8;
}

#frontrow {
	margin: 0 auto 85px auto;
	position: relative;
	overflow: hidden;
	width: 960px;
	height: 511px;
	display: block;
}

li#tubo {
	background: transparent url(../i/tubo1.png) top left no-repeat;
	width: 960px;
	height: 411px;
	z-index: 3;
}

li#tubo2 {
	background: transparent url(../i/tubo2.png) top right no-repeat;
	width: 945px;
	height: 411px;
	z-index: 4;
}

li#display {
	background: transparent url(../i/frame.png) center top no-repeat;
	width: 960px;
	height: 465px;
	z-index: 9;
	position: absolute;
	top: 30px;
}

li#display img {
	width: 788px;
	height: 441px;
	padding: 7px 86px 10px 86px;
}


/* Footer */

#footer {
	clear: both;
margin: 0 auto;
padding: 65px 0;
background: transparent url(../i/break.png) 0 10px repeat-x;
width: 960px;
}

#footer p {
	line-height: 225%;
}

#footer strong {
	color: #cff09e;
	font-weight: 600;
	text-transform: uppercase;
}


/*bordas*/


#border {
	display: block;
}

#border li {
	position: fixed;
	z-index: 999;
}

#border-top {
	height: 10px;
	background: rgba(0, 0, 0, 0.1);
	top: 0;
	left: 0;
	right: 0;
}

#border-bottom {
	height: 10px;
	background: rgba(0, 0, 0, 0.1);
	bottom: 0;
	left: 0;
	right: 0;
}

#border-bottom blockquote {
	color: #a8dba8;
	line-height: normal;
	position: absolute;
	top: 49px;
	font-style: italic;
	left: 150px;
	font-size: 28px;
	font-family: Baskerville, Georgia, Serif;
	text-shadow: 0 2px 0 rgba(22, 35, 35, 0.4);
}

blockquote p {
padding: 0;
line-height: normal;
font-style: normal;
font-weight: bold;
font-size: 14px;
font-family: "Myriad Pro","Lucida Grande","Trebuchet MS",Helvetica,sans-serif;
font-variant: small-caps;
}

#border-bottom .cat {
margin-top: 8px;
float: right;
}

#border-left {
	background: rgba(255, 0, 0, 0.4);
	background: rgba(0, 0, 0, 0.1);
	left: 0;
	bottom: 0;
	top: 0;
	width: 10px;
}

#border-right {
	background: rgba(255, 0, 0, 0.4);
	background: rgba(0, 0, 0, 0.1);
	right: 0;
	bottom: 0;
	top: 0;
	width: 10px;
}

/* form */

#contato {
	float: left;
	clear: both;
	padding: 30px 0 0 0;
	position: relative;
	width: 700px;
	margin-bottom: 75px;
}


#contato input {
	background: transparent url(../i/form_bgs.jpg) top no-repeat;
border: 0;
color: #A8DBA8;
float: left;
font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif; 
font-size:14px;
height:23px;
line-height:23px;
padding:26px 8px 22px 90px;
width:238px;

}

input#name {
	margin: 0 9px 0 0;
	background-position: 0 0;
}

input#email {
	background-position: -337px 0;
}

textarea#message {
	color: #A8DBA8;
	font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif; 
	font-size:14px;
	border: none;
	background: transparent url(../i/form_textarea.jpg) bottom no-repeat;
	width: 385px;
	height: 178px;
	float: left;
	clear: both;
	padding: 24px 269px 24px 28px;
}

button#submit {
	border: 0;
	background: transparent url(../i/form_send.png) no-repeat;
	width: 155px;
	height: 72px;
	position: absolute;
	bottom: 78px;
	right: 60px;
padding: 23px 50px 30px 66px;
color: #254545;
cursor: pointer;
text-shadow: 0 1px 1px #FFF;
font-size: 14px;
font-weight: normal;
}

input#submit:active {
	bottom: 77px;
}

/* tweaks */



#footer a {
	display: inline;
	margin: 0;
	padding: 6px;
	font-size: 14px;
	color: #a8dba8;
	background: #336F6F;
	background: rgba(37, 69, 69, 0.3);
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	
}

#footer a:hover {
	color: #cff09e;
	
}

.srssfetcher-timestamp {
	font-size: 12px;
	font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif; 
}

.srssfetcher-timestamp:before {
	content: 'on '
}

li.gReader-item {
	display: inline-block;
	margin: 0 4px 4px 0;
}

li.gReader-item:hover {
	opacity: 1;
}

li.gReader-item a {
	display: inline-block!important;
}

#contato span {
	font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif; 
	font-weight: lighter;
	position: absolute;
	display: block;
	font-size: 12px;
	color: #ffe2e2;
	text-shadow: 0 1px 1px #361818;
	background: #845151;
	background: rgba(211, 37, 37, 0.5);
	padding: 6px;
	-moz-border-radius-topleft: 6px;
	-webkit-border-top-left-radius: 6px;
	-moz-border-radius-topright: 6px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-bottomleft: 0;
	-webkit-border-bottom-left-radius: 0;
	-moz-border-radius-bottomright: 0; 
	-webkit-border-bottom-right-radius: 0;
}

#contato span.nameerror {
	left: 163px;
	top: 26px;
}

#contato span.mailerror {
	right: 20px;
	top: 26px;

}

#contato span.commenterror {
	top: 102px;
	right: 19px;
		-moz-border-radius-topleft: 0px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topright: 0px;
	-webkit-border-top-right-radius: 0px;
	-moz-border-radius-bottomleft: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-bottomright: 6px; 
	-webkit-border-bottom-right-radius: 6px;

}

small {
	font-size: 12px;
	font-weight: normal;
}

#content.contact a {
		color: #cff09e;
}

h5 {
	font-weight: lighter;
	font-size: 20px;
	}
	
a.twitter-user {
	padding: 0!important;
	background: transparent!important;
}



.gReader-item-2 {
	opacity: 0.9;
}

.gReader-item-3 {
	opacity: 0.8;
}

.gReader-item-4 {
	opacity: 0.7;
}

.gReader-item-5 {
	opacity: 0.6;
}

.gReader-item-6 {
	opacity: 0.5;
}

.gReader-item-7 {
	opacity: 0.4;
}
	
/* 404 */

#content.forohfour {
	width: 960px;
}

#content.forohfour h2 {
	margin-bottom: 20px;
}

#content.forohfour h3 {
	margin: 0;
	padding: 0;
	font-size: 24px;
	font-weight: 300;
	width: auto;
}

a.language {
	color: #a8dba8;
	position: absolute;
	right: 0;
	z-index: 99;
	top: 10px;
	clear: both;
	letter-spacing: normal!important;
	font-size: 12px;
	background: rgba(0, 0, 0, 0.1);
	padding: 4px 8px 8px 8px;
	-moz-border-radius-topleft: 0;
	-webkit-border-top-left-radius: 0;
	-moz-border-radius-topright: 0;
	-webkit-border-top-right-radius: 0;
	-moz-border-radius-bottomleft: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-bottomright: 6px; 
	-webkit-border-bottom-right-radius: 6px;
	}

	a.language:hover {
	color: #cff09e;
	}