/*
Theme Name: Design em Artigos
Theme URI: http://www.designemartigos.com.br/
Description: Wordpress theme for Design em Artigos.
Version: 1.0
Author: Minimo Design
Author URI: http://www.minimodesign.com.br/
Tags: minimalist, template, html5

	Based on:
	H5 v1.0
	http://diggingintowordpress.com/

	This theme was lovingly designed and developed by Jeff Starr,
	who blogs at perishablepress.com and designs at monzilla.biz.
	The CSS, HTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-3.0.html
*/

html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,hr {margin:0; padding:0;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th {font-size:1em; font-style:normal;}
ul,ol {list-style:none;}
fieldset,img,hr {border:none;}
caption,th {text-align:left;}
table {border-collapse:collapse; border-spacing:0;}
td {vertical-align:top;}


/* == BASICS == */
header, footer, section, article, aside, nav {display: block;}

body {margin: 0 auto;}
#wrapper {width: 960px; margin: 0 auto; overflow:auto;}

/* == LINKS == */
a:link, a:visited {text-decoration: none; color: #3c3c3c}
a:hover, a:active {text-decoration: none; color: #3c3c3c}

/* == HEADER == */
#wrapper>header {background: #fff; padding: 25px 0 0 0; color: #ccc; border-bottom:1px solid #cccccc; height: 114px;}
	#wrapper>header h1 {margin: 0;}
		#wrapper>header h1 a:link, body>header h1 a:visited {text-decoration: none; color: #ddd;}
		#wrapper>header h1 a:hover, body>header h1 a:active {text-decoration: none; color: #fff;}

a.sitelogo {display: block; width: 284px; float: left; height: 106px; background: url(images/logo.jpg) no-repeat 0 0; margin: 0 180px 0 0;}
a.sitelogo:hover {display: block; width: 284px; float: left; height: 106px; background: url(images/logo.jpg) no-repeat 0 -104px; margin: 0 180px 0 0;}
#search {float: left; width: 480px;  height: 40px; margin: 10px 0 0 0;}
	#search input {width: 470px; height: 30px; font-size: 28px; color: #999; padding: 5px;}

/* == NAVIGATION == */
/*nav {text-align: center;}
#wrapper>header>nav {padding: 10px 0;}
	#wrapper>header>nav ul {text-align: right; margin: 0; }
	#wrapper>header>nav li {width: 118px; height: 15px; padding: 15px 2px 0 0; margin: 0 2px 0 0; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #303030;}
	#wrapper>header>nav li a {display: block; border-bottom: 7px solid #303030; margin: 10px 0 0 2px; text-decoration:none; color: #303030;}
	#wrapper>header>nav li a:hover {display: block; border-bottom: 7px solid #ddd; text-decoration:none; color: #303030;}*/
	
nav {text-align: center;}
#wrapper>header>nav {padding: 10px 0;}
	#wrapper>header>nav ul {text-align: right; margin: 0;}
	#wrapper>header>nav li {width: 94px; height: 15px; padding: 15px 2px 0 0; margin: 0 2px 0 0; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #303030;}
	#wrapper>header>nav li a {display: block; border-bottom: 7px solid #303030; margin: 10px 0 0 2px; text-decoration:none; color: #303030;}
	#wrapper>header>nav li a:hover {display: block; border-bottom: 7px solid #ddd; text-decoration:none; color: #303030;}


/* == CONTENT ==*/
section {overflow: hidden; width: 960px; float: left; clear: none; font-family: Arial, Helvetica, sans-serif}
#conteudo {margin: 8px 0;}

section[id=banner] {width: 960px; padding: 20px 0 17px 0; border-bottom: 1px solid #ccc;}
	section[id=banner] img {margin-left: 14px;}

section[id=regras] {background-color: #303030; padding: 18px 0 18px 10px; color: white; width: 912px; margin: 10px 0 0 12px;}
	section[id=regras] h1 {font: 29px Arial, Helvetica, sans-serif; font-weight:bold; color: white; width: 200px; float: left; padding: 0 8px;}
	section[id=regras] ol {list-style-type: decimal; float: left;}
			section[id=regras] ol li {width: 207px; float: left; padding: 0; margin: 5px 12px 0 12px; font-style: italic; font-size: 13px;}


/* == POSTS == */
article[id*=post-] {padding: 10px 0; width: 213px; float: left; padding: 0 12px 8px 12px; height: 240px;}
	article>header h1 {font: 20px Arial, Helvetica, sans-serif; font-weight: bold; height: 95px; vertical-align: bottom; display: table-cell; padding: 0 0 10px 0;} 
	article>footer p {clear: both; font: 12px solid #ddd; margin: 0 12px 8px 12px;	font-style: italic;}

	article[id*=single-]>footer a{font: 12px solid #ddd;}
	article[id*=single-]>footer a:hover{text-decoration: underline;}

article+nav {font-weight: bold; clear: both; }
	article+nav p a{ display: block; font-weight: bold; -moz-border-radius: 10px; -webkit-border-radius: 10px; border: none; width: 45%; float: left; margin: 0 0 0 10px; padding: 10px 0; text-align: center;}
	article+nav p a:hover{background: #ddd;}

	.nav-ex {font: 13px Arial, Helvetica, sans-serif; font-style: italic; color: #333; padding: 10px 0 5px 20px; width: 100%; text-align: left;}

article[id*=single-]+nav {font-weight: bold; }
	article[id*=single-]+nav p a{ display: block; font-weight: bold; -moz-border-radius: 10px; -webkit-border-radius: 10px; border: none; width: 400px; background-color: #eee; float: left; margin: 0 0 0 10px; padding: 10px 0;}
	article[id*=single-]+nav p a:hover{background: #ddd;}

article>section {width: 216px; font-size: 14px; line-height: 20px;}
article>section a{}

article[id*=post-]:hover {background: #dddddd; color: #37197a; width: 213px; height: 240px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border: none;}


/* == SINGLE == */
article[id*=single-] {padding: 10px 0; width: 960px; padding: 0 12px 8px 12px; overflow: auto;}
	article[id*=single-]>section {padding: 20px 0; line-height: 24px; width: 800px; overflow: auto;}
	article[id*=single-]>section h2 {font: 22px Arial, Helvetica, sans-serif; font-weight:bold; color: #303030; padding: 15px 0 10px 0;}
	.tabela-info {padding: 10px 100px 10px 10px; background: #eee; margin: 0 0 15px 0;}

	article[id*=single-]>section blockquote {padding:0 0 0 10px;}

	a.td-image {display: block;}
	a.td-image:hover {background-color: #222;}

header[id=single] h1, section[id="resenha"] h2 {font-size: 52px; color:#303030; padding: 25px 0 10px 0; width: 600px;}

section[id*=resenha] p{font: 13px/20px Arial, Helvetica, sans-serif; margin: 5px 0 15px 30px; }
section[id*=resenha] table {margin: 5px 0 5px 20px; }
section[id*=resenha] table td p{font: 13px/20px Arial, Helvetica, sans-serif; margin: 5px 0; }

/* == PAGE == */
article[id*=page] { width: 960px; padding: 0 12px 8px 12px; overflow: auto;}
	article[id*=page-]>section {padding: 20px 0; line-height: 24px; width: 800px; overflow: auto; min-height: 200px;}
	article[id*=page-]>section h2 {font: 22px Arial, Helvetica, sans-serif; font-weight:bold; color: #303030; padding: 5px 0 10px 0;}
	article[id*=page-]>section p {margin: 0 0 10px 0;}
	article[id*=page-]>header h1 {font-size: 52px; color:#303030; padding: 25px 0 10px 0; width: 600px;}


/* == COMMENTS == */
article[id*=comment-] {margin: 15px 0; padding: 10px;}
	article[id*=comment-] h4 {margin: 0;}
	.alt {border: 1px solid #ddd; background: #eee;}

form[method=post] label {display: block;}
form[method=post] input {margin: 2px 0 12px 0; display: block;}


/* == SIDEBAR == */
aside {margin: 30px 0 0 0; padding: 0 0 90px 0; overflow: hidden; width: 100%; background-color:#303030; clear: both; font-family: Arial, Helvetica, sans-serif;}
	aside h2 {font: 20px Arial, Helvetica, sans-serif; font-weight:bold; padding: 0 0 6px 0;}
	aside>ul {width:960px; margin: 30px auto; list-style: none;  }
	aside>ul>li {color: white; margin: 0 12px; list-style: none; float: left; width: 300px; height: 160px;}
		aside>ul>li>ul{list-style: none; clear: both; padding: 0 0 0 15px; font-size: 14px; line-height: 22px;}

		.widget a {color: white;}
		.widget a:hover {color: white; text-decoration: underline;}


li#apoio {float: left; width: 300px;}
	#apoio h2 {font: 20px Arial, Helvetica, sans-serif; font-weight:bold; padding: 0 0 6px 0; color: white;}
	#apoio ul {list-style: none; color: white; padding: 0 0 0 15px;}
	#apoio ul li {float: left; width: 136px;}
		a#minimodesign {background: url(images/minimodesign.png) no-repeat top left; width: 126px; height: 44px; display:block}
		a#designsimples {background: url(images/designsimples.png) no-repeat top left; width: 135px; height: 44px; display:block}
		a#estudiogalaxia {background: url(images/estudio-galaxia.png) no-repeat top left; width: 135px; height: 44px; display:block}
		a#logobr {background: url(images/logobr.jpg) no-repeat top left; width: 135px; height: 44px; display:block}
		a#anticast {background: url(images/anticast.jpg) no-repeat top left; width: 126px; height: 65px; display:block}


/* == FOOTER == */
#wrapper>footer {}

/* == SEARCH == */
label[for=s] {display: none;}


/* == ELEMENTS == */

/* a place for misc. styles */
/* Begin Images */
p img {padding: 0;max-width: 100%;}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */
img.centered {display:block;margin-left:auto;margin-right:auto;}
img.alignright {padding:4px;margin:0 0 2px 7px;display:inline;}
img.alignleft {padding:4px;margin:0 7px 2px 0;display:inline;}
.alignright {float: right;}
.alignleft {float: left;}

/* End Images */
	#arquivo {font-size: 48px; color:#303030; padding: 25px 0 10px 0; width: 800px;}

/*
 * WP-Paginate - WordPress Pagination Function
 * Revision: $Id: wp-paginate.css 286636 2010-09-08 00:11:23Z emartin24 $
 * Copyright (c) 2010 Eric Martin http://www.ericmmartin.com/projects/wp-paginate/
 */
 .navigation {padding-top: 20px; clear: both; height: 35px;}
.wp-paginate {padding:0; margin:0;}
.wp-paginate li {display:inline; list-style:none;}
.wp-paginate a {background:#ddd; border:1px solid #ccc; color:#666; margin-right:4px; padding:3px 6px; text-align:center; text-decoration:none;}
.wp-paginate a:hover, .wp-paginate a:active {background:#303030; color:#888;}
.wp-paginate .title {color:#555; margin-right:4px;}
.wp-paginate .gap {color:#999; margin-right:4px;}
.wp-paginate .current {color:#fff; background:#303030; margin-right:4px; padding:3px 6px;}
.wp-paginate .page {}
.wp-paginate .prev, .wp-paginate .next {}

/* style overrides for comments pagination */
.wp-paginate-comments {}
.wp-paginate-comments li {}
.wp-paginate-comments a {}
.wp-paginate-comments a:hover, .wp-paginate-comments a:active {}
.wp-paginate-comments .title {}
.wp-paginate-comments .gap {}
.wp-paginate-comments .current {}
.wp-paginate-comments .page {}
.wp-paginate-comments .prev, .wp-paginate-comments .next {}


/* == ALL YOUR CODE ARE BELONG TO POETRY == */