/*
Theme Name: Magazine 01
Theme URI: http://www.redelivre.org/
Description: Tema para candidatos que desejam um portal de notícias.
Author: Rede Livre
Version: 1.0
*/


/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, 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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
body {
	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}

/* =Layout
-------------------------------------------------------------- */

.wrap { width: 960px; margin: 0 auto; padding: 0 10px; clear: both; background: #fff; box-shadow: 2px 2px 7px rgba(0, 0, 0, .4); -moz-box-shadow: 2px 2px 7px rgba(0, 0, 0, .4); -webkit-box-shadow: 2px 2px 7px rgba(0, 0, 0, .4); }
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 { float: left; margin-left: 10px; margin-right: 10px; display: inline; }
.col-1 { width: 60px; }
.col-2 { width: 140px; }
.col-3 { width: 220px; }
.col-4 { width: 300px; }
.col-5 { width: 380px; }
.col-6 { width: 460px; }
.col-7 { width: 540px; }
.col-8 { width: 620px; }
.col-9 { width: 700px; }
.col-10 { width: 780px; }
.col-11 { width: 860px; }
.col-12 { width: 940px; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clear { clear: both; }
.first { margin-left: 0; }
.last { margin-right: 0; }

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


/* =Fonts
-------------------------------------------------------------- */
body { font: 14px/22px Helvetica, Arial, sans-serif; }
pre { font-family: Verdana, sans-serif; font-size: 12px; } 
code { font-family: "Courier New", monospace; font-size: 13px; }
h1,h2,h3,h4,h5,h6 { margin-bottom: 22px; color: #FFBB00; font-weight: bold; }
h1 { font-size: 23px; line-height: 33px; }
h2 { font-size: 22px; line-height: 22px; }
h3 { font-size: 20px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }
h6 { font-size: 14px; }


/* =Global Elements
-------------------------------------------------------------- */
body { background: #fff url(img/bg.png); }
body, input, textarea { color: #666; }
hr { background-color: #ccc; border: 1px solid #fff; clear: both; height: 1px; margin-bottom: 22px; }

/* Text elements */
p {	margin-bottom: 22px; }
ul { list-style: none; margin: 0 0 22px 0; }
ol { list-style: decimal; margin: 0 0 22px 1.5em; }
ol ol { list-style: upper-alpha; }
ol ol ol { list-style: lower-roman; }
ol ol ol ol { list-style: lower-alpha; }
ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }
dl { margin: 0 0 24px 0; }
dt { font-weight: bold; }
dd { margin-bottom: 22px; }
strong { font-weight: bold; }
cite, em, i { font-style: italic; }
big { font-size: 131.25%; }
ins { background: #ffc;	text-decoration: none; }
blockquote { margin-bottom: 22px; padding: 10px; box-shadow: 2px 2px 7px rgba(0, 0, 0, .4); -moz-box-shadow: 2px 2px 7px rgba(0, 0, 0, .4); -webkit-box-shadow: 2px 2px 7px rgba(0, 0, 0, .4); font-family: Georgia,Cambria,"Times New Roman",Times,serif; font-style: italic; background: #d9f1f8; }
blockquote cite, blockquote em, blockquote i { font-style: normal; }
pre { background: #e6e6e6; line-height: 22px; margin-bottom: 22px; padding: 1.5em; }
abbr, acronym {	border-bottom: 1px dotted #666;	cursor: help; }
sup, sub { height: 0; line-height: 1; position: relative; vertical-align: baseline; }
sup { bottom: 1ex; }
sub { top: .5ex; }
input[type="text"], input[type="password"], input[type="search"], input[type="email"], textarea { padding: 6px; border: none; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; box-shadow: inset 2px 2px 7px #ccc; -moz-box-shadow: inset 2px 2px 7px #ccc; -webkit-box-shadow: inset 2px 2px 7px #ccc; color: #999; background: #e6e6e6; font: 12px/22px Helvetica, Arial, sans-serif; }
input[type="checkbox"] { width: auto; }
select { padding: 2px; font: 12px/22px Helvetica, Arial, sans-serif; }
a { color: #0033CC; text-decoration: none; outline: none; }
a:active, a:hover {	text-decoration: underline; }

/* Text meant only for screen readers */
.screen-reader-text { position: absolute; left: -9000px; }

/* =Main Header
-------------------------------------------------------------- */
#main-header { margin-bottom: 22px; }
#quick-links { list-style:none; margin:0; padding: 11px 0; }
#quick-links li { display:block; float:left; margin:0; padding: 0 .5em; position:relative; }
#quick-links li:first-child { padding-left:0; }
#quick-links li:last-child { padding-right:0; }
#quick-links a { font-size: 11px; font-weight: bold; text-decoration:none; text-transform:uppercase; }
#quick-links ul li { border-color:#333; }
#quick-links a { color:#666; }
#social-bookmarks { margin: 5px 0; }
#social-bookmarks a { display: block; float: left; height:32px; width:32px; margin-right: 2px; }
a#facebook { background:url(img/gosocial_32x32.png) no-repeat 0 0; }
a#twitter { background:url(img/gosocial_32x32.png) no-repeat 0 -32px; }
a#google-plus { background:url(img/gosocial_32x32.png) no-repeat 0 -64px; }
a#youtube { background:url(img/gosocial_32x32.png) no-repeat 0 -96px; }
a#rss { background:url(img/gosocial_32x32.png) no-repeat 0 -128px; }
a:hover#facebook { background-position: -32px 0; }
a:hover#twitter { background-position: -32px -32px; }
a:hover#google-plus { background-position: -32px -64px; }
a:hover#youtube { background-position: -32px -96px; }
a:hover#rss { background-position: -32px -128px; }
#branding { height: 198px; margin-bottom: 11px; padding: 0; }
#branding h1 { margin: 55px 0 0; font-size: 42px; line-height: 66px; }
#branding p { margin-bottom: 0; }
#header-image-link { display: block; height: 198px; }

/* =Menu
-------------------------------------------------------------- */
#main-nav { margin: 0; list-style-type: none; }
#main-nav li { position: relative; display: block; float: left; height: 33px; margin-right: 2px; }
#main-nav ul { display: none; position: absolute; top: 33px; left: 0; margin: 0; width: 150px; float: left; }
#main-nav li:hover>ul { display: block; z-index: 999999; }
#main-nav ul ul { left: 100%; top: 0; }
#main-nav ul li { float: none; height: auto; min-width: 150px; }
#main-nav a { display: block; padding: 0 10px; color: #fff; font-weight: bold; font-size: 16px; line-height: 33px; background: #0033CC; }
#main-nav a:hover, #main-nav li.current-menu-item>a, #main-nav li.current-menu-ancestor>a, #main-nav li.current-menu-parent>a, #main-nav li.current_page_item>a { background: #6699FF; text-decoration: none; }
#main-nav ul a { padding: 5px 10px; width: 128px; height: auto; font-size: 14px; line-height: 22px; }


/* =Footer
-------------------------------------------------------------- */
#main-footer { padding: 22px 0; border-top: 1px solid #ccc; font-family: Helvetica, Arial, sans-serif; font-size: 12px; }
.creditos { margin: 0 10px; }
.creditos img { vertical-align: middle; }
#main-footer a { color: #666666; }


/* =Home Features
-------------------------------------------------------------- */
#home-features { margin-bottom: 22px; }
#home-features nav { padding: 10px 0 0 900px; }
#home-features h3 { position: absolute; width: 898px; margin: 9px 20px; font-size: 14px; text-transform: uppercase; }
.hl-wrapper { width: 938px; margin: 0 10px 0; border: 1px solid #ccc; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; z-index: 10; }
.hl-nav-left, .hl-nav-right { float: left; display: block; width: 22px; height: 22px; margin-left: 3px; text-indent: -99999px; cursor: pointer; }
.hl-nav-left { background: #0033CC url(img/seta-esq.png) no-repeat; }
.hl-nav-right { background: #0033CC url(img/seta-dir.png) no-repeat; }
.hl-wrapped article.home-feature { float: left; width: 898px; margin-bottom: 0; padding: 40px 20px 20px; }
.hl-wrapped article.sticky { border: none; }
.hl-wrapped .wp-post-image { float: left; margin: 0 20px 0 0; }
.hl-wrapped article.home-feature .has-thumbnail { width: 478px; float: left; }

/* =Home Other Features
-------------------------------------------------------------- */
.hl-darkbox { background: #000; }
.hl-lightbox-dialog { width: 295px; background: whiteSmoke; padding: 20px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.hl-lightbox-dialog h1 { font-weight: normal; color: #333; text-shadow: white 0 1px 0; font-size: 20px; }
.hl-lightbox-dialog label { font-family: sans-serif; font-weight: bold; color: #333; font-size: 12px; }
.hl-lightbox-dialog input[type="text"] { width: 80% !important; margin-bottom: 11px; box-shadow: none; background: #fff; border: 1px solid #DFDFDF; border-radius: 3px; color:#333; }
.hl-lightbox-dialog input[type="submit"] { border: 1px solid #13455B; color: #EAF2FA; background: #21759B; text-shadow: rgba(0, 0, 0, 0.3) 0 -1px 0; font-weight: bold; font-size: 12px; line-height: 13px; padding: 3px 8px; cursor: pointer; border-radius: 11px; font-family: sans-serif; }
.hl-lightbox { height: 16px; margin-bottom: 22px; padding: 10px 20px; line-height: 16px; font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif; color: #333; background: whiteSmoke; cursor: pointer; text-shadow: white 0 1px 0; border: 1px solid #DFDFDF; border-radius: 3px; }
.hl-lightbox:hover { color: #fff; background: gray; text-shadow: #333 0 -1px 0; }
.empty-feature { margin-bottom: 22px; padding: 20px; color: #333; background: whiteSmoke; font-size: 12px; text-shadow: white 0 1px 0; border: 1px dashed #DFDFDF; border-radius: 3px; }

#home-other-features h3, #home-sidebar h3 { font-size: 14px; text-transform: uppercase; border-bottom: 1px solid #ccc; }
#home-other-features .sticky { border: none; padding: 0; }
.widgetuniquepost { font-size: 12px; }
.widgetuniquepost h1 { font-size: 16px !important; line-height: 22px; margin-bottom: 0; }

#home-sidebar iframe { width: 220px !important;  }


/* =Post
-------------------------------------------------------------- */
/*post header & footer*/
.post { margin-bottom: 44px; }
body.archive .post header h1, body.blog .post header h1 { font-size: 24px; }
.post header p, .post footer p { margin-bottom: 0; font-size: 11px; font-family: Verdana, Arial, sans-serif; text-transform: uppercase; color: #999; }
.post header p a, .post footer p a { color: #6699FF; }
.post footer { border-top: 1px dotted #ccc; clear: both; }
.taxonomies { padding: 11px 0; }

/*interaction*/
.post .interaction { padding: 13px 0; border-bottom: 1px dotted #ccc; }

/*post content*/
.post-content fieldset { border: 1px solid #ccc; margin: 0 0 22px 0; padding: 22px; }
.post-content fieldset legend {	background: #fff; color: #000; font-weight: bold; padding: 0 22px; }
.post-content input, .post-content textarea { margin: 0 0 11px 0; width: 80%; }
.post-content input.file, .post-content input.button { margin-right: 22px; }
.post-content label, .post-content .label { color: #FFBB00; font-weight: bold; font-size: 14px; text-transform: uppercase; }
.post-content select { margin: 0 0 11px 0; }
.post-content sup, .post-content sub { font-size: 11px; }

/*sticky post*/
.blog .sticky  { margin-bottom: 44px; padding: 20px; border: 1px solid #ccc; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }

/*destaque*/
.destaque { font-size: 12px; }
.destaque h1 { font-size: 18px; line-height: 22px; }


/*paged post/comments navigation*/
.page-link { clear: both; margin: 0 0 22px 0; font-weight: bold; color: #999; }
.page-link a:link, .page-link a:visited, .page-link span.current { background: #e6e6e6; font-weight: bold; padding: 0.2em 0.5em 0.1em; text-decoration: none; }
.page-link a:hover, .page-link span.current { background: #0033CC; color: #fff; }
.page-link a.prev, .page-link a.next { background: #fff; padding: 0.5em 0; }
.page-link a.prev:hover, .page-link a.next:hover { color: #0033CC; text-decoration: underline; }

/*more link*/
.more-link { font-weight: bold; }


/* =Images
-------------------------------------------------------------- */
.post-content img { margin: 0; height: auto; max-width: 590px; }
.post-content .attachment img { max-width: 940px; display: block; margin: 0 auto; }
.post-content img.alignleft { display: inline; float: left;	margin-right: 10px;	margin-top: 4px; }
.post-content img.alignright { display: inline; float: right; margin-left: 10px; margin-top: 4px; }
.post-content img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }
.post-content img.alignleft, .post-content img.alignright, .post-content img.aligncenter {	margin-bottom: 11px; }
.post-content .wp-caption { background: #e6e6e6; margin-bottom: 22px; text-align: center; max-width: 590px !important; }
.post-content .wp-caption.alignleft { margin-right: 10px; }
.post-content .wp-caption.alignright { margin-left: 10px; }
.post-content .wp-caption.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }
.post-content .wp-caption-text { margin-bottom: 0; font: 12px/22px Georgia,Cambria,"Times New Roman",Times,serif; font-style: italic; text-align: left; padding: 0 5px; }
.post-content .wp-caption img { margin: 5px 5px 0; }
.post-content .wp-smiley { margin: 0; }
.post-content .gallery { margin: 0 auto 22px !important; }
.post-content .gallery .gallery-item { float: left; margin-bottom: 22px; text-align: center; }
.post-content .gallery img { border: none !important; display: block; margin: auto; }
.post-content .gallery .gallery-caption { color: #999; font: 12px/22px Georgia,Cambria,"Times New Roman",Times,serif; font-style: italic; margin: 0 0 12px; }
.post-content .gallery dl { margin: 0; }

.post-content .attachment-post-thumbnail { float: left; margin: 0 10px 22px 0; display: block; }

.post-content table { border: 1px solid #ccc; margin: 0 -1px 22px 0; text-align: left; width: 100%; }
.post-content tr th, .post-content thead th {	padding: 10px; font-family: Helvetica, Arial, sans-serif; font-weight: normal; font-size: 18px; color: #fff; background: #0033CC; }
.post-content tr td { border-top: 1px solid #ccc; padding: 10px; }
.post-content tr.odd td { background: #e6e6e6; }


/* =Comments
-------------------------------------------------------------- */
#comments { margin-top: 22px; }
.commentlist { margin: 0 0 21px; border-bottom: 1px dotted #ccc; list-style: none; }
.commentlist li.comment , .commentlist li.trackback, .commentlist li.pingback { margin-bottom: 10px; padding-bottom: 11px; border-bottom: 1px dotted #ccc; }
.commentlist li.comment .content, .commentlist li.trackback .content, .commentlist li.pingback .content { padding: 11px; border-left: 4px solid #e6e6e6; }
.comment-meta { font-family: Verdana, Arial, sans-serif; font-size: 11px; text-transform: uppercase; color: #999; margin-bottom: 0; }
.commentlist .children { padding: 0 0 0 60px; margin: 0 0 10px; list-style: none; border-bottom: 1px dotted #ccc; }
ul.commentlist > li.comment:last-child, ul.children > li.comment:last-child { border-bottom: none; margin-bottom: 0; }

.commentlist li.comment blockquote { margin-bottom: 22px; padding: 0 0 0 20px; border-left: 1px solid #ccc; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; font-family: Helvetica, Arial, sans-serif; font-size: 12px; background: transparent;}
.commentlist li.comment blockquote blockquote { margin-bottom: 0; }

#form-comentario input, #form-comentario textarea { width: 90%; margin-bottom: 22px; }
#form-comentario textarea { height: 165px; }
#form-comentario #comentar, .button-submit { width: 80px !important; height: 28px; cursor: pointer; }
#form-comentario #comentar, #cancel-comment-reply-link, .button-submit { font-family: Helvetica, Arial, sans-serif; font-weight: bold; color: #fff; background: #0033CC; border: none; }
#form-comentario #comentar:hover, #cancel-comment-reply-link:hover, .button-submit:hover { background: #6699FF; }
#cancel-comment-reply-link { display: block; text-align: center; float: left; margin: 0 10px 22px 0; padding: 3px 10px; }
#cancel-comment-reply-link:hover { text-decoration: none; }

#respond input, #respond textarea { margin: 0 0 11px 0; }
#respond input { width: 50%; }
#respond label { font-weight: bold; }
#respond select { margin: 0 0 11px 0; }


.comment-author { color: #0033CC; }

/* =Posts Navigation
-------------------------------------------------------------- */
#posts-nav { margin-bottom: 44px; padding-top: 21px; border-top: 1px dotted #ccc; font-weight: bold; }

/* =Main Sidebar
-------------------------------------------------------------- */
#main-sidebar, #home-sidebar { font-family: Helvetica, Arial, sans-serif; font-size: 12px; }
#main-sidebar ul, #home-sidebar ul { list-style: none; }
#main-sidebar h3, #home-sidebar h3 { font-size: 14px; text-transform: uppercase; border-bottom: 1px solid #ccc; }

/* =Widgets
-------------------------------------------------------------- */
.widget { margin-bottom: 22px; }
.widget img { max-width: 100%; height: auto; }
.widget ul { margin-bottom: 0; }
.widget ul li { border-bottom: 1px dashed #ccc; padding-bottom: 5px; line-height: 18px; margin-bottom: 7px; }
/*recentcomments*/
.widget li.recentcomments { font-style: italic; }
.widget li.recentcomments a { font-style: normal; }
.widget li.recentcomments a.url { font-style: italic; }
/*rss*/
.widget_rss ul { list-style: none; margin: 0; }
.widget_rss li { margin-bottom: 22px; }
.rss-date { display: block; font-style: italic; }
.widget_rss .widget-title img {	width: 11px; height: 11px; }

#wp_tag_cloud div {	line-height: 1.6em; }

#wp-calendar { width: 100%; font-family: Helvetica, Arial, sans-serif; }
#wp-calendar caption { color: #fff;	background: #0033CC; font-size: 14px; font-weight: bold; }
#wp-calendar thead { border: 1px solid #d9f1f8; }
#wp-calendar thead th { color: #0033CC; background: #d9f1f8; }
#wp-calendar tbody td {	background: #fff; border: 1px solid #ccc; text-align: center; }
#wp-calendar tbody td a { background: #e6e6e6; display: block; font-weight: bold; }
#wp-calendar tbody .pad { background: none; }
#wp-calendar tfoot #next { text-align: right; }

/* =Mobilize
-------------------------------------------------------------- */
.mobilize-button { font-family: Arial, sans-serif; font-size: 16px; font-weight: bold; }
input.mobilize-button { padding: 4px 10px; color: #fff; background-color: #0033CC; border: none; }
input.mobilize-button:hover { background-color: #6699FF; }
a.mobilize-button { display: block; text-align: center; float: left; width: 20% !important; margin: 0 10px 22px 0; padding: 4px 10px 4px 35px; }

a.mobilize-facebook { background-image:url(img/gosocial_32x32.png); background-repeat: no-repeat; background-position: -32px 0; }
a.mobilize-twitter { background-image:url(img/gosocial_32x32.png); background-repeat: no-repeat; background-position: -32px -32px; }
a.mobilize-google { background-image:url(img/gosocial_32x32.png); background-repeat: no-repeat; background-position: -32px -64px; }
a.mobilize-youtube { background-image:url(img/gosocial_32x32.png); background-repeat: no-repeat; background-position: -32px -96px; }


/* =Contato
-------------------------------------------------------------- */
#formcontato { margin-left: 20px; }
#formcontato label { display: block; }
#formcontato #nome, #formcontato #email, #formcontato #telefone, #formcontato textarea { width: 80%; }
#formcontato textarea { height: 200px; margin-bottom: 22px; }
#contact-submit { width: 80px; padding: 4px 0; font-family: Arial, sans-serif; font-size: 16px; font-weight: bold; color: #fff; background: #0033CC; border: none; }
#contact-submit:hover { background: #6699FF; }

/* =Agenda
-------------------------------------------------------------- */
.view-events { float: right; font-size: 13px; }
.event-info { margin: 0 0 22px; padding: 10px; border: 1px solid #ccc; border-radius: 6px; font-size: 12px; }
.event-info .label { font-size: 12px; }
.agenda h1 { clear: none; }
.agenda .attachment-post-thumbnail { float: left; margin: 0 10px 22px 0; display: block; }


/* =General classes
-------------------------------------------------------------- */
.bottom { margin-bottom:0 !important; padding-bottom:0; }
.aligncenter { display: block; margin-right: auto; margin-left: auto; clear: both; }
.alignleft { float: left; }
.alignright { float: right; }
.textcenter { text-align: center; }
.textleft { text-align: left; }
.textright { text-align: right; }

/* =Slideshow
-------------------------------------------------------------- */
.entry-gallery          { position:relative; height:154px; width:200px; }
.entry-gallery img   { position:absolute; }

/*
List styles
--------------------------------------- */
ul { 
   list-style-type: disc; 
   list-style-position: inside; 
}
ol { 
   list-style-type: decimal; 
   list-style-position: inside; 
}
ul ul, ol ul { 
   list-style-type: circle; 
   list-style-position: inside; 
   margin-left: 15px; 
}
ol ol, ul ol { 
   list-style-type: lower-latin; 
   list-style-position: inside; 
   margin-left: 15px; 
}