/*
Theme Name: Daniel Carvalho
Theme URI: http://danielcarvalho.com/
Description: Daniel Carvalho's default WordPress theme for his <a href="http://blog.danielcarvalho.com/">blog</a>.
Version: 1.0
Author: Daniel Carvalho
Author URI: http://danielcarvalho.com/
Tags: grey, charcoal, contemporary, minimalistic, grid
*/

/* Selectors */

body { margin: 0; font-family: verdana, arial, sans-serif; font-size: 11px; color: #636466; background: #1d1d1d; }

h1, h2, h3, h4, h5, h5, h6, p, ul, ol, form, input { margin: 0; padding: 0; }

h1, h2, h3, h4, h5, h5, h6 { margin: 0 0 15px 0; padding: 0; color: #dcddde; text-transform: uppercase; }
h2 { font-size: 29px; }
h3 { font-size: 18px; }
h4 { font-size: 12px; }

a, a:visited { color: #dcddde; text-decoration: none; }
a:hover { color: #ffffff; padding-bottom: 2px; border-bottom: solid 1px #ffffff; }

a img { padding: 0; border: none; }
img { border: none; }

p { margin: 0 0 15px 0; line-height: 18px; text-align: justify; }

ul, ol { margin: 0 0 15px 20px; }
li { margin: 0 0 15px 0; }

blockquote { display: block; margin: 0 15px 15px 15px; padding: 0; font-weight: bold; font-size: 12px; font-style: italic; }
blockquote.alignright { float: right; width: 290px; margin: 0 0 0 30px; }
blockquote.alignleft{ float: left; width: 290px; margin: 0 30px 0 0; }
blockquote p { margin: 0; line-height: 24px; text-align: left; }

table { margin: 0 0 15px 0; }

input, textarea { width: 200px; height: 16px; margin: 0 0 15px 0; padding: 6px; font-family: verdana, arial, sans-serif; color: #dcddde; border: solid 1px #313233; background: #222222; }
input { font-weight: bold; font-size: 13px; letter-spacing: 1px; }
textarea { font-weight: normal; font-size: 11px; letter-spacing: 0; line-height: 18px; overflow: auto; }

/* Header */

#header { float: left; width: 100%; height: 150px; margin: 0 auto; }
#header h1 { float: left; width: 235px; height: 15px; margin: 105px 0 0 15px; padding: 0; text-indent: -9999px; overflow: hidden; display: inline; }
#header h1 a { display: block; width: 100%; height: 100%; background: url("images/daniel_carvalho_logo.gif") left top no-repeat;  }
#header .description { float: left; margin-right: 145px; font-weight: bold; color: #cc4400; text-transform: uppercase; }

a.subscribe { float: right; display: block; width: 100px; margin: 95px 15px 0 0; padding: 6px 2px; text-transform: uppercase; text-align: center; background: #cc4400; display: inline; }
a.subscribe:hover { padding: 6px 2px; text-decoration: none; border: none; background: #cc6600; }

/* Navigation */

#nav { float: left; margin: 105px 0 0 85px; padding: 0; list-style: none; }
#nav li { display: inline; }
#nav li a { margin-right: 51px; font-size: 11px; text-transform: uppercase; } /* margin-right: 50px or 82px with or without portfolio button, plus custom margin to #nav_contact */

#nav li#nav_blog a { float: left; display: block; width: 35px; height: 10px; background: url("images/btn_blog.gif") left top no-repeat; text-indent: -9999px; overflow: hidden; }
#nav li#nav_articles a { float: left; display: block; width: 64px; height: 10px; background: url("images/btn_articles.gif") left top no-repeat; text-indent: -9999px; overflow: hidden; }
#nav li#nav_about a { float: left; display: block; width: 46px; height: 10px; background: url("images/btn_about.gif") left top no-repeat; text-indent: -9999px; overflow: hidden; }
#nav li#nav_portfolio a { float: left; display: block; width: 76px; height: 10px; background: url("images/btn_portfolio.gif") left top no-repeat; text-indent: -9999px; overflow: hidden; }
#nav li#nav_contact a { margin-right: 50px; float: left; display: block; width: 62px; height: 10px; background: url("images/btn_contact.gif") left top no-repeat; text-indent: -9999px; overflow: hidden; }
#nav li#nav_subscribe a { float: left; display: block; width: 73px; height: 10px; background: url("images/btn_subscribe.gif") left top no-repeat; text-indent: -9999px; overflow: hidden; }

#nav li#nav_blog a:hover { background: url("images/btn_blog.gif") 0 -10px no-repeat; }
#nav li#nav_articles a:hover { background: url("images/btn_articles.gif") 0 -10px no-repeat; }
#nav li#nav_about a:hover { background: url("images/btn_about.gif") 0 -10px no-repeat; }
#nav li#nav_portfolio a:hover { background: url("images/btn_portfolio.gif") 0 -10px no-repeat; }
#nav li#nav_contact a:hover { background: url("images/btn_contact.gif") 0 -10px no-repeat; }
#nav li#nav_subscribe a:hover { background: url("images/btn_subscribe.gif") 0 -10px no-repeat; }

#nav li a:hover { border: none; }

#nav li a#on { background-position: 0 -10px; }

/* Layout and Structure */

#container { width: 960px; margin: 0 auto; }

.column { float: left; width: 320px; }
.column.span_2 { width: 640px; }
.column.span_3 { width: 960px; clear: both; }
.wrapper { margin: 15px 15px 0 15px; }

.faux_column { width: 290px; }

/* Content */

h2.title { font-family: gotham_bold, verdana, arial, sans-serif; margin-top: -3px; font-size: 36px; text-transform: uppercase; }
h2.title a:hover { padding-bottom: 0; color: #ccc; text-decoration: none; border-bottom: none; }
h2.content { font-size: 18px; }

.post { clear: both; }

.author { padding: 0 0 15px 0; border-bottom: solid 1px #666666; }
.author a { text-transform: uppercase; letter-spacing: 3px; }

.nav_sub { height: 12px; list-style: none; margin: 0 0 15px 0; padding: 15px 0 0 0; border-top: solid 1px #313233; }
.nav_sub li { display: inline; }
.nav_sub a { margin: 0 0 5px 0; font-size: 10px; text-transform: uppercase; }
.nav_sub a:hover { border: none; }
.nav_sub .article_previous a { float: left; padding: 0 0 0 22px; background: url("images/bg_minus.gif") center left no-repeat; }
.nav_sub .article_next a { float: right; padding: 0 22px 0 0; background: url("images/bg_plus.gif") center right no-repeat; }

.intro { font-weight: bold; font-size: 14px; line-height: 24px; }

p.postmetadata_start { text-align: left; }
p.postmetadata { padding: 15px; text-transform: uppercase; background: #222222; }
div.postmetadata { margin: 0 0 15px 0; padding: 0 0 15px 0; border-bottom: solid 1px #666666; }

/* Footer */

#footer_fat { clear: both; float: left; margin: 0 0 15px 0; }
#footer_fat .wrapper { padding-top: 15px; border-top: solid 1px #636466; }
#footer_fat h2 { font-size: 18px; }

#recent_articles { margin: 0; padding: 0; list-style: none; }
#recent_articles li { margin: 0 0 15px 0; padding: 0; border-bottom: solid 1px #313233; }
#recent_articles img { float: left; display: block; width: 290px; height: 100px; margin-bottom: 15px; background: #636466; }
#recent_articles p a { font-weight: bold; font-size: 12px; text-transform: uppercase; }

#footer { clear: both; width: 960px; height: 20px; font-size: 10px; color: #555555; }
#footer .wrapper { padding: 15px 0; border-top: solid 1px #636466; }

/* Forms */

#searchbox { height: 30px; margin: 0 0 15px 0; }
#searchform #s { float: left; width: 176px; margin: 0; padding: 6px; font-weight: bold; color: #dcddde; letter-spacing: 2px; border: solid 1px #313233; background: #222222; } /* 164 / 102 */
#searchform #searchsubmit { float: left; width: 100px; height: 30px; margin: 0; font-family: verdana, arial, sans-serif; font-size: 11px; color: #dcddde; text-transform: uppercase; letter-spacing: 2px; border: none; background: #313233; }
#searchform #searchsubmit:hover { cursor: pointer; background: #222222; }

#contact_form td { vertical-align: top; }
#contact_form td strong { display: block; padding: 8px 0 0 0; }
#contact_form textarea { height: 80px; }
#contact_form .button { width: 100px; }

input.button { height: 30px; font-family: verdana, arial, sans-serif; font-size: 11px; color: #dcddde; text-transform: uppercase; letter-spacing: 2px; border: none; background: #313233; }
input.button:hover { cursor: pointer; background: #222222; }

#commentform { }
#commentform label { display: block; float: left; width: 72px; padding: 5px 0; font-weight: bold; }
#commentform textarea { width: 276px; height: 106px; float: right; }
#commentform .button { clear: both; width: 170px; } /* Does job of div.clear without causing serious vertical spacing in IE */
#commentform .faux_column { overflow: hidden; } /* Probably the most frustrating, annoying and obscure IE bug I've ever had to find a fix for. Thanks Quirksmode */

/* Their code */
#respond:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/* Their code */

/* Comments */

.commentlist { list-style: none outside; margin: 0; } /* Reset margin-bottom on ol as it stacks with <p> */
.commentlist li { margin: 1px 0; padding: 15px 15px 1px 15px; } /* Apparently without the 1px padding-bottom the <p> margin-bottom is ignored... sigh */
.commentlist li .avatar { float: right; border: solid 1px #313233; }
.commentlist cite, .commentlist cite a { font-weight: bold; font-size: 12px; font-style: normal; }

.commentlist .comment-author { float: left; width: 65%; height: 15px; margin: 0 0 10px 0; }
.commentmetadata { float: left; width: 35%; height: 15px; margin: 0 0 10px 0; text-align: right; }

.commentlist li p { clear: both; }

.children { margin: 0 0 0 15px; }

.thread-even { background: none; }
.thread-alt { background: #222222; }

.depth-1 { border: none; }

.even { border: none; }
.alt { border: none; }

.bypostauthor { background: #313233; }

em.moderation { position: relative; top: -5px; color: #313233; }

/* Begin Comments*/

.commentlist li ul li { margin-right: -5px; margin-left: 10px; }
.nocomments { text-align: center; margin: 0; padding: 0; }

/* End Comments */

/* Misc */

ul.link_list { list-style: none; margin: 0 0 15px 0; }
ul.link_list li { display: inline; }
ul.link_list li a { display: block; height: 20px; padding: 5px 15px; line-height: 20px; border-bottom: solid 1px #313233; }
ul.link_list li a:hover { padding: 5px 15px; text-decoration: none; border-bottom: solid 1px #313233; background: #222222; }

ol#footnotes { padding-top: 15px; font-size: 10px; line-height: 16px; }
ol#footnotes li { margin: 0 15px 15px 15px; }

.caption { display: block; padding: 10px; background: #313233; }

/* Video */

.video { width: 400px; margin: 0 0 15px 0; }
.video.alignleft { float: left; margin: 0 30px 0 0; }
.video.alignright { float: right; margin: 0 0 0 30px; }

/* Images */

p img { padding: 0; max-width: 100%; }
img.centered { display: block; margin: 0 auto; }

.alignleft { float: left; margin: 0 30px 15px 0; }
.alignright { float: right; margin: 0 0 15px 30px; }
.aligncenter { margin: 0 auto; }
.entry img { display: block; }

/* Captions */

.wp-caption { width: auto; }
.wp-caption img { }
.wp-caption p { margin: 0; }
.wp-caption p.wp-caption-text { margin: 0 0 15px 0; padding: 5px 10px; color: #636466; background: #313233; }

/* Utils */

.clear { clear: both; }
.left { float: left; }
.right { float: right; }

/* Sociable */

.sociable_page { margin: 30px 0 15px 0; }
.sociable { display: block; width: 100%; height: 25px; }
.sociable_tagline { float: left; margin: 0 5px 0 0; }
.sociable ul { display: inline; list-style: none; }
.sociable ul li { display: inline; padding: 0; }
.sociable ul li:hover { display: inline; padding: 0; }
.sociable a { margin: 0 10px 15px 0; float: left; display: block; width: 25px; height: 25px; overflow: hidden; }
.sociable a:hover { padding: 0; border: none; }

/*
	Remaining default CSS nonsense to be replaced
*/

/* Begin Typography & Colors */

h3.comments { margin: 40px auto 20px; padding: 0; }

code { font: 1.1em 'Courier New', Courier, Fixed; }

acronym, abbr, span.caps { font-size: 0.9em; letter-spacing: .07em; }

hr { display: none; }

small, .nocomments, strike { color: #777; }

/* Structure */

.widecolumn .smallattachment { text-align: center; float: left; width: 128px; margin: 5px 5px 5px 0px; }
.widecolumn .attachment { text-align: center; margin: 5px 0px; }

/* Begin Lists */
.postmetadata ul, .postmetadata li { display: inline; list-style-type: none; list-style-image: none; }

/* Begin Form Elements */
.entry form { /* This is mainly for password protected posts, makes them look better. */ text-align:center; }

/* Begin Calendar */
#wp-calendar { empty-cells: show; margin: 10px auto 0; width: 155px; }
#wp-calendar #next a { padding-right: 10px; text-align: right; }
#wp-calendar #prev a { padding-left: 10px; text-align: left; }
#wp-calendar a { display: block; }
#wp-calendar caption { text-align: center; width: 100%; }
#wp-calendar td { padding: 3px 0; text-align: center; }
#wp-calendar td.pad:hover { /* Doesn't work in IE */ background-color: #fff; }
#wp-calendar #prev a, #wp-calendar #next a { font-size: 9pt; }
#wp-calendar a { text-decoration: none; }
#wp-calendar caption { font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif; text-align: center; }
#wp-calendar th { font-style: normal; text-transform: capitalize; }
#wp-calendar caption { text-decoration: none; }

/* Begin Various Tags & Classes */
acronym, abbr, span.caps { cursor: help; }

acronym, abbr { border-bottom: 1px dashed #999; }

blockquote cite { margin: 5px 0 0; display: block; }
cite { text-decoration: none; }

.center { text-align: center; }

.hidden { display: none; }