/*=BODY*/
body{font-size:16px;font-family:arial,helvetica,sans-serif;color: #555;line-height:1.25;background-color:#cecece;}

/*=LAYOUT*/
#spacer{height:16px; width=100%;}

nav{width:100%;margin:0 auto;background-color:#fff; margin-bottom: 16px; font-size:100%;}
nav img{display: block; margin-left: auto; margin-right: auto; width: 60px; height:60px;}
nav ul {list-style-type: none;margin: 0; padding: 5px; text-align: center;}
nav li {display: inline-block; height: 75px; margin: 0 0.5em 0.5em 0; position: relative; width: 75px;}

/*img.radio{border-radius:50%;}*/

/*Footer */
footer{max-width:100%;margin:0
auto;line-height:1;color:#000;background-color:#fff; height:40px; margin-top: 16px; font-size:80%;}
footer .footerlinks{float:right; padding:8px; margin:8px;}

audio {padding: 0 8px 0 8px;}

/*=TYPOGRAPHY*/
#pod-home h1{display:none;}
h1 {margin: 0; padding:16px 0 16px 14px; font-size:140%; color:#000;}
h2 {margin: 0; padding:16px 0 16px 14px;  font-size: 120%; color:
#000;}
h3 {margin: 0; padding:16px 0 16px 14px;  font-size: 120%; color:
#000;}

p {margin: 0;padding: 0 14px 16px 14px;}
i {padding:0 8px 0 0;}


/*=LINKS*/
a {text-decoration: none;color: #4353ff; }
a:hover {text-decoration: none;	color: #333;}
a:active, a:visited, a:hover, input, select {outline: none;}

a.download {text-decoration: none;color: #4353ff; border:2px solid #4353ff; padding:6px; margin:0 50px 0 0; width:160px; height:16px; font-weight:bold;}

/*POD-GWYBODAETH*/
#pod-container{max-width:100%;min-height:280px;height:auto;margin:0 auto;background-color:#ffffff; border:2px solid black;}

#pod{}
#pod-gwybodaeth{}
.pod-llun{width:100px;height:100px; float:left;padding:0 10px 0 10px;}
.pod-gwefan{}
.pod-rss{}

#pod-audio{position: -webkit-sticky;
position: sticky;
bottom: 0;
background:white; border:2px solid black;}

/*POD-PROMO*/
#pod-promo-container{max-width:100%;margin:0
auto;line-height:1.3;line-height:1;color:#000;background-color:#f3f4f4; border:2px solid black;min-height:250px;height:auto;}

img.cynnwys{float:right;width:100px;height:100px;}

#pod-promo-container audio{}
#pod-promo-container.dyddiad{margin: 0;padding: 0 14px 16px 14px;}



/*POD-ITEM*/
#pod-item-container{max-width:100%;margin:0
auto;background-color:#ffffff; border:2px solid black;min-height:200px; height:auto;}

#pod-item-container.dyddiad{}

/*HOME*/
#pod-home{max-width:100%;margin:0
auto;line-height:1.3;line-height:1;color:#000;background-color:#fff; padding-top:10px;}
#pod-home2{max-width:100%;margin:0
auto;line-height:1.3;line-height:1;color:#000;background-color:#f3f4f4; padding-top:10px;}
#pod-home img{width: 75px;height:75px;}


ul.img-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: center;
}

ul.img-list li {
  display: inline-block;
  height: 75px;
  margin: 0 0.5em 0.5em 0;
  position: relative;
  width: 75px;
}
span.text-content {
  background: rgba(0,0,0,0.5);
  color: white;
  cursor: pointer;
  display: table;
  height: 75px;
  left: 0;
  position: absolute;
  top: 0;
  width: 75px;
}

span.text-content span {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

span.text-content {
  background: rgba(0,0,0,0.5);
  color: white;
  cursor: pointer;
  display: table;
  height: 75px;
  left: 0;
  position: absolute;
  top: 0;
  width: 75px;
  opacity: 0;
}

ul.img-list li:hover span.text-content {
  opacity: 1;
}

span.text-content {
  background: rgba(0,0,0,0.5);
  color: white;
  cursor: pointer;
  display: table;
  height: 75px;
  left: 0;
  position: absolute;
  top: 0;
  width: 75px;
  opacity: 0;
  font-size: 100%;
  -webkit-transition: opacity 500ms;
  -moz-transition: opacity 500ms;
  -o-transition: opacity 500ms;
  transition: opacity 500ms;
}