/*
* 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
*/

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	
	.flexslider .caption{left:20px; width:710px; font-size:30px; margin-bottom:-20px;}
	.flexslider .caption h2{font-size:22px}
	.flex-direction-nav li a{ bottom:40px}
	.flex-direction-nav li .next {right: 40px;}
	.flex-direction-nav li .prev {left:40px;}

	.advertising{display:none}
	
	.homepage_tab .item .thumb{ width:186px;}

	.post .thumb{ width:236px}
	
	/* video */
	.related_video .rel_video_item{ width:160px}
	.related_video .rel_video_item h4{font-size:14px; }

}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	#header{padding:20px 10px 10px 10px}
	#top .topmenu{text-align:center;margin-bottom:10px;}
	#social_network{margin:0}
	#nav {border:none; background:none}
	#nav .select-menu{display:block}
	
	.box_wrapper{padding:10px; margin-bottom:10px}
	
	#top .top_alignleft,
	#top .top_alignright{float:none;text-align:center;}
	.flexslider{margin-bottom:20px}
	
	#logo{float:none;text-align:center; margin-bottom:20px;}
	
	.flex-direction-nav {bottom: 50%; margin-bottom:-17px;}
	.flex-direction-nav li a {width: 34px; height: 34px; bottom:0;}
	.flex-direction-nav li .next { background:url(../images/arrow_next.png) center center no-repeat; right:10px;}
	.flex-direction-nav li .prev {background:url(../images/arrow_prev.png) center center no-repeat; left:10px;}
	
	.es-nav{position:absolute; width:22px; height:10px; top:15px; right:10px;}
	.es-nav span{width:10px; height:10px; top:0px;}
	
	/* video */
	.related_video .rel_video_item{float:none; width:auto; margin-right:0}
	
	/* hidden elements */
	.es-carousel .text,
	.advertising,
	#nav ul,
	.liveinfo,
	.flexslider .caption,
	.flexslider .flex-control-nav{ display:none}
	#copyright .copyright_left,#copyright .copyright_right{float:none!important; text-align:center}
	
	/* Homepage 2 columns */
	.homepage_tab .thumb,
	.homepage_2_columns .thumb{	float:left;	width:180px; margin-right:10px;margin-top:5px;}
	
	/* Homepage Tab */
	.homepage_tab .tab_wrapper{ border-bottom:none}
	.homepage_tab .homepage_tabs{float:none; background-color:#eee; margin-bottom:0!important;}
	.homepage_tab .homepage_tabs li{float:none; padding:0; margin:0; border-right: none; border-bottom:1px solid #ddd;}
	.homepage_tab .homepage_tabs li a{float:none; display:block;}
	.homepage_tab .homepage_tabs li.active a{margin-bottom:0; padding-bottom:8px;}

	
	/* Shortcodes */
	.one_half, .one_third, .two_third, .three_fourth, .one_fourth {float: none; width:auto; margin:0; margin-bottom:20px;}

}

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

	/* post */
	.homepage_tab .item .thumb{ width:180px;}
	.post .thumb{ width:180px}
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	#branding #s{width:130px;}
	
	/* post */
	.homepage_widget.homepage_tab .thumb,
	.homepage_widget.homepage_2_columns .thumb,
	.post .thumb{margin-bottom:20px; float:none; width:270px;}
	
	#respond input[type=text],
	#respond textarea{width:256px}
	
	#error_404 h1{font-size:35px;}
	#error_404 .e404{font-size:150px;}
	
	#copyright .copyright_left,#copyright .copyright_right{font-size:11px}
}