/* Define global case */
* { font-family: Georgia,'Times New Roman',Serif; margin: 0; padding: 0; text-align: center; }

html, body { width: 100%; height: 100%; font-size: 100%; }
body { background-color: #cbc3ac; color: black; font-size: 12px; font-weight: normal; }
h2, h3 { margin: 0 0 5px 0; }

/* Fix iOS buttons */
select { font-size: 16px; }

div.widescreen { position: relative; height: 0; padding: 28.125% 0 28.125% 0; }
div.bar { background-color: #8f7f68; color:#eee; text-align: center; }

#header { height: 100px; background: #8f7f68 url('//scstatehouse.gov/video/images/videoheader.jpg') no-repeat top; background-size: 100% auto; border-bottom: 1px inset #eee; }
div#menu { padding: 3px 0 3px 0; }
select#type { width: 120px; }
iframe#mediaspace { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }
div#message { position: absolute; bottom: 20px; left: 0; right: 0; color: white; font-size: 18pt; }
div#footer { padding: 8px 0 8px 0; font-size: 10px; font-family: arial,helvetica,sans-serif; text-decoration: none; border-top: 1px inset #eee; }
div#info { padding: 5px 0 5px 0; }

/* Define special case for displays under 1024 pixel width */
@media only screen and (max-width: 1023px)
{
	div#header, div.bar { display: none; }
	div#content, div#pagebody, div#videobox { width: 100%; height: 100%; }
	div#message { font-size: 2.6vw; }
}
/* Define special case for desktops and displays over 1023 pixel width */
@media only screen and (min-width: 1024px)
{
	div#header, div.bar { display: block; }
	div#content { width: 960px; margin: 0 auto; }
}