/* 
  links
*/

a {
  color: #cc0000; 
/*  font-weight: bold;*/
  text-decoration: none;
}
a:hover {
/*  text-decoration: underline; */
  background: #B4D5FE;
}
a:visited { 
  color: #990000; 
}


/*
  body
*/

body {
  color: #000000; 
  font-family: Verdana, Helvetica, Arial, sans-serif; 
  font-size: 1em;
  margin-top: 30px;
  margin-left: 40px;
  margin-right: 40px;
  margin-bottom: 30px;
}

h1 {
  color: #333333;
  font-family: Trebuchet MS, Tahoma, Verdana, Helvetica, Arial, sans-serif;
  font-size: 2.3em;
}
h1 a, h1 a:visited { 
  color: #333333;
}
h2 {
  color: #333333;
  font-family: Trebuchet MS, Tahoma, Verdana, Helvetica, Arial, sans-serif;
  font-size: 1.8em;
}
h2 a, h2 a:visited {
  color: #333333;
}
h3 {
/*  font-family: Trebuchet MS, Tahoma, Verdana, Helvetica, Arial, sans-serif;*/
  font-weight: normal;
  font-size: 1em;
}
h4 {
  font-weight: normal;
  font-size: 1em;
}

hr {
  width: 100%;
  height: 1px;
  border: none; /* IE, moz */
  color: #dddddd; /* IE */
  background-color: #dddddd; /* moz, opera */
  margin-top: 1em;
  margin-bottom: 1em;
}

/* ======== */
/* = main = */
/* ======== */

.left {
  width: 500px;
  padding-right: 50px;
}

.left .footer .date {
  display: none;
}
.left .footer .source {
  display: none;
}


.right {
  width: 300px;
}

.right .stations {
  font-size:0.7em;
}

.right .header {
  display: inline;
}
.right .body {
  display: inline;
}
.right .footer {
  display: inline;
}
.right .context {
  display: none;
}
.right .footer .date {
  display: none;
}
.right .footer .source {
  display: none;
}


ul.stations {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
  text-indent: 0;
}
.left ul.stations li {
  margin-bottom: 1em;
}
.right ul.stations li {
  margin-bottom: 0.3em;
}


/* ============= */
/* = fonts etc = */
/* ============= */

.stations .radiourl {
  font-size: 1.2em;
}
/*.left .stations .header .radiourl {
  padding-right: 1em;
  background-color: #ffffff;
}
*/
.stations .message {
  background-color: #f8f8f8;
}

.right .stations .system .message {
  background-color: #f0f0f0;
}
.right .stations .manualrecs .message {
  background-color: #f0f0ff;
}
.right .stations .usertags .message {
  background-color: #fff0f0;
}
.right .stations .globaltags .message {
  background-color: #ffffe0;
}
.right .stations .groupforums .message {
  background-color: #e8ffe8;
}

.stations .body a {
  color: #000000;
}

.stations .footer {
  font-size: 0.8em;
  color: #bbbbbb;
}

.stations .context {
  text-indent: 1em;
  color: #bbbbbb;
}
.stations .context a {
  color: #bbbbbb;
}
.stations .context a:hover {
  color: #f0f0ff;
}

.more {
  margin-top: 2em;
  color: #bbbbbb;
}
.more a {
  color: #bbbbbb;
}
.more a:hover {
  color: #f0f0ff;
}



/* ========= */
/* = about = */
/* ========= */

p.about {
  font-size: 0.8em;
}

p.about .credits {
  color: #bbbbbb;
}
p.about .credits a {
  color: #bbbbbb;
}
p.about .credits a:hover {
  color: #f0f0ff;
}

/* =========== */
/* = sources = */
/* =========== */

div.sources {
  margin-top: 1.5em;
  color: #bbbbbb;  
}
div.sources a {
  color: #bbbbbb;  
}
div.sources a:hover {
  color: #f0f0ff;
}


ul.sources {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
  text-indent: 0;
}
ul.sources li {
  margin-bottom: 0.5em;
}

ul.sources li {
  font-size: 0.8em;
}