/** page structure **/

#w {

  display: block;

  max-width: 100%;

  min-width: 100%;

  margin: 0 auto;
  
  margin-top:20px;

 /* padding: 2px 3px;*/        float: left;

    position: relative;}





/** posts slider widget **/

.crsl-items {

  display: block;

  /*padding: 5px;*/

}







.crsl-item .thumbnail1 {

  display: block;

  position: relative;

  margin-bottom: 10px;

  cursor: pointer;

}

.crsl-item .thumbnail1 img { 

  display: block; /* fix 1px image space http://stackoverflow.com/q/5804256/477958 */

  -webkit-transition: all 0.3s linear;

  -moz-transition: all 0.3s linear;

  transition: all 0.3s linear;    width: 100%;

    border: 2px solid #fff;

}

.crsl-item .thumbnail1: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: 6px;

  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: right;

    margin-bottom: 2%;

    margin-top: 26px;    position: absolute;

    right: 0;

}



.slidernav a {

    display: inline-block;

    padding: 4px 8px;

    width: 26px;

    margin-right: 5px;

    text-align: center;

    /* font-size: 1.4em; */

    background: #2A9C27;

    color: #FFF;

    text-decoration: none;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 50%;

    /* -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%; }