/*
=RESET :Eric Meyer Reset Reloaded
(http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/)
---------------------------------------- */
html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
:focus{outline:0;}
body{line-height:1;color:black;background:white;}
ol,ul{list-style:none;}
table{border-collapse:separate;border-spacing:0;}
caption,th,td{text-align:left;font-weight:normal;}
blockquote:before,blockquote:after,
q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}

/* html 5 Specific */
article,aside,canvas,details,div,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary,
time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary,
time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary{display:block;}


/* www.aestheticallyloyal.com/public/optimize-legibility/ */
/*body { text-rendering: optimizeLegibility; }*/
/* maxvoltar.com/archive/-webkit-font-smoothing */
html { -webkit-font-smoothing: antialiased; } 


/* Layout */
body {    
  font:  14px/20px Arial, sans-serif;
  padding: 20px 20px 0 20px;
}
body.homePage {    
  padding:0!important;
}

em {
  font-style: italic;
}
h1 {
  color: #A48961;
  margin-bottom: 20px;
}

#logo img{
 width: 100%;
 margin: 0 auto;
 display:block;
}

body.homePage header{
  padding: 20px 20px 0 20px;
}

header h1,
header nav {
  margin-bottom: 30px;
}
nav select {
  width: 100%;
}
#siteNavigation {
  height: 30px;
}
#search {
  border-top: 1px solid #EEE;
  text-align: center;
  padding:0 20px;  
}
#search input,
#search input[type="submit"] {
  height: 20px;
}
#search #query {
  width: 60%;
}
#search #submit {
  width: 33%;
}
#siteLinks {
  background: #EEE;
  color: #333;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  padding:20px 0;
  margin-top: 20px;
}

#siteLinks li {
  display: inline-block;
}
#siteLinks li:after {
  content: ' |';
}
#siteLinks li:last-child:after {
  content: '';
}
#siteLinks a {
  color: #333;
  text-decoration: none;
}

/* Works In Progress */

#worksInProgress{
  width: 100%; 
  margin:20px 0;
  float:left;
}
  #worksInProgress li{
    float:none;
    width: 100%;
	margin-bottom: 20px;
  }
    #worksInProgress li.last{
      margin-right:0!important;
    }
  #worksInProgress li img{
    width: 100%;
  }
  #worksInProgress li a{
    color: #A48961;
    text-decoration: none;
  }
    #worksInProgress li a:hover{
      text-decoration: underline;
    }

        
/* Slideshow */
#slideshow {
  width: 100%;
}
#slideshow {
  width: 100%;
}
#slideshow img {
  display: block;
  width: 100%;
}
#pager {
  text-align: center;
  padding-top: 10px;
  color: #999;
}
body.homePage #page{
  padding:20px 20px 0 20px;
}
#pager a {
  background: #999;
  display: inline-block;
  height: 14px;
  width: 14px;
  text-indent: -9999px;
  margin: 20px 10px 0 10px;
  -webkit-border-radius: 14px;
}
#pager a.current {
  background: #A48961;
}
.block_header {
  border-bottom: 1px solid #EEE;
  color: #A48961;
  font-size: 18px;
  margin-bottom: 20px;
  padding-bottom: 15px;
}
.feed {
  margin-bottom: 20px;
}
.feed article {
  border-bottom: 1px solid #EEE;
  margin-bottom: 20px;
  padding-bottom: 20px;
} 
.feed.alt {
  
}
.feed.alt article {
  border-bottom: none;
  border-top: 1px solid #EEE;
  padding: 20px 20px 0 20px;
  margin-left: -20px;
  width: 100%;
}
.feed article:last-child {
  border-bottom: none;
  margin-bottom: 0;
}
.feed a {
  color: #000;
  text-decoration: none;
}
.feed .date {
  color: #666;
}
.feed .more {
  color: #A48961;
}
.content {
  border-top: 1px solid #EEE;
  color: #666;
  padding: 15px 20px 0 20px;
  margin-left: -20px;
  margin-bottom: 20px;
  width: 100%;
}
.content h1 {
  color: #000;
  margin-bottom: 15px;
}
.content header .content_block {
  border-bottom: 1px solid #EEE;
  margin-bottom: 20px;
  padding-bottom: 15px;
}

.content_block.social{
  height: 20px;
}
.content p {
  margin-bottom: 20px;
}
.content_images img {
  display: block;
  margin-bottom: 0;
  width: 100%;
}
.content_body {
  border-bottom: 1px solid #EEE;
}
.full {
  padding-left: 20px;
  padding-right: 20px;
  margin-left: -20px;
  width: 100%;
}
/* Directional Nav */
 .directional_nav {
   padding: 20px 0;
 }
 .directional_nav a,
 a.direction {
   background: url(../static/img/lr_arr.png) no-repeat 0 0;
   color: #666;
   display: inline-block;
   line-height: 10px;
   text-decoration: none;
 }
 .directional_nav .left {
   float: left;
 }
 .directional_nav .left a,
 a.direction.left {
   background-position: 0 0;
   float: left;
   padding-left: 13px;
 }
 .directional_nav .left a:hover,
 a.direction.left:hover {
   background-position: 0 -11px;
   float: left;
 }
 .directional_nav .right {
   float: right;
 }
 .directional_nav .right a,
 a.direction.right {
   background-position: 100% -22px;
   float: right;
   padding-right: 15px;
 }
 .directional_nav .right a:hover,
 a.direction.right:hover {
   background-position: 100% -33px;
   float: right;
 }
 #contacts h3 {
   margin-bottom: 10px;
 }
 .contact {
   padding-left: 20px;
 }
 /*  =Hacks 
   ------------------------------------------------------ */
   .clrfx:after,
   .col_wrap:after {
     content: ".";
     display: block;
     clear: both;
     visibility: hidden;
     line-height: 0;
     height: 0; }

   .clrfx, .col_wrap {
     display: inline-block; }

   html[lang] .clrfx,
   html[lang] .col_wrap {
     display: block; }

   * html .clrfx,
   * html .col_wrap {
     height: 1%; 
   }
   
   
figcaption {
    font-size: 11px;
    line-height: 18px;
    padding: 15px 0;
    text-align: center;
  }
  
 figure {
    margin-bottom: 35px;
  }
  
  .black{
    color: #000;
  }
  

/*  =Google Styles
  ------------------------------------------------------ */
.cse .gsc-control-cse, .gsc-control-cse {
  padding: 0px;
  width: auto;
}

#cse .gsc-control-cse .gsc-control-wrapper-cse .gsc-above-wrapper-area {
  border-bottom: none;
  border-top: none;
  padding: 5px 0 5px 0;
}

#cse .gsc-control-cse .gsc-control-wrapper-cse .gsc-wrapper .gsc-table-result, #cse .gsc-control-cse .gsc-control-wrapper-cse .gsc-wrapper .gsc-cursor-page{
  color: #666;
  font: 700 13px/20px "proxima-nova", Arial, sans-serif;
  background-color: none;
  border: none;
  padding: 5px;
}

#cse .gsc-control-cse .gsc-control-wrapper-cse .gsc-wrapper .gsc-cursor-page{
  margin-right: 0px;
  padding: 8px;
}

#cse .gsc-control-cse .gsc-control-wrapper-cse .gsc-wrapper .gsc-cursor-current-page{
  padding: 4px 6px;
  background-color: #A48961;
  text-shadow: none;

}

#cse .gsc-control-cse .gsc-control-wrapper-cse .gsc-wrapper .gsc-cursor-box{
  border-top: 1px solid #EEE;
  padding-top: 15px;
}

#cse .gsc-control-cse .gsc-control-wrapper-cse .gsc-wrapper a {
    color: #A48961;
    text-decoration: none;
  }
  
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
  .desktop_only {display: none;}
}  


.faq_page p {
	margin-bottom: 20px;
	color: #666;
}
.faq_page details {
	border-bottom: 1px solid #EEE;
	padding-top: 20px;
}
.faq_page summary {
	color: #A48961;
	margin-bottom: 20px;
}
.faq_page figcaption {
	color: #666;
}
.faq_page a {
	color: #A48961;
	text-decoration: none;
}

  .bold{
    font-weight: bold;
  }
  
  .bold.black{
    color: #000;
  }
  
  .black{
    color: #000;
  }
  .faq_page figure {
	  text-align:center;
  }
  
.period {
	border-bottom: 1px solid #EEE;
	padding-top: 20px;
	color: #666;
}
.period .date {
	color: #A48961;
	margin-bottom: 20px;
}
.period p {
	margin-bottom: 20px;
}
figure {
	text-align: center;
}
.period img {
	max-width: 100%;
	margin: 0 auto !important;
}

#video_list h3 a {
	color: #A48961;
	text-decoration: none;
	margin-bottom: 20px;
}

.vidThumb {
	height: auto;
	max-width: 100%;
}
.grid_block {
	margin-bottom: 20px;
}