/*	my.ava.org
	Cascading Style Sheet

	Source code - copyright 2018, 2019 - Chris Zegelin, all rights reserved

	This contains the CSS to produce a dynamic design. Note that old browsers will
	not do the dynamic changes, so they will default to a static fixed design.

*/

@media only screen and (max-width: 970px), screen and (orientation: portrait){
	#fixed-design{
		width: 490px;
	}
	#page-banner{
		background-image: url('/graphics/banner-p.png'); /* 45px high by 490px wide */
	}
	#banner-tabs{
		display: none;
	}
	#banner-name{
		display: inline;
	}
	#banner-menu{
		display: inline;
	}
	#page-main{
		min-height: 600px;
	}
	#page-content{
		width: 480px;
	}
	#nav-tabs{
		display: none;
	}
	#nav-menu{
		display: none;
	}
	#footer-time{
		display: none;
	}
	#help-popup, #osb-help-popup, #stamp-history-popup, #history-popup, #action-popup {
		width: 470px;
		top: 102px;
		margin-left: -238px;
	}
	.msg-popup {
		top: 102px;
		margin-left: -238px;
	}
	.dynamic-indent {
		margin-left: 35px;
	}
	.dynamic-indent2 {
		margin-left: 50px;
	}
	.dynamic-indent3 {
		margin-left: 65px;
	}
	.dynamic-indent4 {
		margin-left: 80px;
	}
	.dynamic-indent-0 {
		margin-left: 60px;
	}
	.dynamic-indent-15 {
		margin-left: 80px;
	}
	.dynamic-pad-top-6 {
		padding-top: 0px;
	}
	.dynamic-pad-top-12 {
		padding-top: 0px;
	}
	.dynamic-pad-top-30 {
		padding-top: 0px;
	}
	.dynamic-pad-top-60 {
		padding-top: 0px;
	}
	.dynamic-pad-top-120 {
		padding-top: 0px;
	}
	.dynamic-pad-top-add-15 {
		padding-top: 15px;
	}
	.dynamic-td-align {
		width: 10%;
	}
	.dynamic-hide {
		display: none;
	}
}