body {
	font-family: Arial, Helvetica, Times;
	font-size: 8pt;
	color: #99CCFF;
	text-align: center;
	background-color: black;
	background-repeat: repeat;
	background-attachment: fixed;
}

a:link { text-decoration: none; color: #3399ff; }
a:visited { text-decoration: none; color: #3399ff; }
a:active { text-decoration: none; color: #3399ff; }
a:hover { text-decoration: underline; color: #3399ff; }

h1 {
	font: bold 24px verdana;
	color: #ff9900;
	margin: 0px;
}
h1 a:link { text-decoration: none; color: #ff9900; }
h1 a:visited { text-decoration: none; color: #ff9900; }
h1 a:active { text-decoration: none; color: #ff9900; }

h2 {
	font: bold 10px verdana, tahoma, arial, sans-serif;
	color: #ffcc33;
	padding: 0 0 10px 0;
	margin: 0 0 5px 0;
	border-bottom: double 4px #078;
}

h3 {
	/* font: 18px georgia, 'times new roman', sans-serif; */
	font: bold 14px arial;
	color: #ffff99;
	display: inline;
}
h3 a:link { text-decoration: none; color: #ffff99;}
h3 a:visited { text-decoration: none; color: #ffff99;}
h3 a:active { text-decoration: none; color: #ffff99;}

h4 {
	font: normal 12px verdana, tahoma, arial, sans-serif;
	margin: 0px;
	color: white;
	display: inline;   /* removes the carriage return */
}
h5 {
	font: bold 12px verdana, tahoma, arial, sans-serif;
	color: #ffff99;
	margin: 0px;
	display: inline;  /* removes the carriage return */
}
h6 {
	font: normal 10px verdana, tahoma, arial, sans-serif;
	margin: 0px;
	display: inline;   /* removes the carriage return */
}

img {
	border: 0;
}

pre {
	display: inline;
	white-space: -moz-pre-wrap;  /* allows text to wrap within PRE HTML tags - used in text editor's CODE tags */
}

/* ======================================================================================================= */
/* Structural elements */

#article_comments {
	color: white;
	display: inline;   /* removes the carriage return */
	font: normal 10px verdana, tahoma, arial, sans-serif;
        vertical-align: middle;
}

#article_comments img {
        vertical-align: middle;
}

#article_comments span {
	display: none;
}

#article_comments:hover span {
	display: block;
	/*
	border-width: 1;
	color: black;
	background: #FFFFE0;
	float: left;
	*/
}

#article_date {
	color: white;
	display: inline;   /* removes the carriage return */
	font: normal 10px verdana, tahoma, arial, sans-serif;
}

#article_posted_by {
	color: white;
	display: inline;   /* removes the carriage return */
	font: normal 10px verdana, tahoma, arial, sans-serif;
	position: relative;
}

#article_posted_by span {
	display: none;
}

#article_posted_by:hover span {
	display: block;
	width: 150px;
	padding: 5px 5px 5px 5px;
	color: black;
	background: #FFFFE0;
	border: 1px solid black;
	font: 10px Verdana, sans-serif;
	top: 5px;    /* define position */
	left: 160px;   /* define position */
	position: absolute;  /* position is based on the parent tag with "position: relative;" ... aka the #comment class */
}

#articleList p {
	margin: 0 0 25px 0;
}

#category {
	color: white;
	display: inline;   /* removes the carriage return */
	font: normal 12px verdana, tahoma, arial, sans-serif;
}

#code_block {
	border-width: 1px;
	border-color: Black;
	border: 1px dashed #078;
	background-color: #000066;
	padding: 5px;
	margin-top: 10px;
	margin-bottom: 10px;   /* This provides spacing between comment blocks.  For some reason using BR tags would not work when comments extended below the left sideBar */
}

#comment {
	border-width: 1px;
	border-color: Black;
	border: 1px dashed #078;
	background-color: #000066;
	padding: 5px;
	margin-bottom: 10px;   /* This provides spacing between comment blocks.  For some reason using BR tags would not work when comments extended below the left sideBar */
	position: relative;
}

#container {
	width: 600px; /*700px;*/
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	padding: 10px 10px 10px 10px;
	border: 1px dashed #078;
	background-color: #000033;
	background-image: url(../images/crystals_wide.jpg);
	background-repeat: repeat-y;
}

#content_highlight {
	color: #ffff99;
	display: inline;
}

#content_highlight strong {
	color: #ffff99;
}

#custom_hr {
	font: bold 10px verdana, tahoma, arial, sans-serif;
	color: #ffcc33;
	padding: 0 0 5px 0;
	margin: 0 0 5px 0;
	border-bottom: double 4px #078;
        clear: left;
}

#footer {
	list-style-type: none;
	margin-top: 30px;
	padding: 5px 0px 0px 0px;  /* top, right, bottom, left */
	border-top: double 4px #078;
	text-align: center;
	color: #99CCFF;
}

#footnote_sup {
	display: inline;
	position: relative;
        color: #3399ff;
}

#footnote {

}

#footnote span{
	display: none;
}

#footnote:hover span {
	display: block;
	padding: 5px 5px 5px 5px;
	color: black;
	background: #FFFFE0;
	border: 1px solid black;
	font: 10px Verdana, sans-serif;
	top: 5px;    /* define position */
	left: -5px;   /* define position */
	position: absolute;  /* position is based on the parent tag with "position: relative;" ... aka the #footnote_sup class */
        width: 200px;
}

#form_text {
	color: white;
	display: inline;   /* removes the carriage return */
	font: normal 12px verdana, tahoma, arial, sans-serif;
}

#hoverHelper {  	/* mostly used for hovering over user name */
	//overflow: auto;   /* to keep images from overflowing into the next post;  this happens when the amount of text is smaller than the image height */
        overflow: none;
        clear: left;
}

#imageCenter {
	padding: 14px 15px 6px 10px;	/* top, right, bottom, left */
}

#imageLeft {
	padding: 14px 15px 6px 0px; 	/* top, right, bottom, left */
	float: left;
}

#imageRight {
	padding: 14px 0px 6px 10px; 	/* top, right, bottom, left */
	float: right;
}

#invisible {
	/*color: #FA8072;*/
	color: #ADFF2F;
	display: inline;
}

#loginBar {
	text-align: right;
	float: right;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

#loginBar input {
	font-size: 8pt;
}

#navBar {
	text-align: right;
	padding: 0 0 5px 0;
	margin: 0 0 10px 0;
	border-bottom: double 4px #078;
}

#news {
	background-color: #00BFFF;
	color: Black;
	border: single 1px black;
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 0px 0px;
}
#news a:link { text-decoration: none; color: #0000CD; }
#news a:visited { text-decoration: none; color: #0000CD; }
#news a:active { text-decoration: none; color: #0000CD; }
#news a:hover {	text-decoration: underline;	color: #0000CD; }

#newsBar {
	padding: 5px 5px 5px 5px;
	margin-bottom: 10px;
	background-color: #000066;
	width: 120px;
	border: 1px dashed #078;

	/* IF ON LEFT SIDE (under sideBar)*/	
	float: left;
	margin-right: 10px;
	clear: left;

	/* IF ON RIGHT SIDE */
	/*
	float: right;
	margin-left: 10px;
	*/
}

/* at top of webpage, below navBar and above the sideBars */
#newsBlurb {
	text-align: center;
	padding: 5px 5px 5px 5px;
	margin-bottom: 10px;
	border: 1px dashed #078;
	background-color: #000066;
}

#pageNumber {
	text-align: center;
}

#post_footer {
        //display: inline;
        clear: left;
}

#post_edit_icons {
        float: right;
        padding-top: 2px;
}

#sideBar {
	padding: 5px 5px 5px 5px;
	margin-left: 10px;
	margin-bottom: 10px;
	background-color: #000066;
	width: 120px;
	border: 1px dashed #078;
	float: right;
}

#sideBar_ads {
	clear: left;
	padding: 5px 5px 5px 5px;
	margin-right: 10px;
	margin-bottom: 10px;
	background-color: #000066;
	border: 1px dashed #078;
	float: left;
}

#sideBar_group {
	/* padding: 5px 5px 5px 5px;*/
	margin-left: 20px;
	margin-bottom: 10px;
	width: 120px;
	float: right;
}

#sideBar_popup a span {
	display: none;
}

#sideBar_popup a:hover span {
	display: block;
	position: absolute;
    margin-top: 15px;
	padding: 5px 5px 5px 5px;
	color: black;
	text-align: center;
	background: #99ccff;
	border: 1px solid black;
	font: 10px Verdana, sans-serif;
	width: 125px;
}

#sideBar_text {
	position: absolute;
	padding: 5px 5px 5px 5px;
	margin-right: 10px;
	margin-bottom: 10px;
	width: 120px;
	border: 1px dashed #078;
	border-bottom: 0;
	float: left;
}

#userConfirmed {
	position : fixed;
	top: 79px;
}

#todoBar {
	width: 120px;
	padding: 0 5px 0 5px;
	margin-left: 10px;
	margin-bottom: 10px;
	background-color: #666666;
	border: 1px dashed #ffa550;
	color: white;
	/* text color */
	float: right;
}

#wiki_post {
	overflow:  auto;
}

/* text effects */
em.title {
	text-decoration: underline;
}