body { 
  background-image: url('placeholderbgimage.jpg');
  color: black;
	font-size: small;
  font-family: Courier;}

article{
	border: 1px solid #000000;
	padding: 5px;
	margin: 5px;
	}

a.albumcover{
	width: 220px;
	height: auto;
	margin: 5px;
	}

img {
	border: 1px solid #000000;
	width: 225px;
	height: 225px;
	}

p.smol{
	font-size: x-small;
}

a.boside {
	width: 190px;
	background-color: #00ff00;
	color: black;
	border: 1.5px solid black;
	padding: 10px;
	text-align: left;
	text-decoration: none;
	display: inline-block;
	margin: 5px;
	}

a.bolink {
	width: 100px;
	color: black;
	border: 2px solid black;
	padding: 5px;
	text-align: left;
	text-decoration: none;
	display: inline-block;
	margin: 5px;
	}

a:hover {
	background-color: #ffffff;
	color: black;}

div.wholepage{
	background-color: #00ff00;
	width: 1000px;
    height: 900px;
    border: 3px solid #000000;
    padding: 6px;
	margin: auto;
	}

div.topbit{
	border: 1px solid #000000;
    display: inline-block;
    width: 970px;
    height: 125px;
	margin: 5px;
	padding: 10px;
	background-color: #ffffff;
	}

div.sidbor{
	display: inline-block;
    vertical-align: top;
    width: 250px;
	height: 555px;
	padding-right: 5px;
	}

div.nowplaying{
	border: 1px solid #000000;
	display: inline-block;
    vertical-align: top;
    width: 240px;
	height: 285px;
	padding: 5px;
	margin: 5px;
	background-color: #ffffff;
	}

article.types{
	border: 1px solid #000000;
	display: inline-block;
    vertical-align: top;
    width: 240px;
	height: 190px;
	padding: 5px;
	overflow: auto;
	background-color: #ffffff;
}

div.lists{
	border: 1px solid #000000;
	display: inline-block;
    vertical-align: top;
    width: 240px;
	height: 204px;
	padding: 5px;
	margin: 5px;
	overflow: auto;
	background-color: #ffffff;
}

div.main{
	border: 1px solid #000000;
	display: inline-block;
    vertical-align: top;
    width: 715px;
	height: 722px;
	margin: 5px;
	padding: 5px;
	overflow: auto;
		background-color: #ffffff;
	}

iframe{
	border: none;
    height: 100%;
    width: 100%;
	}