/* CSS Document */

/*This CSS file, header.css, controls the mobile styles of the VDOE web site*/



	/*  General rules */



/* Shrink images to fit within viewport; some phones

   can't scroll horizontally. */

img	{

	max-width: 100%;

	}



	/*  Establish general layout parameters */



body	{

	}



#menuAndContentWrapper	{

	}



#tagline img	{

	max-height: 1.5cm;

	max-width: none;

	}

#tagline {

	overflow: hidden;

	}



/* Linearize menu */

#menu ul li {

	float: none;

	}



/* Release width restriction,

   reduce height/line-height,

   close right end of border box

   and adjust margin */

#menu ul li a {

	width: auto;

	height: 1.5em;

	border: 1px solid #ccc;

	margin: 1px 0;

	line-height: 1.5em;

	}

#content	{

	float: none;

	padding: 2%;

	width: auto;

	max-width: 597px;

	}



/* Set paddings, margins, and height for linear layout */

#textbar	{

	padding: 2%;

	margin: 0;

	height: auto;

	}



/* Switch from pixels to ems in footer margins/padding */

#footer {

	padding: 0.5em 0.7em 0.7em 0.7em;

	}

#footer p	{

	margin: 1em 0;

	}

#footer ul	{

	margin: 1em 0 0 0;

	}

#footer li	{

	padding: 0 1.5em 0 0;

	}



/* Specify generic, not specific, fonts in font-family */



/* Allow preformatted lines to break */

pre {

	white-space: -pre-wrap; /* Opera 6 CSS Extension */

	white-space: pre-wrap; /* CSS2.1 Addition */

	}



	/*  Typography */



/* Specific fonts are ok for headlines, so leave font-family alone

   Adjust top margin from px to em and reduce it a bit (the 2px on the

    bottom margin is small enough to be left alone)

   Reduce line height to 1em; headings frequently break into multiple

    lines on such small screen, and we don't want spacing /within/ the

    heading, only around it. */

h1, h2, h3, h4, h5, h6	{

	line-height: 1em;

	margin-top: 1.3em;

	}



/* Avoid specifying font sizes in px: use 'em' (if non-nesting) or keywords.

   More margin px -> em adjustments */

#sidebar h2	{

	font-size: 1.23em;

	margin: 0.3em 0 0 0 ;

	}



h3 {

	font-size: 1.23em;

	}

h4 {

	font-size: 1em;

	}

h5 {

	font-size: 0.83em;

	}

h6 {

	margin: 0 0 2.5em 0;

	font-size: 0.83em;

	}