/*
Theme Name: WP-Skeleton
Theme URI: https://github.com/wycks/WP-Skeleton-Theme
Author: Wycks
Author URI: wpsecure.net
Description: Responsive Bare Bones framework based on Dave Gamache's getskeleton.com 
Version: 1.0
License: http://www.opensource.org/licenses/mit-license.php.
Tags: Responsive, grid, mobile, framework, bare-bones, white, minimal

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
/* Table of Contents
==================================================
    #Base 960 Grid
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing */
/* #Base 960 Grid
================================================== */
.container {
  position: relative;
  width: 960px;
  margin: 0 auto;
  padding: 0;
}
.column,
.columns {
  float: left;
  display: inline;
}
.row {
  margin-bottom: 20px;
}
/* Nested Column Classes */
.column.alpha,
.columns.alpha {
  margin-left: 0;
}
.column.omega,
.columns.omega {
  margin-right: 0;
}
/* Base Grid */
.container .one.column {
  width: 40px;
}
.container .two.columns {
  width: 100px;
}
.container .three.columns {
  width: 160px;
}
.container .four.columns {
  width: 220px;
}
.container .five.columns {
  width: 280px;
}
.container .six.columns {
  width: 340px;
}
.container .seven.columns {
  width: 400px;
}
.container .eight.columns {
  width: 460px;
}
.container .nine.columns {
  width: 520px;
}
.container .ten.columns {
  width: 580px;
}
.container .eleven.columns {
  width: 640px;
}
.container .twelve.columns {
  width: 700px;
}
.container .thirteen.columns {
  width: 760px;
}
.container .fourteen.columns {
  width: 820px;
}
.container .fifteen.columns {
  width: 880px;
}
.container .sixteen.columns {
  width: 940px;
}
.container .one-third.column {
  width: 300px;
}
.container .two-thirds.column {
  width: 620px;
}
/* Offsets */
.container .offset-by-one {
  padding-left: 60px;
}
.container .offset-by-two {
  padding-left: 120px;
}
.container .offset-by-three {
  padding-left: 180px;
}
.container .offset-by-four {
  padding-left: 240px;
}
.container .offset-by-five {
  padding-left: 300px;
}
.container .offset-by-six {
  padding-left: 360px;
}
.container .offset-by-seven {
  padding-left: 420px;
}
.container .offset-by-eight {
  padding-left: 480px;
}
.container .offset-by-nine {
  padding-left: 540px;
}
.container .offset-by-ten {
  padding-left: 600px;
}
.container .offset-by-eleven {
  padding-left: 660px;
}
.container .offset-by-twelve {
  padding-left: 720px;
}
.container .offset-by-thirteen {
  padding-left: 780px;
}
.container .offset-by-fourteen {
  padding-left: 840px;
}
.container .offset-by-fifteen {
  padding-left: 900px;
}
/* wordpress sidebar*/
.one-third.column {
  margin-left: 40px;
}
/* wordpress menu*/
.header .seven.columns {
  margin-right: 30px;
}
/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 768px */
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .container {
    width: 768px;
  }
  .column.alpha,
  .columns.alpha {
    margin-left: 0;
    margin-right: 10px;
  }
  .column.omega,
  .columns.omega {
    margin-right: 0;
    margin-left: 10px;
  }
  .container .one.column {
    width: 28px;
  }
  .container .two.columns {
    width: 76px;
  }
  .container .three.columns {
    width: 124px;
  }
  .container .four.columns {
    width: 172px;
  }
  .container .five.columns {
    width: 220px;
  }
  .container .six.columns {
    width: 268px;
  }
  .container .seven.columns {
    width: 316px;
  }
  .container .eight.columns {
    width: 364px;
  }
  .container .nine.columns {
    width: 412px;
  }
  .container .ten.columns {
    width: 460px;
  }
  .container .eleven.columns {
    width: 508px;
  }
  .container .twelve.columns {
    width: 556px;
  }
  .container .thirteen.columns {
    width: 604px;
  }
  .container .fourteen.columns {
    width: 652px;
  }
  .container .fifteen.columns {
    width: 700px;
  }
  .container .sixteen.columns {
    width: 748px;
  }
  .container .one-third.column {
    width: 236px;
  }
  .container .two-thirds.column {
    width: 492px;
  }
  /* Offsets */
  .container .offset-by-one {
    padding-left: 48px;
  }
  .container .offset-by-two {
    padding-left: 96px;
  }
  .container .offset-by-three {
    padding-left: 144px;
  }
  .container .offset-by-four {
    padding-left: 192px;
  }
  .container .offset-by-five {
    padding-left: 240px;
  }
  .container .offset-by-six {
    padding-left: 288px;
  }
  .container .offset-by-seven {
    padding-left: 336px;
  }
  .container .offset-by-eight {
    padding-left: 348px;
  }
  .container .offset-by-nine {
    padding-left: 432px;
  }
  .container .offset-by-ten {
    padding-left: 480px;
  }
  .container .offset-by-eleven {
    padding-left: 528px;
  }
  .container .offset-by-twelve {
    padding-left: 576px;
  }
  .container .offset-by-thirteen {
    padding-left: 624px;
  }
  .container .offset-by-fourteen {
    padding-left: 672px;
  }
  .container .offset-by-fifteen {
    padding-left: 720px;
  }
  /* wordpress sidebar*/
  .one-third.column {
    margin-left: 20px;
    margin-right: -10px;
  }
}
/*  #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 320px */
@media only screen and (max-width: 767px) {
  .container {
    width: 300px;
  }
  .columns,
  .column {
    margin: 0;
  }
  .container .one.column,
  .container .two.columns,
  .container .three.columns,
  .container .four.columns,
  .container .five.columns,
  .container .six.columns,
  .container .seven.columns,
  .container .eight.columns,
  .container .nine.columns,
  .container .ten.columns,
  .container .eleven.columns,
  .container .twelve.columns,
  .container .thirteen.columns,
  .container .fourteen.columns,
  .container .fifteen.columns,
  .container .sixteen.columns,
  .container .one-third.column,
  .container .two-thirds.column {
    width: 300px;
  }
  /* Offsets */
  .container .offset-by-one,
  .container .offset-by-two,
  .container .offset-by-three,
  .container .offset-by-four,
  .container .offset-by-five,
  .container .offset-by-six,
  .container .offset-by-seven,
  .container .offset-by-eight,
  .container .offset-by-nine,
  .container .offset-by-ten,
  .container .offset-by-eleven,
  .container .offset-by-twelve,
  .container .offset-by-thirteen,
  .container .offset-by-fourteen,
  .container .offset-by-fifteen {
    padding-left: 0;
  }
  /* Float wordpress menu left now*/
  .menu ul {
    float: left;
  }
  /* wordpress sidebar*/
  .one-third.column {
    margin-left: 0px;
  }
}
/* #Mobile (Landscape)
================================================== */
/* Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .container {
    width: 420px;
  }
  .columns,
  .column {
    margin: 0;
  }
  .container .one.column,
  .container .two.columns,
  .container .three.columns,
  .container .four.columns,
  .container .five.columns,
  .container .six.columns,
  .container .seven.columns,
  .container .eight.columns,
  .container .nine.columns,
  .container .ten.columns,
  .container .eleven.columns,
  .container .twelve.columns,
  .container .thirteen.columns,
  .container .fourteen.columns,
  .container .fifteen.columns,
  .container .sixteen.columns,
  .container .one-third.column,
  .container .two-thirds.column {
    width: 420px;
  }
  /* Float wordpress menu left now*/
  .menu ul {
    float: left;
  }
  /* wordpress sidebar*/
  .one-third.column {
    margin-left: 0px;
  }
}
/* #Clearing
================================================== */
/* Self Clearing Goodness */
.container:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
/* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
.row:after,
.clearfix:after {
  clear: both;
}
.row,
.clearfix {
  zoom: 1;
}
/* You can also use a <br class="clear" /> to clear columns */
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
/* my styles:*/
a {
  text-decoration: none;
}
a:hover {
  color: #ffa200;
  text-decoration: underline;
}
body {
  background: #000000 url(images/pagebg.jpg) top center no-repeat;
  min-height: 400px;
  border-top: 2px solid black;
  color: #f6e6cd;
}
#wpadminbar {
  border-bottom: 2px solid black;
}
#wpadminbar a {
  color: #ccc!important;
}
footer#footer {
  background: #000000 url(images/footerbg.jpg) bottom center no-repeat;
  clear: both;
  width: 100%;
  padding: 140px 0;
}
h1,
h2,
h3,
h4,
h5 {
  font-family: 'BebasRegular';
  color: #f7ead4;
  font-weight: normal;
}
#face {
  position: absolute;
  left: 0px;
  width: 54px;
  height: 54px;
}
div#social {
  position: absolute;
  width: 100%;
}
div#social div.container {
  text-align: right;
}
div#social div.container div.pad {
  padding-top: 4px;
  padding-right: 25px;
}
div#social .twitter-share-button {
  position: relative;
  top: 2px;
}
div.header {
  margin-top: 5%;
  height: 54px;
  overflow: hidden;
}
div.header div.logo {
  position: relative;
}
div.header div.logo img.img {
  float: right;
  margin-right: 3px;
  width: 222px;
}
div.header div.logo h1,
div.header div.logo h5 {
  text-shadow: 0 0 3px #000;
  padding-left: 60px;
  width: 1px;
  height: 1px;
  text-indent: 5px;
  overflow: hidden;
}
div.header div.menu-main-container {
  padding-top: 17px;
}
div.header div.menu-main-container ul {
  margin: 0;
  padding: 0;
  float: left;
  width: 100%;
  display: block;
  background: #d9bd8c;
  opacity: 0.8;
  -moz-opacity: 0.8;
  filter: alpha(opacity=8);
}
div.header div.menu-main-container ul li {
  margin: 0;
  padding: 0;
  display: block;
  float: left;
}
div.header div.menu-main-container ul li a {
  text-decoration: none;
  color: #222;
  text-transform: uppercase;
  display: block;
  letter-spacing: -0.1em;
  font-weight: bold;
  font-size: 14px;
  padding: 0 8px;
  line-height: 36px;
}
div.header div.menu-main-container ul li a:hover {
  background: #ebaf47;
  color: #000;
}
div.sidebar h3 {
  padding-left: 54px;
  font-size: 140%;
}
div.sidebar blockquote {
  border: none;
  font-style: normal;
  font-size: 115%;
  color: #e6bb77;
  line-height: 1.4;
  margin: 0;
  padding: 0;
  padding: 15px;
  padding-left: 54px;
}
div.sidebar blockquote small {
  padding-top: 2px;
  display: block;
  color: #ffa200;
  font-style: italic;
}
div.sidebar ul li {
  margin-left: 54px;
  padding-left: 0px;
  list-style: square;
  color: #996100;
}
div.sidebar ul li a {
  color: #e6bb77;
  text-decoration: none;
}
div.sidebar ul li a:hover {
  text-decoration: underline;
  color: #ffa200;
}
.page-title {
  padding: 20px;
  color: #ffda99;
}
article {
  overflow: hidden;
}
article div.title {
  background: #1c150c;
  padding: 20px;
  color: #ffa200;
}
article div.title a {
  text-decoration: none;
  border: none;
}
article div.title h3 {
  line-height: 1;
  color: #ffa200;
}
article div.title date {
  float: right;
  color: #ffda99;
  text-transform: uppercase;
  font-size: 80%;
  line-height: 52px;
}
article div.meta {
  background: #634b2b;
  padding: 5px 20px;
  font-size: 10px;
  text-transform: uppercase;
}
article div.meta b {
  font-size: 12px;
  font-weight: normal;
  color: #ffc766;
}
article div.meta a {
  color: #ffc766;
  text-decoration: none;
}
article div.meta a:hover {
  color: #ffa200;
  text-decoration: underline;
}
article div.body {
  padding: 10px 20px ;
  font-size: 90%;
  background: #c8beae;
  color: #000000;
  min-height: 140px;
}
article div.body a:hover {
  color: #664100;
}
article div.body img.alignright {
  float: right;
  margin-top: -55px;
  margin-bottom: 10px;
  margin-left: 15px;
  border: 2px solid #000;
  width: 40%;
  height: auto;
}
article div.body div.cover {
  float: right;
  width: 20%;
  margin-left: 20px;
}
article div.body div.cover img {
  float: right;
  width: 100%;
  height: auto;
  position: relative;
  top: -90px;
  border: 1px solid #000;
  box-shadow: 0 0 5px #000;
}
article div.body div.cover.large {
  width: 33%;
}
#comments {
  border-top: 1px solid #1c150c;
  background: #877e70;
}
#comments h2 {
  padding: 10px 20px;
  font-size: 28px;
}
#comments h2 em {
  color: #ffb533;
  font-style: normal;
}
#comments p.nocomments {
  padding: 10px 20px;
  color: #1c150c;
  text-transform: uppercase;
  font-size: 80%;
}
#comments ol.commentlist {
  margin: 0;
  padding: 0;
}
#comments ol.commentlist li {
  margin: 0;
  padding: 0;
  border-top: 1px solid #1c150c;
  padding: 20px;
  background: #b6b0a7;
  overflow: hidden;
  display: block;
  /*&.comment-author-admin, */

}
#comments ol.commentlist li div.comment-meta {
  font-size: 80%;
  text-align: left;
}
#comments ol.commentlist li div.comment-meta a {
  text-decoration: none;
  color: #1c150c;
}
#comments ol.commentlist li div.comment-author {
  color: #1c150c;
  float: left;
  width: 120px;
  padding-bottom: 400px;
  margin-bottom: -400px;
}
#comments ol.commentlist li div.comment-author .says {
  display: none;
}
#comments ol.commentlist li p {
  color: #1c150c;
  padding-left: 120px;
}
#comments ol.commentlist li.comment-author-paul {
  background: #cc8200;
}
#comments ol.commentlist li.thread-even {
  background: #c2bdb5;
}
#comments ol.commentlist li.thread-even.comment-author-paul {
  background: #996100;
}
#comments #respond {
  border-top: 1px solid #1c150c;
  background: #4f4a42;
  padding: 10px 20px;
}
#comments #respond a {
  color: #ffda99;
}
#comments #respond a:hover {
  color: #ffa200;
}
footer#footer {
  padding-top: 140px;
}
footer#footer a {
  color: #cc8200;
}
footer#footer form#searchform {
  position: relative;
  display: block;
  width: auto;
}
footer#footer form#searchform input#s {
  margin: 0;
  padding: 0;
  background: #000;
  padding: 5px 10px;
  border: 1px solid #2e1f05;
  color: #ebaf47;
  float: left;
  width: 90%;
  position: absolute;
  left: 0;
  top: 0;
}
footer#footer form#searchform input#searchsubmit {
  margin: 0;
  padding: 0;
  position: absolute;
  right: -2px;
  padding: 5px 10px;
  top: 0;
  border: none;
  background: #000;
  border: 1px solid #2e1f05;
  height: 27px;
  overflow: hidden;
  color: #622;
}
footer#footer form#searchform input#searchsubmit:hover {
  background: #332000;
  color: #cc8200;
}
footer#footer form#searchform label {
  display: none;
}
footer#footer div.footer-widget {
  width: 20%;
  margin-left: 5%;
  float: left;
  font-size: 90%;
}
footer#footer div.footer-widget h3 {
  color: #dba66b;
  font-size: 110%;
}
footer#footer div.footer-widget div.textwidget {
  color: #8b5922;
  line-height: 1.4;
  font-size: 80%;
}
footer#footer div.footer-widget ul li {
  list-style: square;
  color: #ffa200;
  margin-left: 15px;
}
footer#footer div.footer-widget ul li a {
  color: #8b5922;
  text-decoration: none;
}
footer#footer div.footer-widget ul li a:hover {
  text-decoration: underline;
  color: #ffa200;
}
div.feature {
  background: url('images/featurebg.png') top left repeat-y;
  margin: 0;
  padding: 40px;
  padding-top: 30px;
  overflow: hidden;
  margin-bottom: 3px;
  text-shadow: 0 0 10px #000;
}
div.feature a {
  color: #ffc766;
}
div.feature h2,
div.feature h3,
div.feature p {
  margin: 0;
  padding: 0;
  display: block;
  padding-right: 0;
}
div.feature h3 {
  font-size: 22px;
  color: #ffc766;
  text-shadow: 0 0 10px #000;
}
div.feature h3 b,
div.feature h3 strong {
  color: #ffda99;
}
div.feature h2 {
  font-size: 40px;
  color: #ffeccc;
  text-shadow: 0 0 10px #000;
  margin-bottom: 10px;
}
div.feature img {
  box-shadow: 0 0 10px #000;
}
div.afterfeature {
  background: rgb(217,189,140);
  margin: 0;
  padding: 20px 40px 5px 20px;
  margin-bottom: 3px;
  color:#000;
  font-size: 90%;
}
div.afterfeature a{
  color: rgb(94,45,0);
}
div.afterfeature h3{
  font-size: 100%;
  font-weight: bold;
  color:#000;
  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#copyright {
  color: #664100;
  font-size: 80%;
  padding: 60px 0;
  padding-top: 0;
}
#copyright a {
  color: #332000;
}
#copyright a:hover {
  color: #b37100;
}
#copyright div.right {
  float: right;
}
div.books {
  background: #1c150c;
  overflow: hidden;
}
div.books div.book {
  overflow: hidden;
  border-left: 1px solid #000;
  padding-bottom: 400px;
  margin-bottom: -390px;
  width: 33%;
  float: left;
}
div.books div.book h4 {
  font-size: 16px;
  color: #ceb18c;
  line-height: 1.2;
  margin-bottom: 4px;
}
div.books div.book h4 a {
  text-decoration: none;
  color: #f29f0d;
}
div.books div.book h4 a:hover {
  color: #f5b23d;
  text-decoration: none;
}
div.books div.book div.info {
  font-size: 12px;
  background: #1c150c;
  color: #87653a;
  padding: 10px 20px;
  overflow: hidden;
  line-height: 1.4;
}
div.books div.book div.cover {
  padding: 20px;
  background: #291e11 url(images/bookbg.jpg);
  text-align: center;
}
div.books div.book div.cover img {
  width: auto;
  height: 180px;
  max-width: 100%;
  border: 1px solid black;
  box-shadow: 0 0 10px #000;
}
div.books div.book.omega {
  margin-right: 0px;
}
/*RESPOND*/
@media only screen and (max-width: 959px) and (min-width: 768px) {

  #face {
    width: 43px;
    height: 43px;
  }
  div.feature h2,
  div.feature h3,
  div.feature p {
    padding-right: 10px;
  }
  div.feature h2 {
    font-size: 40px;
  }
  div.feature h3 {
    font-size: 20px;
  }
  div.feature p {
    font-size: 80%;
    line-height: 140%;
  }
  div.header {
    margin-top: 40px;
    height: 43px;
  }
  div.header div.logo {
    overflow: hidden;
  }
  div.header div.logo img.img {
    float: right;
    width: 172px;
  }
  div.header div.menu-main-container ul li a {
    line-height: 28px;
    font-size: 11px;
  }
  .column.alpha,
  .columns.alpha {
    margin-right: 0;
  }
  .column.omega,
  .columns.omega {
    margin-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  #face {
    width: 58px;
    height: 58px;
  }
  div.feature {
    padding: 10px;
  }
  div.feature h2,
  div.feature h3,
  div.feature p {
    padding-right: 0px;
  }
  div.feature h2 {
    font-size: 44px;
    line-height: 46px;
  }
  div.feature h3 {
    font-size: 18px;
    line-height: 20px;
  }
  div.feature h3 b,
  div.feature h3 strong {
    display: block;
    color: #ffda99;
  }
  div.feature p {
    font-size: 80%;
    line-height: 140%;
  }
  div.header {
    margin-top: 30px;
    height: auto;
    padding-top: 2px;
  }
  div.header div.logo img.img {
    position: relative;
    right: -3px;
    width: 237px;
  }
  div.header div.menu-main-container {
    padding-top: 3px;
  }
  div.header div.menu-main-container ul li {
    width: 33%;
  }
  div.header div.menu-main-container ul li a {
    padding: 12px 5px;
    text-align: center;
    line-height: 1;
    border-bottom: 1px solid #996100;
  }
  div.sidebar {
    display: none;
  }
  article div.title h3 {
    font-size: 22px;
  }
  article div.title date {
    line-height: 38px;
  }
  article div.body div.cover {
    width: 33%;
  }
  article div.body div.cover img {
    float: right;
    width: 100%;
    height: auto;
    position: static;
    top: 0;
  }
  footer#footer {
    padding-top: 40px;
    margin-top: 0;
  }
  footer#footer div.footer-widget {
    width: 100%;
    margin-left: 0;
    clear: both;
    margin-bottom: 20px;
  }
  #comments ol.commentlist li div.comment-meta {
    font-size: 80%;
    float: none;
    width: auto;
    text-align: left;
  }
  #comments ol.commentlist li div.comment-meta a {
    text-decoration: none;
    color: #1c150c;
  }
  #comments ol.commentlist li div.comment-author {
    color: #1c150c;
    float: none;
    width: auto;
  }
  #comments ol.commentlist li div.comment-author .says {
    display: none;
  }
  #comments ol.commentlist li p {
    padding-left: 0px;
  }
  div.books {
    border: none;
  }
  div.books div.book {
    width: 100%;
    clear: both;
    float: none;
    border-top: 4px solid #000!important;
    overflow: hidden;
  }
  div.books div.book div.cover {
    padding: none;
    float: right;
    background: none;
  }
  div.books div.book div.cover img {
    width: 60px;
    height: auto;
  }
  footer#footer {
    background: #000000 url(images/footerbg.jpg) 70% 100% no-repeat;
  }
}
@media only screen and (max-width: 767px) and (min-width: 480px) {
  #face {
    width: 82px;
    height: 82px;
  }
  div.header {
    margin-top: 30px;
  }
  div.header div.logo img.img {
    position: relative;
    right: -2px;
    width: 332px;
  }
  div.header div.menu-main-container {
    padding-top: 4px;
  }
}
/*div.columns { border-top: 5px solid yellow;}*/
.alignleft {
float: left;
margin-right : 10px;
}
.alignright {
float: right;
margin-left: 10px;
}

body.page-id-279 div.main h4,
body.page-id-343 div.main h4 {
color: #634B2B;
margin: 5px 0;
 }
 @media only screen and (min-width: 800px) {
 div.ngg-gallery-thumbnail-box { 
width: 25%!important;
font-size: 80%;
}
}

/* Quote Slider Styles */
div#quote-frame{
	width: 400px;
	overflow: hidden;
	position: relative;
}

div#quote-frame ul{
	width: 100640px;
	margin: 0;
	padding: 0;
	position: relative;
	top: 0;
	left: 0;
	list-style: none;
}

div#quote-frame ul li{
	width: 400px;
	margin: 0 10px 0 0;
	float: left;
}