body {
	margin: 0;
	padding: 0;
	font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;
	font-size: 1em;
	font-weight: lighter;
	text-align: center;
	color: #bbb;
	background-color: #222;	
}

img {
	margin-left: auto;
	margin-right: auto;
}

img.loading {
	margin-top: 16em;
 	margin-bottom: 16em;
}

img.artwork {
	margin-top: 2em;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3), 0 6px 18px 0 rgba(0, 0, 0, 0.1);
 }

table.nav {
	top: -1em;
	max-width:90%;
	margin-left: auto;
	margin-right: auto;
}

td {
	padding-left: 1em;
	padding-right: 1em;
	font-size: 2em;
	font-weight: bolder;
	cursor: pointer;
}

@media only screen and (max-width:320px) { 
    table.nav {
        max-width:25%;
        height: auto;
	} 
	img.artwork {
		max-width:20%;
        height: auto;
    }
}

@media only screen and (max-width:480px)  { 
	img.artwork {
		max-width: 45%;
		height: auto;
    }
    table.nav {
        max-width:40%;
        height: auto;
    } 
}

@media only screen and (max-width:640px) {
	img.artwork {
		max-width: 60%;
		height: auto;
    }
    table.nav {
        max-width:55%;
        height: auto;
    } 
}

@media only screen and (max-width:800px)  {
	img.artwork {
		max-width: 75%;
		height: auto;
    }
    table.nav {
        max-width:70%;
        height: auto;
    }
}

@media only screen and (max-width:1024px) {
	img.artwork {
		max-width: 85%;
		height: auto;
    }
    table.nav {
        max-width:80%;
        height: auto;
    } 
}

a {
  margin-bottom: 1em;
  color: #ddd;
  word-spacing: 2px;
  letter-spacing: 1px;
  text-decoration: none;
  font-weight: bolder;
}

a:hover {
	color: #DD2211;
}

a.link {
  color: #FBF9AF;
}

#output_zone {
		margin-top: auto;
  	margin-left: auto;
		margin-bottom: auto;
		margin-right: auto;
}

#links_zone {
		margin-top: 3em;	
}

#footer {
		margin-top: 4em;
  	margin-left: auto;
		margin-bottom: auto;
		margin-right: auto;
}

#header {
  top: 1%;
}

p.title {
  margin-top: 1em;
	font-size: 3em;
  letter-spacing: 2px;
  word-spacing: 8px;
}

p.subtitle {
  font-size: 1.5em;
  letter-spacing: 1px;
}

p.caption {
	margin-top:0;
	margin-bottom:0;
}

p.copyright {
	font-style: italic;
	margin-bottom:1em;
}

p.error {
  color: #DD2211;
  font-size: 2em;
}