/*   
Theme Name: Tykva
Description: A versão construtivista do Grande abóbora.
Author: Seu Felipe
Author URI: http://seufelipe.com.br/
Version: 0.1
*/

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

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

.meta-sep, #nav-above, .fs_powered_by { display: none!important; }

#wrapper {  }

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

#container { float: left; margin: 0 -320px 0 0; width: 100%; }
#content { margin: 0 320px 0 0; }
#box, #asides { float: right; overflow: hidden; width: 300px; }
#asides { clear: right; overflow: hidden; }
#footer { clear: both; width: 100%; }

#box { background: url(images/quadrado.png) right top no-repeat; float: none; height: 246px; margin-bottom: 20px; overflow: hidden; padding: 20px; width: 270px; }

#asides #primary { float: left; width: 160px; }
#asides #secondary { float: right; width: 130px; }

#main { background: url(images/pumpkin.png) right bottom no-repeat; }

body { background: url(images/pattern.jpg) fixed; padding-bottom: 60px; }

/* =Header
-------------------------------------------------------------- */

#header {  }

#masthead { overflow: hidden; position: relative; }

#branding { float: left; position: relative; }

#blog-title { height: 117px; overflow: hidden; position: relative; text-indent: -5000px; width: 227px; }
#blog-title a { background: url(images/grandeabobora.png) left top no-repeat; display: block; height: 100%; width: 100%; }
#blog-title a:hover { background: url(images/grandeabobora.png) left bottom no-repeat; }

#blog-description { display: none; }

#headad { float: right; margin-top: 28px; }

/* =Menu
-------------------------------------------------------------- */
#access { border-top: 5px solid #111; clear: both; overflow: auto; }
.skip-link { display: none; }
.menu { background: #111; height: 36px; line-height: 36px; width: 620px; }
.menu ul { margin: 0; }
.menu li { display: inline; }
.menu a { color: #e3e3e3; display: block; float: left; font-size: 12px; font-weight: bold; letter-spacing: 0.3px; padding: 0 12px; text-transform: uppercase; }
.menu a:hover, .menu li.current_page_item a { background: #bd2121; color: #fff; }

/* =Content
-------------------------------------------------------------- */
#contentad { margin: 30px 0; text-align: center; }
#contentad * { margin: 0 auto; }

.page-title { color: #111; font-size: 11px; letter-spacing: 1px; line-height: 30px; margin: 30px 0; text-transform: uppercase; }
.page-title span { font-size: 18px; letter-spacing: -1px; text-transform: none; }

.category-feed { background: url(../images/feed.png) no-repeat; display: block; float: right; height: 16px; overflow: hidden; text-indent: -5000px; width: 16px; }

.archive-meta { border-bottom: 2px solid #111; color: #111; font-size: 11px; margin: -24px 0 36px 0; padding: 0 0 18px 0; }

.post { background-color: rgba(255,255,255,0.7); padding: 20px 10px 10px 40px; position: relative; }
.post-append { background: url(images/post.png) center top no-repeat; height: 23px; margin: 30px 0; width: 100%; }
.entry-content, .entry-summary { margin: 1.5em 0 0; }

.edit-link a { color: #ccc; letter-spacing: -1px; text-transform: uppercase; }

.entry-content { color: #333; font-size: 14px; line-height: 1.6; }

.entry-content a { border-bottom: 1px dotted #bd2121; color: #bd2121; }
.entry-content a:hover { color: #111; }

.entry-content img { background: #fff; padding: 2px; }

.entry-content a img { border-bottom: none; }

.entry-content blockquote { border-left: 5px solid #bd2121; color: #333; font-size: 12px; font-style: italic; margin-left: -45px; padding-left: 40px; }

.entry-date { background: url(images/date.png) left top no-repeat; height: 42px; left: -31px; padding: 10px; position: absolute; text-align: center; top: 20px; width: 42px;  }
.entry-date span { color: #111; display: block; line-height: 21px; }
.entry-date .day { background: url(images/day.png) center bottom no-repeat; font-size: 24px; font-weight: bold; letter-spacing: 1px; padding-bottom: 4px; }
.entry-date .month { font-size: 12px; font-weight: bold; letter-spacing: 1px; text-transform: uppercase; }

.entry-meta { font-size: 12	px; font-weight: bold; letter-spacing: 1px; margin-bottom: 20px; text-transform: uppercase; -webkit-transform: rotate(-2deg); }
.entry-meta a { color: #bd2121; }

.entry-title { font-family: Helvetica, Helvetica Neue, Arial, sans-serif; font-size: 28px; font-weight: bold; letter-spacing: -1px; line-height: 1.2; -webkit-transform: rotate(-2deg); }
.entry-title a { color: #111; }
.entry-title a:hover { color: #000; }

.entry-utility { font-size: 11px; margin: 0 -10px -10px -40px; overflow: hidden; padding: 20px 10px 10px 10px; position: relative; }
.entry-utility a { color: #333; font-style: italic; }

.entry-subtitle { font-family: Helvetica, Helvetica Neue, Arial, sans-serif; font-size: 20px; font-weight: bold; line-height: 1.2; -webkit-transform: rotate(-2deg); }

.comments-link { border-bottom: none; font-size: 16px; line-height: 1; position: absolute; top: 0; right: 0; }
.comments-link a { background: #bd2121; color: #fff; display: block; padding: 8px; }
.comments-link a:hover { background: #111; color: #fff; }

.entry-utility-prep-tag-links { display: none; }
.tag-links a { margin-right: 8px; text-transform: lowercase; }

.related { float: left; margin: -20px 20px 0 -10px; width: 180px; }
	.related p { background: #111; color: #fff; font-size: 14px; font-weight: bold; line-height: 32px; padding-left: 10px; }
	.related ol { color: #666; }
	.related ol li { margin-bottom: 1em; }

.boobox { border-top: 5px solid #bd2121; float: left; margin: 7px 0 0 0; padding-top: 20px; width: 400px; }

body.single .post { margin-bottom: 0; }


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

#respond { border: 5px solid #111; border-top-width: 3px; padding: 60px; }

.comments h3, #respond h3 { color: #111; font-size: 16px; font-weight: bold; margin: 0 0 30px 60px; -webkit-transform: rotate(-2deg); }
#comments-list ol { list-style: none; margin: 0; }

.comments h3 { margin-top: 30px; }
.comments h3 big { font-size: 16px; text-transform: uppercase; }
.comments h3 a { color: #bd2121; }

#respond h3 { margin-left: 0; }

.comment, .pingback { color: #666; padding: 0; position: relative; }

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

.comments ol { margin: 40px 0; overflow: hidden; }

.comments ol li { list-style: none; overflow: hidden; }

.comments ol li.depth-2 { margin: 0 18px 18px 50px; }

.comment { border-bottom: 2px solid #111; position: relative; overflow: hidden; }
.comment.alt {  }

.unapproved { background: #bd2121; color: #fff; font-size: 11px; padding: 8px; right: 0; position: absolute; top: 0; }

.comment-content { color: #23201A; margin: -24px 0 0 82px; overflow: hidden; padding: 0 18px 18px 0; }
.comment-content p { margin: 0; }

#trackbacks-list h3 { margin-top: 36px; }

.pingback .comment-content { float: none; margin: 0; }

.comment-content .comment-number { display: none; float: right; font-family: Georgia, Times, Times New Roman, serif; font-size: 18px; }
.comment-content .comment-number a { color: #ccc; }
.comment-content .comment-number a:hover { color: #999; }

.comment-meta { color: #333; overflow: hidden; }
.comment-meta .avatar { background: white; float: left; margin: 12px 12px 0 12px; padding: 2px; }
.comment-meta .fn { font-size: 14px; font-weight: bold; line-height: 36px; }
.comment-meta .fn a { border-bottom: 1px dotted #ccc; color: #333; }

.comment-reply-link { clear: both; margin: 0 12px 12px 0; text-align: right; }
.comment-reply-link a { background: #ccc; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; color: #fff; padding: 2px 8px; }
.comment-reply-link a:hover { background: #999; }

#commentform { margin-bottom: 30px; }
#commentform label { color: #111; font-size: 12px; font-weight: bold; }
.form-section { margin-bottom: 20px; }

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

#commentform input[type="text"], #commentform textarea { border: 1px solid #111; padding: 5px; }
#commentform textarea { width: 480px; }
#commentform input#author { width: 480px; }
#form-section-email, #form-section-url { float: left; width: 235px; }
#form-section-email { margin-right: 20px; }
#commentform input#email, #commentform input#url { width: 223px; }
#commentform .form-submit { clear: both; overflow: hidden; }
#commentform .form-submit p#comment-notes { float: left; font-size: 11px; line-height: 32px; margin: 0; }
#commentform input#submit { background: #bd2121; border: none; color: #fff; cursor: pointer; display: block; float: right; font-size: 18px; padding: 4px 0; width: 160px; }

span.comments-feed { color: #999; display: none; font-family: Georgia, Times, Times New Roman, serif; font-size: 14px; font-style: oblique; text-align: center; }
span.comments-feed a { border-bottom: 1px dotted #ccc; }

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


/* =Navigation
-------------------------------------------------------------- */
.navigation { font-size: 18px; font-weight: bold; line-height: 1; margin: 0 0 1.5em; overflow: hidden; }
.navigation a { color: #bd2121; }
.navigation a:hover { color: #111; }
.nav-previous { float: left; width: 48%; }
.nav-next { float: right; text-align: right; width: 48%; }

/* =Widget Areas
-------------------------------------------------------------- */
.widget-area ul { list-style: none; margin-left: 0; }
	.widget-area ul li {  }
	.widget-area ul ul { color: #ccc; line-height: 1; list-style: none; margin-left: 1.1em; }
	.widget-area ul ul li { margin-bottom: 1em; }
	.widget-area a { color: #333; font-style: oblique; }
	.widget-area a:hover { border-bottom: 1px dotted #666; color: #111; }
	.widget-area ul ul ul { margin-left: 2.5em; }
	.widget-container { font-size: 11px; margin: 0 0 1.5em; }
	
#asides ul li.widget-container { background: url(images/widget.png) center bottom no-repeat; margin-bottom: 20px; padding-bottom: 25px; }

h3.widget-title { color: #bd2121; font-size: 14px; font-weight: bold; letter-spacing: -1px; margin-bottom: 10px; text-transform: uppercase; }

.widget_tag_cloud a { border-bottom: none; }

.widget_text { color: #666; font-family: Lucida Sans, Lucida Grande, Lucida Sans Unicode, sans-serif; font-size: 11px; line-height: 1.5; }

#box .widget_search #searchform { position: relative; }
	#box .widget_search #searchform #s { border: none; color: #666; font-size: 14px; line-height: 1; padding: 10px 5px; width: 246px; }
	#box .widget_search #searchform #searchsubmit { background: url(images/search.png) left top no-repeat; border: 0; cursor: pointer; display: none; height: 15px; overflow: hidden; position: absolute; right: 0; text-indent: -5000px; top: 8px; width: 14px; }

#box h3.widget-title { color: #111; }
#box .widget-container { color: #e3e3e3; }
#box .widget-container a { color: #fff; }

#colophon { border-top: 5px solid #111; }

#site-info { color: #111; font-size: 11px; overflow: hidden; padding: 10px 0 0 0; text-align: center; }
#site-info a { border-bottom: 1px dotted #333; color: #666; }

/* =Temporary styles until the
		directory can read @import
		
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}
		
-------------------------------------------------------------- */