/* Styles the body. */

body{
 background: #161d23 url(http://moon.iridescentdream.com/image/bg.gif) repeat;
 font: 12px arial, sans-serif;
 color: #2D2D29;
 margin: 0; padding: 0;
}


/* The design-holder. */

#holder{
 position: relative;
 left: 50%; top: 0;
 width: 800px; height: auto;
 margin-left: -375px; margin-bottom: 0px;
 padding-bottom: 25px;
 background-color: #efefef;
 border-left: 1px #939473 solid; border-right: 1px #939473 solid;
}


/* Gives all the below id's the same values. */

#header, #menu, #undermenu, #content, #footer{
 position: relative;
 left: 0; top: 0;
 width: 100%;
}


/* The header (with homepage name..). */

#header{
 height: 109px;
 background:  url(http://moon.iridescentdream.com/image/header_top.jpg) repeat-x;
}


/* "Homepage name..." text above (bright coloured). */

#header h1{
 position: absolute;
 left: 20px; bottom: 20px;
 margin: 0;
 font: 1.4em georgia, serif;
 color: #e2ecf5;
 z-index: 1;
}


/* "Homepage name..." text below (dark coloured). */

#header h2{
 position: absolute;
 left: 21px; bottom: 19px;
 margin: 0;
 font: 1.4em georgia, serif;
 color: #3E515E;
 z-index: 0;
}


/* The menu. */

#menu{
 height: 19px;
 padding-top: 0px;
 text-align: right;
 font: 1em arial, sans-serif;
 background:  url(http://moon.iridescentdream.com/image/header_middle.jpg) repeat-x;
}

 /* Fixes the links colours and such in the menu. */
   #menu a{ color:#1c4159; text-decoration:none; font-weight:bold; margin-left:10px; margin-right: 10px; }
   #menu a:hover{ color:#ec2626; text-decoration:underline; margin-left:10px; margin-right: 10px; }
   #menu a:active{ color:#69D2E7; text-decoration:underline; margin-left:10px; margin-right: 10px; }


	#sidenav { 
		top: 148px; 
		width: 120px;
		background: #92d7f8;  
		text-align: left;
		position: absolute; 
		text-transform: uppercase;
		border-top: 2px #ffffff dotted; 
		} 

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

	#sidenav a { 
		width: 100px;
		color: #40bbec; 
 		margin: 0px; padding: 9px; 
		border-bottom: 2px #ffffff dotted; 
		text-decoration: none; 
		display: block; 
		font-weight: bold;
		font-size: 12px;
		}

	#sidenav a:hover { 
		background-color: #E8BF56;
		color: #fff; 
		margin: 0px; padding: 9px; 
		font-weight: bold;
		}





/*  fade below the menu. */

#undermenu{
 height: 13px;
 background:  url(http://moon.iridescentdream.com/image/header_bottom.jpg) repeat-x;
}


/* Ad div */

#sideA{
 float:left;
 width: 150px;
 text-align: center;
 min-height: 533px;
 max-height: 1824px;
 background-color: #efefef;
 padding: 3px;
}


/* The content holder */

#contentA {
 max-width: 600px; 
 min-height: 533px;
 max-height: 2024px;
 text-align: center;
 padding: 10px;
 background-color: #efefef;
}



/* Styles the 'p'-tag. */

p{
 margin: 20px 30px 10px 30px;
 padding: 0;
 text-align: justify;
 text-indent: 10px;
 font: 1em arial, sans-serif;
 line-height: 1.5em;
 color: #3E515E;
}


p.two{
 margin: 20px 10px 10px 10px;
 padding: 0;
 text-indent: 10px;
 font: 1em arial, sans-serif;
 line-height: 1.5em;
 color: #3E515E;
}


/* to quote something. */

.quote{
 margin: 0 30px 10px 50px;
 font: 1em verdana, sans-serif;
 background-color: #f1f8f9;
 padding: 12px;
 text-indent: 0px;
 border: 1px #aaa dotted;
}


/* Use this if you don't want first lines on all paragraph to be moved 15px inn */

.noindent{
 text-indent: 0;
}

.wordSpacing {word-spacing: 10px;}

/* The biggest font. */

h1{
 font: 2em georgia, serif;
 margin: 25px 0 0 30px;
 padding: 0;
 color: #3E515E;
}


/* The font below the biggest font. */




h2{
 color: #9b8164;
 font: 2.0em georgia, serif;
 text-transform: lowercase;
 margin: 20px 0 0 30px;
 padding: 0;
 text-align: center;
 border-bottom: dotted #9b8164 1px;
 font-weight: bold;
 letter-spacing: 1px;
 
}






/* Use this for paragraph titles. */

h3{
 font: 1.4em georgia, serif;
 text-transform: uppercase;
 margin: 20px 0 0 30px;
 padding: 0;
 color: #215A6D;
 text-align: center;
 font-weight: bold;
 letter-spacing: 8px;
}

h4{
 color: #9b8164;
 font: 1.0em georgia, serif;
 text-transform: lowercase;
 margin: 20px 0 0 30px;
 padding: 0;
 text-align: right;
 border-bottom: dotted #9b8164 1px;
 font-weight: bold;
 letter-spacing: 2px;
 
}


/* Italic text. */

i{
 font: 1em arial, sans-serif;
 font-style: italic;
 color: #000;
}


/* Bold text. */

b{
 font-weight: bold;
 color: #3E515E;
}


/* The list ('li') holder. */

ul{
 background-color: #fff;
}


/* Lists. */

li{
 margin: 0 0 0 5px;
 padding: 0;
}


/* Styles all links on the page (without the menu, wich already have been styled). */

a{
 color: #c3a792;
 font-weight: bold;
 text-decoration: underline;
}


a:visited{
 color: #c3a792;
 text-decoration: none;
}

a:hover{
 color: #69D2E7;
 text-decoration: none;
}


a:active{
 color: #ec2626;
 text-decoration: none;
}


img {
 border: none;
 }
 
 
p.center {text-align: center; 
				padding: 0px;}


center {text-align: center; 
				padding: 5px;}

.left {float:right; padding: 1em; }


/* Styles Gallery */

div.pic {
		padding: 2px;
		border: 1px #9b8164 solid;
		width: 500px;
		margin-left: auto;
    	margin-right: auto;
		}
		
	
.clear {clear: right;}


/* Styles Footer */


div#footer {text-align: center;}