/* 
 * CSS for www.TheFatSolutions.com | Powered by ennui.
 *
 * Contact us at: answers@ennuidesign.com
 * On the web: www.ennuidesign.com
 *
 */

body {
  background:#FFF;
  font:12px/18px arial, sans-serif;
  color:#000;
  margin:0;
  padding:0;
}
  a:link,
  a:visited {
    color:#00F;
    text-decoration:none;
  }
  a:active,
  a:hover {
    color:#00F;
    text-decoration:underline;
  }

/* Document width */
#master {
  margin:0 auto;
  padding:0;
  text-align:center;
  width:964px;
  background:url('/images/TFS_background_v2.0.jpg') center top repeat-y;
}

#header {
  position:relative;
  height:227px;
  width:964px;
  margin:0 auto;
  padding:0;
  background:#FFF;
}
  .logo {
    position:absolute;
    top:39px;
    left:32px;
    width:541px;
    height:92px;
    text-indent:-9999px;
    background:url('/images/TFS_sprite_v2.0.jpg') -119px 0px no-repeat;
  }
  .tagline {
    position:absolute;
    top:131px;
    left:82px;
    width:470px;
    height:41px;
    text-indent:-9999px;
    background:url('/images/TFS_sprite_v2.0.jpg') -283px -91px no-repeat;
  }
  #newsletter {
    position:absolute;
    top:0;
    right:0;
    width:241px;
    height:185px;
    padding:0 0 0 119px;
    background:url(/images/TFS_sprite_v2.0.jpg) 0 0 no-repeat;
  }
    #newsletter fieldset {
      width:241px;
      height:175px;
      margin:0;
      padding:10px 0 0;
      border:0;
      background:#FFF;
    }
    #newsletter legend {
      margin:0;
      padding:7px 0 0;
      font-size:14px;
      font-weight:bold;
      text-transform:uppercase;
      background:#FFF;
    }
    #newsletter > fieldset > p {
      font-size:11px;
      line-height:14px;
      margin:0;
      padding:0;
    }
    #email {
      position:absolute;
      right:0;
      bottom:41px;
      width:211px;
      height:26px;
      margin:0;
      padding:12px 15px 8px;
      font-size:18px;
      background:url(/images/TFS_sprite_v2.0.jpg) -119px -133px no-repeat;
      border:0;
    }
    #submit {
      position:absolute;
      right:15px;
      bottom:0;
      width:164px;
      height:41px;
      background:url(/images/TFS_sprite_v2.0.jpg) -119px -92px no-repeat;
      border:0;
      text-indent:-9999px;
      outline:none;
    }

/* Menu Style */
#menu {
  position:absolute;
  top:195px;
  left:0;
  width:665px;
  height:32px;
  margin:0;
  padding:0 0 0 300px;
  background:url('/images/TFS_sprite_v2.0.jpg') center -225px;
  list-style:none; 
}
  #menu li {
    float:left;
    margin:0;
    padding:4px 12px 0;
    font:16px Arial, Helvetica, Verdana, sans-serif;
    text-align:right;
  }
    #menu li a {
      color:#000;
      text-decoration:none;
    }
    #menu li.selected a {
      color:#FFF;
      text-decoration:none;
    }

/* Content Styles */
#content {
  display:block;
  position:relative;
  width:964px;
  min-height:1600px;
  text-align:left;
  margin:0 auto;
  padding:0;
  background:url('/images/TFS_sprite_v2.0.jpg') center -257px no-repeat;
}
  .entrydisplay {
    position:relative;
    width:540px;
    margin:0;
    padding:0 25px;
    text-align:left;
  }
    h2, h3, h4, p, ul, ol, pre {
      margin:0 10px;
      padding:0;
      font-family:helvetica, arial, sans-serif;
    }
    h1, #cf legend {
      font:bold 36px/54px helvetica, arial, sans-serif;
      letter-spacing:-.06em;
      text-align:left;
      display:block;
      margin:0;
      padding:20px 0 0;
      color:#000;
    }
      .entrydisplay h1 a {
        text-decoration:none;
        color:#000;
      }
    h2 {
      font:24px/36px helvetica, arial, sans-serif;
      letter-spacing:.06em;
      color:#000;
      display:block;
      padding-top:18px;
      text-align:left;
      clear:left;
    }
    h3 {
      margin-top:10px;
    }
    .entrydisplay p {
      margin:0 10px 18px;
      padding:0;
      letter-spacing:.06em;
    }
      .readmore, .morelink {
        text-align:right;
        font-size:10px;
      }
    ul, ol {
      padding:10px 0 10px 20px;
    }
    .image {
      margin:0 10px;
      padding:0;
      text-align:right;
    }
      .image img {
        display:block;
        margin:0;
        padding:0;
        border:1px solid #000;
      }
      .image_caption {
        display:inline;
        margin:0 10px 0 0;
        font-style:italic;
        font-size:10px;
      }
    .simple {
      float:left;
      margin:4px;
      border:1px solid #000;
    }
    blockquote {
      font-style:italic;
      margin:0 30px 15px;
      padding:0;
    }

/* Blog Styles */
p.meta {
  display:block;
  margin:0 10px 18px;
  padding:0 10px;
  text-align:right;
  color:#FFF;
  background:#C00000;
  border-top:1px solid #F77;
  border-bottom:1px solid #F77;
  font-size:10px;
}
  .meta a {
    color:#FFF;
    text-decoration:underline;
  }
#blog h2 {
  clear:none;
  font-size:24px;
  line-height:36px;
  margin:0;
  padding:0;
}
  #blog h2 a {
    color:#000;
  }
#blog .readmore {
  clear:left;
  margin:0 0 18px;
}
.thumb {
  float:left;
  clear:left;
  margin:0 20px 10px 4px;
  border:1px solid #3C1C11;
}
#blog_preview {
  position:relative;
}
.preview {
  float:left;
  width:140px;
  margin:0 20px;
}
  .blog_older {
    position:absolute;
    top:42px;
    right:0;
  }
  .preview img {
    border:1px solid #000;
  }
  .preview h3 {
    margin:0;
    padding:0;
  }
    .preview h3 a {
      color:#000;
    }
  .preview p {
    margin:0;
    font-size:10px;
  }

/* Pagination */
#pagination {
  display:block;
  list-style:none;
  margin:0 0 0 105px;
  padding:0;
  clear:left;
}
  #pagination li {
    float:left;
    width:25px;
    margin:0 1px 0 0;
    background:#FFF;
    border:1px solid #BE0000;
    text-align:center;
    text-decoration:none;
    font-size:10px;
  }
    #pagination li a,
    #pagination li.off {
      display:block;
      width:25px;
      padding:5px 0;
      color:#BE0000;
    }
  #pagination li.selected,
  #pagination li:hover {
    background:#BE0000;
    color:#FFF;
  }
    #pagination li.selected a,
    #pagination li:hover a {
      color:#FFF;
    }

/* Blog Comments */
#comments {
  position:relative;
}
.nopost {
  margin:20px;
}
.commentdisp0, .commentdisp1 {
  padding:18px 0 0;
  clear:left;
  border-top:1px dotted #DDD;
}
.postedby {
  float:left;
  width:100px;
  text-align:center;
  font-size:13px;
}
  .postedby a {
    color:#000;
    text-decoration:underline;
  }
  .postedby img {
    border:1px solid #000;
  }
  .datetime {
    display:block;
    font-size:12px;
  }
.commentbody {
  float:left;
  width:400px;
  margin:18px 0;
}

#comments h2 {
  clear:left;
  line-height:18px;
  padding:36px 0 0;
}
.get_gravatar {
  position:relative;
  top:-15px;
  text-align:right;
}
#cmnt {
  padding:0 0 6px;
}
#cmnt_name, #cmnt_email, #cmnt_link, #cmnt_human, #cmnt_txt {
  display:block;
  width:520px;
  margin:0 10px 10px;
  padding:4px;
  border:1px solid #DDD;
  font-size:12px;
  font-family:arial, sans-serif;
  letter-spacing:.06em;
}
#cmnt_txt {
  height:160px;
}
#cmnt_subscribe {
  display:inline;
  margin:0 4px 0 14px;
  vertical-align:top;
}
#cmnt_sub {
  position:absolute;
  right:4px;
  bottom:0;
  padding:4px;
  border:1px solid #F77;
  background:#C00000;
  color:#FFF;
  text-transform:uppercase;
}


/* Contact Styles */
#cf {
  border:0;
}
#cf label {
  font-weight:bold;
}
#cf input[type=text],
#cf textarea {
  display:block;
  width:98%;
  margin:0 0 9px;
  padding:4px;
  border:1px solid #DDD;
  font-family:helvetica, sans-serif;
  font-size:12px;
}
#cf input[type=submit] {
  display:inline;
  padding:4px;
  border:1px solid #DDD;
}

/* Footer Style */
#footer {
  display:block;
  height:40px;
  width:964px;
  clear:both;
  margin:0 auto;
  padding:0;
  background:url('/images/TFS_sprite_v2.0.jpg') center -185px no-repeat;
}
.credits {
  width:590px;
  margin:0;
  padding:20px 0 0;
  text-align:center;
}
  .credits a {
    
  }


/*
 *****************************************************************
 *
 * Sidebar Styles
 *
 *****************************************************************
 */
#sidebar {
  position:absolute;
  top:0;
  right:52px;
  width:320px;
  padding:0;
}
  #sidebar h2 {
    font-size:18px;
    line-height:36px;
    margin:30px 20px 0;
    color:#FFF;
  }
  #sidebar p {
    margin:0 36px;
    color:#FFF;
  }
  #sidebar a {
    color:#FFF;
    text-decoration:underline;
  }
  #sidebar img {
    border:0;
  }
  .social-media {
    margin:10px auto 0;
    width:300px;
    height:69px;
    overflow:hidden;
    text-align:center;
  }
  #twitter_status ul {
    list-style:none;
    margin:0 30px;
    padding:0;
    color:#FFF;
  }
    #twitter_status .when {
      display:block;
      margin:0 0 18px;
      text-align:right;
      font-size:10px;
    }
  p#recommended {
    width:200px;
    margin:0 auto;
  }
  .cat-list, .cat-list2 {
    list-style:none;
    margin:0 10px 0 30px;
    padding:0;
    width:120px;
    float:left;
  }
  .cat-list2 {
    margin:0 30px 0 10px;
  }
  p#subscribe {
    position:relative;
    margin:0 30px 0 6px;
    padding:0 0 0 155px;
    background:url(/images/TFS_RSS_v2.0.png) 0 6px no-repeat;
  }
  #rss_icon {
    position:absolute;
    left:2px;
    top:8px;
    width:144px;
    height:144px;
    text-indent:-9999px;
    overflow:hidden;
  }


/*
 *****************************************************************
 *
 * Special Pieces and Styles
 *
 *****************************************************************
 */

/* Admin Style */
.admin_cp {
  display:block;
  margin:0;
  padding:10px;
  background:#FFF;
  border-bottom:2px solid #000;
  color:#CFCFCF;
  text-align:center;
}
  .admin_cp a {
    color:#AAF;
  }

/* Form Style */
.ennui_form {
  text-align:left;
  margin:0 auto;
  padding:10px;
}
  .ennui_form span {
    display:block;
    margin:6px 0 14px;
    color:#F00;
    font-weight:bold;
    text-align:center;
  }
  .ennui_form label {
    display:block;
    font-weight:bold;
    margin:0;
    padding:3px 0 0;
    font-size:120%;
  }
  .ennui_form input,
  .ennui_form textarea {
    display:block;
    width:100%;
    margin:0 0 10px;
    padding:4px;
    border:1px solid #AAA;
  }
    .ennui_form input[type=hidden] {
      display:none;
    }
    .ennui_form input[type=submit] {
      width:auto;
      text-transform:uppercase;
      background:#AAA;
    }
  .ennui_form textarea {
    height:250px;
  }
  .ennui_form p {
    display:block;
    margin:0;
    padding:8px 4px 4px;
    font-size:14px;
    font-weight:bold;
  }

.admintopopts, .admin {
  display:block;
  margin:0 10px 10px;
  padding:10px 0;
  text-align:center;
  color:#999;
}
  .admintopopts p {
    font-size:10px;
    text-align:center;
  }
    .admintopopts a {
      color:#99F;
    }
.adminsimpleoptions {
  text-align:center;
  display:block;
  margin:0 30px 10px;
  font-size:10px;
  color:#999;
}
  .adminsimpleoptions a {
    color:#99F;
  }