/*
Theme Name: Artigos Online
Theme URI: http://www.artigosonline.com.br/
Description: Artigos Online
Version: 1.0
Author: Romeu Rodrigues.com
Author URI: http://www.romeurodrigues.com
Tags: Artigos, Online, Artigos Online
*/
/* Reset */
* { margin: 0; padding: 0; border: none; }
html { font-size: 13px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif}
body {  color: #333333; background:#3c3c3c; }
object { outline: none; }
ul { list-style: none; list-style-type: none; margin: 0px; padding: 0px; }
li { list-style: none; list-style-type: none; margin: 0px; padding: 0px; }
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address { font-weight: normal; }
p { letter-spacing: 0.2px; margin-bottom: 10px; line-height:19px;}
cite, em, dfn { font-style: italic; }
sup { position: relative; bottom: 0.3em; vertical-align: baseline; }
sub { position: relative; bottom: -0.2em; vertical-align: baseline; }
dd, blockquote { margin-left: 1em; }
code, kbd, samp, pre, tt, var, input[type=‘text’], textarea { font-size: 100%; font-family: monaco, "Lucida Console", courier, mono-space; }
del { text-decoration: line-through; }
ins, dfn { border-bottom: 1px solid #ccc; }
small, sup, sub { font-size: 85%; }
abbr, acronym { text-transform: uppercase; font-size: 85%; letter-spacing: .1em; border-bottom-style: dotted; border-bottom-width: 1px; }
a abbr, a acronym { border: none; }
sup { vertical-align: super; }
sub { vertical-align: sub; }
h1 { font-size: 20px; text-transform: uppercase; color: #ea6000; }
h2 { font-size: 24px; color: #3E9ECF; margin-bottom: 5px; line-height: 29px;  margin-bottom: 12px; }
h3 { font-size: 16px; color: #1D75CF; margin-bottom:5px;  }
h4 { font-size: 12px;  }
h5 { font-size: 12px; }
h6 { font-size: 10px; }
a, a:link, a:visited, a:hover, a:active { outline: 0; text-decoration: none; color: #036EB8; }
a img { border: none; text-decoration: none; }
img { border: none; text-decoration: none; }
.middle { vertical-align:middle;}
label, button { cursor: pointer; }
input, select, textarea { background: #f4f4f4 url(img/bg-input.jpg) repeat-x top;  }
#submit { background: #ea6000; color: #fff; }
input:focus, select:focus, textarea:focus { background-color: #FFF; }
fieldset { border: none; }
.clear { clear: both; }
.float-left { float: left; }
img.float-left { float: left; margin-right: 5px; margin-bottom: 5px; }
.float-right { float: right; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#bg {background: #efefed url(img/bg.jpg) center top repeat-x;}
#wrapper { width: 960px; margin: 0 auto; }
.category a:link,.category a:visited,.category a:active { color:#FFF; padding: 3px; background-color: #666; color: #fff; font-size: 10px;  text-transform: uppercase;display: inline-block; margin-bottom: 3px;}
.category a:hover { background-color:#0364b0; padding: 3px;}
.postinfo { color:#999; margin-bottom:20px;}
#breadcrumbs { color:#333; margin-bottom:15px; border-bottom:1px solid #CCC; padding-bottom:20px;}
.vertodas { clear: both; padding-top: 10px; right:0px; text-align:right; font-size:11px }



/* Header */
#top { height:41px; position:relative; color:#FFF; margin:0 15px;}
#top #favoritos { position:absolute; left:0px; top:6px; padding-top:6px;}
#top #rss { position:absolute; top:6px; right:15px; width:190px; padding-top:6px; background:url(img/rss-icon.png) right top no-repeat; height:51px;}
#top a:link, #top a:active, #top a:visited { color:#D6D7D2;}
#top a:hover { color:#FFF;}
#header h1 a { background: url(img/artigos-online.png) no-repeat; width:335px; height:117px; text-indent: -9999px; overflow: hidden; display: block;}
#header {margin:0 15px;  background: url(img/bg-header.png) left 3px no-repeat; padding-bottom:10px; padding-top:10px; position:relative;}


/* NAV */

#nav { position:absolute; right:0; top:30px;}
#nav li { float:left;}
a.home { background:url(img/menu.jpg) left top; height:95px; width:80px; display:block; text-indent:-9999px; overflow:hidden;}
a:hover.home  { background:url(img/menu.jpg) left bottom; height:95px; width:80px; display:block; text-indent:-9999px; overflow:hidden;}
a.destaques { background:url(img/menu.jpg) 458px 0px; height:95px; width:117px; display:block; text-indent:-9999px; overflow:hidden;}
a:hover.destaques  { background:url(img/menu.jpg) 458px 95px; height:95px; width:117px; display:block; text-indent:-9999px; overflow:hidden;}
a.autores { background:url(img/menu.jpg) 341px 0px; height:95px; width:100px; display:block; text-indent:-9999px; overflow:hidden;}
a:hover.autores  { background:url(img/menu.jpg) 341px 95px; height:95px; width:100px; display:block; text-indent:-9999px; overflow:hidden;}
a.cadastrese { background:url(img/menu.jpg) 241px 0px; height:95px; width:134px; display:block; text-indent:-9999px; overflow:hidden;}
a:hover.cadastrese  { background:url(img/menu.jpg) 241px 95px; height:95px; width:134px; display:block; text-indent:-9999px; overflow:hidden;}
a.publique { background:url(img/menu.jpg) 107px 0px; height:95px; width:108px; display:block; text-indent:-9999px; overflow:hidden;}
a:hover.publique  { background:url(img/menu.jpg) 107px 95px; height:95px; width:108px; display:block; text-indent:-9999px; overflow:hidden;}

/* Content */
#content-top { background:url(img/content-top.png); height:5px; width:720px; margin:0 auto; float:left;}
#content {  width:680px; padding:20px; float:left;}
#content ul li { background: url(img/bullet.png) -5px 0px no-repeat; margin-bottom: 15px; padding: 0 0 0 15px }
#bg-content {background: url(img/content.png) repeat-y left; width:960px; margin:0 auto;}
#destaques { float:left; width:480px;}
#destaques2 {}
#destaques .box { width:225px; float:left; height:110px; padding-right:15px;}
#destaques .thumb, #recentes .thumb, #autores .thumb { float:left; margin-right:10px;}
#destaques h3 { font-size:14px }
.author { font-size:10px;}
#populares { float:left; width:200px; }
#populares ul li { background:#f5f5f5 url(img/bullet-branco.png) 0px 10px no-repeat; padding:10px; margin-bottom:5px;}
#populares h3 { font-weight:normal;}
#populares img { margin-right:5px;}
#destaques2 .box { width:216px; float:left;  height:220px; padding-right:10px}
#autores { padding-bottom:15px}
#recentes .box { width:226px; float:left;  height:90px;}
#recentes h3 { font-weight:normal; line-height:15px; letter-spacing:-0.5px; font-size:14px }
#autores, #banner {clear:both;}
#autores .bg {background:url(img/box-gradiente.jpg) repeat-x; height:80px; }
#autores .box { width:226px; float:left;}
#destaques, #destaques2, #autores, #populares, #banner, #recentes { margin-bottom:10px; position:relative;}
#destaques h2, #autores h2, #populares h2, #banner h2, #recentes h2 { border-bottom:1px solid #CCC; padding-bottom:-10px;}
.feed { position:absolute; right:0; top:0px;}
#destaques .feed { position:absolute; right:5px; top:0px; }
#destaques .vertodas { margin-right:15px;}
.title { height:17px; border-bottom:1px solid #CCC; margin-bottom:10px;}
#vote { margin-bottom:15px;}

/* Sidebar */
#sidebar { width:200px; float:right; padding:0 20px 20px 20px;}
#sidebar ul { margin-top:7px;}
#sidebar ul li { background: url(img/bullet.png) -5px 2px no-repeat; margin-bottom: 7px; padding: 0 0 7px 15px; border-bottom:1px solid  #CCC }
#sidebar ul li ul li { font-size:10px;}
#sidebar #searchbar { background-color:#e1e2dc; border:1px solid #d4d5d0; padding:13px; position:relative; height:34px; margin-bottom:20px;}
.inputsearch { background: url(img/bg-search.jpg); width: 130px; height: 16px; height:17px; position: absolute; padding: 9px 5px 9px 34px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #657476; font-style: italic; }
.input { background: url(img/bg-input.jpg); width: 160px; height: 16px; height:17px; padding: 9px 5px 9px 9px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #657476; font-style: italic; }
.inputpass { background: url(img/bg-input.jpg); width: 130px; height: 16px; height:17px; padding: 9px 5px 9px 9px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #657476; font-style: italic; }
#sidebar #arearestrita input { margin-bottom:5px;}

.buscar { position: absolute; right: 10px; }
#categorias, #arearestrita, #tag, #newsletter { margin-bottom:20px; background: url(img/sidebar-separator.png) top center no-repeat; padding-top:20px;}
#categorias ul li ul { display:none;}
#sejaumautor { margin-bottom:20px;}
#categorias, #arearestritaadmin { font-size:16px;}
#login-box {background-color:#e1e2dc; border:1px solid #d4d5d0; padding:13px; position:relative;  margin-bottom:20px;}

/* Comment Form */
#commentform { background: #EAEAEA; border-left: none; border-right: none; color: #222; padding: 10px; }
	#commentform p { padding-bottom: 10px; }
	#commentform input#author,#commentform input#email,#commentform input#url { background-position: 5px 5px; background-repeat: no-repeat; border: 1px solid #CCC; margin: 10px 0 0; padding: 5px 0 5px 25px; width: 300px; }
	#commentform textarea { border: 1px solid #CCC; }
	#commentform label { color: #333; font: 10px/1.1em "Trebuchet MS", Arial, Helvetica, sans-serif; }
	#commentform input#author { background-image: url(img/icon_author.gif); }
	#commentform input#email { background-image: url(img/icon_email.gif); }
	#commentform input#url { background-image: url(img/icon_link.gif); }
	#commentform #comment { font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 5px; width: 98%; }
	#commentform #submit { background-color: #0367B3; border: 3px solid #035CAA; color: #fff; cursor: pointer; font-size: 10px; font-weight: 700; padding: 2px; width: 659px; }
	#commentform .obrigatorio { color: #C00; font-size: 10px; padding: 10px 0; }
	#commentform .logado { color: #495A5E; font-size: 16px; font-weight: 700; }
#comment { margin-top: 20px; }
	#comment h3 { font-size: 18px; margin-bottom: 10px; }
.commentlist { margin: 0; padding: 0; }
	.commentlist .thumb { background: #FFF; border: 1px solid #CCC; float: left; margin: 10px; padding: 5px; }
.comment { background: #F7F7F7; }
.commentlist .alt { background: #EAEAEA; color: #495A5E; list-style: none; }
.commentlist .commentcontent { padding-top: 10px; }
.commentlist cite { color: #495A5E; font-size: 1.1em; font-style: normal; font-weight: 700; text-transform: uppercase; }
.commentlist .date { color: #666; font-size: 10px; }
.commentlist .approved { color: #C00; font-size: 10px; padding: 0 10px 10px; }

/* Footer */
#footer-bg { background:#3c3c3c url(img/bg-bottom.jpg) center 3px no-repeat; clear:both; height:154px; color: #FFF; font-size:10px; text-transform: uppercase;}
#footer { width:930px; margin:0 auto; padding:20px; }
#footer a:link, #footer a:visited, #footer a:active { color:#FFF;}
#footer a:hover { color:#F90;}
.copyright { padding-top:60px; color:#999;}