/*

This CSS file was written by Matt "MCFAN" Gibson for

http://www.mattgibson.id.au/

Def Leppard

*/

/* Def Leppard Background Image */
body
{
	background: url('../def-leppard/images/background/def-leppard-background.gif') fixed !important;
}

/* Lyrics Paragraphs */
#def-leppard .lyrics-page p
{
	text-align: center;
}


/* Song Title Links */
a[name]
{
	text-decoration: none;
}

a[name]:hover
{
	text-decoration: underline;
}


/* Multimedia */
audio
{
	margin: 0 auto 10px auto;
	width: 200px;
}

.audio-container
{
	border: 1px solid #d2b48c;
	margin: 0 auto;
	padding: 15px 0 0;
	text-align: center;
	width: 550px;
}


/* Table of Contents */
#toc-container
{
	display: flex;
	justify-content: space-around;
	align-items: center;
}

#toc-container img
{
	border-radius: 8px;
	margin: 0px 20px;
	width: 200px;
}
#toc-container ol
{
	width: 400px;
}

#toc-container a
{
	text-decoration: none;
}

#toc-container a:hover
{
	text-decoration: underline;
}


/* Def Leppard Album Marquee */
#def-leppard marquee
{
	margin: 10px 150px 10px;
	padding: 5px 0;
	width: 700px;
}

#def-leppard marquee img
{
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;

	height: 75px;
	margin: 0 5px;
	width: 75px;
}


/* Index Album Gallery */
#index-album-gallery
{
	clear: both;
	margin: 25px auto;
	width: 770px;
}

#index-album-gallery a
{
	text-decoration: none;
}

#index-album-gallery img
{
	transition: all .3s;
}

#index-album-gallery img:hover
{
	animation: wiggle .3s infinite;
}

@keyframes wiggle
{
	0%
	{transform: rotate(3deg);}
	50%
	{transform: rotate(-3deg);}
	100%
	{transform: rotate(3deg);}
}


.album-left
{
	float: left;
	padding: 5px;
	width: 370px;
}

.album-right
{
	float: right;
	padding: 5px;
	text-align: right;
	width: 370px;
}

#index-album-gallery .album-left img, #index-album-gallery .album-right img
{
	border: none;

	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;

	width: 150px
}