@import url('combo.css');

#doc { position: relative; }

#navbar { margin-top: 2em; }
#navbar { margin-top: 2em; }

#navbar ul { padding: 0; margin: 0; width: auto;}

#navbar li { display: inline; list-style: none; font-size: 18px; font-weight: bold; margin-right: 1em; padding-bottom: 10px;  }

#navbar li a{ color: white; text-decoration: none !important }

#navbar li:hover { background: url('http://s.libre.fm/librefm/img/underline.png') bottom no-repeat; }

h2 { text-align: center; font-size: 32px; }

#buttons li { list-style: none; }

#buttons { text-align: center; margin: 3em; }

li ul { margin: 0 0 1em 0; padding:0 1em 0;  }

li ul li { list-style: none; font-weight: bold; padding-top: 0.5em; }

.tagcloud { margin: 0; padding: 0; text-align: center; }


.tagcloud li{ display: inline; margin-right: 0.2em; line-height: 1.2em; }

.tagcloud a{ text-decoration: none; color: #cc0000; }
.tagcloud a:hover { text-decoration: underline; }

.tagcloud .t1 { font-size: 200%; }
.tagcloud .t2 { font-size: 180%; }
.tagcloud .t3 { font-size: 160%; }
.tagcloud .t4 { font-size: 140%; }
.tagcloud .t5 { font-size: 120%; }
.tagcloud .t6 { font-size: 100%; }

#bd form{ width:30em; margin: 1em auto; background-color: #ececec; padding: 1em; }

#bd input { width: 98%; }

#bd textarea { width: 98%; }

#ft ul{ text-align: center; }

#ft li{ display: inline; list-style: none; }

h2,.c{ text-align: center; padding-top: 10px; padding-bottom: 10px; }

#profile-box { text-align: center; margin-bottom: 4em; }

#profile-box h2 { margin: 0; padding: 0; line-height: 50px; }

#profile-box ul { margin: 0; padding: 0; }

#profile-box li { display: inline; font-size: 90%; }

hr { display: none !important; }

#doc { position: relative; }

#infobox { text-align: center; background-color: #ffb; padding: 12px; border: 1px solid #f57900; margin-top: 4em; }

#infobox p { margin: 0; padding:0; }



#welcome-box h2 { font-size: 45px; }

#welcome-box p { font-size: 24px; text-align: center; }

#tag-cloud-box { border: 1px solid #eee; margin-top: 24px; padding: 24px;  }

#tag-cloud-box h3 { font-size: 24px; text-align: center; }

#ab-box { width: 130px; clear: both; float: left; }

#search form { float: right; width: auto; background: none; margin: 0; padding: 0; }

#search input { width: 140px; }

#search select { width: 75px; margin-left: 10px; }

input#search_button { width: 70px; margin-left: 10px; margin-right: 12px; }

body {
	margin: 0;
	background: #cc0000 url('http://s.libre.fm/librefm/img/background-stripes.gif') repeat;
}

h1  {
	margin: 0;
	position: relative;
	top: 16px;
}

#hd {
	background: white url('http://s.libre.fm/librefm/img/header-stripes.gif');
	width: 100%;
	height: 157px;
	text-align: center;
}

#hd-border {
	background: url('http://s.libre.fm/librefm/img/header-border.png');
	height: 16px;
	width: 100%;
	position: relative;
	top: -4px;
}

#doc {
	width: 100%;
}

#bd {
	width: 57.25em;
	margin: auto;
}

#ft {
	background: #2e3436 url('http://s.libre.fm/librefm/img/footer-stripes.gif') repeat-x -10px;
	color: white;
	font-weight: bold;
	text-align: center;
	padding-top: 2em;
	padding-bottom: 10px;
}

#ft-border {
	background: url('http://s.libre.fm/librefm/img/footer-border.png');
	height: 30px;
	position: relative;
	top: 15px;
	width: 100%;
}

#ft a {
	color: white;
	text-decoration: none;
	border-bottom: solid 1px #f57900;
}

#ft a:hover {
	border-bottom: solid 4px #f57900;
}

#footer-content {
	margin-top: 30px;
	margin-left: 205px;
}

#dev-links li {
	margin-right: 2em;
}

#content-box-top {
	background: url('http://s.libre.fm/librefm/img/content-box-top.png') no-repeat;
	width: 100%;
	height: 102px;
	margin-top: 1em;
	float: left;
}

#content {
	background: white;
	padding: 1em;
	border: solid 4px #f57900;
	border-top: none;
	border-bottom: none;
	margin-top: 5em;
	width: 700px;
}

#content-box-bottom {
	background: url('http://s.libre.fm/librefm/img/content-box-bottom.png') no-repeat;
	width: 100%;
	height: 158px;
	position: relative;
	left: -9px;
}

.stats-bar {
	background-color: #f57900;
	padding: 0.5em;
	margin-top: 0.5em;
}

#license {
	margin-left: 3em;
}

#ad {
	float: right;
	background: white;
	border: solid 2px #f57900;
	padding-top: 1em;
	width: 200px;
	height: 210px;
	margin-right: 20px;
	text-align: center;
}

/* CSS for player */

#player-container {
	float: right;
	width: 340px;
	margin: 1em;
	margin-right: 2em;
	text-align: right;
}

#playerproblems {
	text-align: justify;
}

#player > #interface {
	background: #980101 url(http://s.libre.fm/librefm/img/player/background.jpg) repeat-x;
	width: 320px;
	border: 1px solid black;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	padding: 10px;
	padding-bottom: 0px;
	color: white;
	display: none;
	text-align: left;
}

#player > #interface > #p_buttons a {
	opacity: 0.5;
}

#player > #interface > #progress {
	text-align: right;
}

#player > #interface > #trackinfo {
	border: 1px solid black;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	overflow: hidden;
	padding: 3px 5px;
	margin-bottom: 5px;
	background: white;
	color: black;
}

#player > #interface > #trackinfo > #playlist {
	display: none;
}

#showplaylist {
	margin-top: 2px;
	float: right;
}

#hideplaylist {
	margin-top: 2px;
	display: none;
	float: right;
}

#scrobbled {
	display: none;
	float: left;
}

.ui-widget { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1.1em/*{fsDefault}*/; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1em; }
.ui-widget-content { border: 1px solid #aaaaaa/*{borderColorContent}*/; background: #ffffff/*{bgColorContent}*/ color: #222222/*{fcContent}*/; }
.ui-widget-content a { color: #222222/*{fcContent}*/; }
.ui-corner-all { -moz-border-radius: 4px/*{cornerRadius}*/; -webkit-border-radius: 4px/*{cornerRadius}*/; }

.ui-progressbar { height: 11px; text-align: left; }
.ui-progressbar .ui-progressbar-value {height:100%; }/* Resizable */
.ui-progressbar-value { background-image: url(http://s.libre.fm/librefm/img/player/pbar-ani.gif); }

.placeholder {
	color: #999;
}

/* end of player CSS */