/*
The following background are from http://subtlepatterns.com/
used under the Creative Commons Attribution-ShareAlike 3.0.

http://subtlepatterns.com/brushed-alum/
*/

html {
  background: url('../img/brushed_alu.png') fixed;
}

body {
  background: inherit;
}

.container {
  background: #fff;
  border: 1px solid #9cbbd3;
   -moz-border-radius: 6px;
   -webkit-border-radius: 6px;
  border-radius: 6px;
  margin-top: 2em;
  margin-bottom: 5em;
}

.container {
  background: rgba(255, 255, 255, 0.9);
}

.header {
  background: #9cbbd3;
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0.3, rgb(29,74,109)),
    color-stop(1, rgb(156,187,211))
  );
  background-image: -moz-linear-gradient(
    center top,
    rgb(29,74,109) 30%,
    rgb(156,187,211) 100%
  );
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
}

.sidebar {
  background: #9cbbd3;
}

.nav {
  background: #ffe79e;
}

.episodebox {
  background: #4a4a4a;
  padding: 2px 2px 1em 2px;
  border: #1d4a6d 1px solid;
   -moz-border-radius: 6px;
   -webkit-border-radius: 6px;
  border-radius: 6px;
}

.episodebox .download, .episodebox .download a {
  color: #bbb;
  text-align: center;
  font-size: 10px;
}

.subscribe {
  float: right; 
  width: 14em;
  margin:0.5em;
  padding:0.5em;
  border: solid #9cbbd3 1px;
    -moz-border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px 6px 6px 6px;
  border-radius: 6px 6px 6px 6px;
}

.podcast_header {
  margin: 2em 0 0 0;
}

.podcast_header h4 {
  margin: 1em 0;
}

.podcast_header h5 {
  margin: 0;
}

a {
  color: #1d4a6d;
  text-decoration: none;
}

a:hover, a:focus {
  text-decoration: underline;
  text-shadow: #9cbbd3 0.5px 0.5px 1px;
}

h1, h2, h3, h5, h6 {
    font-family: 'Ubuntu', Helvetica, Arial, sans-serif;
}

h1 {
  margin-top: -2em;
  text-shadow: #9cbbd3 2px 2px 5px;
  font-weight: bold; 
}

h1 a:hover, h1 a:focus {
  color: #1d4a6d;
  text-decoration: none;
  text-shadow: #9cbbd3 2px 2px 5px;
}

h2, h5 {
  margin: 0;
  padding: 0;
}

h5 {
  margin-left: -1em;
  color: #555;
}

figcaption {
  display:table-row;
  font-size: 9px;
}

.episodebox h2 {
  color: #eee;
  text-align: center;
  margin: 0.5em 0;
}

.infobox h4 {
  font-weight: bold;
  color: #555;
}

.infobox h5:first-child {
  color: #868686
}

p {
  text-align: justify;
}

.infobox {
  background: #fff;
   -moz-border-radius: 6px;
   -webkit-border-radius: 6px;
  border-radius: 6px;
}

.latest_episode h4, .latest_episode h4 a {
  text-align: center;
  font-weight: bold;
  color: #fff;
}

.episodelist {
    -moz-border-radius: 0 0 0 6px;
    -webkit-border-radius: 0 0 0 6px;
  border-radius: 0 0 0 6px;
}

.episodelist h3 {
  text-align: center;
}

.episodes {
  background: #ffe79e;
  margin: -2em 0.5em 0.5em 0.5em;
  padding: 0.5em;
  border: 1px solid #9cbbd3;
   -moz-border-radius: 6px;
   -webkit-border-radius: 6px;
  border-radius: 6px;   
background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.3, rgb(255,255,255)),
    color-stop(1, rgb(255,231,158))
);
background-image: -moz-linear-gradient(
    center bottom,
    rgb(255,255,255) 30%,
    rgb(255,231,158) 100%
);
}

.episodes h4 {
  margin: 0 0 10px 0;
  padding: 0;
  text-align: center;
}

.date {
  margin-top: -1em;
  float: right;
  font-size: 10px;
  display: none;
}

.footer h4 {
  font-weight: bold;
  font-family: 'Ubuntu',Helvetica,Arial,sans-serif;
}

.feedbox {
  border-right: #9cbbd3 dashed 1px;
  border-left: #9cbbd3 dashed 1px;
  padding: 0 4em;
}

.feedbox a {
  color: #f89938;
}


.license {
  font-size: 10px;
}