/*
 * Mah Lobo CSS
 */
body {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 1.3em;
	color: #fff;
	margin: 0 0 30px 0;
	padding: 0;
}

table {
	width: 80%;
}

a {
	color: #4B658A;
	text-decoration: none;
}

a img { border: none; }

a:hover {
	color: #00521A;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0 0 5px 0;
	padding: 0;
	font-weight: normal;
}

h2 { font-size: 20px; }
h3 { font-size: 16px; }

h3 {
	color: #4B6389;
}

p {
	padding: 0 0 15px 0;
	margin: 0;
}

ul {
	margin: 0;
	padding: 0 0 0 30px;
}

form {
	margin: 0;
	padding: 0;
}

input.text, textarea {
	border: 1px solid #73685B;
	padding: 2px;
	width: 70%;
	color: #73685B;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
}

input.tiny {
	width: 40px;
}

ul.nav {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.nav li {
	float: left;
	margin: 0;
	padding: 0;
}

.break { clear: both; }

.hidden {
	display: none;
}

.checboxCol {
	float: left;
	width: 48%;
}

/*
 * Lists
 */
dl {
	width: 100%;
}

dt, dd {
	float: left;
	margin: 0;
	padding: 3px 0;
}

dt {
	clear: both;
}

dd {

}

/*
 * Layout
 */
#wrapper {
	width: 970px;
	margin: 40px auto 0 auto;
	position: relative;
}

body#home #wrapper {
	margin-top: 249px;
	height: 400px;
	*top: 249px;
}


/*
 * Header
 */
body.portfolio #header, body.contato #header {
	padding-top: 30px;
}

body.portfolio #logo h1 a, body.contato #logo h1 a {
	display: block;
	text-indent: -9999px;
	background: url('../images/logo-interno.png') top left no-repeat;
	width: 454px;
	height: 152px;
	float: left;
}

body.contato #logo h1 a {
	background: url('../images/logo-contato.png') top left no-repeat;
}

#navbar {
	float: left;
	padding-top: 58px;
	margin-left: -30px;
}

#navbar ul, #navbar ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#navbar ul li {
	float: left;
}

#navbar ul li a {
	display: block;
	float: left;
	text-indent: -9999px;
	background-position: 0 0;
	background-repeat: no-repeat;
	height: 28px;
}

#navbar ul li a:hover { background-position: 0 -33px;}
#navbar ul li#navPortfolio a:hover { background-position: 0 -28px;}

#navbar ul li#navPortfolio a {
	background-image: url('../images/navInt-portfolio.png');
	width: 71px;
}

#navbar ul li#navContato a {
	background-image: url('../images/navInt-contato.png');
	width: 62px;
}

#navbar ul li#navTumblr a {
	background-image: url('../images/navInt-tumblr.png');
	width: 58px;
}

#navbar ul li#navCurriculo a {
	background-image: url('../images/navInt-curriculo.png');
	width: 71px;
}


/*
 * Home page
 */
/*#outerWrapper {
	background: #8BA5B2 url('../images/ceu.jpg') top center no-repeat;	
}*/

body#home {
	background: #8BA5B2 url('../images/ceu.jpg') top center no-repeat;
}


body#home #logo h1 a {
	display: block;
	text-indent: -9999px;
	background: url('../images/logo-t.png') top left no-repeat;
	width: 761px;
	height: 221px;
	margin: 0 auto 0 auto;
	width: 761px;
	height: 221px;	
}

body#home #navbar {
	position: absolute;
	top: 141px;
	right: 172px;
	padding: 0;
	margin: 0;
}

body#home #navbar ul, body#home #navbar ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	float: none;
}

body#home #navbar ul li a {
	display: block;
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
	width: 108px;
	margin-bottom: 7px;
	float: none;
}

body#home #navbar ul li a:hover { background-position: 0 -24px; }

body#home #navbar ul li#navPortfolio a {
	background-image: url('../images/nav-portfolio.png');
	height: 27px;
	margin-bottom: 6px;
}
body#home #navbar ul li#navPortfolio a:hover { background-position: 0 -27px; }

body#home #navbar ul li#navContato a {
	background-image: url('../images/nav-contato.png');
	height: 21px;
}
body#home #navbar ul li#navContato a:hover { background-position: 0 -21px; }

body#home #navbar ul li#navTumblr a {
	background-image: url('../images/nav-tumblr.png');
	height: 24px;
}

body#home #navbar ul li#navCurriculo a {
	background-image: url('../images/nav-curriculo.png');
	height: 24px;
}

/* Nuvens da Home */

body#home #outerWrapper, body#home { overflow: hidden; }

.nuvem {
	position:fixed;
	z-index: -1;
}

#nuvemUm {
	top: 10px;
	left: -800px;
}

#nuvemDois {
	top: 40px;
	left: -200px;
}

#nuvemTres {
	top: 520px;
	left: 250px;
}

#nuvemQuatro {
	top: 40px;
	left: 700px;
}

#nuvemCinco {
	top: 200px;
	right: 200px;
}

/*
 * Portfolio
 */
body.portfolio {
	background: #ECAA9A url('../images/bkg-portfolio.jpg') top center no-repeat;
}

#mainContent {
	padding: 0 70px 70px 70px;
	float: left;
	width: 560px;
}

#sidebar {
	float: left;
	width: 270px;
}


.projectStripe {
	margin-bottom: 10px;
}

.projectScreenshot {
	width: 415px;
	float: left;
}

.projectScreenshot a img { border: 5px solid #fff; }
.projectScreenshot a:hover img { border: 5px solid #FEE9E8; }

.projectDescription {
	margin-left: 10px;
	float: left;
	font-size: 12px;
	width: 135px;
}

.projectDetailPhoto {
/*	border: 10px solid #fff;*/
	width: 470px;
	padding: 7px 10px;
	background: #fff;
	color: #624B47;
	font-size: 11px;
	line-height: 1em;
}

#projectDetailInfo {
	text-align: right;
	padding-right: 70px;
	line-height: 1.3em;
	font-size: 12px;
}

#tinyProjectSelector {
	margin-top: 40px;
}

.projectTiny {
	float: left;
	margin: 0 5px 5px 0;
}

.projectTiny img {
	border: 3px solid #fff;
}

#tagCloud {
	width: 200px;
	line-height: 1.2em;
}

#tagCloud  a {
	color: #fff;
}

#tagCloud a:hover {
	text-decoration: underline;
}


/*
 * Contato
 */
body.contato {
	background: url('../images/bkg-contato.jpg') top center repeat-y;
}

body.contato #logo h1 a {
	background: ;
}

body.contato #mainContent {
	height: 1px;
	width: 340px;
}

h2#bjomeadd {
	text-indent: -9999px;
	width: 184px;
	height: 33px;
	background: url('../images/bjomeadd.png') top left no-repeat;
	margin: 0;
	padding: 0;
}

body.contato table {
	border-collapse: collapse;
	font-size: 16px;
}

body.contato td.theader {
	border-right: 1px solid #fff;
	padding-left: 37px;
	font-style: italic;
}

body.contato td {
	padding: 0 20px;
}