/*
Reset CSS
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
html{color:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}

/*
Fonts CSS
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
body{font:13px/1.231 arial,helvetica,clean,sans-serif;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;outline: none;}table{font-size:inherit;}pre,code,kbd,samp,tt{font-family:monospace;font-size:108%;line-height:100%;}

/*

Main mustard yellow: ffba00
Faded yellow: ffcf4d

*/

html,body {
 margin:0;
 padding:0;
 height:100%;
}

#container {
 min-height:100%;
 position:relative;
}

body {
 background-color: #fff;
 font-family: Lucida Grande, Verdana, Sans-serif;
 font-size: 14px;
 color: #4F5155;
}

#body {
	padding: 20px 40px 200px 40px;
	clear: both;
}

.content {
 clear: both;
 padding-bottom: 50px;
 min-height: 500px;
}

#footer {
 position:absolute;
 font-size: 10px;
 background-color: #ddd;
 bottom:0;
 height:50px;			/* Height of the footer */
 width: 100%;
 border-top: 1px solid #bbb;
 clear: both;
 margin-top: 20px;
}

#footer div {
 padding: 0 10px 0 10px;
 float: right;
}

#footer div ul li {
 padding-bottom: 4px;
}

p { margin-top: 10px; }

th { text-align: left; }

a {
 color: #003399;
 background-color: transparent;
 font-weight: normal;
 text-decoration: underline;
}
a:hover {
 text-decoration: none;
}

a.button {

}

h1, h2, h3, h4 {
 color: #444;
 background-color: transparent;
 font-weight: bold;
 margin: 10px 0 2px 0;
 padding: 5px 0 6px 0;
}

h1 { font-size: 16px; }
h2 { font-size: 14px; }
h3 { font-size: 12px; }
h4 { font-size: 10px; }

.small { font-size: 10px; }

code, .code {
 font-family: Monaco, Verdana, Sans-serif;
 font-size: 12px;
 background-color: #f9f9f9;
 border: 1px solid #D0D0D0;
 color: #222;
 display: block;
 margin: 14px 0 14px 0;
 padding: 12px 10px 12px 10px;
}

.clipwrapper {
 margin-right: 360px;
}

.clip {
 padding: 4px 4px 4px 4px;
}

.clip.one {
 border-top: solid 1px #ddd;
 border-bottom: solid 1px #ddd;
 margin: 4px 0 4px 0;
}

.clip.many {
 margin: 0;
 border-top: solid 1px #ddd; 
}

.clip.many.odd {
 background-color: #eee; 
}

.clip.firstclip {
 border-top: none !important;
 margin-top: 20px;
}

.clip.hover {
 border-left: 2px solid #ddd !important;
}

.clip p, .clip h2 {
 padding: 0;
 margin: 4px;
}

.clip div.body {
 max-height: 100px;
 overflow: auto;
}

.clip.one.isprivate {

}

.clip.many.isprivate {
 border-right: solid 2px #ff975f;
}

em.isprivate {
 color: #ff975f !important;
 font-style: normal;
}

/* input[type=text], input[type=password], textarea { */
input, textarea {
 border: solid 1px #aaa;
 font-family: Verdana, Helvetica, Arial;
 font-size: 14px;
 padding: 5px 4px 4px 4px;
 margin-top: 2px;
 color: #444;
 width: 500px;
}

input.checkbox {
	border: none !important;
	width: auto !important;
}

form {
 padding-bottom: 2px;
}

#header {
 background-color: #1c1c1c;
 height: 55px;
 margin-bottom: 20px;
}

#header h1 {
 margin: 0;
 padding: 10px 0 0 15px;
 color: #ddd;
 font-size: 24px;
 font-weight: bold;
}

#header h1 a, #header h1 a:visited, #header h1 a:active {
 text-decoration: none;
 color: #ed3bac;
}

#header h1 a span {
 color: #666;
}

#header img {
 border: 0;
 float:left;
 /* margin: 17px 10px 17px 17px; */
}

#headerlinks {
 padding: 20px 0 0 20px;
 vertical-align: middle;
}

#headerlinks a, #headerlinks a:active, #headerlinks a:visited {
 color: #fff;
 text-decoration: none;
 margin-left: 10px;
}

#headerlinks span.login, #headerlinks span.logout {
 margin-left: 20px;
}

#headerlinks span.login a, #headerlinks span.logout a {
 margin-left: 0;
}

#headerlinks a:hover {
 color: #ffcf4d;
 text-decoration: underline
}

img.logo { padding-bottom: 20px; }

#mytags {
 border: 1px solid #eee;
 clear: both;
 margin-top: 100px;
 padding: 5px;
}

#mytags h3 {
 margin: 0;
 padding: 0;
}

#mytags p {
 margin: 5px 0 0 0;
 padding: 0;
}

.clicklink {
 cursor: pointer;
 border-left: 2px solid #fff;
}

.deletelink {
 padding-right: 5px;
}

a.deletelink, a.deletelink:visited, a.editlink, a.editlink:visited{
 color: #AAA;
 text-decoration: none;
}

a.deletelink:hover, a.editlink:hover{
 color: #4F5155;
 text-decoration: none;
}

a.cliplink, a.cliplink:visited{
 color: #999;
 text-decoration: none;
}

a.cliplink:hover{
 color: #4F5155;
 text-decoration: none;
}

.weight100 {font-size: 48px;}
.weight90  {font-size: 44px;}
.weight80  {font-size: 40px;}
.weight70  {font-size: 36px;}
.weight60  {font-size: 32px;}
.weight50  {font-size: 28px;}
.weight40  {font-size: 24px;}
.weight30  {font-size: 20px;}
.weight20  {font-size: 16px;}
.weight10  {font-size: 14px;}
.weight0   {font-size: 12px;}

#tagcolumn {
 float: right;
 width: 300px;
}

/* Autocomplete */

.ac_results {
	padding: 0px;
	border: 1px solid #aaa;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	/* background: white url('/images/indicator.gif') right center no-repeat; */
}

.ac_odd { }

.ac_over {
	background-color: #ffcf4d;
}

div.flash_error {
	border: 1px solid #bea100;
	background-color: #ffd800; 
	color: #000;
	padding: 10px;
}

div.flash_notice {
	border: 1px solid #56d6ce;
	background-color: #9dfff9; 
	color: #000;
	padding: 10px;
}

.form_error, label.error {
	background-color: #ffd800; 
	color: #000;
}

label { display: none; }

label.error {
 margin-left: 5px;
 padding: 0 7px 0 7px;
}

.newletter {
 font-size: 18px;
 font-weight: bold;
 text-transform: uppercase;
}

div.box {
 width: 150px;
}

em {
 font-style: italic;
}

.pager {
 width: 600px;
 margin: 35px 0 35px 0;
}

.pager a {
 padding: 5px;
 background-color: #444;
 border: 1px solid #333;
 margin: 2px;
 color: #fff;
 font-weight: bold;
 text-decoration: none;
}

.pager a:hover {
 text-decoration: none;
 background-color: #777;
 color: #444;
}

.pager .current {
 padding: 5px;
 border: 1px solid #ddd;
 margin: 2px;
}

#notracks li {
 height: 23px;
 margin: 10px 0 10px 0;
 padding-left: 40px;
 background-position: top left;
 background-repeat: no-repeat;
 vertical-align: bottom;
}

.resultdiv {
 background-position: top left;
 background-repeat: no-repeat;
 padding: 0 0 20px 140px;
 float: left;
 width: 300px;
 overflow: hidden;
 min-height: 300px;
 font-size: 12px;
 margin-right: 20px;
}

#search form p {
 font-size: 20px;
}

#search h1 {
padding-bottom: 30px;
}

#search h1 span {
font-size: 10px;
padding-left: 20px;
}

.resultdiv h2 {
 margin: 0;
 padding: 0 0 5px 0;
}

.resultdiv h2 img {
 margin-left: 10px;
}

li { white-space:nowrap; }

#newdiv {
	height: 50px;
	padding-top: 15px;
}

#artist {
 width: 300px;
 font-size: 18px;
}

.morelink {
 font-size: 10px;
 color: #333;
 
}

#playlistouter {
 display: block;
 width:48px;
 height: 48px;
 background-repeat: no-repeat;
 background-image: url(../images/playlist.png);
}

#playlist {
 overflow: hidden;
 width:48px;
 height: 48px;
 cursor: pointer;
 border: none;
 opacity: 0;
 z-order: 10000;
}

.bignumber {
 color: #ed3bac;
 font-size: 18px;
}

#formdiv {
 height:150px;
}