/* written by boyzonder, copyright 2004 */

/* the body tags, which apply all throughout the document */
body {
	padding-top: 3%;
	padding-bottom: 3%;

	color: black;
	background-color: white;

	font-family: "Aharoni", "Tahoma", "Bitstream Vera Sans", "Luxi Sans", sans-serif;
}

/* the title class, which is the title :-) */
#title {
    padding: .5%;
    padding-right: 3%;

	background-color: #8B0000; /*darkred */
	color: white;

	font-size: xx-large;
	font-weight: bold;
    text-transform: lowercase;
}

/* the page class, which is the main text */
#page {
	margin: 10%
}
#page h1 {
	color: green;

    text-transform: lowercase;
}
#page h2 {
	color: #00008B; /* darkblue */

    text-transform: lowercase;
}
#page h3 {
    text-transform: lowercase;
}

/* the menu class, which is the navigation menu on the left */
#menu {
	padding: 8%;
	float: right;

	font-size: large;
	text-align: right;
    text-transform: lowercase;
}
#menu-extras {
	display: none;
}

/* remove image borders */
img {
	border: 0px;
}

/* some custom image classes */
.leftimage {
    float: left;
    padding: 1%;
}
.rightimage {
    float: right;
    padding: 1%;
}
.centerimage {
	display: block;
	text-align: center;
}
.leftphoto {
}
.rightphoto {
}

/* a custom note class*/
.note {
  position: relative;
	margin-left: 5%;
	margin-right: 15%;
	padding: 1%;

	color: #8B0000; /*darkred */
	border: 1px dashed #8B0000; /*darkred */

	font-size: small;
}

/* a warning class */
.warning {
	float: right;
	margin: 1%;
	padding: 1%;
	position: relative;
	z-index: 32;

	color: white;
	background-color: red;

	font-size: x-small;
	font-weight: bold;
	text-align: center;
}

/* ID's for some info pop-ups */
#firefoxpopup {
	float: left;
	position: absolute;
	width: 50%;
	z-index: 16;
	margin-left: 3%;
	padding: 1%;
	
	background-color: silver;
	color: black;
	display: none;
	
	font-size: x-small;
}
#firefoxpopup pre {
	color: #00008B; /* darkblue */
}
#stylepopup {
	float: left;
	position: absolute;
	width: 50%;
	z-index: 16;
	margin-left: 3%;
	padding: 1%;
	
	background-color: silver;
	color: black;
	display: none;
	
	font-size: x-small;
}

/* button class, for nice buttons */
#page a.X {
	padding: 0px 3px 0px 5px; 
	border: 1px dashed black;

	color: white; 
	background-color: #FF7F50; /* coral */

	text-decoration: none; 
	font-weight: bold; 
}

/* classes for the valid W3-something buttons */
.W3button {
	display: block;
	position: relative;
	float: left;
   padding: 1%;
   font-weight: bold;
}
.W3button a {
	display: inline;
}
.W3button a.w3c {
	border: 1px solid black;
   font-size: xx-small;
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
}
.W3button a.spec {
   font-size: xx-small;
	padding-left: 5px;
	padding-right: 5px;
}
.W3button a.w3c:link,
.W3button a.w3c:visited,
.W3button a.w3c:hover {
	background-color: #fff;
	color: #0c479d;
	text-decoration: none;
}
.W3button a.spec:link,
.W3button a.spec:visited,
.W3button a.spec:hover {
	background-color: #fc6;
	color: #000;
	text-decoration: none;
}