body { 
	font: 14px calibri, sans serif;
	color: #a49f9f;
	background: #595959 url(http://www.retrogression.org/header-bg.png); 
	margin: 0 auto; 
	padding: 0px;
	text-align: center;
	}
p { 
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 15px;
	text-align: left;
	}

a:link { 
	font-weight: bold; 
	text-decoration: none; 
	color: #fff;
    text-transform: none;
	}
a:visited { 
	font-weight: bold; 
	text-decoration: underline; 
	color: #fff;
    text-transform: none;
	}
a:hover, a:active { 
	text-decoration: underline; 
	}

li {padding: 2px; margin: 0}

#container { 
width: 690px;
margin: auto;
padding-top: 0px;
text-align: left;
position: relative; }


#container img {
	position: relative;

	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;

	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

#container img:hover {
	-webkit-border-radius: 70em;
	-moz-border-radius: 70em;
	border-radius: 70em;
}

#container img:after {
	position: absolute;
	content: ' ';
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;

	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;

	-webkit-border-radius: 70em;
	-moz-border-radius: 70em;
	border-radius: 70em;
}

#container img:hover:after  {
	background: -webkit-gradient(radial, 60% 60%, 50, 60% 60%, 80, from(rgba(0,0,0,0)), to(rgba(0,0,0,1)));
	background: -moz-radial-gradient(60% 60%, circle, rgba(0,0,0,0) 50px, rgba(0,0,0,1) 80px);
}

h1 {
text-transform: uppercase; 
font-weight: bold; 
font-size: 1.3em;
color: #595959;
background-color: #a49f9f; padding: 10px;
-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;}

h2{
font-size:3.5em; 
color:#a49f9f;
font-weight:bold;
text-align: right;
text-transform: uppercase;
height: 20px;
} 

h3 {
font-size: 2.0em;
color:#fff;
font-style: italic; 
margin-top:-27px; margin-right: -20px;
font-weight:bold;
text-align: right;
text-transform: uppercase;
background: transparent;
}