/************************************************
* SIVUN PERUSASETUKSET                          *
************************************************/

body {
  margin: 0px;
  padding: 0px;
  background-color: #aabbcc;
}

body,
td {
  font-family: verdana, arial, helvetica;
  font-size: xx-small;
}

a:link {
	color: #334c78;
	text-decoration: none;
}

a:visited {
	color: #436c98;
	text-decoration: none;
}

a:hover{
	color: #000000;
	text-decoration: none;
}

.nomargin {
  margin: 0;
  padding: 0;
}

form { margin: 0; padding: 0; }







/************************************************
* SIVUN YLÄLAIDAN NAVIGOINTI                    *
************************************************/
#body_container { background:url('/skins/common/slices/bg-mininavi.gif') repeat-x; width:100%; padding-bottom:15px; } 
#navibar { font-family:arial, sans-serif;font-size:13px; width:980px; }
#navibar a { font-weight:bold;margin-right:15px; }
#navibar a:link {	color:#fff;	text-decoration: none; }
#navibar a:visited { color:#fff; text-decoration: none; }
#navibar a:hover { color: #ffffff; text-decoration: underline; }
#navibar {
  background:transparent url('/skins/common/slices/bg-mininavi.gif') repeat-x;
  color: #ffffff;
  margin:0 auto;
  padding:10px;
  text-align:center;
}
#navibar a.projects { color:#ff5000 }

#navibar .navi { float:left; margin-left:25px; }
#navibar .utils { text-align:right; margin-left:25px; font-size:11px; border:1px solid #6586a4; padding:4px; }
#navibar .utils a, #navibar .utils b { color:#9dbdd9; font-weight:normal; margin-right:5px }
#navibar .utils b a { margin-right:0; }

td#navibar_center {
  padding-top: 2px;
  color: #ffffff;
  font-size:13px;
}

div#btn_mikseri {
  background-repeat: no-repeat;
  background-image: url('/skins/common/slices/logo-mini.png');
  float:left;
  margin-right:50px; 
  position:relative;
  margin:0 auto;
}

div#btn_help {
  background-repeat: no-repeat;
  background-image: url('http://static.mikseri.net/images/artist_help.gif');
}

img#btn_help,
img#btn_mikseri {
  border: 0px;
  width: 135px;
  height: 23px;
}

div#whitespace {
  height: 1px;
  width: 100%;
  background-color: #ffffff;
  padding: 0px;
  margin: 0px;
}

div#blackspace {
  height: 1px;
  width: 100%;
  background-color: #000000;
  padding: 0px;
  margin: 0px;
}



a.navibarbright:link {
        color: #ffffff;
        text-decoration: none;
}
a.navibarbright:visited {
        color: #ffffff;
        text-decoration: none;
}
a.navibarbright:hover {
        color: #e0e0e0;
        text-decoration: underline;
}


a.artistbar:link {
        color: #000000;
        text-decoration: none;
}
a.artistbar:visited {
        color: #000000;
        text-decoration: none;
}
a.artistbar:hover {
        color: #000000;
        text-decoration: underline;
}







/************************************************
* ARTISTINIMIPALKKI & HAKU                      *
************************************************/

.artistbar {
  color: #000000;
	font-family: tahoma, verdana, arial, helvetica;
	font-weight: bold;
	font-size: 14pt;
}

.search {
  background-color: #cccccc;
	font-family: verdana, arial, helvetica;
	color: #000000;
	font-weight: bold;
	font-size: xx-small;
}

.languageselect {
	background-color: #000000;
	font-family: verdana, arial, helvetica;
	color: #cccccc;
	font-weight: bold;
	font-size: xx-small;
	border-width: 1px;
}

input#btn_search {
  vertical-align: text-top;
  border: 0;
}

.tekno {
	border: 1px solid #000000;
	background: #eeeeee;
	color: #000000;
	font-family: verdana, arial, helvetica;
	font-size: xx-small;
	font-weight: bold;
}

.nappi {
	background: #EBB31C;
	font-family: verdana, arial, helvetica;
	font-size: xx-small;
	color: #000000;
	font-weight: bold;
	border: 1px ridge;
}


/************************************************
* ETSI VASTAAVIA                                *
************************************************/

a.search:link {
  color: #000000;
  text-decoration: none;
}
a.search:visited {
  color: #000000;
  text-decoration: none;
}
a.search:hover {
  color: #000000;
  text-decoration: underline;
}




/************************************************
* TYÖKALUPALKKI                                 *
************************************************/

.artistlinkbar {
  color: #ffffff;
  vertical-align: top;
}

a.topmenu:link, a.doembed:link {
  color: #ffff00;
  text-decoration: none;
}
a.topmenu:visited, a.doembed:visited {
  color: #ffcc00;
  text-decoration: none;
}
a.topmenu:hover, a.doembed:hover {
	color: #ffffff;
  text-decoration: none;
}





/************************************************
* BIISIT                                        *
************************************************/

td.songdata {
  padding-left: 10px;
}

table.songnamegenre {
  padding-bottom: 10px;
}

tr.songbuttons td {
  padding-bottom: 5px;
}

div.songdescription {
  padding-top: 10px;
  padding-bottom: 5px;
}

.songname {
	font-family: arial, helvetica;
	font-size: 8pt;
	line-height: 12pt;
	font-weight: bold;
}

.artist_linespacer {
  background: url("http://static.mikseri.net/images/trans.gif");
  background-repeat: repeat-xy;
  height: 5px;
  width: 1px;
}

.artist_line {
  height: 5px;
  background: url("http://static.mikseri.net/images/hl_pixel.gif");
  background-repeat: repeat-xy;
}





/************************************************
* VIERASKIRJA                                   *
* Arto Aaltonen 2005-12-20                      *
************************************************/

#artist_guestbook {
  padding: 1px;
  margin: 0;
  border: 1px solid #000;
  background-color: #fff;
  color: #fff;
  width: 200px;
}

#guestbook_container {
  background-color: #444;
  padding: 2px;
}

#guestbook_title {
  font-weight: bold;
  font-family: arial, helvetica, sans-serif;
  font-size: 16px;
  letter-spacing: -1px;
  padding-top: 1px;
  padding-bottom: 2px;
  padding-left: 2px;
}
#guestbook_messages {
  background-color: #666;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.guestbook_bg1 { background-color: #666666; }
.guestbook_bg2 { background-color: #707070; }

.guestbook_entry_date { float: left; display: none; }

.guestbook_entry {
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 2px;
  padding-right: 2px;
}

.guestbook_entry_username {
  display: block;
}
a.guestbook:link,
a.guestbook:visited {
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}
a.guestbook:hover {
  text-decoration: underline;
}

.guestbook_entry_message { font-weight: normal; }

.guestbook_entry_separator {
  height: 1px;
  border-top: 1px solid #444;
  background-color: #aaa;
}

.guestbook_entry_separator hr { display: none; }

#guestbook_comment { padding-top: 5px; }

guestbook_cell_submit_title,
#guestbook_cell_message_title,
#guestbook_cell_username_title,
#recaptcha_answer {
  color: #fff;
  font-weight: bold;
}

#recaptcha_image img {
	position: absolute;
	width: 300px;
	height: 57px;
	z-index: 10;
	border: thin solid black;
}

#guestbook_message,
#guestbook_username,
#recaptcha_response_field {
  border: 0;
  background-color: #fff;
  font-family: arial, helvetica, sans-serif;
  font-size: 10px;
  color: #000;
}

#recaptcha_response_field { width: 120px; }
#guestbook_cell_message_input { width: 100%; }
#guestbook_message { width: 100%; }

#guestbook_submit {
  width: 12px;
  height: 12px;
  border: 0;
}



#placeholder-leaderboard { width:745px;margin:5px auto; }