@import "atomicat.css";

.newImg{border-width:12px;width:180px;}
.newImg:hover{border-width:12px;}

.vtop {vertical-align:top;}

.stacking {position:static;top:100px;width:100%;vertical-align:top;}

.picSet
	{
		position:relative;
		margin:0 auto;
		height:100%;
		clear:both;
		text-align:center;
		margin-bottom:1em;
	}
* html .picSet
	{
		width:600px;
	}
.leftPic
	{
		position:relative;
		float:left;
		margin-right:2%;
	}
.rightPic
	{
		position:relative;
		float:right;
		margin-left:2%;
	}

#header
	{
		max-width:1000px;
		position:relative;
		margin:0 auto;
		text-align:center;
	}
* html #header
	{
		width:600px;
	}
#header a
	{
		float:right;
	}
#header img
	{
		max-width:100%;
		max-height:inherit;
	}
#header h2 a
	{
		float:none;
		color:red;
	}
	
#frontlinks
	{
		float:left;
	}
#frontimage
	{
		width:40%;
		float:right;
		margin-left:1em;
	}
	
#footer
	{
		margin:0 auto;
		width:60%;
		max-width:300px; 
		font-size:0.6em;
		text-align:center;
		border-color:#E0E5E8;
		border-top-width:1px;
		border-bottom-width:1px;
		color:#F6F9FA;
	}


.pipe:after
	{
		content:" | ";
		padding-right:0.4em;
	}

#preview
	{
		position:absolute;
		top:10em;
		left:0;

		width:100%;
		max-height:100%;
		margin:0;
		padding:0;
		text-align:center;
		z-index:-1;
	}
#preview img
	{
		position:relative;

		width:auto;
		height:auto;
		max-width:100%;
		max-height:100%;
		margin:0 auto;
		padding:0;
		z-index:-1;
	}
* html #preview
	{
		width:1024px;
	}