/*  
Theme Name: Skratchdot
Theme URI: http://www.skratchdot.com/
Description: Theme for http://www.skratchdot.com/
Version: 1.0
Author: Jeff S.
Author URI: http://www.skratchdot.com/
*/


/* ----------------------------- */
/* PAGE LAYOUT                   */
/* ----------------------------- */
html { background: #000; }
body { font-family: Verdana, Arial, Helvetica, Georgia, Sans-serif; background: #5e1919 url(images/body-bg-diamonds.gif) repeat fixed top center; }
#doc3 { margin:auto; }
#hd { background: #fff url(images/hd-bg-diamonds.gif) repeat fixed top center; }
#bd { background: #eee url(images/bd-bg.gif) repeat-y; }
#bd-container { padding: 2em; }
#ft { background: #000; color: #fff; }
.content { width:974px; margin:auto; clear:both; }
.textCenter { text-align:center; }
.textLeft { text-align:left; }
.textRight { text-align:right; }


/* ----------------------------- */
/* HEADER TAGS                   */
/* ----------------------------- */
h1, h2, h3, h4, h5, h6{font-weight: normal;margin:0;padding: 0; line-height: 1.1em;}
h1{font-size: 28px;}
h2{font-size: 24px;}
h3{font-size: 22px;}
h4{font-size: 18px;}
h5{font-size: 14px;}
h6{font-size: 12px;}


/* ----------------------------- */
/* LINKS */
/* ----------------------------- */
a:link, a:visited, a:hover, a:active {color: #c00;text-decoration: underline;}
a:hover {background: #ccc;}
a.noBackground:hover {background-color: transparent; }


/* ----------------------------- */
/* HEADER                        */
/* ----------------------------- */
#hd-top { border-top: 3px solid #000; }
#hd-nav-bar { background: #000; clear: both; height: 2.5em; }
#hd-title-logo { width: 191px; height: 75px; display: block; text-indent:-2000px; float: left; background:url(images/hd-title-logo.png?20090306) no-repeat; }
#hd-title-desc { padding-top: 20px; }
#hd-date { padding:2px; background:#fff; border:1px solid #c00; border-radius:.75em; -moz-border-radius:.75em; }
#searchform { width:240px; height:26px; background:url(images/searchbox.png) no-repeat; position:relative; top:3px; }
#hd #s { border:1px solid #000; float:left; border:0; width:203px; background:none; color:#000; margin:4px 0 0 4px; }
#hd #s.blurText { color:#acacab; }
#hd #go { float:right; width:25px; height:26px; background-color:transparent; border:0px; cursor:pointer; }
#hd a#feed { background: transparent; }
#hd a#feed img { width:18px; height:18px; background: url(images/feed_switch.png) no-repeat 0 0; overflow:hidden; }
#hd a#feed:hover img { background-position:0 -18px !important; }


/* ----------------------------- */
/* Post Info                     */
/* ----------------------------- */
.post { background: #fff; padding: 25px 25px 15px 25px; clear: both; overflow: hidden; padding-bottom: 1em; margin-bottom: 2em; border:1px solid #000; border-radius:.75em; -moz-border-radius:.75em; }
.post .nodate { height: 50px; width: 45px; background: url(images/page.gif) no-repeat; font: normal 22px Arial, Helvetica, sans-serif; color: #666666; text-align: center; padding: 0px 2px 0 0; line-height: 100%; float: left; }
.post .date { height: 50px; width: 45px; background: url(images/calendar.gif) no-repeat; font: normal 22px Arial, Helvetica, sans-serif; color: #666666; text-align: center; padding: 0px 2px 0 0; line-height: 100%; float: left; }
.post .date span { height: 16px; display: block; font: normal 11px Arial, Helvetica, sans-serif; color: #ffffff; text-align: center; padding-top: 7px; }
.post .title { float: left; margin-left: 10px; width: 558px; }
.postdata { font-size: 90%; }
.postdata a, .postdata a:visited { text-decoration: none; }
.postdata .category { float: left; }
.postdata .author { font-weight: bold; float: left; padding-right: 10px; }
.postdata .comments { float: right; white-space: nowrap; }
.entry { padding: 15px 0px 5px; clear: both; font-size:1em; line-height:1.6em; margin-bottom: 1em; }
.entry p { margin-bottom:1em; }
h2.posttitle { margin: 3px 0 2px; padding-bottom: 4px; font-size: 24px; border-bottom: dotted 1px #333; }
h2.posttitle a, h2.posttitle a:visited { text-decoration: none; }
.tags { float: right; display: block; color: #333; }
.tags a { font-weight: bold;}


/* ----------------------------- */
/* Page Navigation               */
/* ----------------------------- */
.page-title { clear: both; margin-bottom: 2em; padding: 10px; background: #ccc; border:1px solid #000; border-radius:.75em; -moz-border-radius:.75em; }
.page-nav { clear: both; margin-bottom: .6em; margin-top: 1em; padding: 10px; background: #ccc; border:1px solid #000; border-radius:.75em; -moz-border-radius:.75em; }
.older-entries a { float: right; }
.newer-entries a { float: left; }
.page-nav a:hover { background: #bbb; }


/* ----------------------------- */
/* SIDEBAR                       */
/* ----------------------------- */
.sidebar { display: inline; }
.sidebar ul.sidebar-widget { list-style-type: none; border:0px; margin:0px; padding:0 14px 0 6px; }


/* ----------------------------- */
/* WIDGETS                       */
/* ----------------------------- */
.widget { padding: 10px 0px 10px 5px; }
h2.widgettitle { height:30px; width:215px; text-align:center; background: url(images/widgettitle-bg.gif); font: bold 16px/30px Georgia, Verdana, Sans-serif; };
.widget ul,
.widget ul li,
.widget ul li ul,
.widget ul li ul li { border:0px; margin:0px; padding:0px; list-style: none; display:block; }
.widget ul li a,
.widget ul li ul li a { width:215px; display: block; border-bottom: 1px dotted #666; margin:0px; padding:0px; }
.widget li a,
.widget li a:link,
.widget li a:visited,
.widget li a:hover,
.widget li a:active { text-decoration:none; }

/* ----------------------------- */
/* CALENDAR                      */
/* ----------------------------- */
#wp-calendar { width: 100%; }
#wp-calendar #prev a, #wp-calendar #next a { font-size: 9pt; }
#wp-calendar a { text-decoration: none; }
#wp-calendar caption { font-weight:bold; text-align: center; }
#wp-calendar th { border-bottom: 1px dotted #666; border-top: 1px dotted #666; }
#wp-calendar { empty-cells: hide; width: 200px; }
#wp-calendar #next a { padding-right: 10px; text-align: right; }
#wp-calendar #prev a { padding-left: 10px; text-align: left; }
#wp-calendar a { display: block; border: 1px solid #c00; }
#wp-calendar #today { border: 1px solid #000; }
#wp-calendar caption { text-align: center; width: 100%; }
#wp-calendar td { text-align: center; background-color:#ddd; }
#wp-calendar .pad { background-color:#eee; }


/* ----------------------------- */
/* Post Info                     */
/* ----------------------------- */
.mini-add-comment { background: url(images/mini-down-arrow.gif) no-repeat left center; padding-left: 12px; float: right; white-space: nowrap; }
#comments { background: url(images/comments.gif) no-repeat; padding-left: 22px; font: normal 140%/120% Arial, Helvetica, sans-serif; clear: both; }
#respond { background: url(images/edit.png) no-repeat; padding-left: 22px; margin: 20px 0px 0px; clear: both; }
#respond h3 { font: normal 140%/120% Arial, Helvetica, sans-serif; }
.nocomments { display: none; }

/* commentform */
#commentform { margin-top: 10px; }
#commentform label { font-weight: bold; color:#666; font-size: 100%; padding-left: 5px; }
#commentform small { color: #999999; font-size: 90%; }
#commentform textarea { font: 110% Arial, Helvetica, sans-serif; width: 480px; height: 140px; background:url(images/form-field-bg.gif) no-repeat; border: solid 1px #e6e6e6; padding: 5px 3px 3px 7px; }
#commentform textarea:focus, #commentform input[type="text"]:focus { border: solid 1px #999; }

/* comment list */
.commentlist { margin: 10px 0px; padding-left: 45px; line-height: 130%; }
.commentlist li { padding: 5px 10px; }
.commentlist .alt { background: #F4F4F4; }
.commentlist li ul { list-style-type:none; }
.commentlist li ul li { padding-bottom:10px; margin-bottom:10px; margin-top:13px; }
.commentlist li ul li ul li { background-color: white; }
.commentlist cite { font-weight: bold; font-style: normal; font-size: 110%; }
.comment-meta { margin-bottom: 1.4em;font-size: .9em; }
.comment-meta a { color: #000; }
.reply { font-size: .9em;margin:1em 0; }
img.avatar { float: right; margin: 5px; }
.commentlist small { margin-bottom: 5px; display: block; font-size: 87%; }
.commentlist small a, .commentlist small a:visited { color: #999999; }
.comment-body p { margin-left: .6em; }



/* ----------------------------- */
/* REPLY FORM                    */
/* ----------------------------- */
#respond legend {display: none;}
#respond fieldset {border:none;background: transparent;}
#respond label { color:#333; font-size: .9em; display: block; }
#respond small { color: #555; font-size: 90%; }
#respond input { font: 110%  arial, helvetica; padding: 5px 3px 3px 5px; background: url(images/form-field-bg.gif) no-repeat; border-top: 1px solid #ccc; border-right: 1px solid #aaa; border-bottom: 1px solid #aaa; border-left: 1px solid #ccc; }
#respond textarea { font: 110% courier, arial, helvetica; height: 140px; background:url(images/form-field-bg.gif) no-repeat; border-top: 1px solid #ccc; border-right: 1px solid #aaa; border-bottom: 1px solid #aaa; border-left: 1px solid #ccc; padding: 5px 3px 3px 7px; }
#respond textarea:focus, #respond input[type="text"]:focus { border: solid 1px #666; }
#respond .button, #respond input[type="submit"], #respond .submit { border: 1px solid #aaa; background: #e5e5e5; margin:0; font-weight: bold; font-family: arial, helvetica; }
#respond .button:active, #respond input[type="submit"]:active { background: #e5e5e5; color: #000; }


/* ----------------------------- */
/* INFO PAGES                    */
/* ----------------------------- */
.info-nav { background: #eee; padding:10px; margin-bottom:10px; border:1px solid #c00; border-radius:.75em; -moz-border-radius:.75em; }
.info-nav ul li { display: inline; list-style-type: none; padding-left: 10px; }
.info-link,a.info-link,a:link.info-link,a:visited.info-link,a:hover.info-link,a:active.info-link { text-decoration:none;color:#000;background:transparent; }
.info-section-title { border-bottom:1px solid; padding-top:5px; margin-bottom:10px; }
.info-section { margin-bottom:10px; }
.info-section ul { padding-left: 20px; }
.info-section ul li { list-style-type: circle; list-style-position: outside; }
.info-section-note { background:#efefef; padding:10px; border:1px solid #000; border-radius:.75em; -moz-border-radius:.75em; }


/* ----------------------------- */
/* LISTS                         */
/* ----------------------------- */
ul.listDecimal li, ol.listDecimal li { list-style:decimal; margin-left:20px; padding-bottom:5px; }
ul.listSquare li, ol.listSquare li { list-style:square; margin-left:20px; padding-bottom:5px; }

/* ----------------------------- */
/* WORDPRESS COMMON              */
/* ----------------------------- */
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignleft { float: left; }
.alignright { float: right; }
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }


/* ----------------------------- */
/* 100% HORIZONTAL DIVIDER       */
/* ----------------------------- */
.h-div-full { width: 100%; height:3px; min-width: 974px; margin: 0 auto; border:0px; padding:0px; text-align: left; background: url(images/horizontalDiv.gif) repeat-x; }
* html .h-div-minwidth-iehack { width:0px; padding:0 0 0 974px; height:3px; border:0px; margin:0px; overflow:hidden;}


/* ----------------------------- */
/* FLOATING AND ALIGNMENT        */
/* ----------------------------- */
.right { float:right; }
.block { display:block; }
.left { float:left; }
.clear { clear:both; }
.center { text-align: center; }


/* ----------------------------- */
/* PADDING                       */
/* ----------------------------- */
.padLeft5px { padding-left: 5px; }
.padRight5px { padding-right: 5px; }


/* ----------------------------- */
/* CLEARFIX                      */
/* ----------------------------- */
.fix:after{ content:".";display:block;height:0;clear:both;visibility:hidden; }
.fix{ display:inline-block; } 
* html .fix{ height:1%; }
.fix{ display:block; }