/*

* 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; display:none;}

    /*#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}

}

