html, body, h1, h2, h3, h4, div, span, applet, object, iframe, h1, h2, h3, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, .content, .icons, .social, .apps, nav, footer, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

article, aside, details, figcaption, figure, footer, header, .content, .icons, .social, .apps, nav, footer, hgroup, menu, nav, section {
  display: block; }

body, h1, h2, h3, h4 {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after {
  content: '';
  content: none; }

q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

body, h1, h2, h3, h4 {
  font: 100% "Georgia", serif;
  color: #f0f000; }

h1, h2, h3, h4 {
  font-size: 380%;
  font-weight: bold;
  background-color: transparent !important;
  background-image: none !important; }

h2 {
  font-size: 180%; }

h3 {
  font-size: 150%; }
	
h4 {
  font-size: 130%; }	

a.stream-mondelloradio, a.stream-ambientradio, a.stream-radiojazz, a.stream-rockradio, a.winamp, a.mediaplayer, a.realmedia, a.quicktime, a.vlc, a.aac, a.mp3, a.mondello, a.jazz, a.ambient, a.rock, a.facebook, a.googleplus, a.email {
  width: 100px;
  height: 50px;
  display: inline-block;
  background-image: url("/img/icons.png");
  background-position: 199px 0px;
  background-size: 550px 100px; }

a.stream-ambientradio {
  background-position: 200px -50px; }

a.stream-radiojazz {
  background-position: 100px 0px; }

a.stream-rockradio {
  background-image: url("/img/rockradio_stream.jpg"); }

a.winamp, a.mediaplayer, a.realmedia, a.quicktime, a.vlc, a.aac, a.mp3, a.mondello, a.jazz, a.ambient, a.rock, a.facebook, a.googleplus, a.email {
  width: 50px;
  background-position: -150px 50px; }

a.mediaplayer {
  background-position: -250px 100px; }

a.realmedia {
  background-position: -200px 100px; }

a.quicktime {
  background-position: -250px 50px; }

a.vlc {
  background-position: -200px 50px; }

a.aac {
  background-position: -300px 100px; }

a.mp3 {
  background-position: -300px 50px; }

a.mondello, a.jazz, a.ambient, a.rock {
  background-image: url("/img/goto_mondelloradio.jpg");
  background-size: 150px 75px;
  background-position: initial;
  width: 150px;
  height: 75px; }

a.jazz {
  background-image: url("/img/goto_radiojazz.jpg"); }

a.ambient {
  background-image: url("/img/goto_ambientradio.jpg"); }

a.rock {
  background-image: url("/img/goto_rockradio.jpg"); }

a.facebook, a.googleplus, a.email {
  background-position: -100px 100px;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all; }
  a.facebook:hover, a.googleplus:hover, a.email:hover {
    background-position: -100px 50px; }

a.googleplus {
  background-position: -50px 100px; }
  a.googleplus:hover {
    background-position: -50px 50px; }

a.email {
  background-position: -1px 100px; }
  a.email:hover {
    background-position: -1px 50px; }

.apps span {
  background-color: white;
  color: black;
  position: relative;
  left: -100px;
  top: -34px;
  font-size: 0.5em; }

body, h1, h2, h3 {
  background-image: url("/img/rockradio_bckr.png");
  background-repeat: repeat; }

.container, header, .content, .icons, .social, .apps, nav, footer {
  max-width: 60em;
  margin: 0 auto;
  text-align: center; }

header, .content, .icons, .social, .apps, nav, footer {
  max-width: 100%;
  margin-bottom: 2%;
  margin-top: 1%; }

.icons {
  margin-top: 2%; }
  .icons a {
    margin-right: 1%; }

.social, .apps {
  margin-bottom: 2%; }
  .social a, .apps a {
    margin-right: 1%; }

nav h3 {
  margin-bottom: 2%; }
nav a {
  margin-right: 1%; }

iframe {
  overflow: hidden; }

iframe::-webkit-scrollbar {
  display: none; }

.stations {
  width: 150px;
  height: 75px;
  overflow: hidden;
  margin-right: 2%;
  display: inline-block; }
  .stations img {
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s; }
  .stations img:hover {
    -webkit-transform: scale(1.05, 1.05);
    -moz-transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
    -o-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s; }

.apps {
  margin-top: -1.2%; }
  .apps div {
    display: inline-block; }
  .apps h3 {
    margin-bottom: 2%; }
