/*** Notes
- text-align does not work on SPANs!! Only on block-elements like divs...

***/

#content {
	width: 500px;
	margin-top: 50px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

#content div#bunny {
	text-align: center;
}

#footer {
	font-size: .5em;
	position: fixed;
	bottom: 2px;
	margin: auto auto;
	text-align: center;
}


#content ul {
	margin: 0; /* some browsers use margins, some use padding. */
	padding: 0; /* here we remove both so the UL doesn't take up space. */
	width: 250px;
	list-style-type: none; /* remove the bullets */
	font-size: .85em;
	text-align: left;
	float: left;
}

#content ul li {
	margin-top: .3em;
	margin-bottom: .3em;
}

#content ul li.left {
	font-size: .85em;
}
#content ul li.left:hover {
	background-color: #d9d9d9;
}

#content ul li.right {
	/*display: none;*/
	font-size: .85em;
}

#content ul li a {
	color: #333;
}

#content ul li a:hover {
	color: #69c;
}

.light_black {
	color: #333;
}

/****** HTML elements *******/
body {
	font-family: verdana, sans-serif;
	font-size: 1.75em;
	/*background-color: #fff;*/
	/*background-color: #d9d9d9;*/
	background-image: url('../images/background.gif');
	background-repeat: repeat;
}

a {
	text-decoration: none;
}

.title {
	text-align: left;
	border-bottom: solid thin black;
	/*background-color: #afafaf;*/
	font-size: 1.9em;
	font-weight: 500;
}