/******************************************************************************                                                            
 *              ______     ______   __  __     ______    
 *             /\  ___\   /\  ___\ /\ \/\ \   /\___  \   
 *             \ \ \__/_  \ \  __\ \ \ \_\ \  \/_/  /__  
 *              \ \_____\  \ \_\_/  \ \_____\   /\_____\ 
 *               \/_____/   \/_/     \/_____/   \/_____/ 
 *                                                                 
 *     \_ \_ \_ \_ \_ \_ \_ \_ \_ \_ \_ \_ \_ \_ \_ \_ \_ \_ \_ \_         
 *     \_  Copyright 2016 - Peach City Community Radio Society  \_          
 *     \_ \_ \_ \_ \_ \_ \_ \_ \_ \_ \_ \_ \_ \_ \_ \_ \_ \_ \_ \_         
 *            
 * darktable.css
 * -------------
 * Cascading Style Sheet for a dark themed table on CFUZ web pages
 *
 * Author: D Del Rizzo
 ******************************************************************************/

table.dark {
  spacing: 2px;
  padding: 2px;
  border: 2px solid #888;
  border-radius: 5px;
  border-color: #888;
  width: 100%;
  background-color: #000;
  font-size: 80%;
  color: #fff;
  }

tr.aux {
  background-color: #222;
  color: #ddd;
  text-align: center;
  margin: 5px;
}

th.aux {
  color: #fff;
  background-color: #222;
  font-size: 110%;
  font-weight: bold;
  text-align: center;
  border-radius: 2px;
  padding: 10px;
  }

 .aux a {
  font-weight: bold;
  }

.aux a:hover {
  color: #c60;
  }
 
tr.title {
  background-color: #c60;
  color: #fff;
  text-align: center;
}

th.title {
  background-color: #c60;
  color: #fff;
  font-size: 110%;
  font-weight: bold;
  text-align: center;
  border-radius: 2px;
  padding:10px;
}

tr.body {
  background-color: #444;
  color: #fff;
  text-align: center;
}

tr.body:hover {
  background-color: #000;
}
tr.body:nth-child(odd) {
  background-color: #222;
}
tr.body:nth-child(odd):hover {
  background-color: #000;
}

td.title {
  padding: 10px;
}

td.body {
  text-align: center;
  padding: 5px;
}

.body a {
  font-weight: bold;
  }

  
.body a:hover {
  color: #f90;
  }

.body {
  border: 0px;
  border-radius: 2px;
  padding: 5px;
}



.body b {
  text-align: left;
  font-weight: bold;
  font-size: 120%;
}

.body i {
  text-align: left;
  padding: 5px 15px 5px 15px;
  font-size: 80%;
  text-decoration: italic;
  }

td.highlight  {
  text-align: left;
  padding: 5px 15px 5px 15px;
  background-color: #f90;
  color: #222;
  font-weight: bold;
}

tr.footer {
  background-color: #222;
  color: #ddd;
  text-align: center;
}

td.footer {
  background-color: #444;
  color: #fff;
  font-size: 90%;
  text-align: center;
  border-radius: 2px;
}

span.author {
  font-size: 70%;
  text-decoration: italic;
  text-align: left;
  color: #ddd;
  }
span.author b {
  font-size: 100%;
  font-weight: bold;
  color: #fff;
}
span.description {
  font-size: 70%;
  text-decoration: italic;
  text-align: justify;
  color: #ddd;
}
span.description b {
  font-size: 100%;
  font-weight: bold;
  color: #fff;  
  text-align: justify;
}
  
div.dlbutton {
  color: #fff;
  background-color:#666; 
  border: 1px solid #fff; 
  border-radius:3px; 
  margin: 2px 2px 5px 2px; 
  padding:3px 20px 3px 20px;
  }

div.dlbutton:hover {
  background-color: #c60;
  color: #fff;
  }

  input.submitaction {
    background-color: #666;
    padding: 10px;
    font-weight: bold;
    color: #ddd;
    border-radius: 10px;
  }
  
  input.submitaction:hover {
    background-color: #c60;
  }