.photogallery {
  width:300px;
}

/* the a tag controls the content in it not the other way around*/
.photogallery  a {
     text-decoration:none !important;
       color:#2e2e2e;

}
.photogallery  a:hover{
    color:#ff0000;
}

.photogallery .photo-feature
{
    border-bottom:1px solid #d7d7d7;
    padding-bottom:10px;
 /*   font-family:georgia;
    font-size:18px;
    font-weight:bold;
    text-align:center;*/

}

.photogallery .photo-feature .photo
{
     width:100%;
     height:250px;
     background-color:#d7d7d7;
     max-width:300px;
     height:200px;
      background-size:cover;

}

    .photogallery .photo-feature .headline {
     font-family: Lora-Bold;
         font-size:1.3em;
     line-height:1.5em;
     width:100%;
     
     padding-top:5px;
     text-decoration:none;
     text-align:left;
     font-weight:bold;
     
    }

.photogallery .photo-item-short{
     font-family: Lora-Bold;
     font-size:1em;
     line-height:1.2em;
     width:100%;
     padding-top:7px;
     padding-bottom:7px;
     border-bottom:1px solid #d7d7d7;
     height:100px;
 
/*     width:300px;
    font-family:georgia;
     font-size:16px;*/
     font-weight:regular;
}

.photogallery .photo-item-short .photo {
    float:left;width:150px;
     background-color:#d7d7d7;
    max-width:140px;
    height:90px;
    }

.photogallery .photo-item-short .photo > img 
{
    width:100%;
    height:100%;
}

    .photogallery .photo-item-short .headline {
      float:left;
      font-family: Lora-Regular;
      width:150px;
    
      text-align:left;
      position:relative;
      left:15px;
    }

.photogallery .viewmore{
    margin-top:10px;

}

.photogallery .viewmore a
{
    text-decoration: none; 
    font-family: Lora-Bold;
    margin-bottom: 10px;
    padding: 5px; 
    font-weight: normal;
    font-size:1.2em;

}

.photgallery .viewmore a.morebutton
{
     border-radius: 6px !important;
     margin-bottom: 10px;
     padding: 10px; 
     font-weight: bold;
     font-size:14px
}