/* === === === === === === === === === === === === ===
Recordings
Copyright 2009 Mark Leong (http://www.markyleong.com)
Written for University of Birmingham Christian Union
=== === === === === === === === === === === === === */

#main .recording {
  width: 513px; float: left; border-top: 1px solid #ccc; padding: 1em 0; }
#main .recording p { margin: 0; padding: 0.4em 0; }
#main .recording p.subtitle { font-size: 1.1em; color: #696969; margin: 0; }
#main .recording a { color: #666; border-color: #666; font-weight: normal; }
#main .recording a:hover { color: #ff2a7f; border: none; }
#main .recording a.download {
  background: url('../images/download.png') no-repeat center left;
  padding: 0 0 0 24px; height: 24px; line-height: 24px; margin: 0;  border: 0;
  display: block; float: right; font-weight: bold; }
#main .recording .audio-player { height: 24px; padding: 1em 0; }

#recordings-menu {
  background: #f9f9f9; padding: 0; margin: 0; float: right; width: 30%; }
#recordings-menu ul { margin: 0 1em; border-bottom: 1em solid #fff; }
#recordings-menu ul li { list-style: none; }
#recordings-menu li { margin-left: 0; font-size: 1.1em; }
#recordings-menu h3 {
  font-size: 1.5em; margin: 0; padding: 0.5em 1em; background-color: #ededed; }
#main #recordings-menu a {
  font-weight: normal; color: #333; border: none; }
#main #recordings-menu a:hover { color: #ff2a7f; }
#main #recordings-menu a.selected { color: #ff2a7f; }
#main #recordings-menu li.current-cat a { color: #ff2a7f; }

#recordings-menu h3.collapsible {
  cursor: pointer;
  background: #ededed url('../images/asc.gif') no-repeat center right; }
#recordings-menu h3.open {
  background: #ededed url('../images/desc.gif') no-repeat center right; }
#recordings-menu ul.initially-hidden { display: none; }


#recordings-menu p { margin: 1em 1em 0 1em; }
#recordings-menu form { border-bottom: 1em solid #fff; }
#recordings-menu select { width: 200px; margin: 1em; }

#recordings #rec-search { display: block; border-bottom: 1em solid #fff; }
#rec-search input.text {
  width: 194px; padding: 3px; margin: 1em; border: 1px solid #ccc; }
#rec-search input.text:focus { border-color: #ff2a7f; }
.rec-pagination { float: left; width: 513px; text-align: center; }