@charset "utf-8";
@import "../css/fontsize.php";

html {
	/* cf. http://www.hicksdesign.co.uk/journal/forcing-scrollbars-now-even-better */
	height: 100%;
	margin-bottom: 1px;
	}

body {
	margin-top: 0;
	padding: 0;
	font-family: Verdana, "Bitstream Vera Sans", sans-serif;
	line-height: 1.8em;
	color: #fff;
	background-color: #4a525a; /* dark blue slate thing */
	text-align: center;
	min-width: 760px;
	font-size: 11px;

	}

a {
	text-decoration: none;
	}

a:link {
	text-decoration: none;
	color: #ddd;
	border-color: #888;
	border-width: 0 0 1px 0;
	border-style: none none solid none;
	padding: 3px 0px 2px 0px;
	background-color: inherit;
	}

a:visited {
	color: #ddd;
	border-color: #999;
	border-width: 0 0 1px 0;
	border-style: none none dotted none;
	padding: 3px 0px 2px 0px;
	background-color: inherit;
	}

a:hover {
	color: white;
	text-decoration: none;
	background-color: #606870;
	border-color: #606870;
	}

a em {
	padding-bottom: 2px; /* Hack for WebKit; otherwise the underscore padding is 0 */
	}


sup {
	line-height: 0px;
	}
sup a:link {
	padding: 3px;
	}
sup a:visited {
	padding: 3px;
	}


p {
 	margin: 0 0 1.6em 0;
	padding: 0;
	}

h1 {
	font-family: Georgia, serif;
	font-size: 1.46em; /* was 1.46em for Georgia */
	line-height: 1.5em;
	text-align: left;
	font-weight: normal;
	margin: 0em 0px 1.25em 0px;
	}

h2 {
	font-family: Verdana, "Bitstream Vera Sans", sans-serif;
	font-size: 1em;
	text-align: left;
	font-weight: normal;
	line-height: 1.8em;
	letter-spacing: .2em;
	margin: 4em 0 1em 0;
	text-transform: uppercase;
	}

h1 + h2 {
	margin-top: 2em;
	}
h2 + h3 {
	margin-top: 1.5em;
	}

h3 {
	font-family: Verdana, "Bitstream Vera Sans", sans-serif;
	font-size: .91em;
	text-align: left;
	font-weight: normal;
	line-height: 1.8em;
	letter-spacing: .2em;
	margin-bottom: 1.4em;
	margin-top: 3em;
	text-transform: uppercase;
	}


p + h3 {
	margin-top: 4em;
	}
pre + h3 {
	margin-top: 4em;
	}

h6 + h2 {
	margin-top: 2em;
	}


h4, h5, h6 {
	font-family: Verdana, "Bitstream Vera Sans", sans-serif;
	font-size: 1em;
	text-align: left;
	font-weight: bold;
	line-height: 1.8em;
	margin: 2em 0 0 0;
	}

strong {
	font-weight: normal;
	font-size: .91em;
	letter-spacing: .2em;
	text-transform: uppercase;
	}

em em {
	font-style: normal;
	}

strong strong {
	font-weight: bold;
	}

blockquote {
	font-size: 1em;
	margin: 2em 2em 2em 1em;
	padding: 0 .75em 0 1.25em;
	border-left: 1px solid #777;
	border-right: 0px solid #777;
	}

blockquote strong {
	font-weight: bold;
	font-size: 1em;
	letter-spacing: normal;
	text-transform: none;
	}

cite {
	font-weight: normal;
	font-style: italic;
	}

img {
	margin-top: 5px;
	}

thead {
	font-weight: bold;
	}


ul, ol {
	padding-left: 1.25em;
	margin: 0 0 2em 1em;
	}


pre {
	font-family: "Bitstream Vera Sans Mono", Courier, Monaco, ProFont, "Andale Mono", monospace;
	line-height: 1.45em;
	color: #eee;
	background-color: inherit;
	margin: 2em 0 2.5em 0;
	padding: 5px 0 5px 10px;
	border-width: 1px 0 1px 0;
	border-color: #6b6b6b;
	border-style: dashed;
	}

code {
	font-family: Monaco, ProFont, "Bitstream Vera Sans Mono", "Andale Mono", monospace;
	font-size: 0.91em; /* 1.09em for Courier */
	}


ul {
	list-style-type: square;
	}

ul ul {
	list-style-type: square;
	}
ul ul ul {
	list-style-type: square;
	}

hr {
	height: 1px;
	margin: 2em 1em 4em 0;
	text-align: center;
	border-color: #777;
	border-width: 0;
	border-style: dotted;
	}

hr.ookiaks {
	color: #bbb;
	margin: 7em 0 11em 0;
	padding-right: 2em;
	height: 0;
	border-width: 0;
	background-color: inherit;
	}
hr.ookiaks-jr {
	color: #bbb;
	background-color: inherit;
	margin: 1em 0 5em 0;
	padding-right: 2em;
	height: 0;
	border-width: 0;
	}

/*
	hr.ookiak:after rule that use content: to display bullets
	is specified in a separate style sheet, saves as UTF-8 with
	BOM. That way this main sheet can be saved without BOM.
*/

fieldset {
	border: 1px dotted #777;
	padding: 1em 1em .5em 1em;
	margin: 0 0 2.5em 0;
	}

fieldset p {
	margin-bottom: 0;
	padding-bottom: 1em;
	}

legend {
	color: #aaa;
	background-color: inherit;
	font-weight: normal;
	font-size: .91em;
	letter-spacing: .2em;
	text-transform: uppercase;
	}

dt {
	font-family: Verdana, "Bitstream Vera Sans", sans-serif;
	font-size: 1em;
	text-align: left;
	font-weight: normal;
	margin: 0 0 .4em 0;
	letter-spacing: normal;
	text-transform: none;
	}
dd {
	margin: auto auto 2.5em 2em;
	}

dd p {
	margin: 0 0 1em 0;
	}

input, select  {
	font-size: 1em;
	}
input[type="text"], input[type="password"]   { background-color: #ddd; }
/*
input[type="submit"] { background-color: #ccc;  border-width: 1px; }
*/
select { background-color: #ddd; }


/**** IDs *************************************************************/

#Box {
	border: 0;
	width: 720px;
	height: auto;
	margin: 0 auto 0 auto;
	padding: 0;
	text-align: left;
	}


#Banner {
	width: auto;
	height: auto;
	border: 0px dotted gray;
	padding: 0;
	margin: 59px 12px 69px 41px;
	text-align: left;
	background-color: transparent;
	line-height: 0px;
	}

#Banner img {
	border-width: 0px;
	}

#Banner img:hover {
/* 	border: 1px dotted #888; */
/*	background-color: #575e66;*/
	background-color: #555e66;
	}

#Banner a {
	border-width: 0px;
	}

#Banner a:hover {
	background-color: transparent;
	}

/*** Banner promos: ***/
#BannerPromo {
	float: right;
	margin: -15px 30px 0 0; /* was: 0 30px 0 0;   */
	text-align: right;
}
#BannerPromo img {
	border-color: #727272;
	border-width: 0px;  /* was: 1px;   */
	border-style: solid;
	margin-left: 0px;
	}
#BannerPromo img:hover {
	border-color: #999;
	background-color: #555e66;
	outline: 2px solid #555e66;
	}
#BannerPromo a {
	color: #bbb;
	border-color: #727272;
	padding-bottom: 3px;
	}
#BannerPromo a:hover {
	color: #fff;
	}
#BannerPromo a em {
	padding-bottom: 3px;
	}


#Main {
	padding: 0px;
	border: 0px dotted gray;
	margin-left: 222px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	width: 425px;
	}

#MainFullWidth {
	/*
		Like #Main, but used on pages without #Sidebar; e.g. the Referrers stats page
	*/
	padding: 0px;
	border-color: white;
	border-width: 0px 0px 0px 0px;
	border-style: solid;
	margin-left: 50px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	}


#Sidebar {
	position: absolute;
	top: 191px;
/*
	-- Used this instead of the above for Sidebar positioning from Oct 2003 - Feb 2006
	-- but abandoned it because of the way IE/Win deals with wider-than-425px elements
	-- with floating:
	float: left;
*/
	width: 160px;
	height: auto;
	border: 0px dotted gray;
	padding: 5px 0 0 0;
	background-color: transparent;
	color: #eee;
	text-align: right;
	font-size: .91em;
	line-height: 1.25em;
	}


#Sidebar ul {
	margin: 0 0 5em -4em;
	}

#Sidebar li {
	list-style: none;
	letter-spacing: .2em;
	text-transform: uppercase;
	margin: 0 0 1em 0;
	padding: 0;
	}

#Sidebar p {
	padding: 0;
	letter-spacing: .2em;
	margin: 0 0 5em -3em;
	}

#Sidebar h2 {
	font-size: 1em;
	font-weight: normal;
	margin-bottom: .25em;
	margin-top: 2em;
	text-transform: uppercase;
	letter-spacing: .2em;
	}

#Sidebar strong {
	font-size: 1em;
	font-weight: normal;
	letter-spacing: .2em;
	text-transform: uppercase;
	}

#Sidebar