/* Default wide-screen styles */

@media all and (max-width:1024px) {
    /* styles for narrow desktop browsers and iPad landscape */
}

@media all and (max-width:768px) {
    /* styles for narrower desktop browsers and iPad portrait */
	#scrollTop,
	.viewDevices{display:none}
	div#sba_title form{float:none;margin-bottom:8px}
	div#sba_title form #s{width:720px}
	#sba_title .social{float:none;display:block}
	img{max-width:100%;height:auto}
	#league-title{font-size:30px}
	.nohome #s{float:none;margin:10px 5px;width:710px;font-size:20px;padding:3px 10px}
	
	.mobile_menu,
	.sba_menu li a,
	.league_menu li a{
		padding:10px 6px;
	}
	
	.sba_menu .sub-menu li a{
		font-size:15px;
		padding:10px 15px
	}
	.col-one .page,
	.col-one .post,
	#wrapper,
	#secondary,
	#member_bar,
	#hoops_member_bar,
	.singular,
	#top_layer_content,
	.upload_iframe,
	.coverpage_roller_layers{
		min-width:768px;
		width:768px;
	}
	#wrapper,
	#secondary{
		overflow:hidden;
	}
	.entry-content{
		margin: 10px;
	}
	.col-one .poster-header,
	.col-one .entry-content,
	.col-one .entry-utility{
		width:auto;
	}
	
	/*Home*/
	
	/* head */
	#head .front-col .h3after_wrap,#head front-col2 .h3after_wrap,#head .front-col,#head #front-col2{width:256px}
	#head .fronts-foreground,#head .fronts-background,
	#head .fronts-foreground a,#head .fronts{width:256px;height:230px}
	#head .front-col h3{font-size:20px}
	#head #front-col2 a h3{font-size:16px}
	
	/*neck*/
	#neck .thelabels:nth-child(1),
	#neck .thelabels:nth-child(2){display:none}
	#neck .games .vs img{width:32px}
	
	/* shoulder */
	div#shoulder .h3after_wrap{
		width:768px;
	}
	div.shoulder_wraps{
		width:380px;
	}
	div.shoulder_wraps .games{
		margin-left:5px;
		margin-right:5px;
	}
	div.shoulders .game-scores .cells{font-size:15px}
	div.shoulders .game-scores .teams{width:90px}
	/*
	div.game-headers{font-size:12px}
	div.shoulders .game-scores .scores,div.shoulders .game-scores .scores .bg{width:40px}
	div.shoulders .game-scores .scores{font-size:26px}*/
	
	#thorax .thorax-entries{
		width:768px;
		font-size:14px;
	}
	#thorax .thorax-pics{
		width:100px;
		margin:0 15px;
		float:right;
	}
	
	
	/* reset media scroll bar*/
	.scroller-nav{width:50px;height:132px}
	#abdomen #video-scroll,#leg #photos-scroll{width:660px}
	
	div.video-cells,
	div.video-scrollers .spaces,
	div.video-scrollers h3 a{
		height:132px;
		width:inherit;
	}
	div.video-scrollers .spaces,
	div.video-scrollers h3,
	div.video-scrollers h3 a{
		width:132px;
		font-size:15px;
	}
	div#video-scroll img{
		width:210px;
		height:140px;
	}
	
	div.photos-cells,
	div.photos-scrollers .spaces,
	div.photos-scrollers h3 a{
		height:132px;
		width:49px;
	}
	div.photos-scrollers .spaces,
	div.photos-scrollers h3,
	div.photos-scrollers h3 a{
		width:132px;
	}
	
	/*League & Flag*/
	
	div.leagues_news .news, div.leagues_news .newsWrap{width:192px}
	div.leagues_news .news, div.leagues_news .newsWrap{width:384px}
	
	#content table.league_bracket{margin:10px auto}
	#content table.{margin:10px auto}
	
	/*Trim League Stats Table*/
	div#load_stats .sortIt0 th:nth-child(1){border:1px solid #eee}
	#load_stats .sortIt0,#load_stats .sortIt th:nth-child(5),#load_stats .sortIt th:nth-child(6),#load_stats .sortIt th:nth-child(7),#load_stats .sortIt th:nth-child(8),#load_stats .sortIt th:nth-child(9),#load_stats .sortIt th:nth-child(10),#load_stats .sortIt th:nth-child(11),#load_stats .sortIt th:nth-child(12),#load_stats .sortIt th:nth-child(13),#load_stats .sortIt th:nth-child(14),#load_stats .sortIt th:nth-child(15),#load_stats .sortIt th:nth-child(19),#load_stats .sortIt th:nth-child(22),#load_stats td:nth-child(6),#load_stats td:nth-child(7),#load_stats td:nth-child(8),#load_stats td:nth-child(9),#load_stats td:nth-child(10),#load_stats td:nth-child(11),#load_stats td:nth-child(12),#load_stats td:nth-child(13),#load_stats td:nth-child(14),#load_stats td:nth-child(15),#load_stats td:nth-child(16),#load_stats td:nth-child(20),#load_stats td:nth-child(23),#load_stats .sortIt th:nth-child(24),#load_stats td:nth-child(25),#load_stats .sortIt th:nth-child(25),#load_stats td:nth-child(26){display:none}
	#content #load_stats table{font-size:20px;letter-spacing:2px}
/*	#content #load_stats table td{padding:5px}*/
	
	#load_schedule table{width:100%;font-size:20px}
	#load_schedule .date_group{white-space:normal}
	#load_schedule .eff{display:none}
	
	/*Locations*/
	div.location-social{
		display:none
	}
	div.location-name a{
		width:320px;
		font-size:22px;
	}
	
	.located .title-boxes{
		width:80px;
		padding:0 6px;
		font-size:18px
	}
	.located .boxes{
		width:80px;
	}
	.located .banners{
		width:70px;
		font-size:22px;
	}
	
	.located .banners .figures2,
	.located .banners .who {
		font-size:18px;
	}
	.located select .location-game-list,
	.located .location-game-list option,
	.located .location-game-list{
		font-size:18px;
	}

	
	/*Teams*/
	div#load_teamstats .game_stat{width:100%;overflow-x:scroll}
	div#load_teamstats .game_stat table{white-space:nowrap}
	
	/*footer*/
	
	#footer #s{width:90%}
	#footer-widget-area #zero,
	#footer-widget-area #first,
	#footer-widget-area #second,
	#footer-widget-area #third,
	#footer-widget-area #fourth{
		width:768px;
		background: #000 url("/images/wilson_footer_bg.png");
		padding:1px;
	}
	#footer-widget-area #third{
		padding-bottom:6px
	}
	#footer-widget-area #first li,
	#footer-widget-area #second li,
	#footer-widget-area #third li{
		float:left;
		padding:0 5px;
	}
	
	#footer #site-info {
		font-size:14px;
		line-height:normal;
		text-align:center;
	}
	#footer-widget-area #fourth .hoopslogo{
	font-size: 50px;
	padding:10px;
	}
	div.hoops-slogan{
		font-size:25px;
		padding:25px;
	}
	
}

@media all and (max-width:480px) {
    /* styles for iPhone/Android landscape (and really narrow browser windows) */
	#view_mobile{display:none}
	#sba_title form #s{width:420px}
	.nohome #s{width:440px}
	#sba_title .social{float:none;display:block}
	span.title-social{float:none}
	
	#league-title{font-size:44px}
	
	#member_bar #team17,
	#member_bar #team28,
	#member_bar #team29{
		display:none;
	}
	#sitelogo{width:480px}
	#site_menu_wrap{display:block}
	div.sitetabs{width:50px}
	.public div.sitetabs{width:auto}
	.public div.sitetabs form{letter-spacing:normal}
	
	.public #sitebar_email,.public #sitebar_password{width:40px;letter-spacing:normal}
	span.breaking{display:block;
	background:-webkit-gradient(linear, left top, left bottom, from(#fc0), to(#FFA929));
	background:-moz-linear-gradient(top, #fc0, #FFA929)}
	div.sitebar_menu{width:480px;position:relative}
	.player_sitemenu li{}
	
	#wrapper{margin:0}
	#secondary{float:none;border:none}
	
	.col-one .page,
	.col-one .post,	
	#wrapper,
	#secondary,
	#member_bar,
	#hoops_member_bar,
	.singular,
	#top_layer_content,
	.upload_iframe,
	.coverpage_roller_layers{
		min-width:480px;
		width:480px;
		overflow:hidden;
	}
	iframe#HoopsIMAX,
	.entry-content iframe{
		width:100%;
	}
	h2.game-headers .cells{
		width:225px;
	}
	#game-tab .game-tab-wrap{
		width:auto;
		padding-left:8px;
		padding-right:8px;
	}
	.shareme .thelabels{
		display:none
	}
	.shareme li a{
		display:block;
		margin-bottom:3px;
		width:100%
	}
	#video-list{
		line-height:normal
	}
	#video-list .excerpt{
		display:none
	}
	
	/* main menu */
	.mobile_menu{
		display:block;
	}
	div.sba_menu{display:none;width:480px}
	div.sba_menu li{
		border-bottom:1px solid #666;
		border-right:1px solid #666;
		width:239px;
	}
	div.sba_menu li,
	div.sba_menu li a:hover{
		background-image:url('http://hoops.hk/images/section_arrow.png'),-webkit-gradient(linear, left top, left bottom, from(#333), to(#454545));
		background-image:url('http://hoops.hk/images/section_arrow.png'),-moz-linear-gradient(top, #333, #efefef);
		background-repeat:no-repeat;
		background-position:center right;
	}
	.sba_menu .extra,
	.sba_menu .extra:hover{
		background:none;
	}
	
	.col-one .entry-content{
		margin: 10px 5px;
	}
	
	/*Home*/
	
	/* head */
	#head .front-col .h3after_wrap,#head front-col2 .h3after_wrap,#head .front-col,#head #front-col2{width:480px}
	#head .fronts-foreground,#head .fronts-background,
	#head .fronts-foreground a,#head .fronts{width:480px;height:240px}
	#head .front-col h3{font-size:20px}
	
	/*neck*/
	#neck .thelabels{display:block;text-align:center;padding-top:10px;background:#000}
	#neck .thelabels:nth-child(4){display:none}
	#neck .games .vs img{width:25px}
	#neck .games{margin-bottom:10px;}
	
	/* shoulder */
	div#shoulder .h3after_wrap{
		width:470px;
	}
	div.shoulder_wraps{
		width:100%;
		float:none;
	}
	div.shoulder_wraps .games{
		margin-left:5px;
		margin-right:5px;
	}
	
	#thorax .thorax-entries{
		width:480px;
	}
	#thorax .thorax-pics{
		width:200px;
		margin:0 15px;
		float:right;
	}
	
		/* reset media scroll bar*/
	.scroller-nav{width:50px;height:95px}
	#abdomen #video-scroll,#leg #photos-scroll{width:380px}
	
	div.video-cells,
	div.video-scrollers .spaces,
	div.video-scrollers h3 a{
		height:95px;
		width:inherit;
		font-size:13px;
	}
	div.video-scrollers .spaces,
	div.video-scrollers h3,
	div.video-scrollers h3 a{
		width:95px;
	}
	div.photos-cells,
	div.photos-scrollers .spaces,
	div.photos-scrollers h3 a{
		height:95px;
		width:95px;
		font-size:16px;
	}
	
	/*League & Flag*/
	
	div.leagues_news .news, div.leagues_news .newsWrap{width:240px}
	
	/*Trim League Stats Table*/
	#load_stats .sortIt th:nth-child(23),#load_stats td:nth-child(24){border-left:2px solid #ddd}
	#content #load_stats table{font-size:16px;letter-spacing:1px}
	
	div#load_stats td:nth-child(2){white-space:normal}
	
	.league_standings th:nth-child(9),.league_standings td:nth-child(9),
	.league_standings th:nth-child(10),.league_standings td:nth-child(10),
	.league_standings th:nth-child(12),.league_standings td:nth-child(12){display:none}
	
	#load_schedule table{font-size:14px}
	
	#content table.league_bracket{
		width:480px;
		font-size:12px;
	}
	table.league_bracket .matchups{
		width:24px;
		height:30px;
	}		
	table.league_bracket td.lines{
		background: url("http://lh4.googleusercontent.com/-kNZ1ZUKDeng/UUXRUxm3gZI/AAAAAAAAdSc/PPaMSrILM4M/s60/bracket_up.png") no-repeat center -5px;
	}
	table.league_bracket td.lines2{
		background: url("http://lh4.googleusercontent.com/-kNZ1ZUKDeng/UUXRUxm3gZI/AAAAAAAAdSc/PPaMSrILM4M/s160/bracket_up.png") no-repeat center -48px;
	}
	table.league_bracket td.lines3{
		background: url("http://lh4.googleusercontent.com/-kNZ1ZUKDeng/UUXRUxm3gZI/AAAAAAAAdSc/PPaMSrILM4M/s340/bracket_up.png") no-repeat center -120px;
	}
	table.league_bracket label{
	margin:-7px -10px;
	}	
	table.league_bracket .smallteam{
		margin-top:-14px;
		line-height:16px;
	}
	
	
	/* Statiscians */
	#statistician-content{font-size:14px;	}
	#statistician-content img{width:140px;height:auto}
	
	/*Locations*/
	div.location-name a{
		width:380px;
		font-size:32px;
	}
	div.location-name a{
		font-size:28px
	}
	.location-home .rows .boxes{
		display:none
	}
	.location-home .rows .box0{
		display:block
	}
	.location-home .rows div.more-boxes,
	div.more-boxes a{
		display:table-cell;
		width:50px;
	}
	div#location-map{
		float:none;
		margin:10px auto;
		text-align:center
	}

	/*footer*/
	
	#footer #s{width:400px}
	
	#footer-widget-area #zero,
	#footer-widget-area #first,
	#footer-widget-area #second,
	#footer-widget-area #third,
	#footer-widget-area #fourth{
		width:480px;
	}

}

@media all and (max-width:320px) {
    /* styles for iPhone/Android portrait */
	#sba_title{font-size:22px}
	#sba_title form #s{width:261px}
	.nohome #s{width:280px}	
	
	div.sitebar_menu{width:320px}
	
	.public #sitebar_email,.public #sitebar_password{width:30px}
	.public div.sitetabs:nth-child(3){width:320px;border-top:1px dotted #ccc}
	
	.col-one .page,
	.col-one .post,
	#wrapper,#secondary,#member_bar,#hoops_member_bar,.singular,#top_layer_content,.upload_iframe,
	.coverpage_roller_layers{
		min-width:320px;
		width:320px;
		overflow:hidden
	}
	#wrapper1,#wrapper2,.leagues-menu{
		width:320px;
		overflow:hidden;
	}
	
	#secondary .headlines li,
	#secondary .about li{
		padding:5px 3px;
		margin:0 3px;
	}
	#secondary .about li img{
		width:30px;
		height:30px;
	}
	
	/* main menu */
	div.sba_menu li{
		width:320px;
		border-right:none;
	}
	div.sba_menu li a:hover{
	}
	
	.coverpage_roller_layers{
	float:none;
	position:relative
	}
	
	.singular .entry-content{
		padding: 5px;
	}
	
	
	.secondlabel,
	.toplabel{
		font-size:10px;
		letter-spacing:1px
	}
	
	/* reset headings */
	#head #front-col2 h3,
	#thorax .thorax-headers h3{
		font-size: 16px;
	}
	
	/* head */
	#head .front-col .h3after_wrap,#head front-col2 .h3after_wrap,
	#head .front-col,#head #front-col2{width:320px}
	#head .fronts-foreground,#head .fronts-background,
	#head .fronts-foreground a,#head .fronts{width:320px;height:320px}
	
	/*neck*/
	#neck{border-top:2px dotted #000;border-bottom:2px dotted #000;margin-bottom:5px;}
	#neck .thelabels{font-size:20px}
	#neck ul li.games-wrap{width:140px;padding-top:5px;float:left;display:block;height:100px}
	#neck .games .vs img{width:40px}
	
	/* shoulder*/
	div#shoulder .h3after_wrap{width:320px}
	div.game-headers{font-size:12px}
	div.shoulders .game-scores .cells{font-size:14px}
	div.shoulders .game-scores .teams{width:90px}
	div.shoulders .game-scores .scores,div.shoulders .game-scores .scores .bg{width:40px}
	div.shoulders .game-scores .scores{font-size:26px}
	
	div.game-olders .cells{font-size:20px}
	div.game-olders .vs{width:310px}
	
	.game-content .hi{display:none}
	
	#shoulder .game-meta .btns{letter-spacing:normal;padding:5px}
	
	/* reset home thorax*/
	#thorax .thorax-entries,
	#thorax .thorax-pics{
		width:320px;
	}
	#thorax .thorax-summary{
	}
	
	/* reset media scroll bar*/
	.scroller-nav{width:50px}
	#abdomen #video-scroll,#leg #photos-scroll{width:220px}
	
	.video-cells,
	.video-scrollers .spaces,
	.video-scrollers h3 a{
		height:220px;
		width:inherit;
	}
	.video-scrollers .spaces,
	.video-scrollers h3,
	.video-scrollers h3 a{
		width:220px;
	}
	.video-scrollers h3 a{
		width:440px;
	}
	
	.photos-cells,
	.photos-scrollers .spaces,
	.photos-scrollers h3 a{
		height:220px;
		width:49px;
	}
	.photos-scrollers .spaces,
	.photos-scrollers h3,
	.photos-scrollers h3 a{
		width:220px;
	}
	.photos-scrollers h3 a{
		width:440px;
	}
	
	/*League/FLAG */
	
	/*Trim league stats*/
	#load_stats .sortIt th:nth-child(18),
	#load_stats .sortIt th:nth-child(20),
	#load_stats .sortIt th:nth-child(21),
	#load_stats td:nth-child(19),
	#load_stats td:nth-child(21),
	#load_stats td:nth-child(22){
		display:none;
	}
	div#load_stats table tr td:{}
	div#load_stats td:nth-child(2){white-space:normal;padding:1px;line-height:normal}
	
	#league_menu li a{font-size:14px}
	
	#load_schedule .hi{
		display:none
	}
	div.leagues_news .news, div.leagues_news .newsWrap{
		width:320px;		
	}
	
	
	#content table.league_bracket{width:320px}
	table.league_bracket .matchups{font-size:10px;width:14px;height:30px}		
	table.league_bracket td.lines{
		line-height:30px;
		background: url("http://lh4.googleusercontent.com/-kNZ1ZUKDeng/UUXRUxm3gZI/AAAAAAAAdSc/PPaMSrILM4M/s34/bracket_up.png") no-repeat center top;
	}
	table.league_bracket td.lines2{
		background: url("http://lh4.googleusercontent.com/-kNZ1ZUKDeng/UUXRUxm3gZI/AAAAAAAAdSc/PPaMSrILM4M/s110/bracket_up.png") no-repeat center -28px;
	}
	table.league_bracket td.lines3{
		background: url("http://lh4.googleusercontent.com/-kNZ1ZUKDeng/UUXRUxm3gZI/AAAAAAAAdSc/PPaMSrILM4M/s240/bracket_up.png") no-repeat center -85px;
	}
	table.league_bracket label{display:none}	
	table.league_bracket .smallteam{
		margin-top:-6px;
		line-height:16px;
	}
	div.divkey{display:none}
	
	#flag_bracket_wrap{
		width:300px;
		overflow:scroll;
	}
	h1.page-title{
		font-size:24px;
	}
	h1#league-title{
		font-size:26px;
	}
	.league_standings th:nth-child(7),
	.league_standings td:nth-child(7),
	.league_standings th:nth-child(8),
	.league_standings td:nth-child(8),
	.league_standings th:nth-child(11),
	.league_standings td:nth-child(11)
	{display:none}
	
	#flag_bracket_wrap #flag_bracket label{
	}
	
	/*Locations*/
	div.location-name a{
		font-size:24px;
	}
	
	/*footer*/
	#footer #s{width:230px}
	#footer-widget-area #zero,
	#footer-widget-area #first,
	#footer-widget-area #second,
	#footer-widget-area #third,
	#footer-widget-area #fourth{
		width:320px;
	}

}

@media all and (max-width:240px) {
    /* styles for smaller devices */
}