@font-face {
	font-family: FreeSans;
	src: url('FreeSans.ttf');
	font-family: FreeSansBold;
	src: url('FreeSansBold.ttf');
}

body {
	font-family: FreeSans;
	background: #008110;
}

h1 {
	margin:0;
	margin-top: 20px;
}

h1 a {
	text-decoration: none;
	margin:0;
}

h2 {
	margin:0;
}

h2 a {
	text-decoration: none;
}

a {
	color: #114400;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}



#main-content {
	background:#FFF;
	border-radius: 15px;
	border:15px;
	padding:10px;
}

ul {
	list-style:none;
	margin-left:0px;
	padding-left:0px;
}

li {
	float:left;
	padding:10px;
	margin-left:0px;
	padding-left:0px;
	padding-bottom:20px;
}

li > a {
	background: #DDD;
	padding:5px;
	border-radius: 5px;
	font-family: FreeSansBold;
	box-shadow: 3px 3px 4px #555;
	text-decoration:none;
}

li > a:hover {
	background:#CCC;
	text-decoration:underline;
}

#stumbleupon {
	background:#FFF;
}


#stumbleupon div {
	padding:15px;
	background:#DDD;
	border-radius:15px;
	width:340px;
	overflow:hidden;
	display:block;
	box-shadow: 3px 3px 4px #555;
	text-decoration:none;
	border:5px solid #008110;
}


#music-div {
	float:right;
	width:510px;
	min-width: 510px;
	display:none;
}

.articles {
	float:left;
}

.box {
	background: #EEE;
	box-shadow: 3px 3px 4px #555;
	border-radius: 15px;
	border:5px solid #008110;
	min-width:300px;
	margin:10px;
	padding: 10px;
	max-width:400px;
}

.samspage img {
	background: #FFF;
	box-shadow: 3px 3px 4px #555;
	border-radius: 15px;
	border:5px solid #008110;
	margin:3px;
	padding: 5px;
	vertical-align: middle;
}


.samspage img:hover {
	border: 5px solid #000;
}