/*
Theme Name: TDotCom
Theme URI: http://www.tdotcom.net
Description: 
Version: 4.0
Author: Eric T Tarasewicz
Author URI: http://www.tdotcom.net
Tags: clean, basic
*/

/*** RESET ***/
*{padding:0;margin:0;}
p,pre,blockquote,ul,ol,dl,fieldset,address{margin:3px 5px 7px;padding:0 5px;}
ul,ol,li,dd{margin-left:1em;}
fieldset{padding:.5em;}
table{border-collapse:collapse;border-spacing:0}
address,caption,cite,code,dfn,em,strong,var{font-style:normal;font-weight:normal;}
th{padding:.2em 0;}
strong{font-weight:bold;}
em{font-style:italic;}
a img,:link img,:visited img{border:none;background:transparent;}
a:hover img{background:transparent;}
q:before,q:after{content:'';}
hr{clear:both;color:#700;}
div{position:relative;}
a{text-decoration:none;color:#a00;}
a:hover{text-decoration:underline;}
p a{font-weight:bold;}/*bold links in paragraph text*/

h1,h2,h3,h4,h5,h6{margin:11px 10px 5px;}
h1{font-size:21px;margin:0 10px;}
h2{font-size:17px;}
h3{font-size:15px;}
h4{font-size:13px;}
h5{font-size:11px;}
h6{font-size:9px;}
/*** RESET ***/

/*** LAYOUT ***/
/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter{display:block;margin:0 auto;}
.alignleft{float:left;}
.alignright{float:right;}
.wp-caption{border:1px solid #a00;text-align:center;background:#eee;padding:7px 3px 3px;margin:10px;}
.wp-caption p{font-size:85%;}
.more-link{display:block;float:right;margin:.5em;}

.clear{clear:both;display:block;height:1px;margin:-1px 0 0 0;}

html{background:#fff url(./style/images/bg.jpg) repeat-x;}
body{font:.81em arial,verdana,heveltica,sans-serif;background:transparent;width:960px;margin:0 auto;border-top:0;}

#header{height:153px;background:url(./style/images/header.jpg) no-repeat;margin-bottom:10px;}
#header #searchform{position:absolute;right:0;top:100px;}
#header #share{position:absolute;right:0;top:130px;}
#content{}

.post{margin-bottom:31px;}
.post-meta{width:80%;clear:both;margin:10px auto;border:1px dotted #900;border-right:0;border-left:0;background:#eee;font-size:80%;}
.pdRating{margin:5px auto;width:300px;display:block;}

#cSection{}
#cSection h3{}
#cSection ol{list-style:none;margin:0;}
#cSection li{margin:7px 0;}
#cSection li.auth{border:2px solid #600;}
#cSection li.alt{background:#eee;}
#cSection cite{}
#cSection .cMeta{}

#top{float:right;width:300px;margin:25px 0;padding-left:15px;}
#top li{list-style:none;display:inline;}
#top li a{float:left;padding:11px 13px;margin:0 1px;color:#ccc;font-size:13px;font-weight:bold;}
#top li a.current{background:#900;color:#fff;}
#top li a:hover{background:#900;color:#fff;}

#intro{padding:11px 7px;border:1px solid #a00;font-size:1.3em;background:#eee;margin:0 0 10px;-moz-border-radius:7px;-webkit-border-radius:7px;text-align:center;}

#main{float:left;width:520px;margin:0 0 15px;}
#sidebar{float:right;width:420px;text-align:center;}
#sidebar ul,#sidebar li{list-style:none;margin:0;padding:0;}
#sidebar li{margin-bottom:31px;}
#sidebar ul ul li{margin-bottom:11px;}
#sidebar .archive{width:220px;}
#lCol{float:left;width:260px;}
#rCol{float:right;width:140px;}

.postnav{list-style:none;margin:10px;}
.postnav li{margin:0;}

#footer{clear:both;text-align:center;border-top:1px solid #900;}
#footer ul{list-style:none;}
#footer li{display:inline;}
/*** LAYOUT ***/

/*** TYPOGRAPHY ***/
/* This helps to identify headings at the initial build stage, so I thought it'd be useful to have it */
p a,h1,h2,h3,h5,h5,h6{font-weight:bold;}

#header h1{float:left;margin:20px 0 50px;font-size:4em;color:#fff;font-family:Georgia,Cambria,serif;}
h2,#sidebar #rCol h3{font-size:26px;font-weight:normal;margin:10px 0 0;font-family:Georgia,Cambria,serif;}
h2 a:hover{background:#900;color:#fff;}

#sidebar h2{margin:10px 0 5px;clear:both;color:#ccc;background:#900 url(./style/images/sbh2.jpg) repeat-x;font-size:21px;padding:3px 0;-moz-border-radius:0 7px;-webkit-border-radius:0 7px 7px;}
#sidebar #rCol h3{font-size:17px;}
#sidebar #sbCats,
#sidebar #sbComments{text-align:left;padding:0 5px;color:#666;}
#sidebar #sbComments li{border-bottom:1px dotted #666;padding-bottom:4px;}

#footer{font-size:11px;}
/*** TYPOGRAPHY ***/

.avatar{float:left;margin-right:10px;}

#twitter_div{text-align:left;}
#twitter_div h2{text-align:center;}
#twitter_div li{background:#eee url(http://www.gravatar.com/avatar/5522ef29818c7bde7e630ea59e706d80?s=50) no-repeat 5px 5px;padding:5px 5px 0 60px;min-height:60px;border:1px solid #900;-moz-border-radius:5px;-webkit-border-radius:5px;margin:3px 0;}
#twitter-link{display:block;float:right;font-size:90%;}

.categories{}
#sidebar li.cat-item{margin:0;}
/*** widgets ***/

#sidebar .widget_rss li{margin:0 10px 7px 0;}

table{width:100%;}
th,td{padding:3px 7px;}
th{background:#333;color:#fff;}