/*   
Theme Name: Tabled Ideas
Theme URI: http://tabledideas.com/
Description: Custom Theme for Tabled Ideas
Author: Todd Palino
Author URI: http://tabledideas.com/
Version: 1.0
Tags: two-columns, fixed-width, white, red
*/

body{margin: 0; padding: 0; font: 10pt Arial, Helvetica, sans-serif; color:#333333; background-color: #FFFFFF; line-height: 24px; background: url('images/masthead_background_gradient.png') repeat-x top left;}

#container{margin-left: auto; margin-right: auto;; padding: 0px 15px 0px 15px; width: 974px; text-align: left;}
#header{float: left; height: 44px; padding: 0px 0px 82px 0px; width: 974px;}
#navbar{height: 44px; width: 642px; vertical-align: middle; float: left;}
#navbar a{background-color: #E1E1E1; padding: 7px 15px 5px 15px; height: 22px; margin: 0px 3px 0px 0px; display: block; float: left; letter-spacing: 3px; text-decoration: none; font-weight: bold; font: 9pt Verdana;}
#navbar a,#navbar a:visited{color: #333333; background-color: #E1E1E1;}
#navbar a:hover,#navbar a.current{background-color:#E6001D; color: #FFFFFF;}
#searchbar{width: 272px; margin: 0px 0px 0px 30px; float: left; height: 24px; padding: 10px 0px 10px 22px; background: url('images/icon_search.png') no-repeat left center;}
#searchbar form input#s{float: left; display: block; margin: 6px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 280px; height: 18px; border: 0; font: 10pt Arial; color: #808080; border-bottom: 1px solid #808080; background: transparent;}
#searchbar form input#s.writing{background: #808080; color: #FFFFFF}
#rssfeed{float: left; display: block; background: url('images/icon_rss.png') no-repeat top left; width: 24px; height: 24px; }

#main{margin: 0; width: 974px;}
#content{float: left;}
#content-title {background: url('images/TitleImage.png') no-repeat top left; border: 0; width: 483px; height: 150px; padding: 0px 0px 50px 0px;}
h1 {display: none;}
p {margin-top: 1px;}

div.comment-spacer,div.commentnumber,div.comment-count{float: left; padding: 3px 0px 0px 11px; font: bold 12pt Verdana; width: 44px;}
div.comment-count{background: url(images/icon_comment.png) no-repeat top left;}
div.comment-count a{text-decoration: none; color: #333333;}
div.commentnumber{padding-top: 13px;}

div.post-container{clear: both; float: left; width: 642px; margin: 0px 0px 35px 0px; border-bottom: 5px solid #E6001D;}
div.post-container div.post-title,div.post-container div.comment-title,div.post-container div.reply-title{
	float: left; font: 20pt Georgia; padding: 2px 0px 30px 0px; margin: 0px 0px 10px 0px; width: 572px;
}
div.post-container div.post-title{border-bottom: 1px dashed #ABABAB;}
div.post-container div.post-title a{font: 20pt Georgia; text-decoration: none; color: #333333;}
div.post-container div.comment-title{background: url('images/label_Comments.png') no-repeat top left; margin: 5px 0px 10px 0px;}
div.post-container div.reply-title{background: url('images/label_postAComment.png') no-repeat top left; margin: 5px 0px 10px 0px;}
div.post-container ul{list-style: none; text-decoration: none; margin: 0px; padding: 0px;}
div.post-container div.post-body,div.post-container div.comment-body{float: left; margin: 0px 0px 30px 15px; width: 570px;}
div.post-container div.comment-body{border-top: 1px dashed #ABABAB; padding-top: 10px;}
div.post-container div.comment-attrib{font: 9pt Verdana; color: #5A5A5A;}
div.post-container div.comment-attrib a{font: 10pt Georgia; color: #E6001D;}
div.post-container div.comment-attrib a.comment-edit-link {padding: 0px 0px 0px 20px; color: #999999; text-decoration: none; font: 10pt Georgia;}
div.post-container div.comment-attrib a:hover.comment-edit-link {text-decoration: underline;}

div.post-container div.post-title span.post-subtitle{font: small-caps 9pt Verdana; letter-spacing: 2px; color: #5A5A5A; text-decoration: none;}
div.post-container div.post-title span.post-subtitle-date{font: 7.5pt Verdana; letter-spacing: 2px; color: #5A5A5A; text-decoration: none;}
div.post-container div.post-title span.post-subtitle a{font: small-caps 9pt Verdana; color: #5A5A5A; text-decoration: none;}
div.post-container div.post-title span.post-subtitle a:hover{text-decoration: underline;}
div.post-container div.post-tags,div.post-tags a{font: 10pt Georgia; text-decoration: none; font-style: italic; color: #AEAEAE;}
div.post-tags a:hover{text-decoration: underline;}
div.post-container div.post-tags{float: left; margin: 6px 0px 20px 0px;}
div.post-container div.post-content{float: left; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
.post-content a{text-decoration: none; color: #E6001D;}
.post-content a:hover{text-decoration: underline; color: #0000FF;}

/* Share Links */
.line-below{border-bottom: 1px dashed #ABABAB;}
div.share{float: left; height: 22px; margin: 0px 0px 20px 0px; padding: 7px 0px 0px 0px;}
div.share a,div.share a:visited{margin: 0px 3px 0px 0px; padding: 0px 0px 1px 0px; width: 20px; height: 21px; display: block; float: left;}
div.share a:hover{border-bottom: 1px solid #E6001D;}
div.share a.print{background: url('images/icon_share_print.png') no-repeat top left;}
div.share a.sphinn{background: url('images/icon_share_sphinn.png') no-repeat top left;}
div.share a.digg{background: url('images/icon_share_digg.png') no-repeat top left;}
div.share a.delicious{background: url('images/icon_share_delicious.png') no-repeat top left;}
div.share a.facebook{background: url('images/icon_share_facebook.png') no-repeat top left;}
div.share a.google{background: url('images/icon_share_google.png') no-repeat top left;}
div.share a.twitter{background: url('images/icon_share_twitter.png') no-repeat top left;}
div.share a.mixx{background: url('images/icon_share_mixx.png') no-repeat top left;}

#reply{}
label{font: 10pt Georgia; color: #333333; margin: 10px 0px 0px 0px;}
.required{color: #888888;}
.post-content a.more-link{color: #333333; padding: 0px 0px 0px 5px; text-decoration: underline;}
.post-content a:hover.more-link{color: #0000FF;}
.leader {font: 8pt Arial; font-weight: bold; letter-spacing: 3px;}

#reply-text{float: left; width: 355px; margin: 20px 0px 0px 0px;}
#reply-text textarea{font: 12pt Arial; border: 2px solid #CCCCCC; width: 355px; height: 250px; display: block;}
#reply-text input#submit{font: 12pt Arial; border: 0; background-color:#E6001D; color: #FFFFFF; width: 75px; height: 25px; display: block; margin: 12px 0px 0px 0px; }

#reply-author{float: left; margin: 21px 0px 10px 10px; width: 200px;}
#reply-author input{font: 12pt Arial; border: 2px solid #CCCCCC; width: 200px; height: 25px; display: block; margin: 0px 0px 20px 0px; }
#reply-author input.field-openid{padding: 5px 10px 0px 28px; height: 20px; width: 170px; font: 9pt Arial; color: #999999; background: url('images/icon_openID_field.png') no-repeat left center;}
#reply-author a{text-decoration: none; font: 10pt Georgia; color: #333333;}
#reply-author a{text-decoration: underline;}

div.pagenav{float: left; margin: 8px 0px 0px 0px; text-align: right; width:642px;}
div.pagenav a{background-color: #AEAEAE; color: #FFFFFF; padding: 0; margin: 0px 0px 0px 3px; vertical-align: middle; line-height: 18px;}
div.pagename a:hover,div.pagenav .current{background-color: #E6001D; color: #FFFFFF; padding: 0; margin: 0px 0px 0px 3px; vertical-align: middle; line-height: 18px;}

#sidebar{width: 302px; float: left; margin: 0px 0px 0px 30px;}
#sidebar div.sidebar-box{float: left; width: 302px; margin: 8px 0px 0px 0px; padding: 8px 0px 40px 0px; border-top: 1px dashed #ABABAB;}
#sidebar div.sidebar-title{padding: 8px 0px 30px 0px;}
#sidebar ul{list-style: none; text-decoration: none; margin: 0px;}
#sidebar ul a{text-decoration: none; color: #333333; }
#sidebar ul a:hover{text-decoration: underline;}
li.cat-item {color: #E6001D;}

#sidebar ul.wpTwitterWidgetContainer{padding: 0px 0px 0px 0px; font: 9pt Arial; line-height: 20px;}
#sidebar ul.wpTwitterWidgetContainer li{border-bottom: 1px dashed #ABABAB; margin: 0px 0px 10px 0px;}
#sidebar span.entry-content{display: block;}
#sidebar span.entry-content a{color: #E6001D;}
#sidebar span.entry-content a.twitter-hashtag{color: #888888;}
#sidebar span.entry-content a.twitter-user{color: #5CB3FF;}
#sidebar span.entry-meta{display: block; color: #888888; font: 9pt Georgia; font-style: italic; padding: 10px 0px 18px 0px;}
#sidebar span.entry-meta a{color: #888888; text-decoration: none;}

/* Hack to get sidebar title images instead of text */
div.twittering{background: url('images/label_twittering.png') no-repeat top left; cursor: pointer;}
div.recent{background: url('images/label_recentRemarks.png') no-repeat top left;}
div.Categories{background: url('images/label_categories.png') no-repeat top left;}
div.BookMarks{background: url('images/label_bookmarks.png') no-repeat top left;}
div.links{background: url('images/label_usefulStuff.png') no-repeat top left;}

#footer {clear: both; margin: 40px 0px 0px 0px; padding: 20px 15px 5px 70px; height: 140px; width: 889px; background-color: #333333;}
#footer-stuff {width: 889px; height: 70px;}
.smallprint-left {float: left; height: 44px; font: 11pt Georgia; color: #666666;}
.smallprint-right {float: right; height: 44px; font: 11pt Georgia; color: #666666;}
#footer img{vertical-align:middle; border: 0;}

/* Clear Styles */
.clearboth{clear: both;}
.clearfix:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0}
.clearfix {display: inline-block}
html[xmlns] .clearfix {display: block}
* html .clearfix {height: 1%}