@charset "utf-8";

/* DEFAULTS */

body {
  background: #fff;
}
hr {
  border-top: 1px solid #000000;
}

a, a:link, a:visited {
  color: #000;
}
a.selected {
  color: #000;
}
a:hover {
  color:000000;
}

/* colors */
.green {
  color: #000000;
}
.counts {
  color: #000000;
}


.navButton {
  background-color: #ffffff;
  border: solid 1px #000;
  color: #000;
}
.navButton:hover {
  background-color: #000000;
  color: #ffffff;
  border: solid 1px #000000;
}


/* Responsive Nav */
/* NAV - Full */

nav#nav-main li {
  border-right: solid 1px #000000;
}

nav#nav-main a {
  color: #000000;
}
nav#nav-main a:hover {
  color: #000000;
}


/* NAV - Short */

#nav-trigger span {
  color: #000000;
  border: solid 1px #000000;
  background-color: #ffffff;
}
#nav-trigger span:after {
  border-top: solid 10px #000000;
}
#nav-trigger span:hover {
  background-color: #ffffff;
}
#nav-trigger span.open:after {
  border-bottom: solid 10px #000000;
  color: #000000;
}

nav#nav-mobile ul {
  background-color: #ffffff;
}
nav#nav-mobile ul.expanded {
  border-top: solid 1px #000000;
}
nav#nav-mobile li {
  border-bottom: solid 1px #000000;
}
nav#nav-mobile li:last-child {
  border-bottom: solid 1px #000000;
}
nav#nav-mobile a {
  color: #000000;
}
nav#nav-mobile a:hover {
  background-color: #000000;
  color: #000000;
}



/* layout */

#wrapper {
  border: solid 1px #000000;
  background: #fff;
}
#header {
  background: url(../images/logo_radioechoes_wood_BG.png) repeat-x;
}

#searchBy {
  color: #000000;
}


/* Common */


.searchButton{		
	background-color: #ffffff;
	border: solid 1px #000000;
	color:#000000;
}
.searchButton:hover{
	background-color: #000000;
	color:#ffffff;
}


.counts{
	color:#000000;
}
.filterBy {
  color: #000000;
}
.filterCount{
	color:#000000;
}
.filterButton {
  background-color: #ffffff;
  border: solid 1px #000000;
  color: #000000;
}
.filterButton:hover {
  background-color: #ffffff;
  color: #000000;
}
.showAll {
  background-color: #ffffff;
  border: solid 1px #000000;
  color: #000000;
}
.showAll:hover {
  background-color: #ffffff;
  color: #000000;
}
.sortedBy{
	color:#000000;
}
.active, .active:hover{
	background-color: #ffffff;
	color:#000000;

}

.seriesItem{
	color:#000000;
	border-bottom: solid 1px #000000;
}
.seriesItem:hover{
	background-color: #ffffff;
}

.seriesItem a{
}
.seriesItem a:hover{
	color:#000000;
}

.episodeCounts{
	color: #000000;
}

.episodeCountsRight{
	color: #000000;
}



/* Genre Specific */

.toggle{
	background: url("../images/expand_icon.gif") no-repeat scroll 3px 50%;
	color:#000 !important;
}
.toggle_active {
	color:#000000 !important;
	background: url("../images/collapse_icon.gif") no-repeat scroll 3px 50%;
}
.genre{
	border-bottom: solid 1px #000000;

}
.genre:hover{
	color:#000000 !important;
	background-color: #ffffff;
}



/* series */


.seriesName{
	color:#000000;
}
.seriesGenre{
	color:#000000;
}
.episodeCount{
	color:#000000;
}
.episodeWrapper{
	border-bottom:1px solid #000000;
}
.episodeWrapper:hover{
	background-color: #ffffff;
}
.episode{
	color:#000000;
}
.episodeNums{
	color:#000000;
}
.broadcastDate{
	color:#000000;
}
.fileDetails{
	color:#000000;
}



/* Recent Additions */

.count{
	color:#000000;
}

.episodeGenre{
	color:#000000;
}
.green{
	color:#000000;
}
.episodeNums{
	color:#000000;
}
.postDate{
	color:#000000;
}
.broadcastDate{
	color:#000000;
}
.fileDetails{
	color:#000000;
}
	

/* Play / Download */

.back{
	background-color: #ffffff;
	border: solid 1px #000000;
}
.series{
	color:#000;
}

.episode{
	color:#000000;
}
.broadcastDate{
	color:#000000;
}
.fileSize{
	color:#000000;
}
.downloadInstructions{
	color:#000000;
}


/* Display Settings*/

.displayButton{		
	background-color: #ffffff;
	border: solid 1px #000000;
}
.displayButton:hover{
	border: solid 1px #000000;
}

/* FOOTER */
.displaySettings {
	color: #000000;
}
#footer {
  color: #000000;
}