/*
	BG Shade: #FFFFFF
	Background: #FFFFFF
	BG Object/Pattern: #FFFFFF
	BG Highlight/Link/Outline: #FFFFFF
	Header/Object: #FFFFFF
	Light/Fade: #FFFFFF
	Strong: #FFFFFF
	
*/


/*
	=== Tags ===
*/
body {
	margin: 0;
	padding: 0;
	
	/* Main font color */
	color: black;
	background-color: #FFFFFF;
	background-image: url("Default/banner_back.png");
	background-repeat: repeat-y;
}
hr.line {
	display: none;
}
hr.image {
	/* Pads post images.  Use "display: none;" to delete them */
	height: 0px;
	color: #FFFFFF;
	background-color: #FFFFFF;
	border-width: 0;
}


/*
	=== Main Text ===
*/
a:link    {color: #000000;}
a:visited {color: #000000;}
a:hover   {color: #000000;}
a:active  {color: #000000;}

.text_bg {
	/* Used on backgrounds */
	color: black;
}
.title  {
	color: black;
	font-size: 11pt;
	font-weight: bold;		
}
a.text_bg:link, a.text_bg:visited {
	color: black;
	
}
a.text_bg:hover, a.text_bg:active {
	color: #000000;
	
}


/*
	=== Banner & Navigation ===
*/
#banner {
	background-color: #FFFFFF;
	background-image: url("Default/banner_back.png");
	background-repeat: repeat-y;
}
#bannerstyle {
	/* Set width/height if using background w/out text */
	position: absolute;
	top: 0;
	right: 0;
	padding: 0px 0px 0px 0;
	text-align: center;
	color: white;
	font-size: 8pt;
}
.navtrim {
	height: 0px;
	background-color: #FFFFFF;
	background-image: url("Default/nav_trim.png");
	background-repeat: repeat-x;
}
#navpaneltop {
	/* Top navigation panel */
	width: 100%;
	background-color: #FFFFFF;
	background-image: url("Default/nav_back.png");
	background-repeat: repeat-x;
}
.home_td {
	text-align: left;
}
.draw_td {
	text-align: center;
	color: black;
	font-weight: bold;
}
.draw_span {
	margin: 0 5px 0 5px;
}
.admin_td {
	text-align: right;
}
.menubutton {
	/* Shown on menu background */
	color: black;
	background-color: white;
	font-weight: bold;
	border: solid #C0C0C0 1px;
}
#navpanelbottom {
	/* Bottom navigation panel */
	width: 100%;
	background-color: #FFFFFF;
	background-image: url("Default/nav_back.png");
	background-repeat: repeat-x;
}
#banner_shadow {
	height: 8px;
	background-color: #580066;
	background-image: url("Default/banner_shadow.png");
	background-repeat: repeat-x;
}


/*
	=== Main Body ===
*/
#content {
	background-color: #FFFFFF;
	background-image: url("Default/background.png");
}


/*
	=== Options ===
*/
#pages_top {
	/* USE PADDING!  Most browsers (incl. Mozilla) are not margin compliant */
	/* IE also has trouble with container scope, so use <br /> for spacing instead of padding-bottom. */
	padding: 10px 0 0 0;
	text-align: center;
}
#pages_bottom {
	/* USE PADDING!  Most browsers (incl. Mozilla) are not margin compliant */
	/* IE also has trouble with container scope, so use <br /> for spacing instead of padding-bottom. */
	text-align: center;
}
.backgroundbutton {
	/* Shown on document background */
	color: black;
	background-color: white;
	font-weight: bold;
	border: solid #C0C0C0 1px;
}


/* Posts */
.posttable {
	/* (TABLE) Container for each post.  Careful with sizes, as IE goes berserk easily */
	margin: 0 5% 20px 5%;
	width: 90%;
	background-color: white;
       
}
.image_td {
	/* (TD) Container for posted images */
	text-align: left;
	vertical-align: top;
	background-color: white;
        font-weight: bold;
}
.imagetitle {
	/* (SPAN) Title style for each image */
	color: black;
	
}
.postimage {
	/* (IMG) Styles for the actual posted images */
	/* border: solid #C0C0C0 1px; */
}
.commentbutton {
	color: black;
	background-color: #F0F0F0;
	font-weight: bold;
	border: solid #606060 1px;
}
.post_td {
	/* (TD) Container for post comments */
	padding-left: 6px;
	vertical-align: center;
	background-color: white;
	background-image: url("Default/thumb_back.png");
	background-repeat: repeat-x;
}
.commentbox {
	margin: 0 0 4px 0;
	padding: 3px 0 7px 6px;
}
.commentbox:hover {
	margin: 0 0 4px 0;
	padding: 2px 0 7px 5px;
	border-width: 1px 0 0 1px;
	border-color: #ffccff;
	border-style: solid;
}
.commenttitle {
	/* (DIV) Title style for each comment */
	vertical-align: bottom;
}
.postartist {
	/* Author font.  May be overridden by :hover pseudoclass (CSS Sucks) */
	color: #770077;
	font-size: 10pt;
}
.posthome {
	/* Homepage font, if no image is used */
	padding: 0 8px 0 8px; 
	font-size: 10pt;
}
.postdate {
	/* Date font, used next to Authors' names */
	color: #cc77cc;
	font-size: 8pt;
}
.posthost {
	/* Host font, shows host, not IP */
	color: #707070;
	font-size: 8pt;
}
.postdel {
	/* Admin delete */
	padding: 0 8px 0 8px; 
	font-size: 10pt;
}
.posttext {
	/* Post font for all comments */
	color: black;
	font-size: 10pt;
	padding: 0 0 0 10px;
}


/* Text input for comment screen */
.inputbox {
	text-align: center;
	background-color: #E695E6;
}
.dialogbox {
	background-color: white;
}


/* Footer */
#footer_shadow {
	height: 6px;
	background-color: #580066;
	background-image: url("Default/footer_shadow.png");
	background-repeat: repeat-x;
}
#footer {
	height: 100px;
	padding: 10px 10px 50px 0;
	text-align: right;
	vertical-align: top;
	color: white;
	font-size: 9pt;
}