br { display: block; line-height: 1.6em; } 


input, textarea { 
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 90%;
  -ms-text-size-adjust: 90%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  outline: none; 
}

blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong, b { font-weight: bold; }
em, i { font-style: italic; }

table { border-collapse: collapse; border-spacing: 0; }
img { border: 0; max-width: 100%; }

h1 {
  font-family: 'Exo 2', sans-serif;
  font-size: 2.4em;
  line-height: 1.75em;
  margin-bottom: 15px;
  text-align: center;
  text-shadow: 1px 1px 0 rgba(255,255,255,0.8);
}


/** page structure **/
#w {
  display: inline-block;
  max-width:100%;
  min-width: 300px;
  margin: 0 auto;

}


/** posts slider widget **/
.crsl-items {
  display: block;
  padding: 1px;
  
}

.crsl-item {
  background: #fff;
  padding: -10px;
  -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.4);
  -moz-box-shadow: 0 2px 3px rgba(0,0,0,0.4);
  box-shadow: 0 2px 3px rgba(0,0,0,0.4);
}

.crsl-item .thumbnail {
  display: block;
  position: relative;
  margin-bottom: 10px;
  cursor: pointer;
}
.crsl-item .thumbnail img { 
  display: block; 
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.crsl-item .thumbnail:hover img {
  opacity: 0.8;
}

.crsl-item h3 {
  font-family: 'Oswald', 'Trebuchet MS', Helvetica, sans-serif;
  font-size: 1.95em;
  line-height: 1.25em;
  margin-bottom: 12px;
}
.crsl-item h3 a {
  text-decoration: none;
  color: #333;
}
.crsl-item h3 a:hover {
  text-decoration: underline;
}

.crsl-item .postdate {
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 2px;
  color: #fff;
  text-shadow: 1px 1px 0 rgba(0,0,0,0.4);
  font-size: 1.2em;
  font-weight: bold;
  background: #4e90da;
}

.crsl-item p {
  font-size: 1.2em;
  line-height: 1.55em;
  margin-bottom: 5px;
}


.crsl-item p.readmore a {
  display: block;
  float: right;
  color: #4e90da;
  padding: 3px 5px;
  text-decoration: none;
  font-weight: bold;
  -webkit-border-radius: 3px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.crsl-item p.readmore a:hover {
  background: #4b6caa;
  color: #fff;
}


/** posts slider nav **/
.slidernav {
  display: block;
  text-align: center;
  margin-bottom: 5px;
    
}

.slidernav a {
  display: inline-block;
  padding: 5px 8px;
  margin-right: 8px;
  font-size: 1.4em;
  background: #fff;
  color: #666;
  text-decoration: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 2px 2px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 2px 2px 0px rgba(0,0,0,0.2);
  box-shadow: 2px 2px 0px rgba(0,0,0,0.2);
}
.slidernav a:active {
  -webkit-box-shadow: 1px 1px 0 rgba(0,0,0,0.2);
  -moz-box-shadow: 1px 1px 0 rgba(0,0,0,0.2);
  box-shadow: 1px 1px 0 rgba(0,0,0,0.2);
}


/** media queries **/
@media screen and (max-width: 660px) {
  h1 { font-size: 2.4em; line-height: 1.2em; }
  
  .crsl-item h3 { font-size: 1.65em; }
}

/** clearfix **/
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
 
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; 
}



.crsl-items1 {
  display: block;
  padding: 1px;
  
}

.crsl-item1 {
  background: #fff;
  padding: -10px;
  -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.4);
  -moz-box-shadow: 0 2px 3px rgba(0,0,0,0.4);
  box-shadow: 0 2px 3px rgba(0,0,0,0.4);
  
  
}

.crsl-item1 .thumbnail {
  display: block;
  position: relative;
  margin-bottom: 10px;
  cursor: pointer;
}
.crsl-item1 .thumbnail img { 
  display: block; 
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.crsl-item1 .thumbnail:hover img {
  opacity: 0.8;
}

.crsl-item1 h3 {
  font-family: 'Oswald', 'Trebuchet MS', Helvetica, sans-serif;
  font-size: 1.95em;
  line-height: 1.25em;
  margin-bottom: 12px;
}
.crsl-item1 h3 a {
  text-decoration: none;
  color: #333;
}
.crsl-item1 h3 a:hover {
  text-decoration: underline;
}

.crsl-item1 .postdate {
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 2px;
  color: #fff;
  text-shadow: 1px 1px 0 rgba(0,0,0,0.4);
  font-size: 1.2em;
  font-weight: bold;
  background: #4e90da;
}


.crsl-item1 p {
  font-size: 1.1em;
  line-height: 1.55em;
  margin-bottom: 5px;
  margin: 10px 5px 10px 5px;
  }

.crsl-item1 p.readmore a {
  display: block;
  float: right;
  color: #4e90da;
  padding: 3px 5px;
  text-decoration: none;
  font-weight: bold;
  -webkit-border-radius: 3px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.crsl-item1 p.readmore a:hover {
  background: #4b6caa;
  color: #fff;
}

.crsl-item .postdate1 {
  display: block;
  position: absolute;
  bottom: -20px;
      /* right: 0; */
  padding: 0;
  color: #fff;
  text-shadow: 1px 1px 0 rgba(0,0,0,0.4);
  font-size: 1em;
  font-weight: bold;
  background: #4e90da;
}
  
.accordion {
   position: absolute;
   top: 10px;
    left: 00px;
    width: 100%;
   box-shadow: 0 1px 8px rgba(0, 0, 0, 0.25);
}

.accordion input[name='panel'] {
   display: none;
}

.accordion label {
   position: relative;
   display: block;
   padding: 1em;
   background: linear-gradient(to bottom, #FEFEFE 0%, #D1D1D1 50%, #DBDBDB 55%, #E2E2E2 100%);
   border-top: 1px solid #FFF;
   border-bottom: 1px solid rgba(0, 0, 0, 0.15);
   box-shadow: inset 0 2px 0 #FFF;
   font-size: 1.5em;
   text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
   color: #666666;
   cursor: pointer;
   transition: all 0.4s cubic-bezier(0.865, 0.14, 0.095, 0.87);
}

.accordion label:after {
   content: '+';
   position: absolute;
   right: 1em;
   width: 1em;
   height: 1em;
   color: #EEEEEE;
   text-align: center;
   border-radius: 50%;
   background: #436EEE;
   box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.5), 0 1px 0 white;
   text-shadow: 0 1px 0 rgba(0, 0, 0, 0.75);
}

.accordion label:hover {
   color: #436EEE;
}

.accordion input:checked + label {
   color: #436EEE;
}

.accordion input:checked + label:after {
   content: '-';
   line-height: .8em;
}

.accordion .accordion__content {
   overflow: hidden;
   max-height: 0em;
   position: relative;
   padding: 0 1.5em;
   box-shadow: inset 4px 0 0 0 #436EEE, inset 0 3px 6px rgba(0, 0, 0, 0.75);
   background: #444444;
   background: linear-gradient(to bottom, #444444 0%, #222222 100%);
   color: #EEEEEE;
   transition: all 0.4s cubic-bezier(0.865, 0.14, 0.095, 0.87);
}

.accordion .accordion__content:not(:last-of-type) {
   box-shadow: inset 0 -2px 2px rgba(0, 0, 0, 0.25), inset 4px 0 0 0 #436EEE, inset 0 3px 6px rgba(0, 0, 0, 0.75);
}

.accordion .accordion__content .accordion__header {
   padding: 1em 0;
}

.accordion .accordion__content .accordion__body {
   padding: 0 0 1.5em;
   font-size: .825em;
   line-height: 1.4em;
}

input[name='panel']:checked ~ .accordion__content {
   max-height: 60em;
}

@keyframes background {
   0%   {background-image: url('http://farm9.staticflickr.com/8053/8350261264_af26ffada8_h.jpg');}
   25%  {background-image: url('http://farm9.staticflickr.com/8474/8349856979_f0b15c49b1_h.jpg');}
   50%  {background-image: url('http://farm9.staticflickr.com/8053/8350261264_af26ffada8_h.jpg');}
   75%  {background-image: url('http://farm9.staticflickr.com/8511/8357630239_22434fe719_h.jpg');}
   100%  {background-image: url('http://farm9.staticflickr.com/8053/8350261264_af26ffada8_h.jpg');}
}


.crsl-items {
  display: block;
  padding: 1px;
  
}

.crsl-item {
  background: #fff;
  padding: -10px;
  -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.4);
  -moz-box-shadow: 0 2px 3px rgba(0,0,0,0.4);
  box-shadow: 0 2px 3px rgba(0,0,0,0.4);
}

.crsl-item .thumbnail {
  display: block;
  position: relative;
  margin-bottom: 10px;
  cursor: pointer;
}
.crsl-item .thumbnail img { 
  display: block; 
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.crsl-item .thumbnail:hover img {
  opacity: 0.8;
}

.crsl-item h3 {
  font-family: 'Oswald', 'Trebuchet MS', Helvetica, sans-serif;
  font-size: 1.95em;
  line-height: 1.25em;
  margin-bottom: 12px;
}
.crsl-item h3 a {
  text-decoration: none;
  color: #333;
}
.crsl-item h3 a:hover {
  text-decoration: underline;
}

.crsl-item .postdate {
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 2px;
  color: #fff;
  text-shadow: 1px 1px 0 rgba(0,0,0,0.4);
  font-size: 1.2em;
  font-weight: bold;
  background: #4e90da;
}

.crsl-item p {
  font-size: 1.2em;
  line-height: 1.55em;
  margin-bottom: 5px;
}


.crsl-item p.readmore a {
  display: block;
  float: right;
  color: #4e90da;
  padding: 3px 5px;
  text-decoration: none;
  font-weight: bold;
  -webkit-border-radius: 3px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.crsl-item p.readmore a:hover {
  background: #4b6caa;
  color: #fff;
}


/** posts slider nav **/
.slidernav {
  display: block;
  text-align: center;
  margin-bottom: 5px;
    
}

.slidernav a {
  display: inline-block;
  padding: 5px 8px;
  margin-right: 8px;
  font-size: 1.4em;
  background: #fff;
  color: #666;
  text-decoration: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 2px 2px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 2px 2px 0px rgba(0,0,0,0.2);
  box-shadow: 2px 2px 0px rgba(0,0,0,0.2);
}
.slidernav a:active {
  -webkit-box-shadow: 1px 1px 0 rgba(0,0,0,0.2);
  -moz-box-shadow: 1px 1px 0 rgba(0,0,0,0.2);
  box-shadow: 1px 1px 0 rgba(0,0,0,0.2);
}


/** media queries **/
@media screen and (max-width: 660px) {
  h1 { font-size: 2.4em; line-height: 1.2em; }
  
  .crsl-item h3 { font-size: 1.65em; }
}

/** clearfix **/
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
 
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; 
}