/*
* Skeleton V1.1
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 8/17/2011
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */

/* #Page Styles
================================================== */

/* #Media Queries
================================================== */

	div.responsive-menu-wrapper{ display: none; }
	div.gdl-likebox img{ width: auto; }
	.main-middle {margin-left: 14px !important; margin-right: 14px !important;}
	/* ipad landscape */
	@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
		
	}
	
	@media only screen and (max-width: 1024px) {
	
		body {background:none;font-size: 12px;}
		
		
	}
		
	
	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
		div.gdl-likebox{ display: none; }
		div.search-wrapper{ width: auto; }
		div.logo-wrapper img{ width:100%;height:auto;}
		#sthoverbuttons {display:none;}
		div.navigation-wrapper{font-size: 17px;}
		.dtree a.node{width:140px !important;}
		.dtree a.nodeSel {width:140px !important;}
		.main-middle {margin-left: 8px !important; margin-right: 8px !important;}
		.flex-caption {width: 60%;}
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) { 
		div.gdl-widget-tab-header-item a { padding: 8px 9px; display: block; }
		.social-icons{ width:20px; height:20px;margin-top:3px;}
		.breadcrumbs {padding:10px 0 0 0; height:24px;}
	 }

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		
		div.responsive-menu-wrapper{ display: block; }
		div.responsive-menu-wrapper select{ width: 100%; height: 30px; margin: 0px; }
		div.navigation-top-gimmick,
		div.navigation-wrapper{ display: none; }
		div.logo-wrapper { text-align: center; margin-top: 0; margin-bottom: 0; }
		div.top-banner-wrapper,
		div.social-wrapper{ margin-top: 0px; margin-bottom: 20px; }
		div.social-wrapper{ float: none; }
		div.social-icon-wrapper{ display: inline-block; }

		/* blog-item */
		div.blog-header-wrapper{ margin-left: 0px; margin-right: 0px; }
		
		/* blog-item-full */
		div.blog-item-holder .blog-item-full .blog-thumbnail-image,
		div.blog-item-holder .blog-item-full .blog-thumbnail-slider,
		div.blog-item-holder .blog-item-full .blog-thumbnail-video{
			margin: 0px; float: none; width: auto; padding-right: 0px; padding-bottom: 10px; }

		/* stunning text */
		div.stunning-text-button-wrapper{ float: none; } 			
		div.stunning-text-content-wrapper{ text-align: center; } 			
		a.stunning-text-button{ float: none; display: inline-block; margin: 0px auto 10px !important; } 

		/* slider */
		div.flex-caption {width: 100%; position: absolute; right: 0; bottom: -16px; background: #001e3b; color: #fff; font-size: 0px; text-align:center; padding: 6px 0 0 0; opacity:0.8; filter:alpha(opacity=80); }
		div.flex-caption .gdl-slider-title {font-size:20px;color: #fff;}
		div.pika-stage .caption{ display: none !important; }
	
		.breadcrumbs {display:none;/*padding:0 0 6px 0; height:24px;*/}
		div.body-wrapper{padding:10px 0 0 0;}
		#year-bug {display:none;}
		.top-navigation-left{display:none;}
		.top-navigation-right{margin-top:0;padding-top:0;float:left;}
		.dtree a.node{width:340px !important;}
		.dtree a.nodeSel {width:340px !important;}
		div.footer-ml25 {padding:0 15px;}
		.main-middle {margin-left: 0px !important; margin-right: 0px !important;}
		.seven.columns.main-middle {width:370px;}
		.four.columns.main-sides {width:370px;}
		div.page-bkp-frame{ padding: 10px 0; }
		div.bkp-frame-wrapper{ padding: 0; }
		div.sidebar-padding{ padding-bottom: 1px !important;}
		div.sidebar-included .page-bkp-frame-wrapper{ padding: 0px; }
		div.sidebar-included .page-bkp-frame{ padding: 10px 0px; }
		blockquote { margin: 0 0 12px 10px; }
		div.shortcode-block-quote-left{ margin: 10px 12px 10px 12px; }
		div.shortcode-block-quote-right{ margin: 10px 12px 10px 12px; }
		div.bkp-frame.single-page-frame{ padding: 15px; }
		form#searchform {padding: 0; margin:0;}
		.footer-wrapper {overflow:hidden;}
		
		/* headers */
		h1 { margin-bottom: 12px; font-size: 26px;}
		h2 { margin-bottom: 10px; font-size: 24px;}
		h3 { margin-bottom: 10px; font-size: 22px;}
		h4 { margin-bottom: 10px; font-size: 20px;}
		
		h1.page-header-title{ font-size: 25px; margin-left: 0px; }
		
		/* shortcode columns */
		.shortcode1-4{ width: 100%; margin-right: 0; float: left; }
		.shortcode1-3{ width: 100%; margin-right: 0; float: left; }
		.shortcode1-2{ width: 100%; margin-right: 0; float: left; }
		.shortcode2-3{ width: 100%; margin-right: 0; float: left; }
		.shortcode3-4{ width: 100%; margin-right: 0; float: left; }
		.shortcode1{ width: 100%; margin-right: 0; float: left; }
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		div.search-wrapper input[type="text"] { width: 364px; }
		div.comment-wrapper input[type="text"], input[type="password"] { width: 260px !important; }
		div.comment-wrapper .comment-form-captcha input{ width: 145px !important; }
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		.seven.columns.main-middle {width:250px;}
		.four.columns.main-sides {width:250px;}
		div.search-wrapper input[type="text"] { width: 240px; }
		div.comment-wrapper input[type="text"], input[type="password"] { width: 150px !important; }
		div.comment-wrapper .comment-form-captcha input{ width: 35px !important; }
		.dtree a.node{width:220px !important;}
		.dtree a.nodeSel {width:220px !important;}
	}