/*  
Theme Name: SureDev-v2
Theme URI: http://blog.suredev.com
Description: Blog design to match v2 of SureDev.
Version: 1.0
Author: Fred LeBlanc
Author URI: http://www.suredev.com/
*/

html, body { background-color: #2b2b2b; color: #343434; margin: 0; padding: 0; }
body { font: normal normal normal 16px/1.6 Georgia, "Times New Roman", serif; }
a { color: #CE0A00; text-decoration: none; }
p { margin: 0 0 1em; }
ul, ol { padding: 0; }
code { font-family: Inconsolata, Consolas, Monaco, "Courier New", Courier, fixed; color: #3A8F35; }

input, textarea { font-size: 16px; font-family: "Lucida Grande", Helvetica, Verdana, Arial, sans-serif; padding: .3em; }
a img { border: none; }

#streamer { background-color: #C3DAE7; height: 7px; }
#page { background-color: #fff; }
#header { position: relative; padding: 36px 54px; font-family: Georgia, "Times New Roman", serif; }
#header .logo { border: none; }
#content { padding: 0 54px; line-height: 1.7; font-size: 0.95em; font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif; }


/* headers */
h1, h2, h3, h4, h5, h6 { font-family: Georgia, "Times New Roman", sans-serif; font-weight: normal; }
h1 { font-size: 4em; margin-top: 0; text-transform: lowercase; margin-bottom: .4em; color: #777; line-height: 1; padding-bottom: .2em; }
h2 { font-size: 1.8em; margin: 0 0 0; }
h3 { font-size: 1.5em; margin: 1em 0 0; }

#footer h3 { color: #eee; border-bottom: 1px dotted #777; margin: 1em 0 .5em; padding-bottom: 0em; }

/* navigation */
#navigation, #subnavigation { list-style: none; padding: 0; position: absolute; top: 49px; right: 54px; font-size: 1.15em; }
#navigation li, #subnavigation li { position: relative; float: left; font-size: 1.15em; text-transform: lowercase; margin-left: 1.35em; }
#navigation a, #subnavigation a { text-decoration: none; color: #333; }
#navigation a:hover, #subnavigation a:hover { color: #CE0A00; }

#subnavigation { top: 8.2em; font-size: 0.7em; border: 1px solid #eee; border-bottom-color: #fff; }
#subnavigation li { margin: .2em .6em 0; }
#subnavigation.blog { right: 10em; }

#navigation li.on a, #subnavigation li.on a { color: #CE0A00; }
	
#page .stage { width: 964px; margin: 0 auto; }

/* typography */
.amp { font-family: "Minion Pro", Minion, Baskerville, Palatino, Georgia, "Times New Roman", serif; }
.phone-hyphen { margin: 0 .2em; }
.spacer-dot { margin: 0 .5em; color: #444; }
.first { margin-left: 0; }
.highlight { background-color: #ffc; padding: .2em .4em; margin: -.2em 0; }
.hidden { display: none; }

/* brand */
.text-logo { font-size: 1.1em; letter-spacing: 0.05em; font-family: "Minion Pro", Minion, Georgia, "Times New Roman", serif; font-weight: bold; font-variant: small-caps; color: #fff; }
.text-logo .swatch { color: #CE0A00; font-weight: bold; letter-spacing: -2px; font-size: 1.6em; margin-left: .1em; font-family: Consolas, "Lucida Grande", Verdana, sans-serif; }
.text-logo .swatch .space { font-size: 0.7em; }
.text-logo .swatch .semi-colon { font-size: 0.8em; }

/* pages ----------------------------------------------------------------*/

/* search */
.search { margin-top: 1.6em; }
.search #s { width: 60%; }

/* footer */
#footer { width: 964px; margin: 0 auto; color: #ddd; font-size: 0.875em; font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif; }
#footer .stage { padding: 0 54px 24px; }

#footer a { color: #DFA599; }
#footer a:hover { color: #F7C3B9; }

#footer .copyright { font-size: 0.75em; font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif; border-top: 1px solid #333; margin-top: 1em; text-align: center; padding-top: 6px; color: #666; }
#footer .copyright .swatch { margin-left: 0; margin-right: .1em; }
#footer .column { padding-bottom: 1em; }

#footer .comments { border-top: 1px solid #444; padding-top: 6px; text-align: right; font-size: 0.8em;}

#footer .twitter-time { margin-top: 1em; text-align: right; border-top: 1px solid #444; padding-top: 6px; font-size: 0.8em; color: #666; }


/* columns */
.clear { clear: both; }
.column-set { clear: both; }
.column-set .column { float: left; width: 27%; margin-left: 5%; position: relative; }
.column-set .column.main { width: 36%; }
.column-set .column.wide { width: 68%; }

.column-set .column.even { width: 47%; margin-left: 6%; }

.column-set .column.map { width: 66%; }
.column-set .column.technically { width: 32%; margin-left: 2%; }
.column-set .column.first { margin-left: 0; }

/* blog */
#content.blog { line-height: 1.8; }
h2 small { font-size: 0.5em; margin-left: 1em; font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif; }
.meta { font-size: 0.8em; color: #666; padding: .3em 0 1em; border-top: 1px solid #999; }
.sub.meta { margin-top: -.8em; padding-bottom: 2em; }
.blog-info { text-align: center; font-family: "Minion Pro", Minion, Georgia, "Times New Roman", serif; }
.blog-info big, .blog-info small, .blog-info img { display: block; }
.blog-logo { border-bottom: 1px solid #999; margin-top: 13px; }
big.blog-title { text-transform: uppercase; line-height: 1; margin: .4em 0 0; letter-spacing: 1px; font-size: 1.6em; font-weight: bold; }
small.blog-description { font-style: italic; font-size: 1em; line-height: 1.3; padding-top: .2em; }
small.blog-author { font-size: .85em; letter-spacing: .2em; text-transform: uppercase; font-weight: bold; }
.meta small { font-variant: small-caps; font-size: 1em; font-weight: bold; color: #777; margin-left: .1em; }

.blog-post { position: relative; margin-bottom: 2em; }
.meta-date { position: absolute; top: 8px; left: -120px; font-family: Georgia, "Times New Roman", serif; text-transform: lowercase; font-size: .9em; padding: 5px .5em 10px; color: #777; text-align: right; }
.date { border-top: 1px solid #999; border-bottom: 1px dotted #ccc; padding: .4em 0; font-size: .85em; margin: 0 0 1.5em; }
.date.single { margin-top: -1em; }
.blog-post-topics { float: right; text-align: right; }
.more-link { margin: 1em 0 0; display: block; }

.comment-count a { padding-left: 22px; background: transparent url(img/comments.gif) scroll no-repeat 0 0; width: 4em; }

.column.sidebar { padding-bottom: 2em; }
.column.sidebar h3 { border-bottom: 1px solid #999; margin-bottom: 0; font-size: 1.3em; padding-bottom: .2em; color: #444; font-style: italic; }
.column.sidebar ul { margin-top: .3em; list-style: none; }

/* 404 */
#content.fourohfour { position: relative; }
#broken { display: none; cursor: pointer; z-index: 400; position: absolute; top: -35px; left: 70px; }
.plates { background: transparent url(img/broken-plates.gif) no-repeat scroll 100% 100%; height: 440px; }
#repair { display: none; z-index: 399; display: inline; background-color: #CE0A00; color: #fff; top: 320px; left: 70px; font-size: 1.5em; position: absolute; padding: .5em .8em .5em; font-family: Georgia, "Times New Roman", serif; }

/* comments */
#commentlist { list-style: none; border-top: 1px solid #999; margin-top: -.2em; }
#commentlist li { padding: .6em 0 0; }
.comment { border-bottom: 1px dotted #ccc; }
.comments-feed { font-size: 0.5em; display: block; padding-left: 22px; margin-top: 1.4em; line-height: 1.2; float: right; background: transparent url(img/rss-icon-16x16.png) scroll no-repeat 0 50%; }
.trackback { background: transparent url(img/trackback-icon-16x16.gif) scroll no-repeat 0 0; padding-left: 22px; }
.comment-meta { font-style: normal; font-size: 0.8em; }

/* forms */
.form.sign-in { font-size: 0.875em; }
.form.sign-in label { display: block; margin-bottom: .4em; }
.form.sign-in input { margin-bottom: 1em; width: 96%; border: none; background-color: #C3DAE7; color: #164A67; }
.form.sign-in .submit { width: auto; border: 1px solid #C9E6F7; font-size: 1.1em; background-color: #94BFD7; color: #111; border-bottom-color: #557F97; border-right-color: #557F97; float: right; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: .3em .6em; }
.form.sign-in a { float: right; text-decoration: none; }

.alignright { float: right; margin-left: 2em; }
.alignleft { float: left; margin-right: 2em; }
.alignright img, .alignleft img { padding: 0 5px; }
.wp-caption-text { font-size: 0.9em; color: #999; font-style: italic; text-align: center; }