/**
 * Responsive WordPress Core Theme Styles
 * http://jeffsebring.com/responsive-wordpress-images/
--------------------------------------------------- */

.sticky,
.bypostauthor,
.gallery-caption {
   display: normal;
}

.alignnone {
   margin: 1em 1em 1em 0;
}

.aligncenter,
div.aligncenter {
   display:block;
   margin: .5em auto;
}

.alignright {
   float:right;
   margin: 0 0 1em 1em;
}

.alignleft {
   float:left;
   margin: 0 1em 1em 0;
}

.aligncenter {
   display: block;
   margin: 1em auto;
}

img,
img[class*="align"],
img[class*="wp-image-"] {
   max-width: 100%;
   height: auto;
}

img.wp-smiley {
   border: none;
   margin-bottom: 0;
   margin-top: 0;
   padding: 0;
}

img.alignright {
   margin-left: 1em 0 1em 1em;
}

img.alignleft {
   margin: 1em 1em 1em 0;
}

img.aligncenter{
   display: block;
   margin: 1em auto;
}

img#wpstats {
   display: block;
   margin: 0 auto;
}

img[class*="align"],
img[class*="wp-image-"],
   .gallery .gallery-icon img {
   border: none;
}

.wp-caption {
   margin-bottom: 1em;
   margin-left: 0;
   max-width: 96%;
   text-align: center;
}

.wp-caption img {
   display: block;
   margin: 0 auto;
}

.wp-caption-text {
   position: relative;
   font-size: .8em;
}

.gallery {
   margin: 0 auto;
}

.gallery .gallery-item  {
   margin: 0;
   float: left;
   text-align: center;
   width: 33%;
}

.gallery a img {
   border: none;
}

.gallery-columns-4 .gallery-item {
   width: 25%;
}

.gallery-columns-4 .gallery-item img {
   width: 100%;
   height: auto;
}

.comments ol    {
   padding-left: 0;
}

.comments ol li {
   margin: 0;
}

.comment-author {
   padding: 0;
   text-decoration: none;
}


@media only screen and (max-width: 800px) {

   embed,
   object {
      max-width: 100%;
   }

}

@media only screen and ( max-width: 650px ) {

   .gallery-columns-3 .gallery-item {
      width: 33.33%;
   }

   .gallery-columns-3 .gallery-item img {
      width: 100%;
      height: auto;
   }

}

@media only screen and (max-width: 480px) {

   .gallery-columns-2 .gallery-item {
      width: 50%;
   }

   .gallery-columns-2 .gallery-item img {
      width: 100%;
      height: auto;
   }

}

@media only screen and (min-device-width : 320px) and (max-device-width: 768px) {
	body{
		padding: 0!important;
		margin: 0!important;
	}
	
	#page{
		width: 100%!important;
		margin: 0!important;
		/*border: 1px solid red;*/
	}
	
	#branding{
		width: 100% !important;
		height: auto;
	}
	#access{
		display: none!important;
	}
	
	#mobile-nav{
		display: block !important;
		margin-bottom: 20px;
	}
	#mobile-nav-menu-btn{
		width: 100%;
		background-color: #277e78;
	}
	#mobile-nav-menu-btn img{
		display: block;
		width: 82px !important;
		height: 27px !important;
		padding: 10px;
	}
	#mobile-menu-list{
		display: none;
		/*background-color: #8cb0b0;*/
		background-color: #185e5e;
		margin: 6px 0 0 0;
		padding: 8px;
	}
	#mobile-menu-list ul{
		list-style: none;
		margin: 0;
	}
	#mobile-menu-list ul li{
	}
	#mobile-menu-list ul li a{
		display: block;
		width: 100%;
		color: #ffffff;
		padding: 8px 0 8px 0;
		border-bottom: 1px solid #8cb0b0;
	}
	#main{
		margin: 0;
		padding: 10px!important;
	}
	
	#home-content{
		display: none;
	}
    
	.home-full-width-post-title, .left-column-post-title h3, .right-column-post-title h3{
		font-size: 1.7em;
		padding: 0 0 10px 0;
        font-weight: bold;
	}
	.home-full-width-post-content{
		overflow: hidden;
	}
	.home-full-width-post-content img{
		width: 33% !important;
		height: auto;
		float: left;
		margin: 0 10px 10px 0;
		padding: 0;
	}
	#left-column-container, #right-column-container{
		width: 100%;
		margin: 0;
		padding: 0;
	}
    
	.left-column-post, .right-column-post{
		margin: 10px 0 10px 0;
		padding: 10px 0 10px 0;
        border-bottom: 1px solid #CCCCCC;
	}
    .home-recent-posts-title-bar{
        width: 100%;
        margin: 0;
        padding: 10px 0 10px 10px;
    }
    .posts-title-bar-title{
        width: 100%;
        float: left;
        font-size: 1.5em;
        padding: 0;
    }
    .post-title-bar-title h2{
        display: block;
    }
    .posts-title-bar-all a{
        display: block;
        float: left !important;
        margin: 0;
        text-align: left;
    }
    
    .home-recent-the-post{
        width: 100%;
        padding: 0;
        margin: 10px 0 10px 0;
    }
    
    .the-post-featured-image a img{
        width: 92% !important;
        height: auto !important;
        padding: 10px;
		margin: 0 auto 0 auto;
    }
    .the-post-content{
        width: 92% !important;
		min-width: 92% !important;
		padding: 10px;
		margin: 0 auto 0 auto;
    }
	#wpcontent_slider_container{
		display: none;
	}
	#content{
		margin: 0 !important;
		padding: 0 !important;
	}
    
    .menu-footer{
        display: none;   
    }
	
	.home-recent-posts-title-bar {
		padding: 0 !important;
	}
}