/* DEFAULT */

body {
	margin-left: 200px;
	margin-top: 100px;
	background-color: #000;
	font-family: tahoma;
	background-image: linear-gradient(to right, #004, #888 200px, #fff);
}

a {
	color: #00f;
}

a:hover {
	background: #ff08;
}

/* bevel border without changing the size of the contents */
#main {
	box-shadow: 
		-1px -1px white, 0 -1px white, -1px 0 white, 
		1px 1px black, 0 1px black, 1px 0 black, 
		0 0 0 1px #888, 
		-2px -2px white, 1px -2px white, -2px 1px white, 
		2px 2px black, -1px 2px black, 2px -1px black, 
		0 0 0 2px #888, 
		-3px -3px white, 2px -3px white, -3px 2px white, 
		3px 3px black, -2px 3px black, 3px -2px black, 
		0 0 0 3px #888, 
		-4px -4px white, 3px -4px white, -4px 3px white, 
		4px 4px black, -3px 4px black, 4px -3px black,
		0 0 0 4px #888, 0 0 0 5px #000;
}

.body h1, .body h2, .body h3 {
	font-family: verdana;
	font-style: italic;
	font-weight: bold;
}

.body h1 {
	color: #44f;
}

.body h2 {
	color: #444;
}

.sidebar {
	background-color: #444;
	color: white;
	padding: 10px;
}

.header {
	padding: 0px;
	background-color: #aa6;
}

.body {
	background: #fff;
	border: 4px solid;
	border-color: #000 #fff #fff #000;
	box-shadow: inset -25px -25px 250px 25px #888;
	padding: 10px;
}

.other-sidebar {
	padding: 10px;
	background: #888;
	border: 4px solid;
	border-color: #fff #000 #000 #fff;
	color: white;
}

.footer {
	padding: 10px;
	background: black;
	color: white;
}

.other-sidebar a, .footer a{
	color: #8af;
}

.other-sidebar a:hover, .footer a:hover{
	color: #00f;
}

.sidebar a {
	display:block;
	color: #000;
	text-decoration: none;
	text-align: center;
	font-family: verdana;
	font-weight: bold;
	font-style: italic;
	width: 200px;
	padding: 10px;
	margin-top: 20px;
	background: #888;
	border: 2px solid;
	border-color: #fff #000 #000 #fff;
	box-shadow: 0 0 0 1px black;
}

.sidebar a:hover {
	color: #00f;
	background: #aa4;
	border-color: #fff #440 #440 #fff;
}

.sidebar a:active {
	color: #ff0;
	background: #226;
	border-color: #000 #66a #66a #000;
}

button {
	color: #000;
	text-align: center;
	font-family: verdana;
	font-weight: bold;
	font-style: italic;
	font-size: 9pt;
	width: 88px;
	height: 31px;
	background: #888;
	border: 2px solid;
	border-color: #fff #000 #000 #fff;
	box-shadow: 0 0 0 1px black;
}

button:hover {
	color: #00f;
	background: #aa4;
	border-color: #fff #440 #440 #fff;
}

button:active {
	color: #ff0;
	background: #226;
	border-color: #000 #66a #66a #000;
}