/* my base style sheet, used for all devices */


/* this makes new html5 elements into block elements
   for older browsers (html3 and css3 (7th ed) p286) */
article, aside, figcaption, figure, footer, header, hgroup, menu, nav, section 
{
	display: block;
}


/** primary elements */

body 
{ 
    margin:10px; 
}

footer p {
        background: yellow;
        color: black;
        margin: 0 0 0 5px;
}

h1 
{
    background:blue; 
    color:white; 
    font-family:sans-serif; 
    text-align:center; 
}

h1 a
{    
    background:blue;
    color:white;
    text-decoration:none;
}

/* just so I know which stylesheet I am using */
/* commented out here, as by definition space is 
   limited :-)  but other sheets override it */
/* h1 a:after {content:' (base)'} */


/** the following classes, are used on divs, 
   but may become new html5 elements eventually */

.small {
	background: yellow;
        color: black;
	font-size: smaller;
}

/** these are my own classes */

/* this allows a link to be invisible (eg skip navigation) */
.hiddenlink
{
	height: 0;
	overflow: hidden;
	width: 0;
}