/* CSS Document */

body {
	background-color:#7D9EC0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	}
	


/* HEADER */

#banner {
	background-color: #f4ffff;
	background-repeat: no-repeat;
	height: 170px;
	width: 790px;
	padding: 5px 4px 3px 0px;
  }
#banner-topline {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	background-color: #3280CD;
	padding-top: 5px; padding-bottom: 3px; padding-right: 4px;
	height: 30px;
	width: 790px;
	align: right;
	z-index: 500;
	color: #000066;
	text-align: right;
}

  /*  COLUMNS */
   /* Sidebar*/
#alpha {
	background-color: #3232CC;
	float: left;
	width: 194px;
	height:1000px;
}
  /* For margin and padding purposes.*/
#alpha-inner {
padding: 10px 10px 10px 10px;
}
/* A column, contains an entry or entry listing in a two-column left and three-column layout or the sidebar in a two-column right layout.*Main text*/ 
#beta {
	background-color: #EEEEEE;	
	position: relative;
	width:600px;
    float: left;
	}
/*   For margin and padding purposes.*/
#beta-inner {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
/*in case we do a three column page*/
#gamma {
	background-color:#dbc78d;
	position: relative;
	float: right;
	
}
/*a right float box for entertainment*/	
#delta {
	background-color:#dbc78d;
	position: relative;
	float: right;
	width: 250px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 10px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
/*    Contains all displayed content and therefore makes it easy to manipulate everything together. This also allows us to center our content on older browsers.*/
#container {
	position: relative;
	margin: 0 auto; /* center on everything else */
	text-align: left;
	width: 790px;
	}
  /*   In a perfect world, we wouldn't need this div; but with so many browser bugs and partially implimented standards, using an extra 'inner' div is the best way to insure that our styles look the way they should on every platform and browser.*/
  
#container-inner { position: static; width: auto; }



/* Sets both columns to same height */
#footer {
  background-color: #3280CD;
  border-top: solid 1px #666; /* Sets the top border properties for an element using shorthand notation */
  color: #eeeeee;
  padding: 10px 10px 10px 10px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
}



  /*Holds the main content of the page.* formerly Content Wrapper*/ 

#pagebody {
	height: 100%;
	width: 794px;
	overflow: hidden;
	background-color: #EEEEEE;
	}	}


/* needed for proper display*/
#pagebody-inner {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
	padding-top: 0;
	padding-right: 0x;
	padding-bottom: 10px;
	padding-left: 10px;
}	

/* 	/* NAV ------------------------------------------ */
#navlist {
	float: left;
	width: 600px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	background-color: #c7b59f;
	border-bottom: #784f2d thick;
}

#navlist ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 120px;
	float: left;
	text-align: center;
	background-color: #c7b59f; 
}

#navlist li {
	list-style-type: none;
	position: relative;
	display: inline;
	text-align: center;
	width: 109px;
	float: left;
	z-index: 400;
	background-color: #c7b59f; 
}

#navlist li:hover {
		background-color: #dbc78d; 
}

#navlist ul ul {
	display: none;
	position: relative;
/*	z-index: 500; */

}

#navlist ul li:hover ul {
	display: inline;
	z-index: 600;
	background-color: #DFD5C8; 
	list-style: none;
	padding: 0;
	width: 600px;
	float: left;
/*	text-align: center; */
	position:absolute;
}

ul#about {
	margin: 0px 0px 0px 0px;
}

ul#join {
	margin: 0px 120px 0px -120px;
}

ul#dev {
	margin: 0px 0px 0px -240px;
}

ul#min {
	margin: 0px 0px 0px -360px;
}

ul#news {
	margin: 0px 0px 0px -480px;
}

#navlist ul li:hover ul li {
	list-style-type: none;
	position: relative;
	display: inline;
	text-align: center;
	width: 120px;
	float: left;
	z-index: 600;
	background-color: #DFD5C8; 

}


#navlist ul ul,
#navlist ul li:hover ul ul,
#navlist ul ul li:hover ul ul
{display: none;}

#navlist ul li:hover ul,
#navlist ul ul li:hover ul,
#navlist ul ul ul li:hover ul
{display: block;}

#navlist ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

#navlist a, #navlist h2 {
font: bold 11px/12px verdana, arial, helvetica, sans-serif;
display: block;
margin: 0;
padding: 5px 0px 5px 0px;
}

#navlist h2 {
	color: #6a1f36;
	text-transform: uppercase;
	text-align: center;
	font-size: 11px;
}

#navlist a {
color: #6a1f36;
text-decoration: none;
}

#navlist a:hover {
	color: #6a1f36;
	background-color: #dbc78d;
	font-size: 12px;
	}
	
	
  
  
/* standard helper classes */

.clr
{
	clear: both;
	overflow: hidden;
	width: 1px;
	height: 1px;
	margin: 0 -1px -1px 0;
	border: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
}

/* .pkg class wraps enclosing block element around inner floated elements */
.pkg:after
{
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}
* html .pkg { display: inline-block; }
/* no ie mac \*/
* html .pkg { height: 1%; }
.pkg { display: block; }

.imgRight {padding:10px;
float:right;
}
.imgLeft {padding:10px;
float:left;
}

/* */

/* Default Classes*/

/* MT SPECIFIC*/

#search
  /*  <input> Allows for specific styling of the search module input field.*/
  
  
  /*    <h2> Appears before each group of entries published on the same date.*/	
#date-header


.entry
/*    <div> Each individual entry in an entry listing gets placed in one of these.*/
.entry-body
 /*   <div> For margin and padding purposes.*/
.entry-content
/*    <div> Contains the entry text and footer.*/
.entry-footer
 /*   <p> Contains vital post statistics.*/
.entry-header
/*    <h3> Contains the title of your entry.*/
.entry-more-link
    /* <p> The "continue reading this post" link. */
.layout-two-column-right, .layout-two-column-left, .layout-one-column, .layout-three-column
   /* <body> These classes are incorporated into your stylesheet to add flexibility. If you choose to only design for a specific layout style, you won't need to worry about these. */
.module
  /*  <div> Each sidebar module is given this class, along with another class specific to that module's content. i.e. "class=module-search module" Your module header and content are both inside this div. */
.module-archives
/*    <div> Partnered with .module, used with our monthly archives and recent posts modules. */
.module-categories
  /*  <div> Partnered with .module, holds our blog categories. */
.module-content
/*    <div> The innermost content of a sidebar module. */
.module-creative-commons
  /*  <div> Partnered with .module, holds our license information (if active). */
.module-header
/*    <h2> Applied to the h2 of each sidebar module. */
.module-list
  /*  <ul> Any list in a sidebar module. i.e. Category Listing */
.module-list-item
 /*   <li> Any list item in a sidebar module. */
.module-powered
/*    <div> Partnered with .module, holds the powered by blurb. */
.module-search
  /*  <div> Partnered with .module, holds our search module. */
.module-syndicate
/*    <div> Partnered with .module, holds our blog subscription information.*/
.post-footers
    /*<span> This span shows the posted by name and entry post date.*/
	
.pkg
    /*<div> Added to inner divs, wraps an enclosing block element around inner floated elements (via <p>after pseudoclass).*/
	
.separator
   /* <span> A separator pipe is wrapped in this span, allowing us to either style it differently or take it out altogether. */