/* CSS Document */

	body {
		margin: 0;
		padding: 0;
		padding-bottom: 10px;
		font-family: "Trebuchet MS", Arial, sans-serif;
		font-size: 100.01%;
		color: #D3FBCB;
		background: #2E0000 url("../images/CaveDayDragonFullSun-150w250.gif") top left no-repeat;
		}
	#menu {
		margin: 0;
		padding: 0;
		margin-right: 1em;
		margin-top: 210px;
		width: 111px;
		float: left;
		font-size: .95em;
		font-weight: bold;
		color: #2E0000;
		background-color: #FEF269;
		}
	#menu ul {
		margin: 0;
		padding: 1em;
		list-style: none;
		}	
	#menu a, #menu a:link {
		color: #000000;
		background-color: #FEF269;
		text-decoration: none;
		}	
	#menu a:hover {
		color: #FEF269;
		background-color: #2E0000;
		}	
	#content {
		margin: 1em 1em 1em 175px;
		padding: 0;
		font-size: 1em;
		}
	#wrapall {
		padding-bottom: 85px;
/*		background: transparent url("../images/Dragon-Celtic-165w50h.gif") bottom left repeat-x; */
		}
		
	h1 {
		color: #E84D36;
		background-color: transparent;
		font-size: 120%;
		}
	h2 {
		margin: 0;
		padding: 0;
		padding-bottom: 0.25em;
		color: #F08245;
		background-color: transparent;
		font-size: 110%;
		}
	#journal h2 {
		margin-top: 1em;
		padding-bottom: 0;
		}	
	.description {
		color: #F7C259;
		background-color: transparent;
		}
	p.note {
		font-size: 1.1em;
		}
	.note {	
		color: #F08245;
		background-color: transparent;
		}
	p.jump {
		text-align: right;
		font-size: 95%;
		}	
	blockquote p, dd p {
		margin: 0;
		padding: 0;
		padding-bottom: 0.25em;
		color: #ABF79C;
		background-color: transparent;
		}
	dl {
		margin: 0;
		padding: 0;
		margin-left: 2em;
		}
	#journal dl {
		margin-left: 0;
		}		
	dl dt {
		padding-top: 0.25em;
		padding-bottom: 0.1em;
		font-weight: bold;
		}
	dl dd {
		padding-bottom: 0.75em;
		}	
	dl strong {
		color: #F7C259;
		background-color: transparent;
		}			
	dl dd strong {
		font-weight: normal;
		}			
	#content a, #content a:link {
		color: #E84D36;
		background-color: transparent;
		}	
	#content a:visited {
		color: #FEF269;
		background-color: transparent;
		}	
	#content a:hover {
		color: #2E0000;
		background-color: #E84D36;
		}	
	#home #content ul {
		margin: 0;
		padding: 0;
		padding-left: 0.25em;
		}
	#home #content ul li {
		padding-left: 1em;
		list-style-type: square;
		lis
		}
	#join #content img, #world #content img {
		padding-left: 30px;
		float: right;
		}
					
	/* Begin Hack: Clear Fix */
	/* The following assumes a wrapper with class=clearfix around 2 floated columns. */
	/* This will insure the wrapper holds both columns no matter */
	/* how long they are and clear the wrapper so any following text */
	/* doesn't ride up into the wrapper area. */
	/* See http://www.positioniseverything.net/easyclearing.html for details */
	/* This part is for modern browsers except IE win */
		.clearfix:after {
		    content: "."; 
		    display: block; 
		    height: 0; 
		    clear: both; 
		    visibility: hidden;
			}
	/* This part is for IE win */
		/* Hides from IE-mac \*/
		* html .clearfix {height: 1%;}
		/* End hide from IE-mac */
	/* End Hack: Clear Fix */