@import url("reset.css"); /*Resetting margins, paddings and stuff*/

body {
	background: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;

	color: #222;
}

input
{
	border: 1px solid #ddd;
}

select
{
	border: 1px solid #ddd;
}

textarea
{
	border: 1px solid #ddd;
}

h1 {
	font-size: 2em;
	margin: 0 auto 5px;
	text-align: center;
	color: #555;
}

h2 {
	font-size: 1.6em;
}

h3 {
	font-size: 1em;
}

a {
	text-decoration: none;
	color: #679;
}

a:hover {
	text-decoration: underline;
}

a img {
	border: none;
}

strong
{
	font-weight: bold;
}

em
{
	font-style: italic;
}

big
{
	font-size: 125%;
}

small
{
	font-size: 75%;
}

.block_title
{
	font-weight: bold;
	text-align: center;
}

.user_form
{
	margin: 10px auto;
	padding: 10px;
	background-color: #fafafa;
	border: 1px solid #ddd;
	font-size: 11px;
}

.form_holder
{
	margin-bottom: 5px;
	width: 100%;
	text-align: left;
}


/* TEASER POPUP*/
  .hidden {
    display: none;
  }

  .user-actions {
    margin: 10px 0 0 200px;
    width: 400px;
  }

  .user-actions p {
    border: 1px solid #999999;
    padding: 10px;
  }

  .user-actions p.bug a {
    color: red;
  }

  .user-actions p.reference a {
    color: green;
  }


  .user-actions a {
    text-decoration: none;
    border-bottom: 1px dashed;
  }

  /* Pop-up message and fading background */
  #opaco {
     background-color: #000000;
     left: 0;
     -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";/* IE8 */
     filter:progid:DXImageTransform.Microsoft.Alpha(opacity = 70); /* IE5+ */
     filter: alpha(opacity=70);/* IE4- */
     moz-opacity: 0; /* Mozilla */
     -khtml-opacity: 0; /* Safari */
     opacity: 0;  /* general CSS3 */
     position: absolute;
     top: 0;
     width: 100%;
     z-index: 10;
   }

  #popup {
     background-color: #FFFFFF;
     position: fixed;
     /*width:300px;*/
     left:50%;
     top:50%;
     min-width: 300px;
     z-index: 11;
  }

  #popup h3 {
    margin-bottom: 10px;
  }

  #popup textarea {
    display: block;
    width: auto;
    margin-bottom: 10px;
  }

  #popup p {
    margin: 10px;
    line-height: 1.3em;
    font-size: 1.1em;
    color: #444444;
  }

  #popup .close-btn {
    margin: 10px;
  }

  div.bug {
    border: 5px solid #f28c8c;
    padding:10px;
  }

  div.reference {
    border: 5px solid #6ebd6e;
    padding:10px;
  }/* END OF TEASER POPUP*/
	
.button
{
	border: 1px solid #468;
	background-color: #468;
	color: #fff;
}

#wrap
{
	width: 100%;
	min-width: 800px;
	overflow: hidden;
}

#header
{
	width: 800px;
	margin: 0 auto 10px;
	text-align: left;
	height: 85px;
	border-bottom: 1px solid #eee;
}

#header h1
{
	text-align: left;
	font-size: 3em;
	color: #000;
	margin-bottom: 0;
}

#header a.menu
{
	float: left;
	display: block;
	font-size: 24px;
	margin-left: 20px;
	margin-top: 25px;
	margin-bottom: 15px;
	color: #888;
	text-decoration: underline;
}

.abcs
{
	margin-top: 10px;
}

.abcs a
{
	font-weight: bold;
}

#content
{
	clear: both;
	margin: 0 auto 10px;
	padding-top: 0;
	padding-bottom: 5px;
	overflow: hidden;
	display: block; 
	width: 800px;
	background: #fff;
	text-align:left;
	
}


.main_text
{
	text-align: justify;
	margin-bottom: 10px;
	padding: 10px;
	background-color: #f0f0ff;
	border: 1px solid #e0e0ff;
}

.main_text p
{
	text-indent: 8px;
	margin-bottom: 3px;
}

.top_songs
{
	float: left;
	width: 45%;
	margin-left: 10px;
}

.top_songs h2
{
	color: #555;
	padding-bottom: 3px;
	margin-bottom: 5px;
	border-bottom: 1px solid #fafafa;
}

.top_songs p
{
	margin-bottom: 2px;
}

.top_authors
{
	float: right;
	width: 45%;
	margin-right: 10px;
}

.top_authors h2
{
	color: #555;
	padding-bottom: 3px;
	margin-bottom: 5px;
	border-bottom: 1px solid #fafafa;
}

.top_authors p
{
	margin-bottom: 3px;
}

.index
{
	display: inline;
	color: #374;
	font-size: 10px;
	font-weight: normal;
	vertical-align: super;
	margin-left: 2px;
}

.list
{
}

.list p
{
	margin-bottom: 3px;
}

.song_text
{
	width: 100%;
	float: left;
	text-align: center;
}

.adsense_banner
{
	width: 30%;
	float: left;
	text-align: left;
}

.plain_text
{
	margin: 0 auto;
	width: 600px;
}

.plain_text p
{
	margin-bottom: 5px;
	line-height: 1.3;
	text-indent: 10px;
}

.pagination
{
	width: 500px;
	margin: 10px auto 10px;
	text-align: center;
}

.pagination a
{
	text-decoration: none;
	color: #666;
	padding: 3px;
	font-size: 10px;
	margin: 1px;
	border: 1px solid #e0e0e0	;
	background-color: #eee;
}

.pagination b
{
	color: #fff;
	font-size: 10px;
	font-weight: normal;
	padding: 3px;
	margin: 1px;
	border: 1px solid #a0a0a0;
	background-color: #aaa;
}

#footer
{
	clear:both;
	width:800px;
	border-top: solid 1px #eee;
	color: #888;
	font-size: 10px;
	text-align: center;
	margin:30px auto;
	padding: 3px;
}

.footer a:link, .footer a:visited, .footer a:active, .footer a:hover
{
	color: #444;
}