@font-face { 
  font-family: News Cycle; 
    src: url('../fonts/NewsCycle-Regular.eot'); 
    src: local("News Cycle"), url('../fonts/NewsCycle-Regular.ttf'); 
} 

html
{ height: 100%;}

*
{ margin: 0;
  padding: 0;}

body
{ font: normal 90% Arial, Helvetica, sans-serif;
  color: #F6ECDD;
  background: #3B2417;
}

p
{ padding: 0 0 10px 0;
  line-height: 1.7em;
  font-size: 100% }

img
{ border: 0;}

h1, h2, h3, h4, h5, h6 
{ font: normal 175% Arial, Helvetica, sans-serif;
  color: #F9EEDB;
  text-shadow: 0px -1px 0px #2B1A10;
  letter-spacing: -1px;
  margin: 0 0 10px 0;}

h2
{ font: normal 165% Arial, Helvetica, sans-serif;}

h3
{ font: bold 120% Arial, Helvetica, sans-serif;
}

h4, h5, h6
{ margin: 0;
  padding: 0 0 0px 0;
  font: normal 150% Arial, Helvetica, sans-serif;
  line-height: 1.5em;}

h5, h6
{ font: normal 95% Arial, Helvetica, sans-serif;
  color: #D8C5AF;
  padding-bottom: 15px;}

a, a:hover
{ color: #FDE8C8;
  background: transparent;
  outline: none;
  text-decoration: underline;}

a:hover
{ text-decoration: none;}

ul
{ margin: 2px 0 22px 30px;
  line-height: 1.7em;
  font-style: normal;
  font-size: 100%;}

ol
{ margin: 8px 0 22px 20px;}

ol li
{ margin: 0 0 11px 0;}

#main, #header, #banner, #menubar, #site_content, #footer, #content_green
{ margin-left: auto; 
  margin-right: auto;}

#main
{ background: transparent;}

#banner
{ width: 950px;
  position: relative;
  margin-top: 30px;
  min-height: 75px;
  overflow: hidden;} 
  
#menubar
{ width: 950px;
  height: auto;
  text-align: center; 
  margin: 0 auto;
  padding-bottom: 8px;
  background: #3B2417;
  background: -moz-linear-gradient(#7A5438, #3B2417);
  background: -o-linear-gradient(#7A5438, #3B2417);
  background: -webkit-linear-gradient(#7A5438, #3B2417);
  border-radius: 7px 7px 0px 0px;
  -moz-border-radius: 7px 7px 0px 0px;
  -webkit-border: 7px 7px 0px 0px;}

#searchbar
{ text-align: center;
  padding: 4px 0 2px 0;}

#searchbar input[type="text"]
{ width: 320px;
  padding: 5px 10px;
  font: normal 95% Arial, Helvetica, sans-serif;
  color: #3B2417;
  background: #FFF8EE;
  border: 2px solid #C8A782;
  border-radius: 20px 0 0 20px;
  -moz-border-radius: 20px 0 0 20px;
  outline: none;
  vertical-align: middle;}

#searchbar button
{ padding: 5px 14px;
  font: bold 95% Arial, Helvetica, sans-serif;
  color: #F9EEDB;
  background: #8A5F3C;
  border: 2px solid #C8A782;
  border-left: none;
  border-radius: 0 20px 20px 0;
  -moz-border-radius: 0 20px 20px 0;
  cursor: pointer;
  vertical-align: middle;}

#searchbar button:hover
{ background: #6B4A34;}

#contact_form input[type="text"],
#contact_form input[type="email"],
#contact_form textarea
{ background: #FFF8EE;
  border: 1px solid #C8A782;
  border-radius: 3px;
  color: #3B2417;
  font: normal 95% Arial, Helvetica, sans-serif;
  padding: 6px 8px;
  width: 100%;
  box-sizing: border-box;
  margin-top: 4px;}

#contact_form label
{ color: #F6ECDD;
  font-weight: bold;}

#contact_form button[type="submit"]
{ background: linear-gradient(#FBEFDF, #D8B28A);
  border: 1px solid #C8A782;
  border-radius: 3px;
  color: #3B2417;
  cursor: pointer;
  font: bold 100% Arial, Helvetica, sans-serif;
  padding: 8px 20px;}

#contact_form button[type="submit"]:hover
{ background: #6B4A34;
  color: #F6ECDD;}
  
#welcome
{ width: 420px;
  float: left;
  min-height: 75px;
  margin: 0 auto;
  padding-left: 20px;
  background: transparent;}  
  
#socialmedia
{ width: 420px;
  float: right;
  text-align: right;
  min-height: 40px;
  margin: 0 auto;
  padding: 20px 20px 0 0;
  background: transparent;}  

#socialmedia p
{ padding: 0 0 6px 0;}

#socialmedia .a2a_kit
{ display: inline-block;}
   
#welcome H1
{ font: normal 300% 'News Cycle', Arial, sans-serif;
  letter-spacing: -3px;
  color: #F9EEDB;
  text-shadow: 0px -1px 0px #2B1A10;}
  
ul#menu
{ margin:0;}

ul#menu li
{ padding: 0 0 0 0px;
  list-style: none;
  margin: 2px 0 0 0;
  display: inline;
  background: transparent;}

ul#menu li a
{ float: left;
  font: bold 120% Arial, Helvetica, sans-serif;
  height: 24px;
  margin: 10px 0 0 20px;
  text-shadow: 0px -1px 0px #2B1A10;
  padding: 6px 20px 0 20px;
  background: transparent; 
  border-radius: 7px 7px 7px 7px;
  -moz-border-radius: 7px 7px 7px 7px;
  -webkit-border: 7px 7px 7px 7px;
  text-align: center;
  color: #F9EEDB;
  text-decoration: none;} 
  
ul#menu li.current a
{ background: #8A5F3C;
  background: -moz-linear-gradient(#D8B28A, #8A5F3C);
  background: -o-linear-gradient(#D8B28A, #8A5F3C);
  background: -webkit-linear-gradient(#D8B28A, #8A5F3C);
  text-shadow: none;}
  
ul#menu li:hover a
{ background: #8A5F3C;
  background: -moz-linear-gradient(#D8B28A, #8A5F3C);
  background: -o-linear-gradient(#D8B28A, #8A5F3C);
  background: -webkit-linear-gradient(#D8B28A, #8A5F3C);
  text-shadow: none;}

#site_content
{ width: 940px;
  overflow: hidden;
  margin: 0 auto;
  padding-left: 10px;
  background: #6B4A34;
  border-radius: 0px 0px 7px 7px;
  -moz-border-radius: 0px 0px 7px 7px;
  -webkit-border: 0px 0px 7px 7px;} 

.sidebar_container
{ float: right;
  margin: 25px 20px 0 10px;
  width: 210px;
  padding: 0;}

.sidebar
{ float: left;
  width: 190px;
  padding-left: 10px;
  margin-bottom: 20px;}

.sidebar_item
{ font: normal 100% Arial, Helvetica, sans-serif;
  width: 190px;}

.sidebar h2
{ font: normal 140% Arial, Helvetica, sans-serif;
  padding: 5px;
  border-bottom: 3px solid #4A2F1B;
  color: #3B2417;
  text-shadow: 0px -1px 0px #F9EEDB;
  background: #D7B38E;
  background: -moz-linear-gradient(#F6E7D3, #D7B38E);
  background: -o-linear-gradient(#F6E7D3, #D7B38E);
  background: -webkit-linear-gradient(#F6E7D3, #D7B38E); }  
  
.sidebar p
{ font-size: 90%;}

.sidebar a
{ font-weight: bold;}

#content
{ width: 680px;
  margin: 0 0 20px 10px;
  float: left;}

.content_item
{ width: 680px;
  margin-top: 20px;
  margin-bottom: 20px;}
  
.blog_entry
{ width: 680px;
  margin-top: 20px;
  margin-bottom: 20px;}
  
.content_heading
{ width: 680px;
  padding: 5px;
  margin-right: 10px;
  float: left;}
  
.content_heading h3
{ font: normal 175% Arial, Helvetica, sans-serif;
  color: #3B2417;
  text-shadow: 0px -1px 0px #F9EEDB;
  padding: 5px;
  border-bottom: 3px solid #4A2F1B;
  background: #D7B38E;
  background: -moz-linear-gradient(#F6E7D3, #D7B38E);
  background: -o-linear-gradient(#F6E7D3, #D7B38E);
  background: -webkit-linear-gradient(#F6E7D3, #D7B38E); }
 
.content_image
{ float: left; 
  width: 100px;
  height: 100px;
  overflow: hidden;
  margin: 0 20px 10px 5px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;
  -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;
  box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;}

.content_image img
{ width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;}
  
.image_logo {
  float: left;
  width: 100px;
  height: 100px;  
}

.portfolio_image
{ float: left; 
  width: 250px;
  height: 250px;
  overflow: hidden;
  margin: 0 20px 10px 5px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;
  -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;
  box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;}

.portfolio_image img
{ width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;}
  
.content_slideshow
{ float: left; 
  width: 680px;
  height: 250px;
  margin-left: 5px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;
  -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;
  box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;}
  
.content_text
{ width: 485px;
  padding: 5px;
  float: left;}
  
.content_fulltext
{ width: 670px;
  padding: 5px;
  margin-top: 10px;
  float: left;}
  
.portfolio_text
{ width: 670px;
  padding: 5px;
  margin-top: 10px;}
  
 .readmore
{ font: bold 110% Arial, Helvetica, sans-serif;
  height: 15px;
  float: left;
  padding: 5px 10px 7px 10px;
  background: #F7E9D5;
  background: -moz-linear-gradient(#FBEFDF, #D8B28A);
  background: -o-linear-gradient(#FBEFDF, #D8B28A);
  background: -webkit-linear-gradient(#FBEFDF, #D8B28A);
  border-radius: 15px 15px 15px 15px;
  -moz-border-radius: 15px 15px 15px 15px;
  -webkit-border: 15px 15px 15px 15px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
  -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
  box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;}
  
 .readmore a
{ color: #3B2417;}

 .readmore_small
{ font: bold 80% Arial, Helvetica, sans-serif;
  float: left;
  padding: 2px 5px 4px 5px;
  background: #F7E9D5;
  background: -moz-linear-gradient(#FBEFDF, #D8B28A);
  background: -o-linear-gradient(#FBEFDF, #D8B28A);
  background: -webkit-linear-gradient(#FBEFDF, #D8B28A);
  border-radius: 15px 15px 15px 15px;
  -moz-border-radius: 15px 15px 15px 15px;
  -webkit-border: 15px 15px 15px 15px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
  -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
  box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;}
  
 .readmore_small a
{ color: #3B2417;}
 
#footer
{ width: 950px;
  height: auto;
  padding-top: 20px;
  text-align: center; 
  font-weight: bold;
  background: transparent;
  text-shadow: 1px 1px #2B1A10;
  text-align: center;
  color: #F6ECDD;}

#footer .a2a_kit
{ display: block !important;
  width: auto !important;
  margin: 0 auto 10px !important;
  text-align: center !important;
  clear: both !important;}

#footer .a2a_kit a
{ float: none !important;
  display: inline-block !important;
  margin: 0 4px !important;}

#footer a, #footer a:hover
{ text-shadow: 1px 1px #2B1A10;
  color: #F9EEDB;
  text-decoration: none;
  padding-bottom: 20px;}

#footer a:hover
{ text-decoration: underline;}

#footer p
{ display: block;
  margin: 0 0 10px;}

#footer a, #footer a:hover
{ text-shadow: 1px 1px #2B1A10;
  color: #F9EEDB;
  text-decoration: none;}

#footer a:hover
{ text-decoration: underline;}
 

.form_settings
{ margin: 15px 0 0 0;}

.form_settings p
{ padding: 0 0 4px 0;}

.form_settings span
{ float: left; 
  width: 280px; 
  text-align: left;}
  
.form_settings input, .form_settings textarea
{ padding: 2px; 
  width: 299px; 
  font: 100% arial; 
  border: 1px solid #C8A782; 
  background: #FFF8EE; 
  color: #47433F;}
  
.form_settings input[type="checkbox"]
{ padding: 2px 0; 
  width: 15px; 
  font: 100% arial; 
  border: 0; 
  background: #FFF8EE; 
  color: #47433F;
  margin: 28px 0;}

.form_settings .submit
{ font: 100% arial; 
  border: 1px solid #4A2F1B; 
  width: 99px; 
  margin: 0 0 0 206px; 
  height: 26px;
  padding: 2px 0 3px 0;
  cursor: pointer; 
  background: #6B4A34; 
  color: #F9EEDB;}

/* styling for the slideshow on the homepage */
ul.slideshow {
  list-style: none;
  width: 680px;
  height: 250px;
  overflow: hidden;
  position: relative;
  margin: 0 0 0 0;
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;
  -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;
  box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;}
  
ul.slideshow li {
  position: absolute;
  margin: 0;
  padding: 0;
  left: 0;
  right: 0;}
 
ul.slideshow li.show {
  z-index: 500;}
 
ul img {
  border: none;}
 
#slideshow-caption {
  width: 680px;
  height: 38px;
  position: absolute;
  bottom: 0;
  left: 0; 
  z-index: 500;}
 
#slideshow-caption .slideshow-caption-container {
  padding: 10px 25px 10px 25px; 
  background: transparent url(../images/transparent.png) repeat;  
  z-index: 1000;}
 
#slideshow-caption p {
  padding: 0;
  font: normal 130% arial, sans-serif;
  color: #F9EEDB;}