﻿/* Folha de estilo para felipewatanabe.com, www.wata.com.br */
/* Copyright © 2009 Felipe Watanabe */

/* 1. ATRIBUTOS GERAIS */

* {
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	border: 0px;
	font-family: Arial, Helvetica, sans-serif;
}
hr {
	border: none; 
	width: 100%; height: 1px;
	margin: 0px; padding: 0px;
	display: none;
}
.hide {
	display: none;
	text-decoration: none;
	margin: 0px; padding: 0px;
	border: none;
	list-style-image: none; list-style-type: none;
}
body {
	margin: 0px;
	padding: 0px;
	background: #FFFFFF;
}
#wrap {
	margin: 0px auto;
	width: 900px;
	background: #FFFFFF;
}
#header {
	width: 900px;
	height: 90px;
	background: url(gfx/header_lr.gif);
}
#header img {
	width: 900px;
	height: 90px;
	border-width: 0px;
}
.vai_wrap {
	width: 900px;
	margin: 20px 0px 0px;
	text-align: left;
	background: #F0F8DE;
}
.vai_wrap p {
	font: 11px/16px Arial, Helvetica, sans-serif;
	padding: 5px 0px 5px 5px;
}
.vai_wrap a {
	color: #739B62;
	font: 11px/16px Arial, Helvetica, sans-serif;
	padding: 0px;
	margin: 0px;
}
.vat_wrap {
	width: 900px;
	margin: 0px;
	text-align: right;
	background: #FFE6CD;
}
.vat_wrap p {
	font: 11px/16px Arial, Helvetica, sans-serif;
	padding: 5px 5px 5px 0px;
}
.vat_wrap a {
	color: #EC7600;
	font: 11px/16px Arial, Helvetica, sans-serif;
	padding: 0px;
	margin: 0px;
}

/* 1.1. INDEX */

#img_wrap {
	height: 375px;
	width: 900px;
	margin: 20px 0px 0px;
	border-top: 0px solid #008eb2;
	border-right: 0px solid #008eb2;
	border-bottom: 5px solid #008eb2;
	border-left: 0px solid #008eb2;
	background: #EBF5FF;
}
#img_wrap img {
	width: 75px;
	height: 75px;
	margin: 0px;
	padding: 0px;
	border-width: 0px;
	border-style: none;
}
#dsgn_wrap {
	height: 75px;
	width: 900px;
	margin: 10px 0px 0px;
	border-top: 0px solid #8AAF2A;
	border-right: 0px solid #8AAF2A;
	border-bottom: 5px solid #8AAF2A;
	border-left: 0px solid #8AAF2A;
	background: #F0F8DE;
}
#dsgn_wrap img {
	width: 75px;
	height: 75px;
	margin: 0px;
	padding: 0px;
	border-width: 0px;
	border-style: none;
}
.bdl_wrap {
	width: 900px;
	margin: 0px;
	text-align: right;
}
#link_verde p {
	font: 11px/16px Arial, Helvetica, sans-serif;
	padding: 5px 0px;
}
#link_verde a {
	color: #739B62;
	font: 11px/16px Arial, Helvetica, sans-serif;
	padding: 0px;
	margin: 0px;
}
#link_azul p {
	font: 11px/16px Arial, Helvetica, sans-serif;
	padding: 5px 0px;
}
#link_azul a {
	color: #008EB2;
	font: 11px/16px Arial, Helvetica, sans-serif;
	padding: 0px;
	margin: 0px;
}
#index_profile_holder {
	width: 900px;
	background: #191919;
	margin: 10px 0px 0px;
	padding: 10px 0px;
}
#index_profile_holder a {
	font: normal 11px/20px Arial, Helvetica, sans-serif;
	color: #464646;
	border-top: 0px dotted #333333;
	border-right: 0px dotted #333333;
	border-bottom: 1px dotted #333333;
	border-left: 0px dotted #333333;
}
#index_profile_holder a:hover {
	font: normal 11px/20px Arial, Helvetica, sans-serif;
	color: #666666;
	border-top: 0px dotted #333333;
	border-right: 0px dotted #333333;
	border-bottom: 1px dotted #333333;
	border-left: 0px dotted #333333;
}
#index_profile_holder p {
	padding: 0px 0px 0px 10px;
	margin: 0px;
	font: normal 11px/16px Arial, Helvetica, sans-serif;
	color: #666666;
}
#index_profile_holder .destaque {
	color: #666666;
	font-size: 11px;
	font-weight: bold;
}

/* 1.2. ARTE */

.arte_wrap {
	width: 900px;
	margin: 20px 0px 0px;
	border-top: 0px solid #EC7600;
	border-right: 0px solid #EC7600;
	border-bottom: 5px solid #EC7600;
	border-left: 0px solid #EC7600;
}
.arte_wrap .imagem_wrap {
	width: 900px;
	background: #191919;
	text-align: center;
	margin: 0px;
	padding: 0px;
	border-top: 1px solid #191919;
	border-right: 0px solid #191919;
	border-bottom: 1px solid #191919;
	border-left: 0px solid #191919;
}
.arte_wrap .texto_wrap {
	width: 900px;
	margin: 0px;
	padding: 10px 0px;
	text-align: center;
}
.arte_wrap .texto_wrap h3 {
	color: #333333;
	font: normal 24px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: -1px;
	padding: 0px;
	margin: 0px;
}
.arte_wrap .texto_wrap p {
	color: #666666;
	font: 11px/16px Arial, Helvetica, sans-serif;
	padding: 0px;
	margin: 0px;
}

.arte_wrap .texto_wrap .lang_xhtml {	color: #336699; }
.arte_wrap .texto_wrap .lang_css { color: #669900; }
.arte_wrap .texto_wrap .lang_flash {	color: #BA4B01; }
.arte_wrap .texto_wrap .lang_js { color: #CC9900; }
.arte_wrap .texto_wrap .lang_php { color: #666699; }
.arte_wrap .texto_wrap .lang_psd {
	color: #CD005A;
}

.arte_wrap .texto_wrap a {
	color: #999999;
	font: 11px/16px Arial, Helvetica, sans-serif;
	padding: 0px;
	margin: 0px;
}

/* RODAPÉ */

#footer {
	width: 900px;
	margin: 0px;
	padding: 10px 0px;
	background: #FFFFFF;
}
#footer p {
	font: normal 11px/16px Arial, Helvetica, sans-serif;
	color: #CCCCCC;
}
#footer .al_direita {
	text-align: right;
}
#footer a, #footer a:link {
	font: normal 11px/16px Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	text-decoration: none;
	border-top: 0px dotted #CCCCCC;
	border-right: 0px dotted #CCCCCC;
	border-bottom: 1px dotted #CCCCCC;
	border-left: 0px dotted #CCCCCC;
}
#footer a:focus, #footer a:hover {
	color: #999999;
}
