/*
Theme Name: Blog 28
Theme URI: http://www.vinteeoito.com.br/blog28/
Description: Layout do blog da Camisas Vinte e Oite
Version: 1.0
Author: Jhony Pacheco Gomes
*/
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *

	Copyright (c) 2010 Jhony Pacheco Gomes

* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * **/
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	Itens básicos da página
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * **/
/* --- RESET GERAL --- */
html, body, div, header, section, aside, nav, article, figure, hgroup, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
	list-style-position:outside;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* --- HTML 5 --- */
header, section, footer,
aside, nav, article, figure {
	display: block;
}
/* --- FIM RESET GERAL --- */
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
	line-height:20px;
	background:#E6E6E6;
}
h1 {
	font-size:22px;
}
h2 {
	font-size:20px;
}
h3 {
 	font-size:18px;
}
h4 {
	font-size:16px;
}
h5 {
 	font-size:14px;
}
h6 {
 	font-size:12px;
}
a {
 	color:#666;
	text-decoration:none;
}
strong {
	font-weight:bold;
}
a:hover {
	color:#DDD;
}
.clear {
	clear:both;
}
.alignleft {
	float:left;
}
.alignright {
	float:right;
}
.aligncenter {
	clear:both;
	text-align:center;
}
strong a:hover {
	color:#666;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	Itens de Layout
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * **/
#all {
	clear:both;
	margin:0 auto;
	width:781px;
	padding:0 5px;
	background:url("img/bkg.jpg") repeat-y top center
}
#header {
	height:360px;
	background:#E6E1CE url("img/header.jpg") no-repeat left top;
}
#header h1 a {
	background:transparent url("img/logo.png") no-repeat;
	display:block;
	position:absolute;
	width:190px;
	height:75px;
	border:none;
	overflow:hidden;
	text-indent:-4000px;
	margin:289px 0 0 27px;
}
#header h2 {
	line-height:17px;
	margin:305px 0 0 250px;
	position:absolute;
	color:#B2B2B2;
	font-size:14px;
	width:415px;
	font-weight:normal;
}
#menu {
	background:#CCCCCC;
	height:30px;
	margin:100px 0px 0px 260px;
	position:absolute;
}
#menu ul li {
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	margin-left:10px;
	float:left;
	display:inline;
}
#menu ul li a {
	color:#FFFFFF;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	Conteúdo
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * **/
#content {
	clear:both;
}
#main-content {
	float:left;
	width:540px;
	padding:0 20px;
	display:inline;
	background:#F4F3EE;
}
#main-content h2.archive-title {
	text-align:center;
	padding:5px 0px;
}
.post {
	margin:30px 0px 10px 0px;
	padding:5px 0px;
	width:540px;
	overflow:hidden;
}
.post h2.page-title {
	font-size:22px;
	color:#6B665B;
	font-weight:bold;	
}
.post h2 a {
	font-size:22px;
	color:#6B665B;
	font-weight:bold;
}
.post h2 a:hover {
	color:#666;
}
a.post-edit-link {
	color:#666;
}
.additional-meta {
	font-size:10px;
	color:#CDA022;
	font-size:12px;
	line-height:12px;
}
.entry-content {
	padding:5px 0px;
	font-size:14px;
	text-align:justify;
	clear:both;
}
.entry-content p {
	padding:5px 0px;
}
.entry-content a {
	color:#CDA022;
}
.entry-content a:hover {
	color:#967418;
}
.entry-content ul li {
	margin-left:10px;
}
.entry-content img {
	max-width:540px;
}
.entry-meta {
	font-size:12px;
	color:#6B665B;
	border-bottom:1px dotted #6B675C;
	display:inline-block;
	padding-bottom:10px;
	float:left;
}
.entry-meta span.comentarios {
	padding:0 20px;
}
.entry-meta span.comentarios a {
	font-weight:bold;
}
.entry-meta a:hover {
	color:#666;
}
.entry-meta p {
	display:inline;
	float:left;
}
.entry-meta .compartilhe {
	display:inline;
	float:left;
	padding-top:1px;
	padding-left:5px;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	Single Post
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * **/
.entry-meta-single {
	font-size:10px;
	margin-bottom:20px;
}
.author-details {
	height:90px;
	border:1px solid;
	margin-bottom:10px;
	clear:both;
	overflow:hidden;
}
.author-details .avatar {
	float:left;
	display:inline;
	background:#FFF;
	border:1px solid;
	padding:2px;
	margin:5px;
}
.author-details .description {
	float:left;
	padding:10px 10px 5px 0px;
	width:480px;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	Sidebar
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * **/
.sidebar {
	float:right;
}
.sidebar .widget {
	margin: 0px 0px 10px 0px;
}
.sidebar {
	width:185px;
	background:#E6E1CE;
	float:right;
	padding:30px 0 45px 15px;
	font-size:15px;
}
.sidebar h3 {
	color:#4C4C4C;
	font-size:16px;
	font-weight:bold;
}
.sidebar h4 a {
	color:#4C4C4C;
	font-size:15px;
	font-weight:bold;
}
.sidebar .sidebar-divisor {
	background:#FFF;
	width:185px;
	height:3px;
	margin-left:-16px;
}
.sidebar #banner-28 {
	padding-bottom:10px;
}
.sidebar #banner-28 a {
	background:url("img/sidebar_banner_28_camisas_inteligentes.jpg") no-repeat;
	width:169px;
	height:61px;
	display:block;
	text-indent:-9000px;
}
.sidebar #sugestoes h3 {
	padding-bottom:10px;
}
.sidebar #sugestoes .sugestao {
	padding:10px 0;
}
.sidebar #sugestoes .sugestao-img {
	height:175px;
	display:inline-block;
}
.sidebar #sugestoes .sugestao-img img {
	width:170px;
	height:170px;
}
.sidebar #sugestoes h4 {
	line-height:15px;
}
.sidebar #sugestoes p {
	font-size:12px;
	line-height:12px;
	color:#4C4C4C;
}
.sidebar #confira-camisas {
	background:url("img/confira_as_camisas.jpg") no-repeat;
	width:184px;
	height:173px;
	margin-top:25px;
}
.sidebar #menu-28 {
	padding-top:25px;
	padding-bottom:20px;
}
.sidebar #menu-28 h3 {
	padding-bottom:5px;
}
.sidebar #menu-28 ul li a {
	color:#000;
	padding-left:5px;
	border-bottom:1px solid;
}
.sidebar #menu-28 ul li a:hover {
	color:#000;
}
.sidebar .widget_archive {
	padding-top:15px;
}
.sidebar .widget_archive h3 {
	padding-bottom:5px;
}
.sidebar .widget_archive a {
	color:#000;
}
.sidebar .widget_archive a:hover {
	color:#000;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	Rodapé
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * **/
#footer {
	background:#E6E1CE;
	clear:both;
	text-align:left;
	position:relative;
}
#footer-logo a {
	background:url("img/footer_logo.png") no-repeat;
	width:96px;
	height:110px;
	position:absolute;
	left:630px;
	top:-30px;
	text-indent:-9000px;
}
#footer-content {
	width:580px;
	height:80px;
	background:#4D4D4D url("img/footer_bkg.png") no-repeat right bottom;
}
#footer-menu {
	clear:both;
	padding-left:15px;
	padding-top:15px;
}
#footer-menu ul li {
	float:left;
	display:inline;
	padding:0 10px;
	font-size:18px;
}
#footer-menu ul li a {
	color:#FC0;
}
#copyright {
	clear:both;
	color:#E5E0CD;
	font-size:11px;
	text-align:center;
	padding-top:10px;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	Comentários
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * **/
li.comment,li.trackback,li.pingback {
	clear:both;
	font-size:14px;
	margin:20px 0px;
	color:#6B665B;
}
li.comment .author {
	padding: 2px 0px;
}
li.comment .author span {
	padding-left:10px;
	border-bottom:1px solid;
}
li.comment .author a:hover {
	color:#000;
}
li.comment .author em {
	font-size:10px;
	color:red;
	border-bottom:1px dotted;
}
li.comment p {
	padding:2px 0px;
	clear:both;
	line-height:18px;
}
li.comment .comment-text {
	color:#000;
	padding:10px 0;
	font-size:13px;
	overflow:hidden;
}
li.comment small.commentmetadata {}
h3.comment {
	background:#E6E1CE;
	color:#6B665B;
	font-size:21px;
	font-weight:bold;
	font-family:Verdana, Geneva, sans-serif;
	word-spacing:-1px;
	padding:10px 0 0 20px;
}
ul.commentlist,ul.pinglist {
	background:#E6E1CE;
	padding:5px 20px 5px 20px;
}
.reply {
	font-size:12px;
	width:60%;
	font-style:italic;
	border-bottom:1px dotted #6B675C;
	padding-bottom:20px;
}
.reply a:hover {
	color:#000;
}
#cancel-comment-reply-link {
	color:#660000;
}
ul.children {
	background:url("img/reply.jpg") no-repeat 5px 5px;
	padding-left:20px;
}
textarea#comment {
	overflow:auto;
}
#respond {
	margin-bottom:15px;
	clear:both;
	padding: 10px;
	font-size:12px;
	background:#F4F3EE;
}
#respond h3 {
	color:#6B665B;
	font-size:21px;
	font-weight:bold;
	font-family:Verdana, Geneva, sans-serif;
	word-spacing:-1px;
	padding:15px 5px;
}
#respond a:hover {
	color:#666;
}
#respond p {
	padding: 5px;
}
#respond input {
	background:#E6E1CE;
	border:1px solid #E6E1CE;
	padding:2px 5px;
}
#respond input#submit {
	cursor:pointer;
}
#respond textarea {
	background:#E6E1CE;
	border:1px solid #E6E1CE;
	width:100%;
}
#respond span.required {
	color:#600;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	Navegação
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * **/
.wp-pagenavi {
	text-align:center;
	height:15px;
	clear:both;
	padding:30px;
}
.wp-pagenavi a, .wp-pagenavi a:link {
	padding:2px 4px 2px 4px; 
	margin:2px;
	text-decoration:none;
	border:1px solid #CDA022 !important;
	color:#CDA022 !important;
	background-color:#FFF;	
}
.wp-pagenavi a:visited {
	padding:2px 4px 2px 4px; 
	margin:2px;
	text-decoration:none;
	border:1px solid #CDA022 !important;
	color:#CDA022 !important;
	background-color:#FFF;	
}
.wp-pagenavi a:hover {	
	border:1px solid #CDA022 !important;
	color:#666;
	background-color:#FFF;
}
.wp-pagenavi a:active {
	padding:2px 4px 2px 4px; 
	margin:2px;
	text-decoration:none;
	border:1px solid #CDA022 !important;
	color:#CDA022 !important;
	background-color:#FFF;	
}
.wp-pagenavi span.pages {
	padding:2px 4px 2px 4px; 
	margin:2px 2px 2px 2px;
	color:#CDA022 !important;
	border:1px solid #CDA022 !important;
	background-color:#FFF;
}
.wp-pagenavi span.current {
	padding:2px 4px 2px 4px; 
	margin:2px;
	font-weight:bold;
	border:1px solid #CDA022 !important;
	color:#CDA022 !important;
	background-color:#FFF;
}
.wp-pagenavi span.extend {
	padding:2px 4px 2px 4px; 
	margin:2px;	
	border:1px solid #000000 !important;
	color:#CDA022 !important;
	background-color:#FFF;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	Navegação nas postagens
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * **/
.navigation {
	height:15px;
	background:#CCC;
	clear:both;
	padding:10px;
}
.navigation-index {}
.nav-next {
	float:right;
	clear:none;
	width:48%;
	text-align:right;
}
.nav-prev {
	float:left;
	clear:none;
	width:48%;
	text-align:left;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	Página de erro 404
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * **/
.error404 {
	margin:0;
	width:100%;
}
.error404 h1,.error404 h2 {
	margin: 10px auto;
}
