@CHARSET "UTF-8";
@font-face {
    font-family: Titillum;
    src: url("../fonts/licenza_otf_text/2010%2003%2027%20otf%20titillium%20text/TitilliumText22L003.otf");
}

@font-face {
    font-family: Titillum;
    font-weight: bold;
    src: url("../fonts/licenza_otf_text/2010%2003%2027%20otf%20titillium%20text/TitilliumText22L005.otf");
}

body {
	background-color: #000000; 
	color: #a0a0a0;
	}
	
a:link {
	color: #70a070;
}
	
.headerBox {
	margin-left: 150px;
	margin-right: 150px;
	width: 71%;
}

.overheadSidebar{
	float: right;
	text-align: right;
	width: 160px;
}

.overheadSidebar ul {
	list-style: none;
}

.overheadSidebar ul li {
	color: #5050b0;
}

.overheadSidebar .trackList td {
	text-align: left;
	font-family: sans-serif;
	font-weight: bold;
	font-size: 11px;
	cursor: pointer;
}

.overheadSidebar .trackList td.nowPlaying{
	color: #80ffa0;
}

.topContentBox {
	margin-left: 150px;
	margin-right: 170px;
	padding-left: 40px;
	height: 90%;
	min-height:500px;
	border: 10px solid #20a020; 
	border-radius:20px; 
	-moz-border-radius:20px; 
	-webkit-border-radius:20px; 
	background-color: #e0e0e0
}

.topContentBox.infoBox {
	border: 10px solid #000000;
	background-color: #000000;
}

ul.albumlist {
	margin-left: -234px;
	float: left;
}

ul.albumlist li {
	max-width: 138px;
	margin-bottom: 4px;
	cursor: pointer;
	list-style-type: none;
	background: #103010;
	color: #808080;
	border: solid;
	border-color: #20a020;
	border-width: 3px;
	border-radius:5px; 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px; 
	padding-left: 5px;
	padding-right: 10px;
	font-family: sans-serif;
	font-weight: bold;
	font-size: 11px;
}
ul.albumlist li.selected {
	background: #e0e0e0;
	color: #400040;
	border-right-style: none;
}

.albuminfo {
	font-family: Titillum;
	font-size: large;
	color: #202020;
}

.albumdetails {
	background-image: url("../img/albumdetails_background.jpg");
	min-height: 300px;
	border-style: solid;
	border-color: #aaaaaa;
	width: 60%;
	padding: 10px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.albumdetails a:link {
	color: #101010;
}

.albumdetails h1 {
	font-weight: bold;
}

.albumdetails .songlist tr {
	vertical-align: middle;
}
	
.playButton {
	cursor: pointer;
}

.addPlayButton {
	cursor: pointer;
}

.albumlinernotes {
	background-image: url("../img/linernotes_background.jpg");
	float: right;
	width: 28%;
	font-family: serif;
	font-size: small;
	font-style: italic;
	background-color: #ffffff;
	margin-right:10px;
	padding-left:3px;
	border: solid;
	border-color: #c05060;
	border-width: 2px;
	border-radius:4px; 
	-moz-border-radius:4px; 
	-webkit-border-radius:4px; 
}

a.flattrbutton {
	float:left;
	padding-right: 10px;
}