/** ----------------------------------------------------------
 *
 * Contains the generic theme typography styles
 *
 *    Include your notes or table of contents here
 *
 *    Include color hex's or values of your grid
 *      #333333             - body
 *      #B80000             - links, headings
 *      #D80000             - links on hover
 *      5px Vertical grid   - based on multiples of 5px, eg 10px, 15px, 20px, 25px...
 *
 *    @author Your Name <email@gmail.com>
 *
 * ------------------------------------------------------- */

/* TEMPLATE CUSTOM FONTS */
  /* Generated by Font Squirrel (http://www.fontsquirrel.com) on February 20, 2012 06:04:25 AM America/New_York */

  /* add your own custom fonts here */

@import url(//fonts.googleapis.com/css?family=Strait);
@import url(//fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700,900,400italic);

/* BASE TYPOGRPHY */

/* These are the default styles for the Simple theme */
body {
    background:#fff;
    font-family: 'Merriweather Sans', Arial, Helvetica, sans-serif;
    font-size:12px;
    line-height: 18px;
    color:#403327;
    padding:0;
    margin:0;
    font-weight: 400;
}
  body a { text-decoration: none; color: #303230;} /* this removes the underline from all links */
  body a:link { -webkit-tap-highlight-color: #b80000 } /* this sets the highlight color when links are tapped on Safari (browser) on iPhone */

.typography {
    font-size:14px;
}

.typography p {
    margin-bottom:14px;
}

.typography h1 {
    font-family: 'Merriweather', Georgia, serif;
    font-weight: 700;
}

.typography h2 {
    font-size:19px;
    line-height:26px;
    border-top: 6px solid #b07f48;
    border-bottom: 1px solid #b07f48;
    background-color: #fcfbf6;
    padding: 9px 14px;
    margin-bottom: 8px;
    clear: both;
    font-weight: 700;
    color: #b07f48;
    font-family: 'Merriweather', Georgia, serif;
    letter-spacing: 1px;
}

.typography h3 {
    font-size:17px;
    line-height:22px;
    padding-bottom:16px;
    color: #403327;
    text-transform: none;
    font-weight: 400;
    padding-left:0px;
    padding-right:0px;
}

.typography hr {
    border: 0;
    padding-top:0px;
    margin-top:10px;
    padding-bottom:0;
    margin-bottom:14px;
    border-bottom:1px solid #403327;
}

.typography .no-side-padding {
    padding-left: 0;
    padding-right: 0;
}

.typography .contentBlock p{
  font-size: 12px;
}

.typography img {
    /*clear:both;*/
}

::selection,
::-moz-selection { /* Applies style to highlighted portion of a page */
    background: #b80000;
    color: #fff;
    text-shadow: none;
}

.typography .uppercase {
  text-transform: uppercase;
}

/* LINKS */
.typography .contentBlock a{
  font-weight: 600;
  text-decoration: underline;
  color: #754C29;
}
.typography .category-box p a{
  /*font-weight: 600;*/
  /*text-decoration: underline;*/
}
.typography a, 
.typography a.intro {
    text-decoration: none;
}
/*  .typography a:hover { 
    color: #D80000;
    border-bottom: 1px dashed #B80000;
  }*/
  .typography a:focus { }


/* LIST STYLES
-------------------------------------------- */
.typography ul, 
.typography ol,
.typography dl { margin: 0; }
.typography ul li { list-style-type: disc; } /* adds disc style bullet to the list */

.typography ul {
    padding: 10px 0px;
}

.typography li {
    display:block;
    background:url("../img/bullet.png") no-repeat left 6px;
    padding-left:16px;
    margin-bottom: 10px;
    font-family: 'Merriweather', Georgia, serif;
    font-weight: 700;
    font-size: 12px;
    line-height: 17px;
}




/* WYSIWYG EDITOR ALIGNMENT CLASSES 
-------------------------------------------- */
.typography .left {
    text-align: left
}
.typography .center {
    text-align: center
}
.typography .right {
    text-align: right
}


.typography table{
    max-width:100%;
    width: 100%;
}

.typography thead tr {
    background-color: #403327;
    height:37px;
    padding-left:15px;
    vertical-align:middle;
    text-align:left;
}

.typography tbody tr:nth-child(even) {
    background-color: #f4edd3;
}

.typography thead tr td {
    text-transform: uppercase;
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    font-weight: 800;
}

.typography td {
    padding:6px 7px;
    line-height:17px;
    font-size:11px;
    border-left: 2px solid #fff;
    vertical-align: middle;
}

.typography tr td:last-child {

}

.typography blockquote {
    border-top: 1px solid #3a3c3a;
    border-bottom: 1px solid #3a3c3a;
    padding: 8px 0;
    clear: both;
    margin: 12px 0;
    display: inline-block;
    width: 100%;
}

.typography blockquote div {
    background: url("../img/bg-stripe-dark.gif") repeat;
    padding: 20px 19px;
}

.typography blockquote p{
    line-height: 20px;
    font-size: 15px;
    font-weight: 700;
    text-align: left;
    padding: 0 0 16px 0;
    color: #fff;
    font-family: 'Merriweather', Georgia, serif;
    width: 350px;
    margin-bottom: 0;
    padding-bottom: 0;
}

.typography blockquote em {
    font-size: 12px;
    font-weight: 800;
    line-height: 26px;
    font-family: 'Merriweather Sans', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
}

blockquote p.button {
    font-size: inherit;
    font-weight: 400;
    text-align: right;
    float: left;
    line-height: normal;
}





/* IMAGES 
-------------------------------------------- */
.typography img {
    /*border: 5px solid #d7d7d7;*/
    height: auto; /* resets the image height so that it maintains its aspect ratio when width is set */
    /* background: transparent url(../images/ajax-loader.gif) no-repeat center center; */
}
.typography img.left {
    float: left;
    max-width: 50%;
    margin: 5px 3px 10px 0;
	clear:none;
}
.typography img.right {
    float: right;
    max-width: 50%; /* Responsive width */
    margin: 5px 0 10px 20px;
}
.typography img.leftAlone {
    float: left;
    margin-right: 100%;
    margin-bottom: 10px;
    clear: both;
}
.typography img.center {
    float: none;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-bottom: 10px;
    clear: both;
}
.typography .captionImage { width: 100%; margin-top: 5px; }
.typography .captionImage img { margin: 0; }
  .typography .captionImage.left {
    float: left;
    margin: 5px 30px 20px 0px;
  }
  .typography .captionImage.right{
    float: right;
    margin: 5px 0 20px 30px;
  }
  .typography .captionImage.left[style],
  .typography .captionImage.right[style] {
    max-width: 50%; /* Overides core width to make responsive */
  }
  .typography .captionImage.left img,
  .typography .captionImage.right img {
    float: none;
    max-width: none;
    width: 100%;
  }
  .typography .captionImage.left img {
    margin-right: -10px;
  }
  .typography .captionImage.right img {
    margin-left: -10px;
  }
  .typography .captionImage.right p {
    margin-left: -10px;
    text-align: left;
    margin-left: -10px;
  }
.typography .captionImage.leftAlone{
  float:none;
  margin: 0 20px 20px 0px;
}
.typography .captionImage.center{
  margin: 0 auto 20px;
}
.typography .captionImage p {
  clear: both;
  margin: 5px 0;
  font-style: italic;
  color: #888;
}

.typography pre {
  background: #F7F7F7;
  border: 1px solid #E4E4E4;
  margin: 0 0 20px 0;
  padding: 15px;
  clear: both;
}

.banner-title,
.typography .banner-title {
    color: #b07f48;
    font-family: 'Merriweather', Georgia, serif;
    font-size: 29px;
    line-height: 34px;
    font-weight: 400;
    border-bottom: 1px solid #403327;
    padding-bottom: 5px;
    margin-bottom: 8px;
}

.banner-caption,
.typography .banner-caption {
    font-size:13px;
    line-height:17px;
    font-family: 'Merriweather', Georgia, serif;
    margin-bottom: 12px;
}


.typography .button,
.typography p.button,
p.button,
.button {
    font-size:13px;
    line-height: 31px;
    text-transform:uppercase;
    display: inline-block;
    text-align: center;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    font-family: 'Merriweather Sans', sans-serif;
    font-weight: 800;
    border: 1px solid #303230;
    height: 31px;
    text-decoration: none;
    padding-right:15px;
}

.button a {
    background:url("../img/button-right-arrow.png") no-repeat right center;
    padding: 0 18px 0 13px;
    color: #303230;
    display: block;
}

.brown-button,
.typography .brown-button {
  cursor: pointer;
  display: inline-block;
  margin: 0 0 10px 0;
  width: auto;
  padding: 4px 9px 4px 9px;
  line-height: 18px;
  position: relative;
  font-weight: 500;
  letter-spacing: 2px;
  text-transform: capitalize;
  color: #fff;
  font-size: 13px;
  z-index: 10;
  text-decoration: none !important;
}

.brown-button .text a,
.typography .brown-button .text a{
  color: #fff;
  vertical-align: middle;
  text-decoration: none;
  font-weight: 500;
}

.brown-button .text,
.typography .brown-button .text{
  background:url("../img/bullete4.png") no-repeat scroll right center;
  padding-right: 12px;
  color: #fff;
  vertical-align: middle;
}

.brown-button .skew,
.typography .brown-button .skew{
  transform: skew(10deg,0);
  -ms-transform: skew(10deg,0);
  -webkit-transform: skew(10deg,0);
  background-color: #A45F13;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -5;
}

/* ADDRESS
-------------------------------------------- */
address {
  display: block;
  margin-bottom: 20px;
}

/*.dotted-underline {
  border-bottom:1px dotted #525053;
}
*/
.slideshow-heading1, .slideshow-dottedline-heading1 {
  font-size: 27px;
  line-height: 30px;
  text-transform: capitalize;
  letter-spacing: 2px;
}

.slideshow-heading1 strong, .slideshow-dottedline-heading1  strong {
  font-weight:600;
}

.slideshow-heading2, .slideshow-dottedline-heading2 {
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  text-transform: capitalize;
  letter-spacing: 2px;
  padding-left: 5px;
  padding-right: 5px;
}

.slideshow-dottedline-heading1, .slideshow-dottedline-heading2, .slideshow-dottedline {
  padding-bottom: 8px;
  margin-bottom: 10px;
  background: url(../img/dot.png) no-repeat center bottom;  
}


/*.slideshow-dottedline {
  line-height: 15px;
  margin:0 auto;
  padding-bottom: 8px;
  margin-bottom: 10px;  
}*/

.contentBlock{

}

.postPic {}
.videoPic {}

.contentBox a{
  letter-spacing: 1px;
}

h3 strong{
  font-weight: 600;
}

/* HEADING STYLE */
.typography .page-heading{
  background-color: #754b29;
  transform: skew(10deg,0);
  -ms-transform: skew(10deg,0);
  -webkit-transform: skew(10deg,0);
  height:38px;
  min-height:38px;
  color: #fff;
  padding: 0 28px;
  line-height: 39px;
  text-align: left;
  font-weight: 500;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-size: 16px;
  display: inline-block;
  margin-bottom: 22px;
}
.typography .page-heading span{
  transform: skew(-10deg,0);
  -ms-transform: skew(-10deg,0);
  -webkit-transform: skew(-10deg,0);
  display: inline-block;
}

.typography .col.mg .page-heading,
.typography .col2.mg .page-heading,
.typography .col2 .page-heading{
  margin-left: -28px;
}