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

/*=LAYOUT*/
#spacer{height:16px; width=100%;}
nav{width:90%;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 2.5em 0 2.5em; position: relative; width: 75px;}

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

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

section{display:none;}


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

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

p {margin: 0;padding: 0 14px 16px 14px; line-height: 2em;}
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; float:right;font-weight:bold;}

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

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

/*POD-PROMO*/
#pod-promo-container{max-width:90%;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;}

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



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

#pod-item-container.dyddiad{}

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


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

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

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: 200px;
  left: 0;
  position: absolute;
  top: 0;
  width: 200px;
  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: 200px;
  left: 0;
  position: absolute;
  top: 0;
  width: 200px;
  opacity: 0;
  font-size: larger;
  -webkit-transition: opacity 500ms;
  -moz-transition: opacity 500ms;
  -o-transition: opacity 500ms;
  transition: opacity 500ms;
}