body {
	margin: 0px 0px 20px 0px;
	background-color: #2B3A53;
       	text-align: center;
	scrollbar-face-color: #8699BA;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #8699BA;
	scrollbar-3dlight-color: #8699BA;
	scrollbar-arrow-color:  #2B3A53;
	scrollbar-track-color: #D0D9E6;
	scrollbar-darkshadow-color: #B8C5D8;
	}

html  {
	scrollbar-face-color: #8699BA;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #8699BA;
	scrollbar-3dlight-color: #8699BA;
	scrollbar-arrow-color:  #2B3A53;
	scrollbar-track-color: #D0D9E6;
	scrollbar-darkshadow-color: #B8C5D8;
	}

a {
	text-decoration: none;
	}

a:link {
	color: #2B3A53;
	}

a:visited {
	color: #6E88AE;
	}

a:active {
	color: #6E88AE;
	}

a:hover {
	color: #6E88AE;
	text-decoration: underline;
	}

/* The container holds the entire content of the whole page. It includes and encloses header, content and sidebar. */

#container {
	line-height: 100%;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	padding: 0px;
	width: 740px;
	background-color: #D0D9E6;
	border: 1px solid #FFFFFF;
	}
/*  Bluewolf howl banner. Image is not included in style sheet, but is called separately. */

#banner {
	font-family: Verdana, Arial, sans-serif;
	color: #FFFFFF;
	background-color: #8699BA;
	text-align: left;
	padding: 15px;
	border-bottom: 3px solid #FFFFFF;
	border-top: 2px solid #FFFFFF;
	border-left: 2px solid #FFFFFF;
	border-right: 2px solid #FFFFFF;
	height: 100px;
	}

#banner img {
	border: 3px solid #2B3A53;
	}

/* This is only on the MCSE image to give it a white background. */

#white img  {
	background-color: #FFFFFF;
	border: none;
	}



/* This holds all blog content. It is used on the main and category pages and assumes a sidebar will coexist on the page with it. For individual pages use contentspread which assumes no sidebar and expects navigation to be a top element. */

.content {
	padding: 15px 15px 5px 15px;
	float: left;
	overflow: hidden;
	width: 480px;
	background-color: #D0D9E6;
	color: #2B3A53;
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	}

.content p {
	color: #666666;
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	font-weight: normal;
	line-height: 150%;
	text-align: justify;
	margin-bottom: 10px;
	}

.content blockquote {
	line-height: 150%;
	}

/* Used for old blog title header.  It's the big blue stripe across the content area with the name of the old blog in white. */

.content h1 {
	font-size: x-large;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 140%;
	text-align: center;
	background-color: #2B3A53;
	}

/* Used for blog post title.  */

.content h2 {
	color: #2B3A53;
	font-family: Verdana, Arial, sans-serif;
	font-size: small;
	text-align: left;
	font-weight: bold;
	margin-bottom: 10px;
	}

/* Used for top date for post. */

.content h5 {
	color: #6E88AE;
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	text-align: left;
	font-weight: bold;
	margin-bottom: 10px;
	}

/* Formats the posted by tagline.  */

.content p.posted {
	color: #2B3A53;
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	border-top: 1px solid #2B3A53;
	text-align: left;
	margin-bottom: 25px;
	line-height: normal;
	padding: 3px;
	}



/*  This tag is used on the individual archives and date-based archives. It assumes a top navigation element.  It duplicates the content markup and the only difference is the float and width.  */

.contentspread {
	padding: 15px 15px 5px 15px;
	width: 700 px;
	background-color: #D0D9E6;
	color: #2B3A53;
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	}

.contentspread p {
	color: #666666;
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	font-weight: normal;
	line-height: 150%;
	text-align: justify;
	margin-bottom: 10px;
	}

.contentspread blockquote {
	line-height: 150%;
	}

/* The big blue Old Blog title across the page in individual posts. */

.contentspread h1 {
	font-size: x-large;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 140%;
	text-align: center;
	background-color: #2B3A53;
	}

/* Post title for individual posts. */

.contentspread h2 {
	color: #2B3A53;
	font-family: Verdana, Arial, sans-serif;
	font-size: small;
	text-align: left;
	font-weight: bold;
	margin-bottom: 10px;
	}

/* Date at top of page for individual posts. */

.contentspread h5 {
	color: #6E88AE;
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	text-align: left;
	font-weight: bold;
	margin-bottom: 10px;
	}

/* Posted by tagline for individual posts. */

.contentspread p.posted {
	color: #2B3A53;
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	border-top: 1px solid #2B3A53;
	text-align: left;
	margin-bottom: 25px;
	line-height: normal;
	padding: 3px;
	}

/* This is the sidebar formatting. It contains the entire sidebar and the modules are placed within this without formatting inside the modules. */

.sidebar {
	font-size: x-small;
	font-weight: normal;
	font-family: Verdana, Arial, sans-serif;
	color: #666666;
	line-height: 140%;
	text-align: left;
	width: 225px;
	float: right;
	overflow: hidden;
	padding-left: 5px;
	background-color: #D0D9E6;
	}

/* Sidebar title used for main categories. Letter spacing and all caps.  */

.sidebar h3 {
	color: #2B3A53;
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: .1em;
	}

/* Sidebar subcategory title.  No letter spacing and original case. */

.sidebar h4 {
	color: #2B3A53;
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	text-align: center;
	font-weight: bold;
	}

.sidebar img  {

	border: none;
	}

/* This is used for tables within the sidebar. Used mainly for Cert and College status tables. */

.sidebar td {
	padding-left: 5px;
	color: #2B3A53;
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	text-align: left;
	margin-top: 10px;
	}



/* This is for comments area formatting. Comments only used on Blogathon. May be used in future. */

#comment-data {
	float: left;
	width: 180px;
	padding-right: 15px;
	margin-right: 15px;
	text-align: left;
	border-right: 1px dotted #BBB;
	}

textarea[id="comment-text"] {
	width: 80%;
	}

.commenter-profile img {
	vertical-align: middle;
	border-width: 0;
	}

/* This tag is used on some of the popup pages and not just the comments popup. */

#banner-commentspop {
		font-family:georgia, verdana, arial, sans-serif;
		color:#FFF;
		font-size:18px;
		font-weight:bold;
		border-top:2px solid #D0D9E6;  		
  		background:#3F5373;
  		padding-left:15px;
  		padding-right:15px;
  		padding-top:5px;
  		padding-bottom:5px;  		  		  	 
		}

/* Formatting for B2003 poems  */

.poembody  {
	background:#FFFFFF;
	font-family: Verdana, Arial, sans-serif;
	padding-top: 10 px;
	padding-bottom: 10 px;

  		}

/* Formatting for the popup for the Rune of Destiny.  */

.side2 {
	background:#FFFFFF;
	font-family: Verdana, Arial, sans-serif;
	font-size:12px;
	padding-top: 10 px;
	padding-bottom: 10 px;	
	}

.blogbody2 {
	background:#FFFFFF;
	font-family: Verdana, Arial, sans-serif;
	font-size:12px;
	padding-top: 10 px;
	padding-bottom: 10 px;	
	}


/* Not currently used but could be used for the Books read popup formatting.  */

#books  {
	
	}

#books h6  {
	
	}

#books a:link {
	color: #2B3A53;
	font-family: Verdana, Arial, sans-serif;
	font-size: xx-small;
	text-align: left;
	font-weight: normal;
	line-height: 120%;
	}

#books a:visited {
	color: #6E88AE;
	font-family: Verdana, Arial, sans-serif;
	font-size: xx-small;
	text-align: left;
	font-weight: normal;
	line-height: 120%;
	}

#books a:active {
	color: #6E88AE;
	font-family: Verdana, Arial, sans-serif;
	font-size: xx-small;
	text-align: left;
	font-weight: normal;
	line-height: 120%;
	}

#books a:hover {
	color: #6E88AE;
	font-family: Verdana, Arial, sans-serif;
	font-size: xx-small;
	text-align: left;
	font-weight: normal;
	line-height: 120%;
	text-decoration: underline;
	}

/* Not currently used but available for Poster Poems popup pages. */
	
#poster {
	width: 200px;
	background-color: #D0D9E6;
	}