/*  CSS for Exiles
	2006 BeeDragon Web Services
	http://beedragon.com
*/

body
		{
			margin: 1;
			padding: 1;
			font: 1em/1.5em arial, helvetica, sans-serif;
			color: #CCCCCC;
			background-color: #000000;
		}

/* HEADINGS */
h1 {  /* Red background, white text - not currently being used */
	font-size:1.8em;
	line-height:1em;
	text-align:center;
	color:#fff;
	background-color:#c00;
	padding:.25em;
}
h2 { /* Subheadings */
	font-size:1.5em;
	text-align:center;
	line-height:1em;
	margin:.25em;
}
h3 { /* Smaller heading */
	font-size:1.2em;
	line-height: 1em;
	margin:.25em;
	margin-bottom:.25em;
}
h4 { /* Smaller heading */
	font-size:1em;
	line-height:1em;
	margin:.25em;
}
h5 { /* Heading with background image */
	font-size:1.35em;
	line-height:1em;
	text-align:center;
	color:#fff;
	background-color:inherit;
	background:url(images/maroon_oval_paint.jpg) no-repeat top center;
	padding:.75em;
	margin:.25em 0;
}
h6 { /* Date */
	font-style:italic;
	font-size:.75em;
	line-height:1em;
	text-align:center;
	margin:0;
	padding:0;
}


/* Links - default page links */
a:link {color:#00c; background-color:inherit;}
a:visited {color:#666; background-color:inherit;}
a:hover, a:active {color:#c00; background-color:inherit;}

/* FLOATS - apply these classes to an image to make text wrap around it */
.left {float:left; margin-right:.75em;}
.right {float:right; margin-left:.75em;}


/* Classes from Teresa's personal CSS Website stylesheet */
.bold {font-weight: bold;}
.centered {text-align: center;}
.hidden {display: none;}
.italic {font-style: italic;}
.inline {display: inline;}
.largest {font-size: 116%;}
.larger {font-size: 103%;}
.medium {font-size: 88%;}
.smaller {font-size: 77%;margin:0;padding:0;line-height:1em;}
.smallerbold {font-size:77%;font-weight:bold;margin:0;padding:0;line-height:1em;}
.smallest {font-size: 68%;}
.heart {font-size: 150%; color:#c00; background-color: inherit;}
.spacer {
	clear: both;
	height: 0; margin: 0;
	line-height: 0;
	font-size: 1px;}
/* end of Classes from Teresa's personal CSS Website stylesheet */
		
/* LAYOUT DIVS */
#container
{
	margin: 0 1%;
	color: #000;
	background-color: #fff;
	border: 1px solid #333;
}

#banner /* change padding based on amount of text and logo size */
{
	background: #000 url(images/exileslogo_web.jpg) top left no-repeat;
	border-bottom: 1px solid #333;
	color:#fff;
	padding:1.5em;

}
#banner p /* Text in top banner */
{
	margin:0 0 0 200px;
	font-weight:bold;
	line-height:1.25em;
}

/* Navigation Bar */
#nav /* Left sidebar */
{
	float:left;
	width: 160px;
	margin:0;
	padding: 1em 0;
	background-color:#2921A5; /* Color of left sidebar */
	color:#fff; /* Text color for left sidebar */
	font-size:.95em;
}


#nav ul {
	margin:0;
	padding:0;
}
#nav ul li {
	list-style-type:none;
	margin:0;
	padding:0;
}

/* Navigation Links */
#nav a /* These styles apply to navbar links in all states */
{
	display:block;
	text-decoration:none;
	padding:.2em .75em;
	margin:0;
	font-weight:bold;
	line-height:2.25em;
}


#nav a:link, #nav a:visited {
	color:#fff;
	background-color:inherit;
	background-image:url(images/butBlue.jpg);
}
#nav a:hover, #nav a:active {
	color:#fff;
	background-color:inherit;
	background-image: url(images/butGrey.jpg);
}
/* Class for the navbar link to the current page */
#nav a.current, #nav a.current:link, #nav a.current:visited, #nav a.current:hover, #nav a.current:active {
	color:#000;
	background-color:inherit;
	background-image: url(images/butWhite.jpg);
}

 

/* Main Content Area */
#content
{
	padding:1em 1em 2em 0;
	margin-left:190px; /* Leaves room for left sidebar */
}

#content p { margin-top: .50em;}

#content h2 { margin-top: 0; }

#content h5 a, #content h5 a:link, #content h5 a:visited, #content h5 a:active, #content h5 a:hover
{ 
	color:#fff; 
	background-color:inherit; 
	text-decoration:none; 
}

#content ul {list-style-image: url(images/blueball.gif);}

#content div.left { /* Left column for 2 column content area */
	float:left;
	width:38%; /* For IE */
	margin-right:.5em;
}
#content > div.left {min-width:48%;} /* Sets width for other browsers - IE ignores child selectors [and also doesn't understand min-width] */

#content div.right { /* Right column for 2 column content area */
	float:right;
	width:38%; /* For IE */
	margin-left:.5em;
}
#content > div.right {min-width:48%;} /* Sets width for other browsers - IE ignores child selectors [and also doesn't understand min-width] */

/* Footer */
#footer
{
	clear: both; /* Clears floats - places footer after (below) page content */
	background-color: #000;
	color:#f6f6f6;
	font-size:.75em;
	padding:0;
	text-align: center;
	letter-spacing:.1em;
}
#footer p {
	margin:0;
	padding:0;
}
/* Footer Links */
#footer a:link, #footer a:visited {
	color:#f6f6f6;
	background-color:inherit;
}
#footer a:hover, #footer a:active {
	color:#ccc;
	background-color:inherit;
}