/* Body, text settings for all screen sizes */ body { background: #ffffff; font-family: Palatino,"Palatino Linotype",Georgia,Times,serif; font-size: 14px; } a:link {color:#336699;} a:visited {color:#666666;} a:hover {color:#c8197d;} a:active {color:#c8197d;} h1, h2, h2, h3, h4, h5 { color: #336699; font-family: Verdana,Arial,Helvetica,sans serif; font-size: 13px; letter-spacing: 3px; margin: 20px 0 0 0; } p, blockquote { line-height: 1.5; } .changed, .links, .promotext, .caption { color: #003366; font-family: Verdana,Arial,Helvetica,sans serif; font-size: 10px; } .changed p, .timeline p { margin: 0; } .promotext { clear: both; margin: 10px 0 2px 0; } .bottomnav, .links, .green, .facebook { color: #663333; font-family: Verdana,Arial,Helvetica,sans serif; font-size: 10px; } .links { clear: both; margin-bottom: 10px; } .bottomnav { font-family: Verdana,Arial,Helvetica,sans serif; font-size: 10px; font-weight: bold; margin: 10px 0; } .facebook { margin: 0 0 10px 0; } .disclaimer { font-size: 12px; } strong { font-weight: bold; } /* Image settings */ .rotate { display: block; padding-bottom: 20px; max-width: 90%; } .menu { display: block; padding-top: 20px; max-width: 95%; height: auto; } .promoimg, .linkimg { float: left; margin: 0 1% 1% 0; border: 1px solid #336699; max-width: 20%; } .linkimg { border: none; } .gallery20 img { border: 1px solid #336699; } /* Update settings */ .sideupdates { background: #dedede; padding: 1em; margin-left: 15px; font-family: Verdana,Arial,Helvetica,sans serif; font-size: 10px; } /*mobile styles*/ @media only screen and (max-width:480px) { body { width: 90%; margin: 10px auto; } .sidenav { padding: 0; } .sideupdates { float: none; } .main { padding: 0; } .promoimg { max-width: 45%; } footer { clear: both; padding: 20px 0; } .gallery20 { padding: 0 0 10px 0; } .flex { max-width: 100%; } } /*tablet styles*/ @media only screen and (min-width:481px) and (max-width:768px) { body { width: 90%; margin: 10px auto; } .sidenav { float: left; width: 21%; padding: 0 1% 0 0; border-right: 1px solid #333333; } .sideupdates { float: right; width: 21%; } .main { float: right; width: 75%; padding: 0 1% 0 0; } footer { clear: both; padding: 20px 0; } .flex { max-width: 100%; } .gallery20 { float: left; padding: 0 2% 1% 0; min-height: 250px; max-height: 270px; margin-right: 2%; max-width: 35%; } } /*desktop styles*/ @media only screen and (min-width:769px) { body { width: 80%; max-width: 960px; margin: 10px auto; } .sidenav { float: left; width: 21%; padding: 0 1% 0 0; border-right: 1px solid #333333; } .sideupdates { float: right; width: 21%; } .main { float: right; width: 75%; padding: 0 1% 0 0; } footer { clear: both; padding: 20px 0; } .gallery20 { float: left; padding: 0 2% 1% 0; min-height: 220px; max-height: 250px; margin-right: 2%; max-width: 15%; } .flex { max-width: 100%; }