/* CSS Information
#############################################################
Name: Mythic Software
Date: 3-17-2007
Description: Used for my personal site.
Author: Snow Wolf
URL: http://www.mythicsoftware.com
E-Mail: admin@mythicsoftware.com, wolfofthesnow@gmail.com
#############################################################
*/

body 
{
	background: #4E5D3C url(/img/bg.jpg);
	color: #444;
	font: normal 62.5% "Lucida Sans Unicode",sans-serif;
	margin: 0;
}
/*Start the link section*/
a 
{
	color: #003300;
}

a:visited
{
	color: #157DEC;
}

a:hover 
{
	color: #3B5E2B;
	text-decoration:line-through;
}
/*End the link section*/


h1 
{
	font: normal 1.6em serif;
}

h2 
{
	font: bold 1em Verdana,serif;
	margin: 3px 0 1px;
}

ul 
{
	margin-left: 1.8em;
}

blockquote 
{
	background: url(/img/quote.gif) no-repeat;
	color: #555;
	font: normal 1.4em serif;
	padding-left: 22px;
}

/* structure */
.container 
{
  	background: transparent 
              	url(/img/bgcontainer.jpg) 
              	repeat-y center top;
  	height: 100%;
  	margin: 0 auto;
  	width: 680px;
  	position: relative;
	left: 0px;
	top: 0px;
}

/*Navigation Bar on the left is no longer used*/
#NavigationLeft 
{
  	background-color: #e8ecd1;  /*So you can find it easily while working on it.*/
  	font: normal 1.7em serif;
  	line-height: 20px;
  	margin: 0 16px;
  	text-decoration: none;
  	position: relative;
  	right: -46px;
  	top: 155px;
  	/*
	float: left;
  	height: 200px;
  	width: 110px;
	*/
}

/*Navigation Bar above the header*/
#NavigationTop 
{
  	font: normal 1.4em serif;
  	font-weight: bold;
  	line-height: 20px;
  	margin: 0 16px;
  	text-align: center;
}

#BannerRight 
{
  	/*background-color: pink;  So you can find it easily while working on it.*/
  	height: 1px;
  	width: 1px;
	position: relative;
  	right: -820px;
  	top: 0px;
}

#wrapper
{
	width:900px;
	margin:auto;
	position:relative;
}

#BannerLeft 
{
  	/*background-color: red;  So you can find it easily while working on it.*/
  	height: 1px;
  	width: 1px;
	position: relative;
  	left: -50px;
  	top: 0px;
}

#BannerTop 
{
  	/* background-color: lightblue;  So you can find it easily while working on it.*/
  	height: 100%;
  	width: 150px;
  	position: relative;
	right: -100px;
	top: 10px;
}

#Twitter 
{
  	/*background-color: red;  So you can find it easily while working on it.*/
  	height: 1px;
  	width: 1px;
	position: relative;
  	left: -140px;
  	top: 700px;
}

#GoogleAd
{
  	/* background-color: lightblue;  So you can find it easily while working on it.*/
  	height: 100%;
  	width: 100%;
  	position: relative;
  	right: -100px;
  	top: 45px;
}

#GoogleSearch
{
	height: 100%;
	position: relative;
	right: -160px;
}

/* At one time I had an iFrame load the content. I kept this in here just incase I ever use an iFrame again.
   This is NOT the iFrame that controls the banner ads. 
*/
#iFramePositioning 
{
	position: relative;
	right: 0px;
	width: 150px;
	top: 150px;
	height: 100%;
}

#myContent 
{
  	font-size: 130%;
 	margin: 90px 90px 0;
}

#spacer 
{
	height: 42px;
}

#divider 
{
	background: url(/img/divider.gif) no-repeat;
	height: 20px;
	margin: 24px 0;
	position: relative;
	right: -60px;
}

#header
{
	position: relative;
	right: -24px;
	top: 40px;
}

IMG.displayed 
{
    	display: block;
    	margin-left: auto;
    	margin-right: auto 
}

/* content item */
.item {clear: both;}

.item img {border: 1px dashed #8A6;}

.item .title 
{
	color: #445044;
	font: normal 2em serif;
}

.item .title:first-letter 
{
	display: block;
	float: left;
	font-size: 2.4em;
}

.item .metadata 
{
	color: #666;
	font-size: 0.9em;
	float: left;
	padding: 0 0 6px 4px;
}

.item .body 
{
	clear: both;
}