/*********************************************
 *********************************************

		Author: Joe Edelmann
	Theme Name: tD Theme
	 Theme URI: teamdigital.com/blog
   Description: tD's new blog theme. Based off the current redesign of the website.
	
	Copyright©: Joe Edelmann / teamDigital
	Author URI: http://undefinedDesign.com
	
	   Version: 1.0

 *********************************************
 *********************************************/


/***** RESET *****/
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal; }
ol, ul, li { list-style:none; }
caption, th { text-align:left; }
h1, h2, h3, h4, h5, h6 { font-size:100%; }
q:before, q:after { content:''; }
a { margin:0; padding:0; text-decoration:none; outline:none; border:0; }


/***** BASICS *****/
strong { font-weight:bold; }
em { font-style:italic; }
* a { position:relative; }
a img { padding:3px; background:#CCC; border:0; }
a:hover img { background:#F60; border:0; }

a { color:#F60; }
a:hover { color:#930; border-bottom:2px solid #F60; }


body { font-family:Arial; color:#6F6F6F; background:#FFF url(images/bg-body.png) top repeat-x; }

h1 { padding:36px 0 0 60px; width:610px; height:152px; font-family:'Helvetica','Arial Black',Arial,sans-serif; font-size:68px; color:#FFF; line-height:68px; letter-spacing:3px; background:#F60; border-right:10px solid #FFF; }
h1 a { color:#FFF; }
h1 a:hover { color:#FFF; border:0; }
h1 span { padding:0 80px 0 4px; font-size:20px; font-weight:normal; display:block; line-height:25px; letter-spacing:0; }
h2 { margin:0 0 10px; font-size:24px; color:#F60; font-weight:normal; letter-spacing:-.5px; }
h2.pagetitle { font-size:18px; color:#919090; text-align:center; font-variant:small-caps; letter-spacing:.5px; }
#sidebar h2 { margin:0 0 10px; padding:0 0 6px 2px; font-size:10px; font-weight:bold; color:#A3A3A3; text-transform:uppercase; border-bottom:1px solid #CCC; }

h3 { margin:0 0 2px; font-size:18px; font-weight:normal; }
h4 { margin:0 0 10px; padding:0 0 6px 2px; font-size:10px; font-weight:bold; color:#A3A3A3; text-transform:uppercase; border-bottom:1px solid #CCC; }

p { margin:0 0 18px; font-size:12px; line-height:18px; }
ul,ol { margin:0 0 18px; font-size:12px; }
img { padding:3px; background:#CCC; }


/***** CONTAINERS *****/
#container { margin:0 auto; width:960px; }
#header { padding:40px 0 14px; overflow:auto; position:relative; }
#branding { margin:0 0 0 5px; width:168px; height:52px; text-indent:-9999px; background:url(images/tD-logo.png) no-repeat; float:left; position:relative; }
#branding a { position:absolute; top:0; left:0; width:168px; height:52px; }
#branding a:hover { border:0; }
#blog-header { height:188px; background:#43423E; }
#content { padding:20px 60px 20px 20px; width:560px; float:left; overflow:auto; }
#sidebar { margin-left:40px; padding:27px 0 20px; width:280px; float:left; }
#footer { height:21px; background:#53524E; color:#EEE; clear:both; }
#footer div.orange { width:670px; height:21px; background:#F60; border-right:10px solid #FFF; }


/***** NAV *****/
#nav { margin:21px 0 0; float:right; overflow:auto; }
#nav li { margin:0 0 0 28px; padding:0 0 2px; font-size:12px; text-transform:uppercase; float:left; }
#nav li a { color:#43423E; letter-spacing:-0.5px; }
#nav li a:hover { border-bottom:2px solid #F60; }
#nav li.current a { color:#F60; }

#subnav { position:absolute;top:30px; right:0; }
#subnav li { margin:0 8px 0 0; padding:0 8px 0 0; font-size:10px; float:left; line-height:10px; border-right:1px solid #999; }
#subnav li a { color:#60605C; }
#subnav li a:hover { color:#F60; border:0; }
#subnav li.end { margin:0; padding:0; border:0; }


/***** SIDEBAR *****/
#sidebar li#RSS-Feed p { padding:0 0 0 25px; height:22px; background:url(images/RSS-feed-logo.png) no-repeat; }
#sidebar ul li.search-form { margin:0 0 18px; }

#sidebar ul ul { margin:0 12px 18px 12px; }
#sidebar ul ul li { font-size:11px; line-height:18px; }
#sidebar li p { padding:0 12px; font-size:11px; line-height:18px; }


/***** POSTS *****/
div#content p.date { margin:0 -15px 10px -15px; padding:0 0 4px 1px; color:#A3A3A3; font-size:14px; font-weight:bold; border-bottom:1px solid #CCC; }
div.post { margin:0 -15px; padding:0 15px 0 15px; clear:both; }
div.post img { margin:0 0 14px; display:block; }
div.post p { font-size:13px; line-height:22px; }
div.post p a.more-link { font-size:11px; font-weight:bold; font-style:italic; text-transform:uppercase; }
div.post ul,div.post ol { margin:0 0 18px; padding:0 0 0 44px; line-height:22px; }
div.post ul li { list-style:square; }
div.post ol li { list-style:decimal; }

div.postInfo { margin:0 -15px 40px -15px; padding:8px; background:#F5F5F5; }
div.postInfo p { margin:0; font-size:11px; color:#939393; }
div.postInfo p cite { color:#000; }
div.postInfo p.comments { padding:0 0 0 18px; background:url(images/commentIcon.png) 0 3px no-repeat; }


/***** FOOTER *****/
#footer p { margin:0; font-size:11px; }
#footer p.copyright {  padding:2px 0 0 6px; float:left; }
#footer p.feed { padding:2px 6px 0 0; float:right; }
#footer p.feed a { color:#FFF; }
#footer p.feed a:hover { color:#930; }


/***** COMMENTS *****/
ol.commentlist { margin:0 0 20px; padding:24px 0 6px; border-top:2px solid #F60; border-bottom:2px solid #F60; }
li.comment { margin:0 0 18px; color:#43423F; min-height:90px; font-size:10px; overflow:auto; clear:both; position:relative; }
.comment-meta { margin:0; padding:2px 4px; width:146px; color:#FFF; background:#43423F; text-align:right; float:left; }
li.comment .commentmetadata p,li.comment .comment-meta p { margin:0; font-size:10px; }
.comment-meta img { margin:8px 0 2px; width:32px; height:32px; background:#FFF; }
.comment-author { padding:0 0 0 8px; width:370px; float:left; }
.comment-author p.author-outer { margin:0 0 8px; padding:0; border-bottom:1px solid #CCC; }
.comment-author p.author-outer em { font-size:10px; color:#999; }
li.comment cite { font-size:12px; font-weight:bold; }
span.date-month { text-transform:uppercase; font-weight:bold; color:#F60; }
span.at { color:#CCC; }
.comment-meta a { color:#CCC; }
.comment-meta a:hover { color:#930; border:0; }

li.comment.odd { color:#666666; }
li.comment.odd .comment-meta { background:#666666; }

li.comment.bypostauthor { color:#000; background:#EEE; }
li.comment.bypostauthor .comment-meta { color:#FFF; background:#F60; }
li.comment.bypostauthor span.date-month { color:#930; }
li.comment.bypostauthor span.at { color:#DDD; }



/***** COMMENT FORM *****/
h3#respond { margin:0 -15px; padding:8px 8px 0; color:#000; background:#F5F5F5; }
form#commentform { margin:0 -15px 12px -15px; background:#F5F5F5; position:relative; }
form#commentform fieldset { padding:12px; display:inline; }
form#commentform fieldset p { margin:0 0 12px; }
form#commentform label { font-size:12px; }


/***** POST NAVIGATION *****/
.navigation { font-size:12px; font-variant:small-caps; }
.navigation .alignleft { float:left; }
.navigation .alignright { float:right; }