/* The site-wide css */

* {
	border: 0px dotted pink;
}
body {
	background: #383838 url("../images/bg.jpg") repeat left top;
	margin: 0;
	font-family: verdana, sans-serif;
	font-family: 'Muli', cursive;
	font-size: 14px;
}
h1 {
	font-family: 'Cherry Cream Soda', cursive;
	color: #c77429;
	display: inline;
	font-size: 32px;
}
a {
	color: #FEE489;
	text-decoration: none;
}
a:visited {
	color: #FFFF99;
}
a:hover {
	text-decoration: underline;
	color: #FFFF99;
}
#header {
	height: 50px;
	padding: 10px;
	background: #212121 url("../images/logo.png") no-repeat left top;
	min-width: 960px;
	border-bottom: 5px solid #FDE087;
	margin: 0px;
}
#header img {
	float: left;
	margin: 0px;
	padding-left: 0px;
	padding-top: 0px;
}
#nav li{
	display: inline;
	float: right;
	padding-right: 15px;
	padding-top: 20px;
	font-size: 20px;	
}
#nav a {
	color: #7DBBF9;
}
#content {
	border: 0px solid red;
	border-radius:25px;
	background: #c3c3c3;
	width: 960px;
	margin: 25px auto 25px auto;
}

#feature {
	margin: 25px 50px 0px 50px;
}

#featureIndex {
	margin: 0px 0px 0px 0px;
	padding: 195px 50px 0px 50px;
	height: 460px;
	background: url("../images/index.png") no-repeat left top;
	color: #fff;
}
/* Well these don't work.
#leftbox {
	float: left;
}
#rightbox {
	float: right;
}
*/