/*---------------------------------------------------------
File:           all.css
Description:    Defines styles to be applied to all browsers. Should validate if possible. 
---------------------------------------------------------*/
/*---------------------------------------------------------
Contents (in order):
    Element defaults/resets
    Font sizes
    Image alignment
    #container
    #footer
    #note
---------------------------------------------------------*/
/*---------------------------------------------------------
Element defaults/resets
---------------------------------------------------------*/
HTML {
  /* Always show vertical scrollbars for consistent center alignment regardless of document height */
  overflow-y: scroll;
}
BODY {
	color: #fff;
	background: #000;
	font-family: "Times New Roman", Times, serif;
	font-size: 100%; /* 16px */
	padding: 0;
	margin: 0;
}
IMG {
	border: 0;
}
A {
	color: #fcd606;
}
A:visited {
	color: #764a06;
}
A:hover {
	color: #fff;
}
A IMG {
	border: 2px solid #fcd606;
}
A:visited IMG {
	border: 2px solid #764a06;
}
A:hover IMG {
	border: 2px solid #fff;
}
P, H1, H2, H3, H4, H5, H6 {
	padding: 0;
	margin: 1em 0;
}
H1, H2, H3, H4, H5, H6, P.clear, BODY.secrets P {
	clear: both;
}
H1 {
	font-size: 1.846em; /* 16px x 1.875 = 30px */
	line-height: 1.5em;
	margin-top: 0;
}
H2 {
	font-size: 1.385em; /* 16px x 1.375 = 22px */
}
H3 {
	font-size: 1.154em; /* 16px x 1.125 = 18px */
}
OL, UL {
	padding: 0;
	margin: 0 0 0 2em;
}
LI {
	padding: 0;
	margin: 0;
}
HR {
	clear: both;
}
/*---------------------------------------------------------
Font sizes
---------------------------------------------------------*/
.plus1 {
	font-size: 1.5em;
}
.plus4 {
	font-size: 3em;
}
/*---------------------------------------------------------
Image alignment
---------------------------------------------------------*/
IMG.left, BODY.secrets IMG {
	margin: 0 1em 1em 0;
	float: left;
}
IMG.right {
	margin: 0 0 1em 1em;
	float: right;
}
/*---------------------------------------------------------
#container
---------------------------------------------------------*/
#container {
	width: 750px;
	padding-top: 4em;
	margin: 0 auto;
}
/*---------------------------------------------------------
#footer
---------------------------------------------------------*/
#footer {
	clear: both;
}
/*---------------------------------------------------------
#note
---------------------------------------------------------*/
#note {
	color: #000;
	background: #fff;
	font-family: verdana, arial, sans-serif;
	font-size: .6875em; /* 16px x 0.6875 = 11px */
	width: 100%;
	padding: 1em 0;
	position: fixed;
	top: 0;
	left: 0;
}
#note P {
	margin: 0 1em;
}
#note A, #note A:visited, #note A:hover {
	color: #000;
}