@charset "utf-8";
/* CSS Document */
body,td,th {
	color: #FFF;
	background-color: #000;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background:url(img/bg.gif);
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
/* unvisited link */
a:link {
    color: #BBFFEE;
}

/* visited link */
a:visited {
    color: #FFFFBB;
}

/* mouse over link */
a:hover {
    color: #FFBBBB;
}

/* selected link */
a:active {
    color: #FF7777;
}
h1 {
	text-shadow:#000000;
	font-weight: bold;
	color: #fff;
	font-size: 32px;
	text-shadow: 4px 4px #000000;
}
h2 {
	text-shadow:#000000;
	font-weight: bold;
	color: #fff;
	font-size: 24px;
	text-shadow: 4px 4px #000000;
}
#leftmargin {
	position:fixed;
	z-index:1;
	background: rgba(255,0,0,0);
 	background: -webkit-linear-gradient(left,rgba(0,0,0,1),rgba(0,0,0,0)); /*Safari 5.1-6*/
 	background: -o-linear-gradient(right,rgba(0,0,0,1),rgba(0,0,0,0)); /*Opera 11.1-12*/
 	background: -moz-linear-gradient(right,rgba(0,0,0,1),rgba(0,0,0,0)); /*Fx 3.6-15*/
	background: linear-gradient(to right, rgba(0,0,0,1), rgba(0,0,0,0)); /*Standard*/
	left:0px;
	width:33%;
	height: 100%;
}
#rightmargin {
	position:fixed;
	z-index:1;
	background: rgba(255,0,0,0);
 	background: -webkit-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,1)); /*Safari 5.1-6*/
 	background: -o-linear-gradient(right,rgba(0,0,0,0),rgba(0,0,0,1)); /*Opera 11.1-12*/
 	background: -moz-linear-gradient(right,rgba(0,0,0,0),rgba(0,0,0,1)); /*Fx 3.6-15*/
	background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,1)); /*Standard*/
	right:0px;
	width:33%;
	height: 100%;
}
#headbanner {
	background-image:url(img/cbbanner.png);
	width:570px;
	height:175px;
	align-self:center;
}
#mainbody {
	position:relative;
	background-color:#22222a;
	z-index:2;
	width:800px;
	margin:auto;
	top: 0px;
	min-height: 700px;
	bottom: 0px;
	text-align:center;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
	border-color:#161616;
	border-radius: 1px 1px 30px 30px;
}
#linkcontainer {
	z-index:2;
}
#pillars-h5 {
	width:100%;
	height:300px;
	background-image:url(images/pillars_atlas_.png);	
}
#pillar1 {
	width:100%;
	height:100px;
	background-image:url(img/pillar1.png);	
}
#pillar2 {
	width:100%;
	height:100px;
	background-image:url(img/pillar2.png);	
}
#pillar3 {
	width:100%;
	height:100px;
	background-image:url(img/pillar3.png);	
}
#textcontainer {
	z-index:3;
	text-align:left;
	margin-left:50px;
	margin-right:50px;
	color:#FFFFFF;
}
#thumb-large {
	width: 180px;
	height: 180px;
}
#thumb-med {
	width: 120px;
	height: 120px;
}
#thumb-small {
	width: 80px;
	height: 80px;
}
#tablecontainer	{
width:100%;
}
.cell1 {
	float:left;
	background-color:#292935;
	width:25%;
	height:180px;
	vertical-align:middle;
	border-radius:5px 15px;
}
.cell2 {
	float:left;
	background-color:#1d1d22;
	width:25%;
	height:180px;
	display:inline-block;
	vertical-align:middle;
	border-radius:5px 15px;
}
/*Me: Check out this table
Them: *checks your code* Ew, why are you using the <table> tag?
Me: What else is there?
Them: Use DIVs
Me: How?
Them: Like this
Me: Seems needlessly complex when a <table> works just as well
Them: Too bad, this is web 2.0, get with the times even if it may ultimately fucking stupid to do so.

And so I conformed to the demands of the knitpicky web designer.*/
.celltable {
	display:  table;
	width:auto;
	background-color:#eee;
       /* border-collapse:separate;*/
}
.cellcontainer {
       display:table-row;
       width:auto;
}
.cellheader1 {
	float:left;
	background-color:#292935;
	width:172px;
	height:100%;
	display:table-column;
	text-indent:3px;
	overflow:auto;
	padding:3px;
}
.cellheader2 {
	float:left;
	background-color:#1d1d22;
	width:172px;
	height:100%;
	display:table-column;
	text-indent:3px;
	overflow:auto;
	padding:3px;
}
.cellinfo1 {
	float:left;
	background-color:#1d1d22;
	display:table-column;
	width:516px;
	padding:3px;
}
.cellinfo2 {
	float:left;
	background-color:#292935;
	display:table-column;
	padding:3px;
	width:516px;
}
#page-credit {
	position:absolute;
	bottom: 0px;
	width: 100%;
	text-align:center;
}
.secretpicture {
	position:absolute;
	height:30px;
	width:30px;
	left:-200px;
}
.relics {
	position:relative;
	height: 100px;
	width:700px;
	z-index:2;
	display:inline-table;
}