/* 
 * Responsive Styles 
 *
 * You can override this by adding your own 'style-responsive.css' into the childe theme
 *
 */

/* 
 * Target - Screens larger than 769px wide
 */
@media screen and (min-width: 769px) {
		
	#blogsite-container		{ width: 90%; max-width: 1400px; }
} 

/* 
 * Target - Screens larger than 960px wide
 */
@media screen and (min-width: 960px), screen and (min-device-width: 960px)  {		
	.album-thirds .album-thumbnail { margin: 10px .5% 15px; }
}
/* 
 * Target - Screens larger than 1200px wide
 */
@media screen and (min-width: 1200px) {
	#content.right_sidebar, #content.left_sidebar	{ width: 74%; margin: 0 3%; }
	.album-thirds .album-thumbnail { margin: 10px .7% 15px; }
}
/* 
 * Target - Screens smaller than 769 wide
 */
@media screen and (max-width: 769px), screen and (max-device-width: 769px) {
	p { letter-spacing: 0; text-align: justify; font-size: 14px; }
	#mobile-bar, #mobilemenu-wrapper { display: block; }
	#blogsite-container { /* padding-top: 50px; */ margin: 0 auto 10px; min-width: 260px; }
	#main-menu, #menu-social, #menu-share { display: none; }
	.featured-link, #blog-feed-wrapper .blog-feed-post-wrapper	{ 
		width: 80%;
		padding: 0%;
		clear: both;
		display: block;
		margin: 20px auto;
		border:none;
		float: none; 
	}

	#featured-link-1	{ margin-left: auto; }
	#featured-link-2	{ margin-left: auto; margin-right: auto;}
	#featured-link-3	{ margin-right: auto; }
	ol.commentlist		{}
	#menu-main 			{ padding: 0; margin: 0; display: none; }
	.gallery .gallery-item		{ width: 100%; clear: both; display: block; float: none; }
	body.page-template-page-resumePage-php #content div.entry { padding: 0; margin: 0; }
	body.page-template-page-resumePage-php #content div.post { max-width: 100%; border-left: none; border-right: none; padding: 0; margin: 0; }
	
	.seo-gallery .gallery-wrapper-large, .seo-gallery-overlay-wrapper .overlay { width: 100%; }
	.seo-gallery .gallery-wrapper-large .image_wrap { height: 300px; }
	.seo-gallery .gallery-wrapper-large .scrollable { width: 70%; }
	.seo-gallery a.browse { width: 28px; }
	#blog-feed-wrapper .excerpt-image { float: none; width: 90%; display: block; margin: 0 auto; }
	#blog-feed-wrapper .excerpt-content { float: none; width: 90%; display: block; margin: 0 auto; }
	#blog-menu input[type="submit"] { float: none; }
	.sf-menu li { text-align: center;float: none;  }
	#blog-menu form#searchform, #blogsite-container .sf-menu { margin: 0 auto; float: none; width: 202px; text-align: center; clear: both; }
		
	body #vcard { width: 100%; position: relative; top: auto; }
	body #vcard span, body #vcard .tel, body #vcard div, body #vcard .adr { text-align: center; display: block; width: 100%; float: none; clear: both; margin: 5px auto; }
	body #page-footer { margin: 0 0 50px; width: 100%; }

#content.has-thumb div.page, .content_left div.page {
display: block;
float: none;
overflow: hidden;
margin: 0 auto;
width: 88%; }
}

/* 
 * Target - Screens smaller than 960px wide
 */
@media screen and (max-width: 960px), screen and (max-device-width: 960px)  {
	body { font-size: 15px; margin-top: 40px; }
	body.logged-in { margin-top: 0; }
	#content div.entry { clear: both; }
	.image_excerpts-image { float: none; margin: 0 auto; }
	#content.right_sidebar, #content.left_sidebar	{ margin: 0 1%; }
	#sidebar	{ display: none; }
	#content, #content.right_sidebar, #content.left_sidebar	{ width: 100%; margin: 0 !important; min-width: 100px; }
	body #content.has-thumb .post, body #content.has-thumb .page, body .content_left div.page, body .content_right div.page { float: none; width: 85%; display: block; margin: 0 7% 0;}
	#content.has-thumb .post-thumbnail	{ float: none; margin: 20px auto; width: auto; display: block; min-width: auto; padding: 0 2%; max-width: 300px;  }
	.vcard, .commentmetadata 	{ border: none; padding: 0; position: relative; top: auto; left: auto; margin: 0; width: auto; }
	ol.commentlist	{ width: 80%; }
	body h1, #title-wrapper h1 a { text-align: center; font-size: 24px; }
	#title-wrapper h1 { margin: 10px auto; }
	#title-wrapper p a { font-size: 14px; }
	body h2, .before-posts h2 { font-size: 20px; }
	body h3, h4, h5 { font-size: 18px; }
	body .sf-menu a, ul#social-wrapper.sf-menu li:hover ul, ul.sf-menu li:hover ul, ul.sf-menu li.sfHover ul, ul#social-wrapper.sf-menu li.sfHover ul, ul#social-wrapper.sf-menu li ul, ul.sf-menu li ul, #blog-menu .sf-menu li a
	{ font-size: 12px; }
	#menu-main ul li a { padding: .5em 5px; }
	.album-thirds .album-thumbnail, .album-half .album-thumbnail, .album-fourths .album-thumbnail { width: 45%; margin: 10px 1.4% 15px; }
	#home-panels, #home-panels.right, #home-panels.left { width: 100%; float: none; clear: both; display: block; margin: 0 auto 5px; }
	#home-welcome, #home-welcome.right, #home-welcome.left { float: none; display: block; margin: 0 auto; width: 96%; }
	.featured-link p { text-align: left !important; }
	
}

@media screen and (max-width: 600px), screen and (max-device-width: 600px) {
	
	#blogsite-container .sf-menu { width: 224px; }
	.before-posts { margin: 15px auto 10px; }
}
@media screen and (max-width: 480px), screen and (max-device-width: (max-width: 480px)) {

	.album-thirds .album-thumbnail, .album-half .album-thumbnail, .album-fourths .album-thumbnail { width: 94%; margin: 10px auto 10px; float: none; }
}