/*
	Maurivan Luiz, Curitiba, 2009-01
	maurivan@maurivan.com | http://maurivan.com

	DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
	TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION
	0. You just DO WHAT THE FUCK YOU WANT TO.

	WTFPL: http://sam.zoy.org/wtfpl/
	
	This code is free modafoca code!. It comes without any warranty, to
	the extent permitted by applicable law. You can redistribute it
	and/or modify it under the terms of the Do What The Fuck You Want
	To Public License, Version 2, as published by Sam Hocevar.
	See http://sam.zoy.org/wtfpl/COPYING for more details. 


	
*/

/***** Global Settings | Configuracoes Globais*****/
 
html, body {border:0;margin:0;padding:0;}
body {background:url('../images/bgbody.png') repeat-y;font:14px Arial, Helvetica, sans-serif;}

/***** Headings | Cabecalhos *****/
 
h1, h2, h3, h4, h5, h6 {margin:0;padding:0;font-weight:normal;}
h1 {font-size:2em;}
h2 {font-weight:bold;font-size:1.5em;}
h3 {font-size:1em;font-weight:bold;}
 
/***** Common Formatting | Formatacao Comum *****/
 
p{margin:0;color:#222222;line-height:20px;padding:0 0 1.25em 0;}
ul, ol {margin:0;padding:0;}
ul li,
ol li{ list-style:none;list-style-image:none; }
blockquote {margin:1.25em;padding:1.25em 1.25em 0 1.25em;} 
small {font-size:0.85em;}
img {border:0;}
 
/***** Links | Links *****/
 
a, a:link{text-decoration:none;outline: none;}
a:visited, a:hover{text-decoration:none;}
 
/***** Forms | Formulario *****/
 
form {margin:0;padding:0;display:inline;}
input, select, textarea {font:1em Arial, Helvetica, sans-serif;}
textarea {width:100%;line-height:1.25;}
label {cursor:pointer;}
 
/***** Wrapper | Div principal *****/
 
#wrapper {
	background:#FFF;
	width:940px;
	margin:0 auto;
}
	div#top{
		background:#FFF;
		width:940px;
		float:left;
		padding:25px 0 10px 0;
		border-bottom:1px solid #f2f2f2;
	}
	div#top h1{
		float:left;
		text-indent:-99em;
		margin:10px 0;
		}
	div#top h1 a{
		text-indent:-99em;
		width:220px;
		height:66px;
		display:block;
		background:url(../images/logo.png) top;
	} 
		div#top h1 a:hover{background-position:bottom;}
		div#top ul{float:right;}
			div#top ul li{float:left;margin:0 3px;}
				div#top ul li a{
					text-indent:-99em;
					height:66px;
					display:block;
					background:url('../images/menu.png');
				}
					div#top ul li.about a{background-position:0 bottom;width:82px;}
						div#top ul li.about a:hover{background-position:0 top;}
						
					div#top ul li.work a{background-position:-83px bottom;width:77px;}
						div#top ul li.work a:hover{background-position:-83px top;}
						
					div#top ul li.blog a{background-position:-160px bottom;width:72px;}
						div#top ul li.blog a:hover{background-position:-160px top;}
						
					div#top ul li.getintouch a{background-position:-233px bottom;width:130px;}
						div#top ul li.getintouch a:hover{background-position:-233px top;}

						div#top ul li.wtf a{background-position:right bottom;width:60px;}
							div#top ul li.wtf a:hover{background-position:right top;}


div#content{width:940px;float:left;padding-bottom:25px;}


#home div#content div#maurivan{
	width:550px;
	height:465px;
	top:65px;
	margin:0 0 0 0;
	position:absolute;
}
#home div#content h2{width:540px;text-indent:-99em;float:right;height:170px;background:url('../images/h2.welcome.png') left bottom no-repeat;}
#home div#content h3{width:540px;float:right;margin:30px 0 0;}
	#home div#content h3.quote{font-size:40px;font-family:Georgia;color:#7F160F;font-weight:normal;text-indent:0;letter-spacing:-2px;font-style:italic;background: url(../images/37signals.png) no-repeat bottom left;padding-bottom:30px;}
	div#footer {width:940px;float:left;padding:20px 0 0 0;}
		div#footer ul li{float:left;margin-right:20px;width:220px;}
			div#footer ul li.last{margin:0!important;}
				div#footer ul li h3{font-size:22px;font-style:italic;font-family:georgia;font-weight:normal;}
					div#footer ul li a.hostnet{background: url(../images/hostnet.png) center bottom no-repeat;text-indent:-99em;width:110px;display:block;height:93px;margin:0 auto;}
					div#footer ul li a.hostnet:hover{background-position:center top;}
							 div#footer ul li p{font-size:11px;color:#2C3234;padding:0 0 1.25em;}
								div#footer ul li a{font-weight:bold;color:#2C3234}
									div#footer ul li a:hover{text-decoration:underline;}
/* ------ ABOUT ------ */
h2.title-page{height:45px;text-indent:-99em;}
	#about #content{background:url('../images/h2.title.about.png') no-repeat left 20px;}
	#work #content{background:url('../images/h2.title.work.png') no-repeat left 20px;}
	#contact #content{background:url('../images/h2.title.contact.png') no-repeat left 20px;}
	
h3.quote{margin:35px 0;font-size:35px;letter-spacing:-1px;color:#E3291C;font-family:georgia;font-style:italic;font-weight:normal;}


div.content-right{float:right;width:520px;padding:0 30px;}
div.content-right p{color:#222222;line-height:25px;}
div.content-right a.down-resume,
div.content-right a.maurivan-photos,
div.content-right a.me-linkedin{height:19px;text-indent:-99em;float:left;}
div.content-right a.down-resume{width:151px;background:url('../images/a.dresume.png') no-repeat bottom;}
	div.content-right a.down-resume:hover,
	div.content-right a.maurivan-photos:hover,
	div.content-right a.me-linkedin:hover{background-position:top;}
	div.content-right a.maurivan-photos{width:121px;margin:0 10px;background:url('../images/a.mphotos.png') no-repeat bottom;}
	div.content-right a.me-linkedin{width:106px;background:url('../images/a.linkedin.png') no-repeat bottom;}
	#about div.content-right h2{
		width:260px;height:51px;text-indent:-99em;margin:0;margin:0 0 10px 0;background:url('../images/h2.content.about.png') no-repeat;}
#about div.content-right h2.thingstitle{margin-top:30px;float:left;width:510px;height:65px;text-indent:-99em;background:url('../images/h2.content.10things.png') no-repeat !important;}
#about h3.name{font-size:2em;letter-spacing:-2px;}
#about ul.thingslist{float:left;}
#about ul.thingslist li{padding:10px 5px;color:#222222;line-height:25px;border-bottom:1px solid #dedede;}

div.sidebar-left{float:left;width:349px;border-right:1px solid #FFDFEF;}
	div.sidebar-left ol{text-align:right;padding:0 30px;}
		div.sidebar-left ol li{margin-bottom:40px;line-height:200%;width:289px;float:right;}
				div.sidebar-left ol li.awards-list ul li{line-height:18px;margin:15px 0;}
		div.sidebar-left ol li a,
		div.content-right a{color:#222222;}
		div.content-right a{font-weight:bold;}
		div.sidebar-left ol li a:hover,
		div.content-right a:hover{color:#E3291C;}
		div.sidebar-left ol li ul li{margin-bottom:0;}
		div.sidebar-left ol li h3{height:20px;overflow:hidden;text-indent:-999em;width:289px;font-size:0px;background:url('../images/h3.sidebar.about.png') no-repeat;}
		div.sidebar-left ol li span{text-align:right;font-weight:bold;display:block;}
		div.sidebar-left ol li h3.work-experience{background-position:right 0;}
		div.sidebar-left ol li h3.clients-served{background-position:right -20px;}
		div.sidebar-left ol li h3.awards{background-position:right -40px;}
		div.sidebar-left ol li a.otherLink{
			background:#E3291C;
			color:#fff;
			padding:5px;
			-webkit-border-radius: 6px;-moz-border-radius:6px;
		}
		div.sidebar-left ol li a.otherLink:hover,
		div.content-right li a.otherLink:hover{
			background:#9F1C13;
		}
		div.content-right li a.otherLink{
			background:#E3291C;
			color:#fff;
			padding:5px;
			float:left;
			margin-right:10px;
			font-size:12px;
			-webkit-border-radius: 3px;-moz-border-radius:3px;
		}
			div.content-right li a.linkLinkedin{background:#4F7DFF;}
			div.content-right li a.linkLinkedin:hover{background:#3F64CC;}
			
/* --- WORK -- */
ul.work-list{}
ul.work-list li{width:220px;height:280px;float:left;margin:20px 20px 20px 0;border-bottom:3px solid #FFF;}
	ul.work-list li.last,
	ul.friends-list li.last{margin-right:0;}
	ul.work-list li a{color:#28373A;font-size:12px;}
	ul.work-list li a img{border:3px solid #d2d2d2;}
	ul.work-list li a:hover img{border:3px solid #DE281B;}
	ul.work-list li a:hover{color:#DE281B;}
	ul.work-list li:hover{border-bottom:3px solid #DE281B;}
	ul.work-list li a span{font-size:16px;font-weight:bold;letter-spacing:-1px;line-height:30px;display:block;}
	.title-job{float:left;margin:27px 0 20px 160px;font-size:40px;width:780px;}
	div.img-job{padding-bottom:50px;border-bottom:1px solid #FFDFEF;}
div.txt-job{margin-top:30px;}
div.txt-job p{font-size:16px;color:#333333;line-height:170%;}
div.txt-job p a{color:#FF3399;}
div.txt-job p a:hover{text-decoration:underline;}
div.txt-job h2{width:285px;height:50px;text-indent:-99em;background:url('../images/h2.about.project.png') no-repeat top;}
	div.txt-job div.block-left{float:left;width:450px;}
	div.txt-job div.block-right{width:450px;float:right;}
ul.agency{background:#F6F6F6 none repeat scroll 0 0;bottom:20px;float:right;width:400px;padding:10px 25px;}

/* --- CONTACT -- */
div#content-contact form div.left{width:300px;float:left;}
div#content-contact form div.right{width:540px;float:right;}
div#content-contact form span{font-size:20px;color:#222222;float:left;font-weight:bold;}
div#content-contact form div.left img{margin-left:50px}
div#content-contact form div.left input{width:320px;border:none;padding:20px;height:25px;margin-bottom:30px;background:#E9FFD9;}
	div#content-contact form div.right input.send-message{background:#94D394;padding:10px 20px;float:right;margin:10px 0;color:#FFF;cursor:pointer;border:none;}
	div#content-contact form div.right input.send-message:hover{background:#A6EDA6;}
	div#content-contact form div.right textarea{width:500px;overflow:auto;border:none;padding:20px;height:225px;background:#E9FFD9;}
div#content-contact form input,
div#content-contact form textarea{font-size:20px;-webkit-border-radius: 6px;-moz-border-radius:6px;}
div.succes-block{background:#E0FFE4;padding:15px;font-size:25px;margin-bottom:40px;-webkit-border-radius: 6px;-moz-border-radius:6px;}
.blockMsg{padding:50px !important;background:#000 !important;color:#FFF !important;-webkit-border-radius: 6px;-moz-border-radius:6px;font-size:25px;margin:0 0 0 -100px !important;}
div.fail-block{background:#FF3399;color:#FFF;font-size:20px;margin-bottom:40px;-webkit-border-radius: 6px;-moz-border-radius:6px;padding:15px;}

		
/* -- TUMBLR --*/
div#tumblr-blog{}
.tumblr_title{font-size:40px;margin-bottom:20px;color:#FF3399;}
.tumblr_post{padding:50px 20px;border-bottom:1px solid #FFDFEF;}
.tumblr_post p{font-size:16px;line-height:22px;}
.tumblr_post a{color:#FF3399;text-decoration:underline;font-weight:bold;}
.tumblr_quote {background:#C2C2C2;color:#FFFFFF;font-family:Georgia;font-size:25px;-webkit-border-radius: 6px;-moz-border-radius:6px;font-style:italic;padding:30px;text-transform:italic;}
.tumblr_source{padding:10px 5px;}