/* --------- BASIC ----------- */
body {
background: #ebebeb;
background-repeat: repeat;
background-image: url('http://www.johnmayer.com.br/teste/wp-content/themes/Layout Amarelo/images/bg.jpg');
margin:0;
padding:0;
margin-top: 0px;
margin-bottom: 0px;
text-align: center;
font-size: 11px;
font-family: tahoma;
color: #000000;
}

/* --------- TABELAS ----------- */
table {
border: 0px;
background: none;
font-size: 12px;
font-family: tahoma;
color: #000000;
}

h1 {
	margin:0px;
	padding:0 0 0 0px;
	font-size: 20px;
	font-family: verdana;
	color: #c3c182;
	font-weight:normal;
	text-align:left;
	text-transform:uppercase;
		}


h2 {
	font-size: 12px;
        font-family: tahoma;
        font-weight: normal;
	color: #000000;
	background: transparent;
	border-bottom: 0px solid;
	border-top: 0px solid;
	margin-bottom: 7px;
        margin-top: 0px;
	text-align: justify;
}

h3 {
	font-size: 10px;
        font-family; Verdana;
        font-weight: normal;
	color: #808080;
	background: transparent;
	border-bottom: 0px solid;
	border-top: 0px solid;
	margin-bottom: 7px;
        margin-top: 0px;
	text-align: justify;
}

h4 {
	margin:0px;
	padding:0 0 0 16px;
	font-size: 13px;
	color: #413A66;
	font-weight:normal;
	text-align:left;
	background: #FFFFFF;
	border-bottom: 1px dotted #bdd7da;
		}
		


/* --------- LINKS ----------- */
a, a:link, a:active, a:visited {
color: #a1a19e;
text-decoration: none;
}

a:hover {
color: #a1a19e;
text-decoration: underline;
font-weight: bold;
}

/* ---- ITALIC, NEGRITO AND UNDERLINE ---- */
b {
color: #e3e047;
}

i {
color: #b3b0b0;
}

/* --------- LINHA QUE REPETE ----------- */
#page {
width: 953px;
background-color: #f6f5f5;
border-width: 0px 1px 0px 1px;
margin-left: auto;
margin-right: auto;
text-align: left;
margin-top: 0px;
}

/* --------- IMAGEM DO TOPO ----------- */
#header {
width: 953px;
height: 400px;
}

/* --------- TÍTULO DO BLOG ----------- */
#title-blog {
background: none;
margin: -100px 0px 0px 0px;
padding: 0px;
width: 500px;
height: 50px;
}

#title-blog span.titulo {
margin: 0px;
padding: 0px 0px 0px 10px;
font-size: 30px;
color: #FFFFFF;
font-weight: bolder;
}

#title-blog span.titulo a {
color: #FFFFFF;
}

#title-blog .txt {
margin: 3px 0px 0px 0px;
padding: 0px 0px 0px 10px;
font-size: 12px;
color: #FFFFFF;
}

/* --------- PERFIL ----------- */
#sidebar {
width: 400px;
padding-left: 0px;
float: left;
margin: 30px 0px 0px 20px;
text-align: left;
}

#sidebar .widgets {
margin: 0px 0px 10px 0px;
padding: 5px;
background-color: #f6f5f5;
}

/***************** MENU *****************/

#nav ul {
padding: 0px;
margin: 0px;
width: 100%;
list-style:none;
font-weight: bold;
height: 18px;
line-height: 18px;
vertical-align:middle;
}
#nav ul li {
display: block;
margin: 1px;
border:0px;
}
#nav ul li a {
display: block;
width: 180px;
font-size: 14px;
font-family : Verdana;
text-decoration: none;
text-transform: uppercase;
text-indent: 5px;
text-align: center;
letter-spacing: 2px;
color: #e3e047;
background-color: #f6f5f5;
vertical-align:middle;
}
#nav ul li a:hover {
color: #f6f5f5;
background-color: #e3e047;
}




/* --------- LINKS NO PERFIL ----------- */


h7 {
background: url('http://i103.photobucket.com/albums/m154/layfreesinopse/novos/08/seta.gif') left no-repeat;
border-bottom: 1px dotted #DADADA;
margin: 0px;
padding: 2px 0px 2px 11px;
font-size: 10px;
font-family: tahoma;
font-weight: bolder;
color: #c26e7e;
}

/* --------- ESPAÇO DOS POSTS ----------- */
#content {
width: 486px;
margin: 30px 0px 18px 0px;
padding-right: 0px;
float: right;
}

/* --------- FUNDO DOS POSTS ----------- */
.posts {
background-color: #f6f5f5;
margin: 0px 0px 10px 0px;
}

/* --------- TITULO POSTS ----------- */
.titleposts {
color: #a5a5a3;
font-size: 12px;
font-family: tahoma;
font-weight: bold;
text-transform: uppercase;
width: 470px;
padding-left: 10px;
padding-top: 7px;
padding-bottom: 7px;
background-image: url('http://www.johnmayer.com.br/teste/wp-content/themes/Layout Amarelo/images/bg_posts.jpg');
}


.tituloposts {
margin:0px;
padding:0 0 0 0px;
font-size: 20px;
font-family: verdana;
color: #c3c182;
font-weight:normal;
text-align:left;
text-transform:uppercase;
border-bottom: #a1a19e 1px solid;
		}



/* --------- TAGS / DATE / LINK COMMENT ----------- */
.postmeta {
font-size: 9px;
font-family: verdana;
color: #f5f5f5;
background-color: #ffffff;
margin-top: 1px;
margin-bottom: 5px;
}

/* --------- POSTS ----------- */
.postentry {
text-align: left;
color: #000000;
background: none;
text-align: justify;
}

/* --------- LINKS NO POST ----------- */
#content ul, #content li, #content ol {
list-style: none;
margin: 0px;
padding: 0px;
}

#content ul li {
background: url('http://i103.photobucket.com/albums/m154/layfreesinopse/novos/08/seta.gif') left no-repeat;
border-bottom: 1px dotted #DADADA;
margin: 0px;
padding: 2px 0px 2px 11px;
width: 159px;
float: left;
}

#content ul li a:hover {
color: #404040;
text-decoration: none;
}

/* --------- DIVIDER ----------- */
.divider {
background: none;
border-bottom: 2px solid #F1F1F1;
margin: 2px 0px 5px 0px;
}

/* --------- EDIT DOS POSTS ----------- */
blockquote {
background-color: #FFFFFF;
border: 3px double #e3e047;
border-width: 0px 0px 0px 3px;
color: #808080;
margin: 0 20px;
padding: 2px 10px 2px 10px;
}

/* --------- IMAGENS ----------- */
img {
border: 0px;
}

.borderimage {
background-color: #f6f5f5;
padding: 5px;
border: 1px solid #a1a19e;
margin-right: 3px;
margin-left: 3px;
margin-top: 3px;
-moz-border-radius: 4px;}

a .borderimage {
background-color: #f6f5f5;
padding: 5px;
border: 1px solid #e3e047;
margin-right: 3px;
margin-left: 3px;
margin-top: 3px;
-moz-border-radius: 4px;}

a:hover .borderimage {
background-color: #f6f5f5;
padding: 5px;
border: 1px solid #000000;
margin-right: 3px;
margin-left: 3px;
margin-top: 3px;}

/* --------- FORMULÁRIOS ----------- */
form, fieldset {
margin: 0;
padding: 0;
border: 0;
}

textarea, input, select, insert {
background-color: #FFFFFF;
border: 1px solid #DADADA;
color: #404040;
}

/* --------- RODAPÉ DO LAYOUT ----------- */
#footer {
background-color: #f6f5f5;
background-position: bottom;
width: 953px;
clear: both;
text-align: center;
color: #000000;
padding: 5px 0px 5px 0px;
margin: 0px;
}

#footer a {
color: #a1a19e;
}