/* @override http://www.thedesigncubicle.com/wp-content/themes/tdc/style.css */
/*
Theme Name: TDC
Theme URI: http://thedesigncubicle.com
Description: Custom Theme (Based on <a href="http://elliotjaystocks.com/starkers/">Starkers</a> by <a href="http://elliotjaystocks.com/">Elliot Jay Stocks</a>)
Version: 1.0
Author: Brian Hoff
Author URI: http://brianhoff.net
Tags: starkers, html5, beginning, start, clean, basic
*/

/* Reset */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;}
table{border-collapse:separate;border-spacing:0;margin-bottom:1.4em;}caption,th,td{text-align:left;font-weight:400;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}blockquote,q{quotes:;}
a img{border:none;}

/* Grid */
.container{margin:0px auto;position:relative;}
.column{float:left;}
.clearfix:after{clear:both;content:'.';display:block;visibility:hidden;height:0}
.clearfix{display:inline-block;}
* html .clearfix{height:1%}
.clearfix{display:block;}
#top .container{width:604px;padding:0px 38px;position:relative;}
#main .container{width:520px;padding:0px 70px;}
body, #bodywrapper{min-width:935px;}
#main{position:relative;width:680px;margin:0px auto;padding:0px 0px;}

/* Background Images and Sprites */
#main{background:url(img/main-with-texture-s.png) repeat-y;}
body{background:#b14333 url(img/bg-noise.png) repeat;}
#bodywrapper{background:url(img/tall-diag.png) repeat-x bottom;}
#headerbg{background:url(img/tall-diag.png) repeat-x;}
#topics li{background:url(img/etched-line-bg.png) repeat-x bottom;}
#actionLinks, #mainNav, .metadata, .comment, .note{background:url(img/etched-line-bg.png) repeat-x bottom;}
h2{background:url(img/spriteme5.png) no-repeat 79px 41px;}
#logo a{background:url(img/spriteme5.png) no-repeat -20px -50px}
.writtenby{background:url(img/spriteme5.png) no-repeat -20px -253px;}
#search-link{background:url(img/sprite-vert2.png) no-repeat -10px -190px;}
#topics-link{background:url(img/sprite-vert2.png) no-repeat -10px -221px;}
#email-link{background:url(img/sprite-vert2.png) no-repeat -10px -251px;}
.navigation a, .navigation span{background-image:url(img/sprite-vert2.png);background-repeat:no-repeat;background-position:-10px -45px;-webkit-transition-property:background-image;}
.navigation .next span{background:url(img/sprite-vert2.png) no-repeat -5px -113px;}
.navigation .prev span{background:url(img/sprite-vert2.png) no-repeat -5px -82px;}
#records li{background:url(img/sprite-vert2.png) no-repeat 14px -402px;}
.copymark{background:url(img/sprite-vert2.png) no-repeat -10px -151px;}
#commenter{background:url(img/sprite-vert2.png) no-repeat -10px -321px;}
.navigation li.hover a, .navigation li .current{background:none;background-image:url(img/sprite-vert2.png);background-repeat:no-repeat;background-position:-10px -10px;}
#about-link{background:url(img/spriteme8.png) no-repeat -20px -20px;}
#portfolio-link{background:url(img/spriteme8.png) no-repeat -20px -61px;}
#home-link{background:url(img/spriteme8.png) no-repeat -20px -102px;}
#notebook-link{background:url(img/spriteme8.png) no-repeat -20px -143px;}
#records h3{background:url(img/spriteme8.png) no-repeat -10px -194px;}
#top{background:#000 url(img/sprite-repeatx.png) repeat-x 0px -0px;}
.comment-count{background:url(img/sprite-repeatx.png) repeat-x 0px -61px;}
#copyright{background:url(img/sprite-repeatx.png) repeat-x 0 -142px;}
#mainNav li{background:url(img/sprite-repeatx.png) no-repeat 0px -227px;}
#mainHeader .container{background:url(img/sprite-repeatx.png) repeat-x 0px -268px;}
#colwrapper{background:transparent url(img/glow-bg2.png) no-repeat center 97px;}
#records ul{background:url(img/records-bg-repeat.png) repeat-y;}
.dark-prefooter-top{background:url(img/darker-column-bg-top.jpg) no-repeat 10px top;}
.dark-prefooter-bottom{background:url(img/darker-column-bg-bottom.jpg)no-repeat 10px bottom;}
.permalink{background:url(img/sprite-vert2.png) no-repeat -10px -385px;}
.latest-additions{background:url(img/latest-additions-grey.png);}
#onthetopicof{text-indent:-9999px;background:url(img/spriteme8.png) no-repeat -10px -364px;}
#staycurrent{text-indent:-9999px;background:url(img/spriteme8.png) no-repeat -10px -397px;}
#colophon{text-indent:-9999px;background:url(img/spriteme8.png) no-repeat -10px -430px;}
.discussion_and_comments{text-indent:-9999px;background:url(img/discussion.png) no-repeat;}
.add_to_the_discussion{text-indent:-9999px;background:url(img/add_to_the_discussion.png) no-repeat;}
#send{background:url(img/comment_submit_bg.png) repeat;}

/* Text Colors */
body, #topics a, .metadata a:hover, .commentmetadata a:hover{color:#232d32;text-decoration:none;}
h1,h2,h3,h4,h5,h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{color:#151515;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover{color:#c45d49;text-decoration:none;}
a, #commenter strong{color:#4083a9;}
#topics li, #topics a:hover{color:#bc482f;}
a:focus, a:hover, a:hover, .commentmetadata{color:#232d32;}
.comment-count a .comm, .comment-count a:hover .comm{color:#f6edd9;}
#top a, .navigation, .navigation a, #availability, #copyright a, #records a, .copy{color:#f6edd9;}
#top, #availability a, #top a:hover, #copyright a:hover, .comment-count a:hover .num, #records a:hover, #copyright .right{color:#ffcd4a;}
.comment-count a, #records{color:#642100;}
#copyright, .metadata a, .commentmetadata a, .metadata .links{letter-spacing:0px;font-size:12px!important;}
.metadata{color:#a3a3a3;text-transform:uppercase;letter-spacing:1px;font-size:10px!important;}
.metadata a{text-transform:capitalize;}

/* Typography */
body{font-size:14px;line-height:21px;font-family:"ff-dagny-web-pro-1","ff-dagny-web-pro-2", Verdana, sans-serif;text-rendering: optimizeLegibility;font-smooth:always;}
p{margin:0 0 1.5em;}
strong{font-weight:bold;}
em{font-style:italic;}

/* Headings */
h1,h2,h3,h4,h5,h6{font-weight:bold;line-height:1.75;margin-bottom:0.25em;text-rendering: optimizeLegibility;}
h1{font-size:18px;}
.archiveheader-notebook{text-indent:-9999px;font-weight:bold;font-style:italic;width:309px;height:17px;background:url(img/latest-additions-grey.png)no-repeat;margin:0px auto 40px;}
h2{font-size:21px;line-height:24px;text-align:center;padding:7px 0px 30px;margin:0px 0px 20px;}
h3{font-size:16px;margin-bottom:.75em;}
h4{font-size:1em;margin-bottom:1.25em;text-transform:uppercase;letter-spacing:0.75px;}
h5{font-size:1em;margin-bottom:1.25em;}
h6{font-size:11px;margin-bottom:2em;}
#prefooter h4{margin-bottom:16px;text-transform:uppercase;}
#about h5{margin-bottom:10px;}

/* Links */
a{text-decoration:none;-webkit-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;}
a:focus, a:hover, #availability a:hover{text-decoration:none;}
#top a:hover, #copyright a:hover, #actionLinks a:hover, #oldernewer a:hover, #records a, #records a:hover .date, #about a:hover, #prefooter a:hover{text-decoration:none;}

/* Tables - You still need cellspacing="0" in the markup */
table{width:100%;border-collapse:collapse;}
th,td{padding:4px 10px 4px 5px;vertical-align:top;}
th{border-bottom:1px solid #ccc;font-weight:bold;}
td{border-bottom:1px solid #ccc;}

/* Lists */
li ul, li ol{margin:0 1.5em;}
ul, ol{margin:0 0em 1.5em 1.5em;}
.entry ul li, .entry ol li{margin-bottom:.7em;}
ul{list-style-type:square;}
ol{list-style-type:decimal;}
.unbulleted{margin:0px 0px 0px 0px;list-style:none;font-size:11px;}

/* Forms */
legend{font-weight:bold;font-size:1.2em;}
label{clear:both}
textarea{width:400px;height:80px;padding:5px;}
select{width:auto;}
input,textarea, select{margin:0.5em 0;border:none;}
input.text, #contactform input[type=text]{width:490px;margin:0;padding:0px 15px;height:34px;color:#999;line-height:34px;}
input, textarea{font-size:14px;}
textarea#comment{width:470px;padding:15px;}
input.text:focus{border:none;background:#fff;}
.subscribe-to-comments{float:left;margin-top:6px;}
#contactform input[type=text]{width:440px;margin:0;padding:0px 15px;height:34px;color:#999;margin-bottom:20px;}
#send{font-size:13px;color:#f6edd9;border:none;float:right;padding:6px 10px;cursor:pointer;}
#commentform #comment{width:490px;}
#send:hover{color:#ffcd4a;}
#send:active{color:#aaa;}

/* Other Elements */
blockquote{margin:0 0 1.5em 0;font-style:italic;}
sup, sub{line-height:0;}
abbr, acronym{border-bottom:1px dotted #666;}
address{margin:0 0 1.5em;}
pre,code{margin:1.5em 0;white-space:pre;}
pre,code{font:1em'andale mono','lucida console', monospace;line-height:1.5;}

/* Navigation */
nav li{list-style-type:none;display:inline;}
#actionLinks{text-align:center;padding:18px 0px;height:14px;line-height:14px;}
#actionLinks ul{margin:0px 10px 0px 0px;}
#actionLinks a{margin-left:10px;padding-left:16px;font-size:14px;}
#email-link{padding-left:20px!important;}
#mainNav{font-family:"Helvetica Neue Condensed Black",sans-serif;font-weight:bold;height:21px;letter-spacing:-1px;font-size:21px;line-height:21px;margin:0px auto 40px;padding:12px 0px 15px;text-transform:uppercase;word-wrap:none;overflow:hidden;}
#mainNav ul{margin:0px auto 0px;text-align:center;padding-left:6px;display:block;clear:both;}
#mainNav li{height:21px;display:inline-block;zoom:1;*display:inline;line-height:21px;}
#mainNav a{margin:0px 10px 0px 16px;height:21px!important;display:inline-block;zoom:1;*display:inline;}
#mainNav span{display:none;}
#mainNav a:hover{text-decoration:none;opacity:0.70;}
#about-link{width:57px;}
#portfolio-link{width:95px;}
#home-link{width:49px;}
#notebook-link{width:93px;}
#search-link{cursor:pointer;}
#hire-modal a:hover{opacity:0.7;}
.first-nav-link{background:none!important;}
.first-nav-link a{margin-left:26px;}
#navigation ul, #navigation ol{margin:0px;}
#navigation{position:relative;text-align:center;height:23px;display:block;margin-bottom:60px;}
#navigation #oldernewer{position:relative;top:0px;}
#oldernewer a{color:#fff;text-shadow:1px 1px 0px #999;background:#aaa;background-color:rgba(116,116,116,0.36);-webkit-border-radius:7px;-moz-border-radius:7px;-o-border-radius:7px;border-radius:7px;padding:3px 9px;text-decoration:none;}
#oldernewer a:hover{color:#ffffff;background:#666;background-color:rgba(116,116,116,0.75);}
#navigation .newer{position:absolute;left:0px;top:0px;}
#navigation .older{position:absolute;right:0px;top:0px;}
#navigation ol{width:363px;margin:0px auto;text-align:center;clear:both;display:block;}
.navigation li:first-child{display:none;}
.navigation li{display:inline-block;zoom:1;*display:inline;height:23px;width:23px;margin:0px 3px;-webkit-transition:background-image 0.3s linear;-o-transition:background-image 0.3s linear;-moz-transition:background-image 0.3s linear;font-size:11px;}
.navigation .current{-webkit-transition:background-image 0.3s linear;-o-transition:background-image 0.3s linear;-moz-transition:background-image 0.3s linear;}
.navigation a, .navigation span{line-height:23px;text-align:center;height:23px;width:23px;display:block;text-decoration:none;}
.navigation a:hover{text-decoration:none;}
.navigation .next, .navigation .prev{height:23px;width:23px;display:block;text-indent:-9996px;}

/* Classes */
.right{position:absolute;right:40px;top:0px;}
.large{font-size:16px;}
.hide{display:none;}
img.alignleft{float:left;clear:left;margin:0px 10px 0px 0px;}
img.alignright{float:right;clear:right;margin:0px 0px 0px 10px;}
.size-full{border:8px solid #fff;-webkit-box-shadow:0px 3px 4px #e2e2e2;-moz-box-shadow:0px 3px 4px #e2e2e2;box-shadow:0px 3px 4px #e2e2e2;}

/* Layout */
#top{padding:15px 0px 14px;height:12px;line-height:1em;position:relative;font-size:12px;z-index:10;}
#availability p{margin:0px;height:1em;padding-right:10px;text-align:right;}
#availability a#hire-link{z-index:10;height:10px;position:relative;padding-right:16px;background:url(img/sprite-vert2.png) no-repeat right -354px;}
a#hire-link:hover{text-decoration: underline;}
.hire-link-open{background-image:none !important;}
#availability #dropdown{display:none;height:100px;width:179px;height:137px;position:absolute;top:-6px;right:0px;background:url(img/dropdown.png) no-repeat top right;-webkit-transition:all 1s ease-out;}
#dropdown ul{list-style:none;background:#fff;width:150px;margin:43px 10px 0px 12px;}
#dropdown a{border:1px solid #ccc;background:#F3F3F3;line-height:18px;height:18px;width:132px;display:block;margin-bottom:8px;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;text-transform:uppercase;font-size:10px;padding:0px 8px;white-space:nowrap;overflow:hidden;-webkit-text-size-adjust:none;margin: 0px 0px 8px;}
#dropdown a:hover{background:#e0e0e0;}
#dropdown a strong{font-weight:normal;color:#CB4D35;letter-spacing:1px}
#dropdown a:hover strong{color:#4083a9;}
#dropdown a em, #dropdown a:hover em{font-family:Georgia, serif;text-transform:lowercase;color:#646464;}
#headerbg{height:355px;width:100%;position:absolute;top:0px;display:block;}
#logo a{text-indent:-9996px;height:182px;width:342px;display:block;}
#logo{display:block;clear:both;height:182px;margin:0px auto 52px;width:342px;}
.writtenby{text-indent:-9996px;height:11px;width:177px;margin:0px auto 40px;}

/* Post */
.post{margin-bottom:55px;position:relative;}
#commenter{padding-left:20px;display:block;font-weight:bold;}
.comment-count{position:absolute;left:-210px;top:0px;width:110px;text-align:center;height:61px;}
.comment-count .num, .comment-count .comm{display:block;clear:both;}
.comment-count .num{font-weight:normal;font-size:18px;margin-top:8px;}
.comment-count .comm{text-transform:uppercase;}
.comment-count a{text-decoration:none;}
.comment-count a:hover{text-decoration:none;}
.comment-count a .num{-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;transition:all 0.2s ease-out;}
.metadata, .commentmetadata{font-size:12px;line-height:1.5em;}
.permalink{color:#bc482f;clear:both;float:left;padding-left:20px;text-transform:capitalize!important;}
.permalink:hover{color:#b14333;}
.metadata-left{width:360px;}
.metadata-right{position:absolute;right:0px;}
.note{padding-bottom:20px;}
.note .metadatacol{width:120px;margin-right:20px;background-image:none;border-top:1px solid #232d32;margin-top:1.3em;padding-top:2em;}
.note .metadata{background-image:none;}
.note .notetags{margin-bottom:20px;}
.note .entry{width:380px;}

/* Footers and Asides */
#records{position:absolute;top:377px;right:-130px;width:102px;font-size:11px;}
#records h3{display:block;width:102px;height:100px;text-indent:-9996px;margin:0px;}
#records ul{padding:0px 0px 15px 17px;margin:0px;text-transform:uppercase;list-style:none;}
#records li{line-height:31px;white-space:nowrap;overflow:hidden;}
#records li:last-child{background:none;}
#records a { margin-right: 2px;}
.dark-prefooter-top{display:block;height:35px;}
.dark-prefooter-bottom{padding:29px 0px 64px;}
#prefooter{height:369px;display:block;}
.prefooter-content{padding:48px 0px 48px;}
.bigcol{width:285px;margin-right:40px;}
.thincol{width:210px;margin-right:-50px;}
.thinad{width:210px;margin-right:-50px; text-align: center;}
#topics ul{margin:0px;padding:0px;list-style:none;font-size:12px;width:142px;}
#topics li{line-height:26px;width:auto;padding-bottom:2px;}
.topics-left{width:125px;}
.topics-right{width:160px;}
.places-left{width:150px;}
.places-right{width:135px;}
.rss-feeds{line-height:18px;margin-bottom:14px;}
#colophon{margin-top:24px!important;}
#copyright{display:block;position:relative;height:55px;font-size:12px;margin:0px 10px;}
.copy{padding-top:18px;margin-bottom:0px;}
.copymark{margin:0px 5px 0px 28px;height:24px;width:23px;display:block;float:left;text-indent:-9996px;}
#copyright .right{top:18px;}

/* Comments */
#comments{position:relative;}
.commentlist { margin-bottom: 20px; }
#comments h3{margin-bottom:11px;}
.responder{font-size:0.8em;position:absolute;right:0px;top:0px;}
.comment{font-size:14px;line-height:21px;position:relative;padding:50px 0px 45px;margin-bottom:0px;}
.comment-author-admin{padding:59px 0px 45px;}
.comment-author-admin .comment-body{background:url(img/brian-hoff-sm.png) no-repeat 0px 0px;padding-left:56px;min-height: 70px;}
.comment-reply-link{display:none;}
.commentmetadata:before{content:'Commented on ';}
.commentmetadata{position:absolute;bottom:30px;left:0px;}
.pingback{display:none;}
.comment-author{position:absolute;top:21px;left:0px;font-weight:bold;margin-bottom:10px;font-size:15px;}
.comment-author cite{font-weight:bold;font-style:normal;}
#respond{padding-top:35px;clear:both;margin-bottom:60px;}
#respond h3{margin-bottom:35px;}

/* Modal Windows */
.ui-widget-overlay{background:rgba(0,0,0,0.7);position:absolute;top:0px;}
.ui-dialog-titlebar-close{background:url(img/close.png) no-repeat;display:block;height:24px;width:24px;text-indent:-9996px;position:absolute;right:40px;top:50px;z-index:2000;}
.ui-dialog-content{-webkit-transition:all 0.3s ease-out;background:#000;background:rgba(0,0,0,0.7);display:block;position:relative;-webkit-border-radius:7px;-moz-border-radius:7px;-o-border-radius:7px;border-radius:7px;}
.ui-dialog-content{width:470px!important;margin:20px auto 0px;padding:46px 23px 23px;}
.modal input.text{width:450px;padding:0px 10px;margin-bottom:15px;height:52px;font-size:18px;color:#000;font-family:Sentinel, Garamond, Georgia, Times, serif;font-style:italic;}
.modal textarea{width:450px;height:180px;padding:10px;margin-bottom:23px;}
#search-modal label, #search-modal #searchsubmit{display:none;}
#contact-modal label{display:block;margin-bottom:14px;}
#contact-modal #send{font-size:16px;text-transform:uppercase;padding:9px 25px;background:#b14333 url(img/bg-noise.png) repeat;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;border-radius:4px;}
#contact-modal{color:#fff;text-transform:uppercase;padding:48px auto 60px;clear:both;}
.ui-dialog{margin: 0px auto;}

/* Overlay */
#smcf-overlay {background:rgba(0,0,0,0.7);position:absolute;top:0px;}

/* Contact Form Container */
#smcf-container {width:470px;height: 430px;padding:40px 20px 20px;-webkit-transition:all 0.3s ease-out;background:#000;display:block;position:relative;-webkit-border-radius:7px;-moz-border-radius:7px;-o-border-radius:7px;border-radius:7px;}
#smcf-container .smcf-content {color:#fff;text-transform:uppercase;clear:both;display: block;}
#smcf-container .smcf-cc {cursor:default;}
#smcf-container h1 {display: none;}
#smcf-container form { clear:both;display: block;}
#smcf-container .smcf-loading {position:absolute; background:url(../img/loading.gif) no-repeat; z-index:8000; height:55px; width:54px; margin:-14px 0 0 170px; padding:0;}
#smcf-container .smcf-message {text-align:center; }
#smcf-container .smcf-error {position: absolute;top: 14px;font-size:.8em; background:#000; border:2px solid #ccc; font-weight:bold; margin-right: 100px; padding: 0px 20px;}
#smcf-container br {display: none;}
#smcf-container label {display:block;margin-bottom:14px;}
#smcf-container .smcf-input {width:450px;padding:0px 10px;margin-bottom:15px;height:52px;font-size:21px;color:#000;font-family:Sentinel, Garamond, Georgia, Times, serif;font-style:normal;}
#smcf-container textarea {width:450px;height:90px!important;padding:10px!important;}
#smcf-container div.smcf-bottom a {display: none;}
#smcf-container .smcf-button {margin:4px 0 0 4px; cursor:pointer; border:0; font-size:1em; font-weight:bold; color:#fff; text-align:center; vertical-align:middle;}
#smcf-container .smcf-send {float: right;font-size:16px;text-transform:uppercase;padding:9px 25px;background:#b14333 url(img/bg-noise.png) repeat;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;border-radius:4px;margin-top: -30px;}
#smcf-container .smcf-cancel { display: none;}
#smcf-container a.modalCloseX { background:url(img/close.png) no-repeat;display:block;height:24px;width:24px;text-indent:-9996px;position:absolute;right:15px;top:15px;z-index:2000;}

/*Fusion Ads */
.fusionentire a { border: none; text-decoration: none; font-size: 13px; }
.fusionentire a img { margin-bottom: 10px; border:7px solid #ffffff; }
.adabout { text-align: center; font-size: 11px; letter-spacing: 1px; text-decoration: none; line-height: .5em;}
.adabout a { color: black;}
.adabout a:hover { text-decoration: underline;}