/*  
Theme Name: thcreations_v_4
Theme URI: http://thcreations.com/
Description: Theme for created for the June 2006 THCreations Redesign
Author: Randy Runnels
Author URI: http://randalldean.syndicate19.com/

	thcreations_v_4
	http://thcreations.com/

	This theme was designed and built by Randy Runnels,
	whose blog you will find at http://randalldean.syndicate19.com/

*/

/* undohtml.css */
/* (CC) 2004 Tantek Celik. Some Rights Reserved.             */
/*   http://creativecommons.org/licenses/by/2.0                   */
/* This style sheet is licensed under a Creative Commons License. */

/* Purpose: undo some of the default styling of common (X)HTML browsers */


/* link underlines tend to make hypertext less readable, 
   because underlines obscure the shapes of the lower halves of words */
:link,:visited { text-decoration:none }

/* no list-markers by default, since lists are used more often for semantics */
ul { list-style:none;  list-style-position: outside; }

/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with 
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
ul,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0; font-weight:normal; }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }

/* de-italicize address */
address { font-style:normal }

/* more varnish stripping as necessary... */

/*/*/a{}
html, body {
  font-family:Tahoma, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
  margin: 0;
  padding: 0;
  background: #FFFFFF url(im/main_bkg.gif) repeat-x center top;
  color:#000000;
  text-align:center;
  font-size:x-small;
  voice-family:"\"}\"";
  voice-family:inherit;
  font-size:small;
    
}
html>body {
  font-size:small;
}
/* */

#container {
  text-align:left;
  width:761px;
  margin:0 auto;
  background: transparent url(im/container_bkg.gif) repeat-y center 300px;
}

#header {
  width:761px;
  height:84px;
  background:transparent url(im/logo.gif) no-repeat 50px 27px;
}

/* MAIN MENU */

 #menu {
    padding-top:14px;
    padding-left:45px;
    width:759px;
    height:51px;
    margin-left:1px;
    background:transparent url(im/menu_bkg.gif) no-repeat;
    voice-family:"\"}\"";
    voice-family:inherit;
    width:714px;
    height:37px;
  }
  
  html>body ul#main_menu{
    width:714px;
    height:37px;
  }

    ul#main_menu li {
      float:left;
    }
    
    *html ul#main_menu li {
       width:1%;
     }
    
      ul#main_menu  li a {
        font-family:Tahoma, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
        text-align:center;
        padding:12px 10px 0 10px;
        color:#FFFFFF;
        font-size:.85em;
        font-weight:bold;
        display:block;
        height:36px;
        text-decoration: none;
        text-transform:uppercase
        voice-family:"\"}\"";
        voice-family:inherit;
        height:25px;
      }
  
      html>body ul#main_menu{
        height:25px;
      }
      
      ul#main_menu  li a:hover {
        background:transparent url(im/menu_rlvr_bkg.gif) repeat-x;
        color:#567A0A;
      }
      
        ul#main_menu  li.current_page_item a {
          background:transparent;
          color:#567A0A;
          cursor:default;
        }
        
        ul#main_menu  li.current_page_item a:hover {
          background:transparent;
          color:#567A0A;
          cursor:default;
        }  
        
/* NAV BAR */

#nav {
  margin-top:20px;
  width:206px;
  float:left;
}

  #search {
    padding:10px 5px 10px 22px;
  }
    
  #s {
    width:100px;
    height:18px;
    padding:2px 0 0 3px;
    margin-right:1px;
    border:1px solid #000000;
  }
  
  #lists {
    background:transparent url(im/lists_bkg.gif) repeat-y;
    text-align:left;
  }
  
  #lists h2 {
    font-size:1.4em;
    margin:0;
    padding:5px 22px;
    background:transparent url(im/h2.gif) no-repeat 0 10px;
  }
  
  *html #lists h2 {
    background:transparent url(im/h2.gif) no-repeat 0 13px;
  }
  
  #lists ul {
    margin:0 0 5px 0;
  }
  
    #lists ul li{
      font-size:.85em;
    }
    
      #lists ul li a {
        padding:10px 12px;
        display:block;
        margin:0 10px;
        text-decoration: none;
        color:#333333;
        line-height:1.4;
      }
      
      *html #lists ul li a{
        height:1%;
      }
      
      #lists ul li a:hover {        
        background:transparent url(im/nav.gif);
        color:#000000;
      }
      
      #lists ul li a em{
        font-weight:bold;
        font-style:normal;
        color:#333333;
      }      
      
      #lists ul.links{
        margin-bottom:12px;
      }
      
      #lists ul.links li a {
        line-height:1.2;
        font-weight:bold;
        font-size:1.1em;
        padding:5px 12px;
        margin:0 10px;
        color:#333333;
      }
      
      #lists ul.links li a:hover {
        color:#000000;
      }


/* MAIN CONTENT */

#main_content {
  width:761px;
}

#content {
  display:inline;
  width:554px;
  float:left;
}

#content .post {
  padding:0 56px;
}
      
/* MISC */   
           
.calendar {
  color:#FFFFFF;
  float:left;
  width:52px;
  height:61px;
  background:transparent url(im/calendar_bkg.gif) no-repeat;
  margin:0 15px 0 0;
  text-align:center;
}

*html .calendar {
  margin-top:28px;
}

*html .home_cal {
  margin-top:0;
}

.calendar .m {
  padding-top:.6em;
  font-size:.8em;
  display:block;
}

.calendar .d {
  display:block;
  font-family: Georgia, Garamond, "Times New Roman", Times, serif;
  font-size:1.8em;
  line-height:.8;
  padding-bottom:.2em;
}

.calendar .y {
  display:block;
  font-size:.8em;
}

div.hr {
  margin:20px 0;
  height: 40px;
  background:transparent url(im/hr.gif) no-repeat 30% 50%;
} 

div.hr hr {
  display:none;
}

div.clearer {
  clear: both; 
  line-height: 0px; 
  height: 0px;
  overflow:hidden;
}

a:link,a:visited {
  text-decoration:underline ;
}

a {
  color:#0A51A1;
}

a:hover {
  text-decoration:none;
}

a.smaller {
  font-size:.85em;
}

#content p {
  line-height:1.5em;
  font-size:1em;
  margin:12px 5px;
}

.copy ul {
  margin:20px;
  list-style:circle;
}

.copy li {
  margin:8px;
}

a.faq_link {
  font-size:1.2em;
}

h1 {
  font-weight:normal;
  font-size:1.3em;
  padding-left:33px;
  background: transparent url(im/h1.gif) no-repeat 0 4px;
  color:#000000;
  text-transform:uppercase;
  margin:28px 0 28px 0;
}

h2 {
  font-family: Georgia, Garamond, "Times New Roman", Times, serif;
  font-weight:normal;
  font-size:1.6em;
  color:#8F0000;
  margin:28px 0 5px 5px;
}

h2 a:link, h2 a:visited, h2 a:hover {
  color:#8F0000;
}

h3 {
  font: bold 1em Verdana, Arial, sans-serif; 
  letter-spacing: 1px;
  text-transform: uppercase;
  margin:25px 0 5px 5px;
}

h3 a {
  color:#000066;
}

h4 {
  font-size:1.1em;
  font-weight:bold;
  margin:25px 0 5px 5px;
}

h5 {
  font-size:1em;
  font-weight:bold;
  margin:25px 0 5px 5px;
}

h6 {
  font-size:.9em;
  font-weight:bold;
  margin:25px 0 5px 5px;
}

blockquote {
  font-family:monospace;
  font-size:.9em;
  padding:0 10px;
  background:#FFFFFF;
  border-left:8px solid #CCCCCC;
  margin:12px 5px;
}

code {
  display:block;
  padding:4px 8px;
  font-family:monospace;
  border:1px dashed #999999;
  background:#FFFFFF;
}

#meta {
  font-size:.85em;
  color:#333333;
  line-height:1.5;
}

  #meta ul {
    margin-left:5px;
  }

  #meta ul li {
    display:inline;
  }
  
/* COMMENTS */

ol.commentlist {
  margin-top:15px;
  background:#F4F4F4;
  border-bottom:1px solid #999999;
  font-size:.85em;
}

ol.commentlist li {
  padding:10px;
  border-top:1px solid #999999;
}

ol.commentlist li.alt {
  background:#FFFFFF;
}

ol.commentlist li cite {
  font-style:normal;
}

ol.commentlist li cite em.float {
  font-size:.9em;
  display:block;
  float:right;
  font-style:normal;
  color:#666666;
}

ol.commentlist li p, ol.commentlist li blockquote, ol.commentlist li code {
  font-size:1.1em;
  margin:20px;
}

form#commentform label{
  display:block;
}

form#commentform input {
  width:70%;
}

form#commentform textarea#comment {
  width:100%;
}

*html form#commentform textarea#comment {
  width:95%;
}

form#commentform input#submit {
  padding:3px 0;
  width:150px;
}      
      
blockquote.tagline{
  font: 200% verdana, arial, sans-serif;
  font-weight: bold; 
  letter-spacing: -1px;
  border:none;
  border-bottom:1px dashed #CCC;
  background:transparent;
  margin:20px 40px 0 40px;
  padding:0 0 25px 0;
  color:#666;
}

blockquote.tagline span {
  color:#333;
}

ul.related {
  font-size:.85em;
}

/* FOOTER */

#footer {
  padding:50px 0 15px 0;
  width:761px;
  margin:0 auto;
  background:transparent url(im/footer.gif) no-repeat 0 bottom;
  text-align:center;
  margin-bottom:20px;
}

#footer p {
  color:#666666;
  font-size:.85em;
}