/*CONTENT THUMBNAILS*/
.view-blog > .items-container,
.blog-items,
.view-pages .widget-blog-bloc,
.thumbnails-eco,
.thumbnails-album,
.view-album .thumbnails,
.thumbnails-ecard{
    margin:0 auto;
    width:100%;}

@media (min-width: 1200px){
.thumbnails-eco > li.span4,
.thumbnails-album > li.span4,
.view-album .thumbnails > li.span4,
.thumbnails-ecard > li.span4{
    float:left !important;
    width:31% !important;
    margin:5px !important;
    clear:none !important;}
    
#content-area.span6 .thumbnails-eco > li.span4,
#content-area.span6 .thumbnails-album > li.span4,
#content-area.span6 .view-album .thumbnails > li.span4,
#content-area.span6 .thumbnails-ecard > li.span4{
    width:48% !important;}
    
.view-blog > .items-container .item-blog,
.blog-items .item-blog,
.view-pages .widget-blog-bloc .item-blog{
    float:left !important;
    width:30% !important;
    margin:5px !important;
    clear:none !important;
    background-color: #666666!important;}
    
#content-area.span6 .view-blog > .items-container .item-blog,
#content-area.span6 .blog-items .item-blog,
#content-area.span6 .view-pages .widget-blog-bloc .item-blog{
    width:47% !important;}
    
.view-blog > .items-container .item-blog .clearfix,
.blog-items .item-blog .clearfix,
.view-pages .widget-blog-bloc .item-blog .clearfix{
    overflow:hidden;}

#content-area.span12 .view-blog > .items-container .item-blog,
#content-area.span12 .blog-items .item-blog,
#content-area.span12 .view-pages .widget-blog-bloc .item-blog,
#content-area.span12  .thumbnails-eco > li.span4,
#content-area.span12  .thumbnails-album > li.span4,
#content-area.span12  .view-album .thumbnails > li.span4,
#content-area.span12  .thumbnails-ecard > li.span4{
    width:23% !important;}
}

@media (min-width: 980px) and (max-width: 1199px){
.view-blog > .items-container .item-blog,
.blog-items .item-blog,
.view-pages .widget-blog-bloc .item-blog,
.thumbnails-eco > li.span4,
.thumbnails-album > li.span4,
.view-album .thumbnails > li.span4,
.thumbnails-ecard > li.span4{
    float:left !important;
    margin:5px !important;
    clear:none !important;}    

#content-area.span6 .thumbnails-eco > li.span4,
#content-area.span6 .thumbnails-album > li.span4,
#content-area.span6 .view-album .thumbnails > li.span4,
#content-area.span6 .thumbnails-ecard > li.span4{
    width:47% !important;}
    
#content-area.span6 .view-blog > .items-container .item-blog,
#content-area.span6 .blog-items .item-blog,
#content-area.span6 .view-pages .widget-blog-bloc .item-blog{
    width:46% !important;}
    
#content-area.span9 .view-blog > .items-container .item-blog,
#content-area.span9 .blog-items .item-blog,
#content-area.span9 .view-pages .widget-blog-bloc .item-blog,
#content-area.span9 .thumbnails-eco > li.span4,
#content-area.span9 .thumbnails-album > li.span4,
#content-area.span9 .view-album .thumbnails > li.span4,
#content-area.span9 .thumbnails-ecard > li.span4{
    width:30% !important;}
    
#content-area.span12  .thumbnails-eco > li.span4,
#content-area.span12  .thumbnails-album > li.span4,
#content-area.span12  .view-album .thumbnails > li.span4,
#content-area.span12  .thumbnails-ecard > li.span4{
    width:22% !important;}
    
#content-area.span12 .view-blog > .items-container .item-blog,
#content-area.span12 .blog-items .item-blog,
#content-area.span12 .view-pages .widget-blog-bloc .item-blog{
    width:23% !important;}
}

@media (max-width: 979px){
#content-area.span6 .view-blog > .items-container .item-blog,
#content-area.span6 .blog-items .item-blog,
#content-area.span6 .view-pages .widget-blog-bloc .item-blog,
#content-area.span6 .thumbnails-eco > li.span4,
#content-area.span6 .thumbnails-album > li.span4,
#content-area.span6 .view-album .thumbnails > li.span4,
#content-area.span6 .thumbnails-ecard > li.span4{
    width:100% !important;
    margin-bottom:5px !important;
    margin-left:0 !important;}    
}

@media (min-width: 768px) and (max-width: 979px){
#content-area.span9 .thumbnails-eco > li.span4,
#content-area.span9 .thumbnails-album > li.span4,
#content-area.span9 .view-album .thumbnails > li.span4,
#content-area.span9 .thumbnails-ecard > li.span4{
    width:48% !important;
    float:left !important;
    margin:5px !important;
    clear:none !important;}
    
#content-area.span9 .view-blog > .items-container .item-blog,
#content-area.span9 .blog-items .item-blog,
#content-area.span9 .view-pages .widget-blog-bloc .item-blog{
    width:47% !important;
    float:left !important;
    margin:5px !important;
    clear:none !important;}
    
#content-area.span12 .view-blog > .items-container .item-blog,
#content-area.span12 .blog-items .item-blog,
#content-area.span12 .view-pages .widget-blog-bloc .item-blog,
#content-area.span12 .thumbnails-eco > li.span4,
#content-area.span12 .thumbnails-album > li.span4,
#content-area.span12 .view-album .thumbnails > li.span4,
#content-area.span12 .thumbnails-ecard > li.span4{
    width:31% !important;
    float:left !important;
    margin:5px !important;
    clear:none !important;}
}

@media (min-width: 481px) and (max-width: 767px){
.thumbnails-eco > li.span4,
.thumbnails-album > li.span4,
.view-album .thumbnails > li.span4,
.thumbnails-ecard > li.span4{
    width:47% !important;
    float:left !important;
    margin:5px !important;
    clear:none !important;}
    
.view-blog > .items-container .item-blog,
.blog-items .item-blog,
.view-pages .widget-blog-bloc .item-blog{
    width:46% !important;
    float:left !important;
    margin:5px !important;
    clear:none !important;}  
}

.thumbnail,
.view-blog > .items-container .item-blog,
.blog-items .item-blog,
.view-pages .widget-blog-bloc .item-blog{
    font-size:.9em;
    padding:0 !important;
    line-height:1.7em;
    color: #ffffff; 
    background-color: #666666!important;    border-top: 2px solid #f3f3f3 !important;    border-right: 2px solid #f3f3f3 !important;    border-bottom: 2px solid #f3f3f3 !important;
    border-left: 2px solid #f3f3f3 !important;    border-radius: 5px 5px 5px 5px;
}

@media (max-width: 480px){
.thumbnail,
.view-blog > .items-container .item-blog,
.blog-items .item-blog,
.view-pages .widget-blog-bloc .item-blog{
    font-size:1em;}
    

#content-area.span9 .view-blog > .items-container .item-blog,
#content-area.span9 .thumbnails-eco > li.span4,
#content-area.span9 .thumbnails-album > li.span4,
#content-area.span9 .view-album .thumbnails > li.span4,
#content-area.span9 .thumbnails-ecard > li.span4,
#content-area.span9 .blog-items .item-blog,
#content-area.span9 .view-pages .widget-blog-bloc .item-blog,
#content-area.span12 .view-blog .items-container .item-blog,
#content-area.span12 .blog-items .item-blog,
#content-area.span12 .view-pages .widget-blog-bloc .item-blog,
#content-area.span12 .thumbnails-eco > li.span4,
#content-area.span12 .thumbnails-album > li.span4,
#content-area.span12 .view-album .thumbnails > li.span4,
#content-area.span12 .thumbnails-ecard > li.span4{
    margin-bottom:5px !important;
    margin-left:0 !important;
    width:100% !important;
}  
}

.thumbnail:hover,
.view-blog > .items-container .item-blog:hover,
.blog-items .item-blog:hover,
.view-pages .widget-blog-bloc .item-blog:hover{
    background-color: #666666!important;    border-top: 2px solid #e2e2e2 !important;    border-right: 2px solid #e2e2e2 !important;    border-bottom: 2px solid #e2e2e2 !important;    border-left: 2px solid #e2e2e2 !important;}
.thumbnail .badge,
.view-blog > .items-container .item-blog .badge,
.blog-items .item-blog .badge,
.view-pages .widget-blog-bloc .item-blog .badge{
	float: right;
    padding:0 5px;
    margin-top:10px;
    margin-right:10px;}
    
.content .thumbnail-title,
.view-blog > .items-container .item-blog .media-heading,
.blog-items .item-blog .media-heading,
.view-pages .widget-blog-bloc .item-blog .media-heading{
    text-align: center;    margin-bottom:0;
    font-family: ""Cabin", Arial, sans-serif", cursive;
    overflow:hidden;
    padding:10px;}
    
.content .thumbnail-title,
.view-blog > .items-container .item-blog .media-heading,
.blog-items .item-blog .media-heading,
.view-pages .widget-blog-bloc .item-blog .media-heading{
   color: #ffffff;}
 
  
.content .thumbnail-title a,
.content .thumbnail-title a:visited,
.view-blog > .items-container .item-blog .media-heading a,
.view-blog > .items-container .item-blog .media-heading a:visited,
.blog-items .item-blog .media-heading a,
.blog-items .item-blog .media-heading a:visited,
.view-pages .widget-blog-bloc .item-blog .media-heading a,
.view-pages .widget-blog-bloc .item-blog .media-heading a:visited{
    font-weight: normal;    font-style: normal;    text-decoration: underline;    color: #ffffff;}
.content .thumbnail-title a:hover,
.view-blog > .items-container .item-blog .media-heading a:hover,
.blog-items .item-blog .media-heading a:hover,
.view-pages .widget-blog-bloc .item-blog .media-heading a:hover{
    font-weight: normal;    font-style: normal;    text-decoration: none;    color: #bd848b;}

.content .thumbnail > a,
.view-blog > .items-container .item-blog .media-heading > a,
.blog-items .item-blog .media-heading > a,
.view-pages .widget-blog-bloc .item-blog .media-heading > a{
    display:block;
    width:100%;
    text-align:center;}
    
.thumbnail-description{
    padding:10px;
    overflow:hidden;}
    
.thumbnail .clearfix,
.view-blog .items-container .item-blog .clearfix,
.blog-items .item-blog .clearfix,
.view-pages .widget-blog-bloc .item-blog .clearfix{
    padding:0 10px;}
    
.content .thumbnail-description a,
.view-blog > .items-container .item-blog .clearfix a,
.blog-items .item-blog .clearfix a,
.view-pages .widget-blog-bloc .item-blog .clearfix a{
        color:#ffffff;
        text-decoration:underline;}
    
.content .thumbnail-description a:hover,
.view-blog > .items-container .item-blog .clearfix a:hover,
.blog-items .item-blog .clearfix a:hover,
.view-pages .widget-blog-bloc .item-blog .clearfix a:hover{
        color:#ffffff;
        text-decoration:none;
}