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

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

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

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

/* #Media Queries
================================================== */
@media only screen and (max-width: 1024px) {
.head_right_top .search_box input[type="submit"] {
       float: none;       position: absolute;     right: 15px; }
	   .head_right_top label {
   
    margin-right: 0px;
  
} }
	/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 949px) {
	.container { width:100%;}	
	.middle_nav ul li { margin-bottom:15px;}
	.post_container ul li { float:none;  margin-bottom:15px; width:30%;}
	.head_right_top { padding-top:50px; }
	.head_right_bottom { width:100%; text-align:left; padding:20px 0 ;}
	.head_right_bottom ul { text-align: left; }
	.middle_nav ul { text-align:center;}
	.middle_nav ul li.green_list  { width:48%; margin:0 1% 15px;}
	.middle_nav ul li {   display:inline-block; vertical-align:top;}
	.middle_container .middle_nav { padding-right:10px; margin:0 auto 15px;} 
	.middle_nav ul li.grey_list {float:none;  width:88%; padding:10px 5%; margin-right:0;}
	.feutured_list ul li.last_col ,.feutured_list ul li { margin:0 5px 25px; float:none;}
	.featured_box h3 { margin:0 10px 15px;}

}

@media only screen and (min-width: 960px) and (max-width: 1024px) { 
	.head_right_bottom { padding-right:5px;     width: 630px;} 
	.head_right_top {
      width: 350px;
}


}
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	.footer_top .foot_topleft { margin-left:5%; }
	.footer_top .foot_topright { width:30%;}
	.foot_bottom .foot_botleft {  margin-left: 3%; }
	.foot_bottom p { margin-right: 3%; }
	.head_right_bottom { width:95.5%; margin:15px auto 0; clear:both; float:none; position:relative; }	
    .pull {  border-radius: 8px;  font-family: Verdana,Geneva,sans-serif;}
	#pull { display:block; }
	.head_right_bottom ul { display:none; position:absolute; width:100%; background:#fff; z-index: 2147483647;}
	.head_right_bottom ul li { display:block; padding-left:2%; }
	.head_right_bottom ul li a { padding-left:0;}
}

@media only screen and (max-width: 639px) {
	.footer_top .foot_topleft { margin-left:5%; }
	.footer_top .foot_topright { width:30%;}
	.footer_top .foot_topleft { width:90%; }
	.foot_bottom p { float:left; clear:both; margin-left:3%; margin-right:0;}
	.footer_top .foot_topright { width:90%; float:left; margin:20px auto 0 5%; }
	.footer_top {  padding: 25px 0px 30px; }
	.post_container ul li { width:45%;}
	.top_nav ul li a{ font-size:13px; padding:14px 7px;}
	.top_nav ul li.appstore a { padding: 7px 0 5px 3px; }
	.header .logo { float:none; margin:0 auto; display:block; text-align:center;}
	.header .logo2 { float:none; margin:0 auto; display:block; text-align:center;}
	.head_right_top { width:270px; margin:0 auto; float:none; padding:20px 0; }
.head_right_top label { display:none;}
.head_right_top .search_box { float:none; margin:0 auto;}
.head_right_top .search_box input[type="text"], .head_right_top .search_box input[type="search"] { width:215px;}
}

	
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
.post_container ul li { width:90%; max-width:300px;}
.post_container .post_box .post_desc { min-height:50px; padding:0 10% 20px;}
.head_right_top { width:100%;}
.head_right_top { max-width:320px; }
.header_top .top_nav { position:relative;}
.top_nav ul { display:none; position:absolute; text-align:left; background:#067340; width:100%; z-index:999999999;}
#top_pull { display:block; }
.top_nav ul li { display:block; float:none; }
.top_nav ul li a { display:block; font-size: 17px;}
.top_nav ul li.appstore a { display:inline-block;}


.header_top .top_nav2 { position:relative;}
.top_nav2 ul { display:none; position:absolute; text-align:left; background:#067340; width:100%; z-index:999999999;}
#top_pull { display:block; }
.top_nav2 ul li { display:block; float:none; }
.top_nav2 ul li a { display:block; font-size: 17px;}
.top_nav2 ul li.appstore a { display:inline-block;}


.post_container_long .post_box_long  { border:1px solid #d7e4cc; background:#fff; text-align:center;width:98%;float:left}
.banners   { float:none}


.head_right_bottom { width:91.5%; }
}

/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/