/*  
Theme Name: Teeth of the Divine
Theme URI: http://www.teethofthedivine.com
Description: The highly modified TOTD theme
Version: 1.0
Author: MK

*/

/* ------------------------------------------------------------------ GENERAL */

#share { width: 100%; }

.imgtxt { background: #000; margin-top: 15px; margin-bottom: 15px; text-align: center; color: #ffF; font: normal normal 11px Arial; }
.imgtxt img { display: block; margin: auto; width: 598px;}
.imgtxt span { display: block; text-align: left; clear:both; padding: 5px; color: #fff; }

.feamm { margin-left: 40px; text-align: left; font:normal normal 11px Verdana; margin-bottom: 1px; min-height: 44px; list-style-type: none; background: #d5d5ce url(http://www.teethofthedivine.com/site/uploads/2011/09/staff-mm.jpg) 4px 4px no-repeat; padding:4px 50px 4px 4px;}

.feamk { margin-left: 40px; text-align: left; font:normal normal 11px Verdana; margin-bottom: 1px; min-height: 44px; list-style-type: none; background: #e0e0d9 url(http://www.teethofthedivine.com/site/uploads/2011/09/staff-mk.jpg) 4px 4px no-repeat; padding:4px 50px 4px 4px;}

h5 { font: normal bold 16px Garamond; line-height: 20px; margin-bottom: 10px; margin-top: 25px; }

#readmorereviews { background: url(pics/h-latestreviews.gif) no-repeat; background-position: -40px 10px; width: 180px; text-align: center; padding-top: 60px; }
#readmorereviews ul { width: 100%; margin: 0px; padding: 0px;}
#readmorereviews ul li { width: 100%; text-align: center; list-style-type: none;}
#readmorereviews a img { border: 0px; }

#addthistoo { float: right; background: #c8c8bf; border:1px solid #a2a29a; padding: 2px; display:block;}
#addthistoo .txt { float: left; font: normal normal 10px Verdana; margin-top: 2px; }
#addthistoo a { float: left; margin-left: 7px; }

#latestForum { 
    background: url(pics/h-latestforum.gif) no-repeat;
    padding-top: 24px;
    margin-top: 20px;
    font: normal normal 12px Times New Roman;
    width: 160px; 
    text-align: left;
}
#latestForum .more { font: normal normal 10px Arial; border-top: 1px dashed #d4d4cc; }
#latestForum .more a { float: right; padding: 3px; display: table-cell; background: #000; color: #fff; }
#latestForum .more a:hover { background: #fff; color: #000; }

#latestForum ul { list-style-type: none; padding: 0px; margin: 0px;}
#latestForum ul li { padding-bottom: 5px; }
#latestForum a { text-decoration: none; }
#latestForum a:hover { text-decoration: underline;}

* { margin: 0px; padding: 0px; }

a { color: #800000; }

body {
  background: #f0efe7 url(pics/bg-bottom.gif) repeat-x;
  background-position: bottom;
  }

#bgTop { 
  background: url(pics/bg-top.gif) repeat-x;
  text-align:center;
  }

.container { 
  width: 900px; 
  margin: auto;
  background: #efefe6 url(pics/bg-header.jpg) no-repeat;
  display: table;
  }

  
h4 {
  font: normal bold 14px Times New Roman, Sans-serif;
  text-transform: uppercase;
  color: #000;
  padding-bottom: 20px;
  }  

h4 span {
  font: normal bold 13px verdana, Sans-serif;
  color: #800000;
  }

h2 {
  font: normal bold 22px Arial, Sans-serif;
  text-transform: uppercase;
  color: #000;
  padding-bottom: 20px;
  text-align: left;
  }  

h2 span {
  font: normal bold 18px verdana, Sans-serif;
  color: #800000;
  }
  
/* ------------------------------------------------------------------- FOOTER */
  
#footer { 
  background: #000 url(pics/bg-footer.jpg) no-repeat;
  height: 200px; 
  text-align: center;
  }

#footer #fundBot { padding-top: 20px; padding-bottom: 20px; height: 90px;}  

#footer #copyright { 
  background: url(pics/bg-copyright.jpg) no-repeat; width: 860px; 
  margin:auto; color: #e4e4e4;
  font: normal normal 11px Arial;
  display: table;
  padding-top: 8px;
  padding-bottom: 8px;
  border: 1px solid #000;
  }

#footer #copyright a {
  color: #fff;
  font: bold normal 11px Arial;
  text-decoration: none;
  }  
  
#footer #copyright .floatLeft {
  float: left;
  padding-left: 10px;
  }

#footer #copyright .floatRight {
  float: right;
  padding-right: 10px;
  }
  
/* ------------------------------------------------------------------- HEADER */

  #topheader #fundTop { 
    height: 120px;
    text-align: right;
    padding-right: 20px;
    }

  #topheader #fundTop img { 
    padding-top: 15px;
    }
    
    
  #topheader .container {
    width: 860px; margin:auto;
    background: none;
    height: 71px;
    }    
    
    #topheader .container #logo { width: 300px; float: left; }
    #topheader .container #logo img { border: 0px; padding-top: 5px;}
    #topheader .container #search { float: right; }

  #topheader #menu {
    width: 860px; margin: auto;
    height: 30px;
    background: url(pics/bg-menu.jpg) no-repeat;
    color: #fff;
    }    
    
    #topheader #menu ul { 
      padding-top: 5px; list-style-type: none; 
      color: #fff; text-align: center; 
      }
    #topheader #menu ul li { 
      padding: 8px;
      font: normal bold 11px Arial, Sans-serif; color: #ffdd00;
      display: inline;
      }
    #topheader #menu ul li a {
      font: normal bold 12px Verdana, Sans-serif; color: #fff;
      letter-spacing: 3px;
      text-decoration: none;
      }
#topheader #search form {
  padding-top: 20px;
  }      
      
#topheader #search input {
  font: normal normal 11px Verdana;
  }

.clear { clear:both; height:0px; }

/* ------------------------------------------------------------------ CONTENT */

#content { 
  width: 860px;
  margin: auto;
  padding-top: 20px;
  text-align: left; 
  }

#content #postlist {
  width: 680px;
  float: left;
  }

#content #postlist .post {
  font: normal normal 1.25rem Georgia, Sans-serif;
  text-align: justify;
  margin-bottom: 15px;
  border-bottom: 1px dotted #000;
  width: 600px;
  }

#content #postlist .post ol {margin-left: 1em;}

#content #postlist .post p  {
  line-height: 1.75em;
  }

.entry p { margin-top: 8px; margin-bottom: 8px; }  
  
#content #postlist .post h4 {
  margin: 0px; padding-bottom: 5px;
  }

#content #postlist .post h4 a {
  font-size: 16px;
  text-decoration: none;
  }  
#content #postlist .post h4 a:hover {
  text-decoration: underline;
  }
  
  .postDate {
  font: normal bold 1rem Times New Roman, Sans-serif;
  letter-spacing: 1px;
  }  
  
#content #postlist .post .more {
  margin-top: 10px;
  margin-bottom: 2px;
  text-align: right;
  }  
  
#content #postlist .post .more a {
  background: #000;
  padding: 3px;
  color: #fff;
  font: normal normal 1rem Arial, Sans-serif;
  text-decoration: none;
  }
#content #postlist .post .more a:hover {
  color: #000;
  background: #fff;
  }

  
#content #mainos {
  float: left;
  text-align: right;
  width: 180px;
  }
  
.headerSearch {
  width: 680px; height: 33px;
  background: url(pics/h-search.gif) no-repeat;
  margin-bottom: 20px;
  }  

.headerNews {
  width: 680px; height: 33px;
  background: url(pics/h-news.gif) no-repeat;
  margin-bottom: 20px;
  }   
  
.headerFeatures {
  width: 680px; height: 33px;
  background: url(pics/h-features.gif) no-repeat;
  margin-bottom: 20px;
  }  

.headerBlog {
  width: 680px; height: 33px;
  background: url(pics/h-blog.gif) no-repeat;
  margin-bottom: 20px;
  }  

.headerAbout {
  width: 680px; height: 33px;
  background: url(pics/h-about.gif) no-repeat;
  margin-bottom: 20px;
  }   

.headerStaff {
  width: 680px; height: 33px;
  background: url(pics/h-staff.gif) no-repeat;
  margin-bottom: 20px;
  } 

.headerContact {
  width: 680px; height: 33px;
  background: url(pics/h-contact.gif) no-repeat;
  margin-bottom: 20px;
  } 

.headerAdvertise {
  width: 680px; height: 33px;
  background: url(pics/h-advertise.gif) no-repeat;
  margin-bottom: 20px;
  }   

.post h2 {
  font: normal bold 22px Times New Roman, Sans-serif; color: #000;
  }
.post .author2 { text-align: right; font: normal normal 14px Times New Roman, Sans-serif; margin-bottom: 20px;}

.snippet { text-align: center; margin-bottom: 20px; color: #fff; background: #000;  }
.snippet p { text-align: justify; font: normal bold 1.15rem Trebuchet MS, Sans-serif; line-height: 2em; padding: 5px 10px 10px 10px;}

.postImageTN { margin-right: 10px; float: left; }
.postImageTN img { border:1px solid #000; }
.postImage { background: #000; margin: 0px; padding: 0px; }
.postImage img { width: 598px; border:1px solid #000; }
    
#postlist .postTags, #review .postTags { font: normal bold 0.95rem Arial, Sans-serif; padding-top: 2em; line-height: 2rem;}
#postlist .postTags, #review .postTags a { text-decoration: none;}
#postlist .postTags, #review .postTags a:hover { text-decoration: underline;}

.postNav {
  width: 100%;
  padding-top: 10px;
  }  
  
.postNav a {
  color: #fff;
  border: 1px solid #000;
  text-decoration: none;
  font: normal bold 12px Arial, Sans-serif;
  text-transform: uppercase;
  }
    
.postNav .alignleft { 
  float: left;
  }
.postNav .alignright { 
  float: right;
  }  

.postNav .alignright a { 
  background: #400000 url(pics/n-next.gif) no-repeat;
  background-position: right 4px;
  padding-left: 5px;
  padding-right: 20px;
  padding-top: 2px; padding-bottom: 2px;
  }
  
.postNav .alignleft a {
  background: #400000 url(pics/n-prev.gif) no-repeat;
  background-position: left 4px;
  padding-left: 20px;
  padding-right: 5px;
  padding-top: 2px; padding-bottom: 2px;
  }  

.postNav .alignright a:hover { 
  background: #fff url(pics/n-next-b.gif) no-repeat;
  background-position: right 4px;
  color: #000; 
  } 

.postNav .alignleft a:hover { 
  background: #fff url(pics/n-prev-b.gif) no-repeat; 
  background-position: left 4px;
  color: #000;
  } 

  
/* ---------------------------------------------------------------- FRONTPAGE */      

#contentFront { 
  width: 860px;
  margin: auto;
  padding-top: 20px;
  text-align: left; 
  }

#contentFront #c1 {
  width: 460px;
  float: left;
  }

  #contentFront #c1 .headeri {
    width: 460px; height: 33px;
    background: url(pics/h-featured.gif) no-repeat;
    }

  #contentFront #c1 .storyHeader {
    margin-top: 20px;
    margin-bottom: 5px;
    padding: 5px 5px 10px 5px;
    font: normal bold 1.5em Georgia;
    text-align: left;
    background: #000 url(pics/bg-scraidu.gif) no-repeat;
    background-position: bottom;
    color: #fff;
    }    
  #contentFront #c1 .featured .storyHeader a {
    color: #fff;
    }
    
  #contentFront #c1 .featured {
    width: 440px;
    font: normal normal 1.2rem Georgia, Sans-serif;
    text-align: justify;
    line-height: 1.5rem;
    }  
  #contentFront #c1 .featured .story .date { font-size: 1rem}

  #contentFront #c1 .featured .story { border-bottom:1px dotted #000; padding-bottom: 2px; }
  
  #contentFront #c1 .featured .story p { margin-top: 10px; margin-bottom: 10px;}
  
  #contentFront #c1 .featured a {
    color: #800000;
    text-decoration: none;
    }     

    #contentFront #c1 #moreStuff {
      width: 440px;
      font: normal normal 11px Arial, Sans-serif;
      }
    
    #contentFront #c1 #moreStuff .headeri {
      margin-top: 30px;
      height: 12px;
      width: 440px;
      background: url(pics/h-handfulofnews.gif) no-repeat;
      }

    #contentFront #c1 #moreStuff .contain {
      background: url(pics/bg-morestuff.gif) repeat-y;
      border-bottom: 1px dashed #d4d4cc;
      width: 100%;
      }     
    
    #contentFront #c1 #moreStuff .contain .col1 {
      width: 220px;
      float: left;
      display: table-cell;
      }
    #contentFront #c1 #moreStuff .contain .col2 {
      width: 220px;
      float:left;
      display: table-cell;
      }

    #contentFront #c1 #moreStuff ul { 
      list-style-type: none;
      margin-top: 10px; 
      }
    #contentFront #c1 #moreStuff ul li {
      padding-bottom: 10px;
      } 
    #contentFront #c1 #moreStuff .contain a { font: normal normal 1rem 'Times New Roman', Sans-serif; text-decoration: none; }
    #contentFront #c1 #moreStuff .contain a:hover { text-decoration: underline; }
    #contentFront #c1 #moreStuff .contain .col1 ul { padding-right: 10px; text-align: left;}
    #contentFront #c1 #moreStuff .contain .col2 ul { padding-left: 10px; text-align: right;}
      #contentFront #c1 #moreStuff .more { font-size: 150%}
  #contentFront #c1 .more {
    padding-top: 2px;
    text-align: right;
    }

  #contentFront #c1 .more a {
    background: #000;
    color: #fff;
    padding: 3px;
    font: normal normal 1em Arial, Sans-serif;
    text-decoration: none;
    }        
        
 #contentFront #c1 .more a:hover {
    background: #fff;
    color: #000;
    }   
          
#contentFront #c2 {
  float: left;
  width: 220px;
  }
  
  #contentFront #c2 .headeri {
    width: 220px; height: 33px;
    background: url(pics/h-latestreviews.gif) no-repeat;
    background-position: bottom;
    }
  
  #contentFront #c2 .reviews {
    background: #d5d5ce url(pics/bg-frontreviews.gif) no-repeat;
    background-position: bottom;
    }
    
    #contentFront #c2 .reviews ul {
      }
      
    #contentFront #c2 .reviews ul li { 
      list-style-type: none;
      border-bottom: 1px dotted #9c9c96;
      }  
    
    #contentFront #c2 .reviews ul li a {
      font: normal normal 1rem Verdana, Sans-serif;
      color: #5d3900; padding: 10px;
      text-decoration: none; display: block;
      }

    #contentFront #c2 .reviews ul li a b {
      color: #000;
      font: normal bold 1.25rem Georgia, Sans-serif;
      }
      
      #contentFront #c2 .reviews ul li a:hover {
        background: #fff;
        }

  #contentFront #c2 .more {
    padding-top: 10px;
    height: 50px;
    text-align: right;
    }

  #contentFront #c2 .more a {
    background: #000;
    color: #fff;
    padding: 3px;
    margin: 0px 10px 0px 0px;
    font: normal normal 1em Arial, Sans-serif;
    text-decoration: none;
    }        

  #contentFront #c2 .more a:hover {
    background: #fff;
    color: #000;
    }
        
#contentFront #c3 {
  float: right;
  text-align: right;
  display: table-cell;
  }  

#latestkomments {
    font: normal normal 11px Trebuchet MS, Sans-Serif;
    background: url(pics/h-latestkomments.gif) no-repeat; 
    padding-top: 24px;
    margin-top: 10px;
    }  

#latestkomments ul { list-style-type: none; } 
#latestkomments ul li { padding-bottom: 8px;}
#latestkomments a { font: normal normal 12px Times New Roman; text-decoration: none;}
#latestkomments a:hover { text-decoration: underline; }
  
/* ------------------------------------------------------------------ REVIEWS */

#reviewArchive {
  text-align: left;
  width: 860px;
  margin: auto;
  padding-top: 20px;
  min-height: 600px;
  }
  
  #alphaArchives { text-align: center; margin-bottom: 20px;}
  #alphaArchives ul { list-style-type: none; }
  #alphaArchives ul li { display: inline-block;}
  #alphaArchives ul li a { 
    font: bold normal 1.75em Verdana; color: #fff; 
    border:1px solid #000; background: #400000;
    line-height: 200%;
    padding:5px; 
    margin: 5px;
    text-decoration: none;
    display:inline-block;
    min-width: 30px;
    }
  #alphaArchives ul li a:hover { background: #fff; color: #000; }

  
  #reviewArchive .col1 {
    width: 680px;
    float: left;
    }

  #reviewArchive .col2 {
    float: right;
    }
    
  #reviewArchive .contentHeader {
    background: url(pics/h-reviews680.gif) no-repeat;
    height: 33px;
    width: 680px;
    margin-bottom: 20px;
    }
  
#latestalbums {
  margin: auto; text-align: center;
  }

#latestalbums a img { border: 0px;border: 1px solid #000; }
#latestalbums a { }
#latestalbums a:hover img { border:1px solid #fff; }
  
#reviewArchive table { 
  border: 0px; padding: 0px; margin: 0px; width: 100%; 
  font: normal normal 1rem Trebuchet MS, Sans-serif;
  }  

#reviewArchive table tbody tr:hover { background: #fff;}


#reviewArchive table tr.trHeader { 
  font: bold normal 1em Trebuchet MS, Sans-serif;
  color: #fff;
  background: #000;
  text-align: center;
  pointer-events: none;
  }    

#reviewArchive tbody tr td { padding: 0.75rem 0.25rem;}

#reviewArchive tbody tr:nth-child(even) {
    background: #e7e7df;
} 


#reviewArchive table a {
  color: #800000; text-decoration: none;
  }

#reviewArchive table a:hover {
  color: #800000; text-decoration: underline;
  }
  
#reviewArchive table .tdArt { 
  width: 230px;
  }  
#reviewArchive table .tdRel { 
  width: 230px;
  }  
  
  
/* ------------------------------------------------------------------- REVIEW */      

  #review .contentHeader {
    background: url(pics/h-reviews680.gif) no-repeat;
    height: 33px;
    width: 680px;
    margin-bottom: 20px;
    }

#review { 
  padding-top: 20px;
  width: 860px;
  margin: auto;
  text-align: left; 
  }

#review .col1 {
  width: 620px;
  float: left;
  font: normal normal 1.2em Georgia, Sans-serif;
  line-height: 1.5em;
  text-align: justify;
  }  

#review .col1 p {
  padding: 8px 0px 8px 0px;
  }
  
#review .col2 {
  text-align: right;
  float: right;
  }

#review .reviewContainer {
  display: table;
  width: 100%;
  }
  
  #review  .image {
    padding-right: 20px;
    padding-bottom: 20px; 
    float: left;
    }
  #review .reviewContainer .details {
    float: left;
    }

#review .author2 { font: normal normal 1.15rem 'Times New Roman', Sans-serif; text-align: right; }

#review .release { font: normal bold 2rem 'Times New Roman', Sans-serif; color: #000; text-transform: uppercase; margin-bottom: 20px; line-height: 2.5rem; text-align: left;}
#review .release span { font: bolder italic 1.35rem 'Times New Roman', Sans-serif;}
#review .label { font: normal normal 1rem Arial, Sans-serif; text-transform: none; line-height: 2rem;}
#review .label a { color: #000; }
#review .label a:hover {color: darkred; }

#review hr { border: 1px solid #b7b7b1; margin-top: 20px; margin-bottom: 20px; }

/* --------------------------------------------------------------- COMMENTING */

#commenting form { font: normal normal 11px Trebuchet MS, Sans-serif; }

#commenting {
  width: 500px;
  }
#commenting ol.commentlist {
  list-style-type: none;
  }
#commenting ol.commentlist li {
  margin-top: 15px;
  border-bottom: 1px solid #d7d7cf;
  font: normal normal 11px Trebuchet MS, Sans-serif;
  background: #e3e3da;
  }  

#commenting ol.commentlist li .commentAuthor {
  background: #000;
  padding: 10px;
  color: #fff;
  }

#commenting ol.commentlist li .commentPost {
  padding: 10px;
  }
#commenting ol.commentlist li .commentmetadata {
  float: right;
  }

#commenting .commentReply {
  margin-top: 20px;
  border: 1px solid #8f8f8a;
  background: #bfbfb8;
  padding: 10px;
  color: #000;
  }  

#commenting .commentReply h4 {
  font: normal bold 12px Times New Roman, Sans-serif;
  }
#commenting .commentReply p.commentDisclaimer {
  font: normal normal 11px Verdana, sans-serif;
  }
  
#commenting textarea {
  width: 100%; 
  }