/* Change the BODY tag to impact the colors/fonts for the entire page. */
BODY {
        color: white; 
        background-color: #800080;
	margin-right: 0px;
	margin-left: 0px;
}

/*****************
 * Miscellaneous *
 *****************/
img, .title img, .ajax_status img, .title .ajax_status img {
        border: 0px;
}

a:link, a:visited {
	color: #ffff00;
        text-decoration: none;
}

a:hover {
        text-decoration: underline;
}

#notices {
	text-align: center;
}

.notice {
	font-weight: bold;
	color: yellow;
}

.private_header {
	font-size: 75%;
}

/***********
 * headbar *
 ***********/
/* The headbar is the command bar across the top. */
#headbar {
        position: absolute; 
        top: 0pt; 
        right: 0pt; 
        left: 0pt; 
        text-align: center; 
        height: 24pt; 
        width: 100%; 
        background-color: #111166;
        color: #ffff00;
}

#headbar a {
        position: relative;
        top: 4pt;
        margin-left: 15pt;
}

/* When there are multiple links in the headbar, this keeps them apart. */
/* Apparently doesn't work in IE, so we put it above too... */
#headbar a+a {
        margin-left: 15pt;
}

/* The "My Site" link when you are looking at someone else's site. */
#my_link {
}

/* The link to the Members' Site. */
#members_link {
}

/* If the person viewing the page is the owner, they see these buttons. */
#add_friend {
}

#edit_site {
}

.left_button {
        position: absolute; 
        top: 4pt; 
        left: 10pt;
}

.left_inset_button {
        position: absolute; 
        top: 4pt; 
        left: 70pt;
}

#add_post {
}

.right_button {
        position: absolute; 
        top: 4pt; 
        right: 10pt;
}

.right_inset_button {
        position: absolute; 
        top: 4pt; 
        right: 70pt;
}

#ap {
	display: inline;
	position: relative;
	top: 4pt;
	left: 25pt;
}

#members_search {
	display: inline;
	position: relative;
	top: 4pt;
	left: 25pt;
}

/********
 * page *
 ********/
/* The page div contains everything on the page after the headbar. */
.page {
        position: relative; 
        top: 22pt;
        width: 100%;
	height: 100%;
}

/* The title and subtitle for the page. */
#page_header .title {
        margin-top: 20pt; 
        margin-bottom: 10pt; 
        text-align: center;
        font-size: 100%;
}

#page_header .subtitle {
        text-align: center; 
}

.page_header .title {
        margin-top: 20pt; 
        margin-bottom: 10pt; 
        text-align: center;
        font-family: Impact;
        font-size: 500%;
        font-style: bold;
        color: #111166;   
}

.page_header .subtitle {
        text-align: center; 
        color: #ffffff;
        position: relative;
        top: -70pt;
        font-family: Impact;
        font-style: normal;
        font-size: 175%;
}

/*********
 * boxes *
 *********/
/* A box is a colored div containing a title and items like "My Favorite Games." */
/* boxes is the class for areas of the page that contain multiple boxes. */
/* Those areas have a class of boxes, and a specific ID if you want to customize each. */
.boxes {
        width: 20%; 
        position: absolute; 
        top: 80pt;
}

.box, .big_box {
        text-align: center; 
        background-color: #bababa; 
        padding: 0px; 
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
        margin-bottom: 15pt;
	border: 1px solid #111166;
}

.box .title, .big_box .title {
        text-align: center; 
        margin-top: 0px; 
        margin-bottom: 3pt; 
        padding-top: 2pt; 
        padding-bottom: 2pt;
	width: 100%;
}

.box .title {
	background: #ff8000;
        border-bottom: thin solid #666666;
}

.big_box .title {
	background: #666666;
}

.box td, .big_box td, .box th, .big_box th, .box caption, .big_box caption {
	color: #000010;
}

/***************************
 * fan, guild member lists *
 ***************************/
#fans, #guild_members, #guilds {
	text-align: left;
	margin-left: 10%;
	margin-right: 10%;
	padding: 4pt;
}

.fan_list, .guild_member_list {
	color: #000010;
}

li.fan, li.guild_member {
	list-style-image: url("/gamebase/blueguy16.gif");
}

#private_guild_members {
	margin-top: 5pt;
}

#left_side {
        left: 1%;
}

#right_side {
        right: 1%;
}

.recent_comments_list {
	margin-left: -10px;
	margin-right: 5px;
	color: #000010;
	text-align: left;
}

.box li.recent_comments {
	list-style-position: outside;
}

#blog_calendar_box {
	align: center;
	text-align: center;
}

.blog_calendar_table td, .blog_calendar_table th {
	text-align: right;
}
#calendar_previous_month {
	text-align: left;
}
#calendar_next_month {
	text-align: right;
}
#calendar_spinner {
	text-align: center;
}

/***************
 * member_info *
 ***************/
/* This is a boxes div containing the member picture, member info, member games, etc. */
#member_info {
        left: 1%;
}

#member_large_icon {
        background-color: transparent; 
        text-align: center;
}

/* Header is a label in the member info box, such as "Joined:". */
.header {
        color: #000010;; 
        font-weight: bold; 
        margin-top: 2pt; 
        margin-bottom: 2pt;
	margin-left: 4pt;
	margin-right: 4pt;
}

/* Data in the member info box, such as "Nov 99". */
.info_text {
        font-weight: normal;
}

.info_link {
        display:block;
	margin-left: 4pt;
	margin-right: 4pt;
	margin-bottom: 2pt;
}

#description {
        color: #000010;; 
        font-style: italic;
	margin-left: 4pt;
	margin-right: 4pt;
}

/* The text below an image, usually a game icon. */
.image_text {
        display: block; 
        margin-bottom: 5pt;
}

#gender_image {
	text-align: center;
	margin: 1pt;
}

/**********
 * center *
 **********/
/* Where the blog posts and owner notifications go. */
/* The comment formatting is for a post's comments page. */
.center, #center {
        width: 56%; 
        position: relative;
        top: -57pt;
        left: 22%;
}

.posts {
}

.post, .comment {
        background-color: #bababa; 
	color: #000010;
	border: 1px solid #111166;
        padding: 0pt; 
        margin-top: 1px;
        margin-left: 1px;
        margin-right: 1px;
        margin-bottom: 15pt;
}

.post .title, .comment .title {
	background: #ffff00;
        margin-top: 0px; 
        margin-right: 0px; 
        margin-left: 0px; 
        padding-top: 2pt; 
        padding-bottom: 2pt; 
        padding-left: 5pt; 
        padding-right: 5pt; 
        border-bottom: thin solid #666666; 
        color: #000000;
        font-face: Impact;
}

.comment .title a, .big_box .title a {
	color: #000000;
}

.post .text, .comment .text {
	margin: 5pt;
}

.post .slugline, .comment .slugline {
        border-top: thin solid #666666; 
        font-size: small; 
        color: #666666; 
        margin-left: 5pt;
        margin-right: 5pt;
        margin-bottom: 1pt;
}

.post a, .comment a {
        color: #000010;
        text-decoration: underline;
}

.edit_post {
        float: right;
}

/* Container div holds the "previous" and "next" divs */
#previous_next {
	position: relative;
}

#previous {
        position:absolute; 
        left: 10pt; 
        top: 0pt; 
        margin-top: 5pt;
}

#next {
        position:absolute; 
        right: 10pt; 
        top: 0pt; 
        margin-top: 5pt;
}

/* The link to "View Member's Website" (if viewing a single post) */
#website_link {
	text-align: center;
        position: relative;
        top: -57pt;
}

/* The link to "Get your own BYOND website!" (if user is not a Member) */
#create_blog {
	text-align: center;
}

.listed_file {
	width: 100%;
}

.file_size {
	color: 000010;
	font-size: 75%;
	margin-bottom: 4pt;
	margin-right: 8pt;
	padding-top: 2pt;
	text-align: right;
	right: 0pt;
	top: 0pt;
}

.file_link {
	float: left;
	margin-left: 8pt;
	text-align: left;
}

/********************
 * Member favorites *
 ********************/
#member_favorites {
        right: 1%;
}

#favorite_games_box {
}
#friends_box {
}
#interests_box {
}

#guild_rank {
	color: #000010;
}

#forum_posts, #blog_posts {
	color: #000010;
	text-align: left;
}

#forum_posts {
	margin: 8pt;
}

td.data_list {
	color: #000010;
}

.data_list_header {
	margin-left: 8pt;
	margin-right: 8pt;
	padding-bottom: 1pt;
	margin-bottom: 1pt;
	color: #000010;
}

.data_list_title {
	font-weight: bold;
	font-size: 110%;
	color: #000010;
}

.data_excerpt {
	padding-left: 24pt;
	margin-left: 8pt;
	margin-right: 32pt;
	margin-top: 1pt;
	color: #000010;
}

.data_list_item {
	padding-bottom: 8pt;
}

.post_list_comments {
	margin-left: 8pt;
}

#join_guild, #leave_guild {
	padding-top: 4pt;
}

/*****************
 * Comments page *
 *****************/
#comments_page {
}

#subscribe_button {
	text-align: center;
	margin: 5px;
}

#add_comment_box {
	position: absolute;
	right: 0px;
	margin: 8px;
	width: 45%;
}
 
.comments {
	position: absolute;
	left: 0px;
	margin: 8px;
	width: 50%;
}

.comment_editor {
	padding: 4px;
}
 
/* The link to view post in the page header */
#comment_post_link {
}

/* Link to "Author's Site" */
#comment_site_link {
	text-align: center;
}
#forum_site_link {
	text-align: center;
}

#allowed_html {
	font-size: 90%;
}

.title_cmd {
	font-size: 75%;
}

#favorite_games_content {
	margin-left: 5%;
	margin-right: 5%;
}

.favorite_game {
	width: 100%;
	clear: both;
	min-height: 64px;
	color: #000010;
	border: 2px solid #111166;
	background: #bababa;
	margin: 5px;
	padding: 1px;
	text-align: left;
}

.favorite_game_icon {
	float: left;
	margin-right: 5px;
}

.favorite_game_description {
	margin-top: 2pt;
}

.favorite_game_status {
	float: right;
	text-align: right;
	margin-right: 5px;
}

.favorite_game_live_status, .favorite_game_release_status {
	color: #cc0011;
}

#favorite_games_table {
	width: 100%;
	border: 0px;
}

.live_game_text {
	font-size: 85%;
	color: #cc0011;
	position: relative;
	top: -4px;
	padding-top: 0px;
}


/* Forum Stuff */
#forum_content {
	text-align: left;
	margin-left: 5%;
	margin-right: 5%;
	padding: 4pt;
}
#forum_data {
	padding: 3px;
	margin: 3px;
}
/* admin color (closed threads, admin posts) */
.admin, .admin_lite {
	color: yellow;
}
.admin {
	font-weight: bold;
}

/* colors to distinguish unread messages */
a.unread:link, a.unread:visited, a.unknown:link,
.invisible a.unread:link, .invisible a.unread:visited,
.invisible a.unknown:link {
	color: #ff8000;
}
/* Probably should be same as above color */
td.unread {
	background-color: #ff8000;
}

/* default message header color */
.style1 {
	color: white;
	background-color: #ff8000;
}

/* in topic view, alternating message header color */
.style2 {
	color: white;
	background-color: #5d7299;
}

/* message header link color */
.style1 a:link, .style1 a:visited, .style2 a:link, .style2 a:visited {
	color: #ffff00;
}

/* default message body color */
.style3 {
	color: #ffffff;
	background-color: #800080;
}

/* message body link color */
.style3 a:link, .style3 a:visited {
	color: #ffff00;
}

/* IE hover color */
a:hover, a.read:hover, a.unread:hover, a.unknown:hover,
.style1 a:hover, .style2 a:hover, .style3 a:hover,
.invisible a:hover, .invisible a.read:hover,
.invisible a.unread:hover, .invisible a.unknown:hover {
	text-decoration:underline;
}

/* IE active color */
a:active, a.read:active, a.unread:active, a.unknown:active,
.style1 a:active, .style2 a:active, .style3 a:active,
.invisible a:active, .invisible a.read:active,
.invisible a.unread:active, .invisible a.unknown:active {
	text-decoration:underline;
}


/* <dm> tags in forum */
.dmcode, .dmcomment, .dmpreprocessor,
.dmkeyword, .dmstring , .dmbrace  {
	background-color: #ffffff;
}
div.dmcode {
	overflow: auto;
	border: 2px solid #888888;
	padding: 5px;
	color: #000010;
}
pre.dmcode {
	color: #000010;
}
.dmcomment {
	color: #808080;
}
.dmpreprocessor {
	color: #008000;
}
.dmkeyword {
	color: #0000ff;
}
.dmstring  {
	color: #0096b4;
}
.dmbrace   {
	color: #005064;
}

.custom_content {
	margin-left: -10px;
	margin-right: 5px;
	text-align: left;
}