/* tweak some things and hide others for very narrow displays; most of this contributed by Swyter (http://forums.taleworlds.com/index.php?action=profile;u=39852) */
@media screen and (max-width: 980px)
{
#content_section, #header, #footer_section { min-width: inherit; }
body { padding: 0; }
.avatar, .signature, .title, .postgroup, .membergroup, .blurb, .custom, .im_icons, .profile, .game_badges, .reportlinks { display: none; }
.poster { position: absolute; margin-top: -.4em; }
.postarea, .moderatorbar { margin-left: 1em; }
.postarea .flow_hidden { margin-left: 150px; }
.keyinfo { width: 77%; }
.post { margin-top: 0; }
img.bbc_img { max-width: 100%; }
.inner { padding: .4em .1em 0 0; }
#header div.frame { background-position: 90% -480px; padding-right: 2px; }
#content_section div.frame { background-position: 90% top; padding: 0 5px; }
#footer_section div.frame { background-position: 90% -820px; }
#header, #content_section, #footer_section { padding-left: 0; }
.postarea div.flow_hidden, #advanced_search dl#search_options { width: inherit; }
img#upshrink { margin-right: 0; margin-left: 0; }
#top_section, #search_form { margin-right: 0px; margin-left: 5px; }
#search_form input.input_text { width: 80px; }
iframe.youtube_embed { width: 100%; }
#detailedinfo dd.game_badges { display: inline; }
.news h2 { float: none; clear: both; }
#news_column_1 div { margin-left: 0; }
}
@media screen and (max-width: 699px)
{
tbody.content td.stats { display: none; }
tbody.content td.icon { padding: 0; }
/* yes the below selection is hacky, will be better in SMF 2.1 themes */
table.table_grid thead th[width="14%"], table.table_grid tbody td.stats { display: none; }
}