#w div{
      -webkit-font-smoothing: antialiased;
	  -webkit-text-size-adjust: 100%;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
       ox-sizing: border-box;
}


/** page structure **/
#w {
      display: block;
      max-width: 830px;
      min-width: 500px;
      margin: 0 auto;
      padding: 2px 3px;
      font-family: "My Custom Font", Verdana, Tahoma;
}


/** posts slider widget **/


.crsl-item {
      background: #fff;
      padding: 8px;
      border:2px solid grey;
	  border-radius:5px;
	  box-shadow:grey 0 0 6px;
      width:350px;
	  height:370px;
}

.crsl-item .thumbnail {
      display: block;
      position: relative;
      margin-bottom: 10px;
      cursor: pointer;
      font-size:15px;
}
#w img { 
      width:100%;
	  height:250px;
	  argin-top:-8px;
	  argin-left:-20px;
	  filter: grayscale(100%);
      -webkit-filter: grayscale(100%);  
      filter: gray;  
      -webkit-transition: all .6s ease;  
	  cursor:pointer;
	  border-top-left-radius:5px;
	  border-top-right-radius:5px;
}
#w img:hover {
      filter: grayscale(0%);
      -webkit-filter: grayscale(0%);
      filter: none;
}

.crsl-item h3 {
      font-family: "My Custom Font", Verdana, Tahoma;
      font-size: 17px;
      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;
      font-size:9px;
	  font-weight:bold;
	  color:#4a4a4a;
	  margin-top:26px;
}

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

.crsl-item p.readmore a {
      text-decoration:none;
	  padding:15px;
	  display:block;
	  background:#4a4a4a;
	  color:white;
	  width:86%;
	  text-align:center;
	  border:1px solid grey;
	  order-radius:5px;
	  ox-shadow:grey 0 0 15px;
	  font-size:21px;
	  margin-top:10px;
	  cursor:pointer;
}
.crsl-item p.readmore a:hover {
      background: linear-gradient(to top, #4a4a4a 0%,white 80%,white 100%); 
	  ox-shadow:grey 0 0 30px;
	  color:#4a4a4a;
}


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

.slidernav a {
      width:85px;
      display: inline-block;
      padding: 5px 8px;
      margin-right: 8px;
      margin-bottom: 20px;
      font-size: 16px;
      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);
      font-family: "My Custom Font", Verdana, Tahoma;
}



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