/*   
Theme Name: ProToolerBlog theme
Theme URI: http://www.tdhedengren.com
Description: WP theme for ProToolerBlog.com
Author: Thord Daniel Hedengren
Author URI: http://www.tdhedengren.com
Version: 1.0
*/



/* [global]
___________________________________ */


body {
     margin: 0px;
     font-family: Verdana, sans-serif;
     font-size: 12px;
     line-height: 150%;
     color: #444;
     background-color: #ddd;
     background-image: url(img/lightbluegrey.gif);
     text-align:center;
     }

a:link, a:active, a:visited {
     color: #06f;
     text-decoration: underline;
     }

a:hover {
     text-decoration: none;
     background-color: #e7f0ff;
     }

img {
     border-width: 0px;
     }

#wrap {
     width: 748px;
     margin: 20px auto;
     padding: 0px;
     background-color: #fff;
     text-align:left;
     }

h3 {
     font-size: 16px;
     font-weight: bold;
     margin: 0px;
     padding: 15px 0px 2px 0px;
     border-width: 0px 0px 1px 0px;
     border-style: solid;
     border-color: #ddd;
     }

blockquote { margin-left: 10px; padding: 0 0 0 10px; border-style: dotted; border-width: 0 0 0 1px; border-color: #06f; color: #666;  }

img.right { float:right; margin: 0 0 10px 10px; }
img.left { float:left; margin: 0 10px 10px 0; }
img.frame { padding: 3px; border: solid 1px #ccc; }


/* [header]
___________________________________ */

#lb {
    padding: 10px;
    text-align: center;
    margin: 0px;
    }

#logo {
    clear: both;
    padding: 20px 0;
    margin: 0px;
/*    height: 148px; */
    text-align: center;
    }


/* [content]
___________________________________ */

.content {
     float: left;
     position: relative;
     width: 530px;
     margin: 0px;
     padding: 0px;
     overflow:hidden;
     }

.post {
     margin: 10px 10px 0px 10px;
     padding: 20px 20px 0px 20px;
     background-color: #fff;
     background-image: url(img/post-bg.gif);
     background-repeat: repeat-x;
     text-align: justify;
     overflow: hidden;
     }

h2 {
     letter-spacing: -1px;
     text-transform: normal;
     font-size: 24px;
     font-weight: bold;
     text-decoration: none;
     margin: 0px;
     padding: 0px;
     text-align: left;
     line-height: 120%;
     }
     
a.h2link:link, a.h2link:active, a.h2link:visited, a.h2link:hover {
     text-decoration: none;
     color: #59f;
     }

.entry {
     margin: 0px 0px -10px 0px;
     padding: 0px;
     }

.postmetadata {
     font-size: 10px;
     line-height: 130%;
     color: #666;
     margin: 0px -20px;
     padding: 20px;
     background-color: #fff;
     background-image: url(img/postmeta-bg.gif);
     background-repeat: repeat-x;
     background-position: bottom;
     text-align: left;
     }

img.post {
     margin: 10px;
     border: 0px;
     }

.category {
     font-size: 18px;
     letter-spacing: -1px;
     margin: 0px 0px 30px 0px;
     border-color: #ccc;
     border-width: 0px 0px 1px 0px;
     border-style: solid;
     }

#footer { 
     margin: 0px 10px 10px 10px;
     padding: 10px;
     background-color: #e7f0ff;
     font-size: 10px;
     color: #666;
     line-height: 150%;
     }

.footie { text-transform: uppercase; font-weight: bold; }




/* [comments]
___________________________________ */


#comment {
     margin: 20px 10px 0px 10px;
     padding: 0px;
     background-color: #fff;
     }

#comment h2 {
     margin: 0px;
     padding: 0px;
     font-size: 16px;
     }

#comment p {
     font-size: 12px;
     line-height: 150%;
     padding: 0px;
     margin: 10px 0px;
     }
     
#comment p.commentbox {
     margin: 5px 0px;
     padding: 5px;
     background-color: #e7f0ff;
     border-color: #ccc;
     border-width: 0px 0px 1px 0px;
     border-style: solid;
     }

#commentstuff {
     margin: 20px 0px 0px 0px;
     padding: 15px; 
     background-color: #eee;
     background-image: url(img/verylightgrey.gif);
     }

.commenter {
     padding: 2px 0px 0px 0px;
     margin: 10px 0px 10px 0px;
     border-color: #ccc;
     border-width: 1px 0px 0px 0px;
     border-style: solid;
     font-size: 10px;
     color: #666;
     }

#commentlist {
	margin: 10px 0px 10px 0px;
	padding: 0;
	border-bottom: 1px solid #ccc;
	list-style-type: none;
	}

#comment li, #commentlist li {
	border-top: 1px solid #ccc;
	background-image: none;
	background-color: #FFF;
	padding: 1px 20px;
	font-size: 14px;
	line-height: 140%;
	font-weight: normal;
	text-transform: none;
	list-style-type: none;
	}
.alt {
	background-color: #EEE !important;
	background-image: none;
	}

.commentmeta {
	margin: 0px 0px 10px 0px;
	font-size: 0.9em;
	color: #999;
	}
.thecomment {
	margin: 10px 0px 10px 0px;
	}


/* [sidebar]
___________________________________ */

#sidebar {
     float: right;
     position: relative;
     width: 210px;
     margin: 0px;
     padding: 0px;
     display: inline;
     font-size: 10px;
     line-height: 150%;
     }

#sidebar ul { margin: 10px 10px 10px 0px; padding: 10px; background-color: #eee; background-image: url(img/verylightgrey.gif); }

#sidebar h2 { margin: 0px 0px 5px 0px; font-size: 14px; letter-spacing: -1px; border-style: solid; border-color: #ccc; border-width: 0px 0px 2px 0px; }

#sidebar p { margin: 0px; padding: 0px; }

#cats li { list-style:circle inside; margin-bottom: 2px; }
#cats a { font-weight: bold; }
#cats ul { margin:0; padding: 0; background: none !important; }

#latestcomments li {
     list-style-type: none;
     text-transform: normal;
     text-decoration: none;
     font-weight: normal;
     font-weight: bold;
     }

#latestcomments small { font-size: 9px; font-weight: normal; }

.form { margin: 0px; padding: 0px; }