/*
 * "Screen" style for NORMAL.no
 */

.print { display: none; }

body {
	/*font-family: tahoma, verdana, sans-serif;*/
	font-family: Arial, Helvetica, sans-serif;
	background: #f0eecc;

	/* todo: better implementation */
	font-size: 1em;
	line-height: 1.4em;
}

h1 {
	margin: 0px;
	color: #ffd700;
}

h2 {
	font-family: "Georgia", serif;
	line-height: 166%;
	margin-bottom: -0.5ex;
	padding-top: 1ex;
}

blockquote {
	font-family: serif;
}

sup , sub { font-size: small; }

/* TODO: class, not id */
#content { width: 44em; padding-left: 1em; }

a { color: #262; text-decoration: none; }
/*p a { text-decoration: underline; }*/
a:hover { color: red; }



#simpleheader {
        background: #494;
        padding: .8em 0 .8em .8em;
}

#simpleheader .icon  {
        vertical-align: -6px;
        margin-right: .4em;
}

#simpleheader h1 { display: inline; color: #f0eecc; }




.boxed a { color: #262; }
.boxed a:hover { color: red; background-color: #dca; }
/* .boxed a:hover { background-color: #f0eecc; } */

.border { background: #494; }	/* TODO: better name */

/* Links on border must be another color */
.border a { color: #f0eecc; }
.border a:hover { color: #fb6; }
/*
.border a { color: #ffd700; font-weight: bold; }
.border a:hover { color: red; }
*/


/* Where do I use this? */
.borderlink { color: #ffd700; font-weight: bold; }


.bborder { border: 1px solid black; }


.footer { font-size: large; color: #ffd700; font-weight: bold; }
.footer2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #271;
}

.boxed {
        background-color: #dca;
	padding: 0.4ex 1.5em;
	margin: 2em 2em 2em 1em;
}