@charset "iso-8859-1";
/* synmedia.css		Media Queries for narrow viewports (cp. cf. synhheld.css)

27/11/04	JKW	Created ex- synhheld 27/11/04
07/02/05	JKW	Restrict menu width
10/02/05	JKW	.sidepanel width; lists
2008-01-20	Tmpl; for all not just screen (but all MQs are always applied to print); text-align: left on bodycol
		images unfloated
2008-01-26	Rem .footmenu; rule #2 to 480px
2010-10-31	No BG below 350px; h2, .heademph text-shadow

Generic template 12/01/07
*/

/* <???> There are 4 @media blocks --- */
/* My desktop switches at max-width specified +16px */
/* My laptop switches too late e.g. for second @media block, overlap has begun */

/* <???> text-align: left on bodycol (540px equiv. to 38.6em) --- */
@media all and (max-width: 540px) {

div#bodycol {
text-align: left;
}

}


/* <???> Menu slides below --- */
@media all and (max-width: 480px) {

div#maincontent, div#menucol, div#bodycol  {
position: static;
width: auto;
}

ul#mainmenu, ul#auxmenu {
margin-left: 0;
max-width: 15em;
}

}


/* <???> Banner aligned; images, postit, sidepanel, return panel unfloated --- */
@media all and (max-width: 350px) {

html, body, div#bodycol {
color: #000;
background: none;
}

h2 {
margin-left: 0;
text-shadow: none;
}

span.heademph {
text-shadow: none;
}

img.imgleft {
float: none;
display: block;
margin: 5px 0 0.5em 0;
}

img.imgright {
float: none;
display: block;
margin: 5px 0 0.5em 0;
}

div.postit {
float: none;
margin: 0.5em 0 0.9em 0;
width: auto;
max-width: none;
}

div.sidepanel {
float: none;
margin: 0.6em 0;
width: auto;
}

div.returnpanel {
float: none;
margin: 0 0 0.5em 0;
width: auto;
}

div#header {
padding-left: 0;
}

}


/* <???> h1 text; lists --- */
@media all and (max-width: 170px) {

h1 img {
/*
width: 100%;
display: none;
*/
content: attr(alt);
font-size: 0.8em;
}

h2 {
font-size: 1em;
}

/* !important to override synprint */
ul {
list-style-type: disc;
list-style-image: none;
padding-left: 0 !important;
}

ol {
padding-left: 0 !important;
}

li {
list-style-position: inside !important;
}


}