/*   
Theme Name: Festival
Theme URI: http://seufelipe.com.br/
Description: O tema padrão pro site do Festival de cultura
Author: Seu Felipe
Author URI: http://seufelipe.com.br/
Version: 0.1
*/

/* CORES 
Rosa - #DD127B
Verde - #85C226
Amarelo - #F8C301
Vermelho - #DA251C
Azul - #0093DD
Roxo - #6C609E
Ciano - #3BB3C3
*/

/* Resetar os padrões do navegador */
@import url(styles/basic.css);

@import url('blueprint/screen.css');

#container { float: left; margin: 0 -306px 0 0; width: 100%; }
#content { margin: 0 306px 0 0; }
#primary, #secondary { float: right; overflow: hidden; width: 286px; }
#secondary { clear: right; }
#footer { clear: both; width: 100%; }


a { text-decoration: none; }
a:link { color: #; }
a:visited { color: #; }
a:hover,a:focus { color: #; }
a:active {}

ul { margin: 0!important; }

html { background: url(images/fundo.gif) repeat center top fixed;  }
body { background: transparent url(images/grunge1.gif) no-repeat right top; }

pre { border: 1px solid #DFAD00; padding:10px; }
code { font-size: 0.875em; color: #333; }

#masthead, #main, #colophon { margin: 0 auto; width: 960px; }

#header {  }

#masthead { position: relative; }
#branding { height: 150px; position: relative; }
#site-title { height: 233px; overflow: hidden; position: absolute; left: -20px; text-indent: -5000px; top: 0; width: 308px; }
#site-title a { background: url(images/festival.png) left top no-repeat; display: block; height: 100%; width: 100%; }
#tagline { background: url(images/tagline.png) left top no-repeat; height: 160px; overflow: hidden; position: absolute; right: 60px; text-indent: -5000px; top: 0; width: 199px; }

#access { background: url(images/menu.gif) no-repeat left top; height: 36px; margin: 0 auto; width: 960px; }
#access .menu { font-family: Helvetica, Helvetica Neue, Arial, sans-serif; font-size: 18px; font-weight: bold; letter-spacing: -1px; line-height: 36px; overflow: hidden; position: absolute; right: 20px; text-transform: lowercase; }
#access .menu li { float: left; list-style: none; margin: 0 12px; }
#access .menu li a { color: #fff; }
#access .menu li a:hover { color: #111; }

.skip-link { display: none; }

#content { overflow: hidden; }

#main { margin: 20px auto; }

#destaques-container { float: left; height: 341px; margin-right: 20px; padding-top: 18px; position: relative; width: 632px; }
#destaques .panel { background: #DD127B; height: 341px; position: relative; width: 632px; }
#destaques .post { height: 100%; width: 100%; }
#destaques .post .entry-title { bottom: 20px; font-family: Helvetica, Helvetica Neue, Arial, sans-serif; font-size: 24px; font-weight: bold; line-height: 1.2; margin: 0; position: absolute; right: 0; text-transform: uppercase; text-align: right; }
#destaques .post .entry-title a { background: #111; color: #fff; padding: 4px 24px 4px 12px; text-decoration: none; }
#destaques .post .entry-title a:hover { background: #000; color: #85c227 }

#nav { position: absolute; overflow: hidden; top: 0; right: 0; }
#nav a { background: #f8c301; display: block; float: left; height: 12px; text-indent: 5000px; margin: 0 0 0 8px; width: 12px;  }
#nav a.activeSlide { background: #df117e }
#nav a:focus { outline: none; }

#novidades { background: url(images/novidades.gif) no-repeat left top; float: right; height: 335px; padding: 12px; width: 282px; }
#novidades h3 { color: #da251c; }
#novidades .post { border-bottom: 1px dashed #666; overflow: hidden; padding: 8px 0; }
#novidades .post .post-header { margin: 0; }
#novidades h2.entry-title { font-size: 14px; font-weight: normal; line-height: 18px; margin-left: 42px; text-transform: none; }
#novidades h2.entry-title a { color: #333; }
#novidades h2.entry-title a:hover { color: #111; }
#novidades .time { background: #E77817; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; color: #fff; display: block; float: left; font-size: 11px; height: 18px; line-height: 18px; padding: 0 2px; }

#capa { clear: both; padding-top: 20px; overflow: hidden; }
#capa .aside { background: red; float: left; padding: 8px; width: 290px; }
#capa #first { background: #3bb3c3; }
#capa #second { background: #6c609e; margin: 0 20px; }
#capa #third { background: #0093dd; }

/*CONTENT */

#nav-above { display: none; }

.navigation { background: #0093DD; font-size: 14px; margin: 24px 0; overflow: hidden; }
.navigation a { color: #e3e3e3; display: block; padding: 8px 12px; }
.navigation a:hover { color: #fff; }
.nav-previous { float: left; }
.nav-next { float: right; text-align: right; }

div.post, div.page { padding: 36px 0; }

.post-header { margin-bottom: 18px; }

.date { color: #666; display: block; font-size: 11px; margin-bottom: 6px; }

.entry-title { color: #0093DD; font-family: Helvetica, Helvetica Neue, Arial, sans-serif; font-size: 24px; font-weight: bold; line-height: 1; margin: 0; text-transform: uppercase; }
.entry-title a { color: #0092DD; }

.fonte { color: #999; display: block; font-size: 11px; margin-top: 4px; }
.fonte a { border-bottom: 1px dotted #ccc; color: #999; }

.entry-content { color: #333; font-size: 14px; line-height: 1.5; }
.entry-content a { border-bottom: 1px dotted #da251c; color: #da251c; }
.entry-content a:hover { background: #da251c; color: #fff; }
.entry-content blockquote { color: #666; font-style: oblique; }
.entry-content ul, .entry-content ol { margin: 0 0 18px 4em; }
.entry-content img { background: #fff; border: 1px solid #666; padding: 2px; }
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 { color: #6C609E; font-family: Helvetica, Helvetica Neue, Arial, sans-serif; font-size: 18px; font-weight: bold; letter-spacing: -1px; margin: 24px 0 18px 0; }

.page-title { color: #DA251C; font-family: Helvetica, Helvetica Neue, Arial, sans-serif; font-size: 20px; font-weight: bold; letter-spacing: -1px; margin-top: 36px; text-transform: lowercase; }

.archive .post { border-bottom: 1px dashed #ccc; }
.archive .post p { margin-bottom: 0; }

/* =Comments
-------------------------------------------------------------- */
#comments { margin-bottom: 30px; }

#respond { background: #ededed; border: 1px dashed #999; padding: 40px; }

.comments h3, #respond h3 { color: #6D609E; font-family: Helvetica, Helvetica Neue, Arial, sans-serif; font-size: 18px; font-weight: bold; letter-spacing: -1px; line-height: 1; text-transform: lowercase; }
#comments-list ol { list-style: none; margin: 0; }

#respond h3 { margin-left: 0; }

.pingback { border-bottom: 1px dashed #ccc; color: #666; margin-bottom: 20px; padding: 0; position: relative; }

.comment-meta { color: #999; padding: 0 0 4px 0; }
.comment-meta a { border-bottom: 1px dotted #ccc; color: #999; }
.comment-meta img { float: left; margin-right: 20px; }

.comment-content { margin-left: 60px; }

.required { color: #666; font-family: Georgia, Times, Times New Roman, serif; font-size: 11px; }

#commentform { }
#commentform label { color: #999; }
.form-section { margin-bottom: 20px; }

p#comment-notes, p#login { color: #999; }
p#login a { border-bottom: 1px dotted #ccc; }

#commentform input[type="text"], #commentform textarea { border: 1px solid #999; padding: 6px; }
#commentform input[type="text"] { width: 246px; }
#commentform textarea { width: 406px; }
input#submit { background: #3BB3C2; border: none; color: #fff; cursor: pointer; display: block; font-size: 18px; padding: 4px 0; width: 160px; }

#trackbacks-list ol { list-style: none; margin: 0; }


/* =Widgets
-------------------------------------------------------------- */
#primary {  }

ul.xoxo { list-style: none; }
h3.widgettitle { font-family: Helvetica, Helvetica Neue, Arial, sans-serif; font-size: 18px; font-weight: bold; letter-spacing: -1px; line-height: 1; text-transform: lowercase; }
#primary .widget-container { background: #F8C301; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; margin-bottom: 24px; padding: 12px; }
#primary h3 { color: #da251c; margin-bottom: 14px; }
#primary .widget-container ul { color: #666; list-style: none; }
#primary .widget-container ul li { border-bottom: 1px dashed #666; line-height: 1; margin: 0; padding: 8px 0; }
#primary .widget-container ul li:before { content: "\00BB \0020"; }
#primary a { color: #333; }
#primary a:hover { color: #000; }
#primary .widget-container .textwidget { color: #333; font-size: 11px; line-height: 2; }

#footer { background: #da251c url(images/footer.gif) repeat-x center top; padding: 24px 0 60px 0; }

#extras { overflow: hidden; }
#extras .aside { float: left; width: 306px; }
#extras #second {  margin: 0 0 0 20px; width: 632px; }

#extras h3.widgettitle { color: #f8c301 }

.widget_flickr ul li { float: left; list-style: none; margin: 0 6px 6px 0; }
.widget_flickr ul li img { background: white; padding: 4px; }
.widget_flickr ul li.flickr-more a { background: #9A1A14; color: #e3e3e3; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; padding: 2px 8px; }
.widget_flickr ul li.flickr-more a:hover { background: #5A0F0C; color: #fff; }

.widget_text a.comunicacao { color: #ebebeb; border-bottom: 1px solid #ebebeb; }
.widget_text a.comunicacao:hover { background-color: #ebebeb; color: #333; }
.widget_text div#twitter { height: 115px; } 
.widget_text div#twitter img { float: left; margin-right: 10px;  }
.widget_text div#twitter a { color: #666; line-height: 1.1; font-style: italic; padding-top: 15px; font-size: 12px; }
.widget_text div#twitter a:hover { color: #333; }

#site-info { border-top: 1px dashed #5A0F0C; color: #9A1A14; margin-top: 24px; }

form#indique { padding: 0; }
form#indique fieldset { border: 0; padding: 0; }
form#indique fieldset .span-6 input { width: 218px; }
form#indique fieldset .span-12 textarea { width: 460px; }

/* =Galerias
---------------------------------------------------------------- */

#videos .post, #audio .post { border-bottom: none; padding: 12px; margin: 0; }

p.category-title { font-size: 18px; font-weight: bold; letter-spacing: -1px; margin: 12px 0 18px 0; text-align: center; text-transform: uppercase; }
p.category-title a { color: #fff; display: block; padding: 4px 0; }

a.more { border-top: 1px dashed #dedede; clear: both; color: #fff; display: block; font-family: Helvetica, Helvetica Neue, Arial, sans-serif; font-size: 18px; margin-top: 18px; padding: 4px; text-align: center; }

#videos { background: #6C609E; margin-bottom: 40px; }
#videos .post h2.entry-title { margin-bottom: 18px; }
#videos .post h2.entry-title a { color: #F8C301; }
#videos .post h2.entry-title a:hover { color: #fff; }
#videos .post .entry-summary { color: #dedede; }
#videos a.more:hover { background: #40395E; }
#videos p.category-title a { background: #40395E; }
#videos ul.galerias-arquivo li a { color: #40395E; }
#videos ul.galerias-arquivo li a:hover { color: #fff; }

#audio { background: #3BB3C3; margin-bottom: 40px; }
#audio .post h2.entry-title { margin-bottom: 18px; }
#audio .post h2.entry-title a { color: #fff; }
#audio .post h2.entry-title a:hover { color: #fff; }
#audio .post .entry-summary { color: #dedede; }
#audio a.more:hover { background: #287883; }
#audio p.category-title a { background: #287883; }
#audio ul.galerias-arquivo li a { color: #287883; }
#audio ul.galerias-arquivo li a:hover { color: #fff; }

#fotos { background: #0093DD; }
#fotos a.more:hover { background: #00699D; }
#fotos p.category-title a { background: #00699D; }
#fotos ul { overflow: hidden; padding-left: 45px; }
#fotos ul li { float: left; list-style: none; margin: 0 6px 6px 0; }
#fotos ul li img { background: white; padding: 4px; }

ul.galerias-arquivo { list-style: none; margin: 0; }
ul.galerias-arquivo li { border-bottom: 1px dashed #40395E; font-size: 18px; }
ul.galerias-arquivo li a { display: block; }

.gallery a { border: 0; text-decoration: none; }
.gallery a:hover { clear: both; background: 0; }
.gallery dd.gallery-caption { font-family: Georgia, Times, "Times New Roman", serif; font-style: italic; color: #666; }