@charset "UTF-8";
/* CSS Document */
/* Design by CarlKingCreative */


body {
background-color: #FFFFFF;
font-family: Lucida Grande, Arial, Helvetica, sans-serif;
font-size: 10pt;
color: #fff;
text-align: justify;
}

a:link, a:visited, a:active {
color: #FF0000;
font-weight: bold;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

ul, li {
list-style: none;
padding: 0;
margin: 0;
}

hr {
color: #333333;
bacground-color: #333333;
size: 1px;
}

blockquote {
margin: 0 10px 0 10px;
padding: 0;
font-style:italic;
color: #999999;
}

code {
text-align: left;
background-color: #333333;
padding: 10px;
display: block;
overflow: scroll;
}

textarea {
width: 350px;
height: 60px;
}

img {
border: none;
}

h2 {
text-align:left;
font-size: 14pt;
display: none;
}

h3 {
text-align:left;
font-size: 14pt;
color: #666666;
font-weight: bold;
}

#internet_explorer {
display: none;
}

#wrapper {
position: relative;
width: 840px;
margin: 0 auto 0 auto;
}

#header {
position: absolute;
left: 20px;
width: 800px;
height: 300px;
background-image: url(images/Header.png);
background-repeat: none;
float: left;
}


#search {
position: absolute;
top: 300px;
right: 65px;
}

#shadow_top {
width: 840px;
height: 40px;
background-image: url(images/Shadow_Top.png);
}

#navigation {
position: absolute;
top: 215px;
left: 232px;
height: 60px;
width: 545px;
float: left;
}

/* These are the animated graphic navigation buttons */

.navigation-button {
float: left;
background-image:url(images/Navigation.png);
}

.navigation-button span {
display: none;
}

#bio-button {
width: 60px;
height: 30px;
background-position: 0px 0px;
}

#bio-button:hover {
background-position: 0px 60px;
}

#videos-button {
width: 105px;
height: 30px;
background-position: -60px 0px;
}

#videos-button:hover {
background-position: -60px 60px;
}

#audios-button {
width: 105px;
height: 30px;
background-position: -165px 0px;
}

#audios-button:hover {
background-position: -165px 60px;
}

#writings-button {
width: 135px;
height: 30px;
background-position: -270px 0px;
}

#writings-button:hover {
background-position: -270px 60px;
}

#campaigns-button {
width: 135px;
height: 30px;
background-position: -405px 0px;
}

#campaigns-button:hover {
background-position: -405px 60px;
}

#blog-button {
width: 75px;
height: 30px;
background-position: 0px 90px;
}

#blog-button:hover {
background-position: -0px 30px;
}

#secretclub-button {
width: 150px;
height: 30px;
background-position: -75px 90px;
}

#secretclub-button:hover {
background-position: -75px 30px;
}

#press-button {
width: 85px;
height: 30px;
background-position: -225px 90px;
}

#press-button:hover {
background-position: -225px 30px;
}

#resources-button {
width: 140px;
height: 30px;
background-position: -310px 90px;
}

#resources-button:hover {
background-position: -310px 30px;
}

#store-button {
width: 90px;
height: 30px;
background-position: -450px 90px;
}

#store-button:hover {
background-position: -450px 30px;
}

#middle {
width: 840px;
background-image: url(images/Middle.jpg);
background-repeat: repeat-y;
padding-bottom: 125px;
float: left;
}

#left {
margin-top: 325px;
margin-left: 65px;
width: 350px;
float: left;
}

#latest_blog_entries {
height: 45px;
width: 350px;
background-image: url(images/LatestBlogEntries.png);
background-position: top;
float: left;
}

#latest_blog_entries:hover {
background-position: bottom;
}

#latest_blog_entries span {
display: none;
}

.post {
padding-bottom: 10px;
}

.post2 {
margin-top: -3px;
padding-bottom: 10px;
}

.post_title {
font-size: 12pt;
font-weight: bold;
color: #1F3A51;
}

.entry-date {
	color: #666666;
	font-size: 8pt;
}

.entry-content {
	text-align: justify;
}

.entry-meta {
	font-size: 8pt;
	text-align: right;
	margin-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #666666;
}

#right {
margin-top: 336px;
margin-right: 65px;
margin-bottom: 25px;
width: 300px;
float: right;
}

#banner_free_downloads {
background-image:url(images/Banner_FreeDownloads.png);
background-position: top;
width: 300px;
height: 100px;
margin-bottom: 20px;
float: right;
}

#banner_free_downloads:hover {
background-position: bottom;
}

#banner_free_downloads span {
display: none;
}

#banner_forum {
background-image:url(images/Banner_Forum.png);
background-position: top;
width: 300px;
height: 100px;
margin-bottom: 20px;
float: right;
}

#banner_forum:hover {
background-position: bottom;
}

#banner_forum span {
display: none;
}

#banner_mutantmall {
background-image:url(images/Banner_MutantMall.png);
background-position: top;
width: 300px;
height: 100px;
margin-bottom: 20px;
float: right;
}

#banner_mutantmall:hover {
background-position: bottom;
}

#banner_mutantmall span {
display: none;
}

.feature_holder {
width: 300px;
height: 100px;
margin-bottom: 20px;
background-image:url(images/Grey_Transparent.png);
}

#twitterings {
height: 25px;
width: 300px;
background-image:url(images/Twitterings.png);
margin-bottom: 10px;
float: right;
}

#twitter_div {
text-align: right;
margin-bottom: 10px;
}

#most_unpopular_topics {
height: 25px;
width: 300px;
background-image:url(images/MostUnpopularTopics.png);
margin-bottom: 10px;
float: right;
}

#categories {
text-align: right;
margin-bottom: 10px;
}

#secret_and_ancient {
height: 25px;
width: 300px;
background-image:url(images/SecretAndAncient.png);
margin-bottom: 10px;
}

#secret_and_ancient_pages {
text-align: right;
margin-bottom: 10px;
}

#secret_and_ancient_pages li {
list-style-type:circle;
list-style-position:inside;
}

#from_the_future_of_outer_space {
height: 25px;
width: 300px;
background-image:url(images/FromTheFutureOfOuterSpace.png);
margin-bottom: 10px;
}

#from_the_future_of_outer_space_pages {
text-align: right;
margin-bottom: 10px;
}

#from_the_future_of_outer_space_pages li {
list-style-type:circle;
list-style-position:inside;
}

#explore_the_exoverse {
height: 25px;
width: 300px;
background-image:url(images/ExploreTheExoverse.png);
margin-bottom: 10px;
}

#explore_the_exoverse_pages {
text-align: right;
margin-bottom: 10px;
}

#explore_the_exoverse_pages li {
list-style-type:circle;
list-style-position:inside;
}

#eff {
float: right;
}

#no_fun_banner {
position: absolute;
left: 20px;
bottom: 20px;
width: 530px;
height: 100px;
background-image: url(images/NoFunBanner.png);
background-repeat: none;
padding: 15px 135px 10px 135px;
font-size: 8pt;
color: #FFFFFF;
text-align: justify;
}

#shadow_bottom {
width: 840px;
height: 40px;
background-image: url(images/Shadow_Bottom.png);
clear: both;
}