body {
	color:#404040;
	font-family:'Open Sans','Lucida grande',Tahoma,Verdana,Arial,sans-serif;
	font-size:11pt;
	background:white;
	margin:0;
	padding:0;
	overflow-y:scroll;
}

a {
	text-decoration:none;
	color:#4040ff;
}

a:hover {
	color:#c080ff;
}

h1 {
	margin:0;
	font-size:20px;
}

.header-wrap {
	padding-top:15px;
	box-shadow:0 0 10px #808080;
	height:85px;
	position:fixed;
	width:100%;
	background:#f0f0ff;
}

.header {
	max-width:800px;
	min-width:670px;
	margin:0 auto;
	padding:0 15px;
}

.filter {
	width:320px;
	border:none;
	box-shadow:0 0 3px #808080;
	padding:1ex 0.5em;
	background:white;
}

.filter-nomatch {
	background:#ffc0c0;
}

.filter-active {
	background:#c0ffc0;
}

.filter-archive {
	font-size:smaller;
}

.reset {
	font-weight:bold;
}

.content {
	max-width:800px;
	min-width:670px;
	margin:0 auto;
	padding:120px 15px 20px 15px;
}

.tag-filters {
	margin-bottom:20px;
}

.tag-filters-title {
	font-size:smaller;
	font-weight:bold;
}

.song {
	padding:1px 0;
	clear:left;
}

.song:hover {
	background:#f0f0ff;
	cursor:default;
}

.song .id {
	width:50px;
	padding-right:10px;
	text-align:right;
	float:left;
}

.song .title {
	margin-left:60px;
}

.song .title a {
	margin-right:0.5em;
}

.song .nfiles {
	margin-left:0.5em;
	font-size:8pt;
}

.song .comment {
	font-size:smaller;
	font-weight:bold;
	margin:0 0.5em;
}

.tag {
	font-size:8pt;
	background:#e0e0ff;
	display:inline-block;
	padding:0 4px;
	color:black;
}

.song .files {
	margin-left:60px;
	font-size:smaller;
}

.song .files .file {
	margin:1px 0;
}

.songlist hr {
	border-width:1px;
	border-style:solid none none none;
	border-color:#e0e0f0;
	margin:1ex 0;
}

.playergui {
	background:white;
	width:300px;
	float:right;
	box-shadow:0 0 3px #808080;
	padding:5px;
}

.jp-time {
	font-size:smaller;
}

.jp-seek-bar {
	margin-top:2px;
	width:100%;
	height:15px;
	background:#c0c0c0;
}

.jp-play-bar {
	background:#404040;
	height:100%;
}

.icon {
	background-image:url(icons.png);
	display:inline-block;
	width:24px;
	height:16px;
	vertical-align:text-bottom;
}

.icon-placeholder {
	display:inline-block;
	width:24px;
	height:16px;
	vertical-align:text-bottom;
}

.icon span {
	display:none;
}

.icon-play { background-position:0 0; }
.icon-pause { background-position:-25px 0; }
.icon-stop { background-position:-50px 0; }
.icon-download { background-position:-75px 0; }
.icon-view { background-position:-100px 0; }

.auth input {
	border:none;
	box-shadow:0 0 3px #808080;
	padding:1ex 0.5em;
	vertical-align:20%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	height:4ex;
	font-family:inherit;
	font-size:smaller;
	font-face:inherit;
}

.auth input[type=text] {
	background:white;
	width:160px;
}

.auth input[type=submit] {
	background:#f0f0ff;
}

.message {
	padding-top:50px;
	text-align:center;
	font-size:larger;
	font-weight:bold;
}

.menu {
	float:right;
	font-size:smaller;
	box-shadow:0 0 3px #808080;
	padding:0.5ex 0.5em;
	background:white;
}

.menu2 {
	background:white;
	font-size:smaller;
	position:fixed;
	right:0;
	bottom:0;
	padding:0.5ex 0.5em;
}