/**
  * Tag-based styles
  */
body {
	background-color: #1b87b3;
	font: 10pt verdana;
	text-align: center;
	}
	
img {
	border-style:none;
}

/**
  * The main and its container
  */
#main {
	margin: auto;
	text-align: left;
	width: 917px;
	position: relative;
	z-index: 0;
	}

/**
  * The header styles
  */
#header h1 {
	text-indent: -9999em;
	}
#header h1 {
	position: absolute;
	top: 5px;
	left: 270px;
	width: 558px;
	height: 117px;
	background: url('../images/layouts/Daydream/Header/header.png') no-repeat;
	z-index: 2;
	}
#header h2 {
	display: none;
	}

/**
  * The navigation styles
  */
#main-navigation {
	position: absolute;
	top: 122px;
	left: 307px;
	width: 524px;
	height: 37px;
	background: url('../images/layouts/Daydream/Tabs/tabs.png') no-repeat;
	}
#main-navigation li {
	float: left;
	}
#main-navigation a {
	display: block;
	height: 37px;
	text-indent: -9999em;
	
	}
#main-navigation a:hover {
	background-image: url('../images/layouts/Daydream/Tabs/tabs.png');
	background-repeat: no-repeat;
	}

	#items {
		width: 101px;
		}
	#safebox {
		width: 70px;
		}
	#bank {
		width: 70px;
		}
	#shop {
		width: 70px;
		}
	#gallery {
		width: 69px;
		}
	#trades {
		width: 70px;
		}
	#forums {
		width: 71px;
		}
	/**
	  * The main-navigation links when they're hovered over
	  */
	#items:hover {
		background-position: 0px -37px;
		}
	#safebox:hover {
		background-position: -101px -37px;
		}
	#bank:hover {
		background-position: -171px -37px;
		}
	#shop:hover {
		background-position: -241px -37px;
		}
	#gallery:hover {
		background-position: -311px -37px;
		}
	#trades:hover {
		background-position: -380px -37px;
		}
	#forums:hover {
		background-position: -450px -37px;
		}

/**
  * The panels styles
  *
  * The following styles control the location of the panels,
  * and the dimensions of them and their data (the dd elements).
  *
  * The dd elements are where the content is kept
  * and their dimensions determine how much is visible.
  * Just as well, the top- and left-margins control the
  * top and left offsets from the containing panel.
  * 
  * Adjust the panels location to change where the panel is,
  * and adjust the panels dd for the width, height, and offset.
  *
  * Un-comment the following styles to show a solid background
  * for the panels and their dd elements. 
  */
/*
#mistica-panels dl { background: #f00 !important; }
#mistica-panels dd { background: #0f0 !important; }
*/
#mistica-panels {
	display: block;
	background-repeat: no-repeat;
	position: absolute;
	z-index: 1;
	text-align: justify;
	font-size: 8pt;
	}
	#user-status {
		position: absolute;
		top: 9px;
		width: 133px;
		height: 125px;
		background: url('../images/layouts/Daydream/Panels/user-status.png');
		}
		#usdata {
			width: 120px;
			height: 78px;
	 		margin-top: 31px;
	 		margin-left: 8px;
			}
	#mistica-status {
		position: absolute;
		top: 11px;
		left: 138px;
		width: 133px;
		height: 112px;
		background: url('../images/layouts/Daydream/Panels/mistica-status.png');
		}
		#msdata {
			width: 119px;
			height: 67px;
			margin: auto;
			margin-top:42px;
			}
	#sub-navigation {
		position: absolute;
		top: 128px;
		width: 132px;
		height: 377px;
		background: url('../images/layouts/Daydream/Panels/sub-navigation.png');
		}
		#sndata {
			width: 119px;
			height: 345px;
			margin-top: 27px;
			margin-left: 8px;
			}
	#search-site {
		position: absolute;
		top: 512px;
		width: 132px;
		height: 108px;
		background: url('../images/layouts/Daydream/Panels/search-site.png');
		}
		#ssdata {
			width: 120px;
			height: 78px;
			margin: auto;
			margin-top:25px;
			}
	#site-favourites {
		position: absolute;
		top: 5px;
		left: 832px;
		width: 132px;
		height: 183px;
		background: url('../images/layouts/Daydream/Panels/site-favorites.png');
		}
		#sfdata {
			overflow: auto;
			width: 120px;
			height: 153px;
			margin-top: 23px;
			margin-left: 5px;
			text-shadow: #ffffff 1px 1px 2px;
			}

/**
  * The content styles
  */
#content-container {
	position: absolute;
	top: 200px;
	left: 140px;
	width: 684px;
	padding-bottom: 1em;
	z-index: 1;
	}
#content #content-middle {
	background: url('../images/layouts/Daydream/Content/content-middle.png') repeat-y top left;
	}
#content #content-top {
	background: url('../images/layouts/Daydream/Content/content-top.png') no-repeat top left;
	padding-top: 19px;
	}
#content #content-bottom {
	position: relative;
	background: url('../images/layouts/Daydream/Content/content-bottom.png') no-repeat bottom left;
	padding-bottom: 26px;
	text-align: center;
	z-index: 3;
	}
#content p {
	padding: 0.5em 0;
	}
#content a:link{color:#00A2FF;                                                                 
text-decoration:none;
font-weight: bold;                                                                 
}
#content a:visited{color:#00A2FF;                                                                
text-decoration:none; 
font-weight: bold;                                                                    
}
#content a:hover{color:#00A2FF;                                                                  
text-decoration:none; 
font-weight: bold;                                                                  
}
#content a:active{color:#00A2FF;                                                                
text-decoration:none;    
font-weight: bold;                                                                 
}
/**
  * The body where content goes
  */
	#content #content-body {
		font:10pt trebuchet ms;
		text-align: center;
		width: 640px;
		margin: auto;
		color: #1C1290;
		}
	
	/**
	  * Page-specific styles start here
	  */
	#welcome-h3 {
 		margin-left: 30px;
 		display: block;
 		padding-top: 20px;
		color: #7E00AD;
}

#content #welcome {
  background:transparent url('../images/layouts/Daydream/Content/welcome.png') no-repeat scroll left top;
  height:52px;
  width:218px;
}

.postingnews TH, .deepseacell{
	background-image:url('../images/layouts/Daydream/news1.png');
	background-color:#FFFFFF;
	color:#D2F2B3;
	vertical-align:bottom;
}

.newsrepeat {
	background-image:url('../images/layouts/Daydream/news2.png');
	background-repeat: repeat-y;
	color: #5100AD;
}

#JT {
	position: absolute;
	z-index:100;
	border: 2px solid #CCCCCC;
	background-color: #fff;
}

#JT_copy{
	padding:10px 10px 10px 10px;
	color:#333333;
}

.JT_loader{
	background-image: url('..../images/layouts/loader.gif');
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:12px;
}

#JT_close_left{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_close_right{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_copy p{
margin:3px 0;
}

#JT_copy img{
	padding: 1px;
	border: 1px solid #CCCCCC;
}


.itempagination{
background: #95CE57; 
border: 1px solid #744E45; 
font-size: 11px; 
font-family: trebuchet ms, verdana, arial; 
width: 10px;
text-align: center;
}

/**
  * The ad styles
  */
#horizontal-ad {
	position: absolute;
	top: 160px;
	left: 355px;
	height: 60px;
	width: 468px;
	z-index: 6;
	}
	
#ads {
	position: absolute;
	width: 238px;
	height: 820px;
	top: 170px;
	left: 790px;
	}

#vert-ad {
	position: absolute;
	width: 160px;
	height: 600px;
	top:40px;
	left:46px;
	}
	
#box-ad {
	position: absolute;
	width: 180px;
	height: 150px;
	top: 42px;
	left: 46px;
	}

input, textarea, select{
    color: yellow;
    background: #000055;
    border: 1px solid #00A2FF;
    font-weight: bold;
    font-size: 11px;
    font-family: trebuchet ms, verdana, arial;
    padding-left: 1px;
    padding-right: 1px;
}

#error a:link { text-decoration: none; color: #B6C675; }
#error a:visited { text-decoration: none; color: #B6C675; }
#error a:active { text-decoration: none; color: #B6C675; }
#error a:hover { text-decoration: none; color: #FFFFFF; }

#error{
    margin-top: 30px;
    background-image: url('../images/layouts/Daydream/imgErrorDD.png');
    width: 450px;
    height: 110px;
    background-repeat: no-repeat;
    font-family: trebuchet ms, verdana, arial;
    font-size: 12px;
    color: #5100AD;
}
#errortext{
    padding-top: 10px;
    text-align: center;
    width: 90%;
	
}

a:link {
	color: #D83D00;                                                                 
	text-decoration:none;
	font-weight: bold;                                                                 
}

a:visited {
	color:#D83D00;                                                                
	text-decoration:none; 
	font-weight: bold;                                                                    
}

a:hover {
	color:#881fd8;                                                                  
	text-decoration:none; 
	font-weight: bold;                                                                  
}

a:active {
	color:#60FF00;                                                                
	text-decoration:none;    
	font-weight: bold;                                                                 
}

#header-icon {
	display: block;
	background: url('../images/layouts/Daydream/Header/header-tree.png');
	position: absolute;
	height: 134px;
	width: 148px;
	z-index: 4;
	left: 270px;
}

#footer {
	font-size: 10px;
}

#block1, #block2, #block9, #block11 {
	position: absolute;
	z-index: 4;
}

#block3, #block4, #block5, #block6, #block7, #block8, #block10 {
	position: absolute;
	z-index: -2;
	top: 200px;
	left: 200px;
	} 

#block1 {
	height: 84px;
	width: 71px;
	top: 110px;
	left: 130px;
	background: url(images/layouts/Daydream/Blocks/block1.png);
}

#block2 {
	height: 82px;
	width: 83px;
	top: 140px;
	left: 250px;
	}

#block9 {
	height: 84px;
	width: 83px;
	bottom: -10px;
	left: -5px;
	background: url(images/layouts/Daydream/Blocks/block3.png);
}

#block11 {
	height: 82px;
	width: 83px;
	bottom: -10px;
	right: -5px;
	background: url(images/layouts/Daydream/Blocks/block2.png);
}

li.items-heading {
	text-align: center;
	font-size: 16px;
	color: #000000;
}

li.items-data {
	width: 100%;
	color: #cccccc;
	text-shadow: #ffffff 1px 1px 2px;
}

li.items {
	text-align: center;
	font-size: 13px;
	width: 100%;
	text-shadow: #ffffff 1px 1px 2px;
}

p.items-heading {
	text-align: center;
	font-size: 16px;
	color: #000000;
}

p.items-data {
	width: 100%;
	color: #000000;
	text-shadow: #ffffff 1px 1px 2px;
}

p.items {
	text-align: center;
	font-size: 13px;
	width: 100%;
}

a.item-new {
	text-align: center;
	font-size: 13px;
	color: 00A2FF;
	text-decoration: blink;
}

a#different {
	text-align: center;
	font-size: 16px;
	color: black;
}

a#organize {
	text-align: center;
	font-size: 12px;
	color: yellow;
	text-shadow:none;
}

.table {
	margin: auto;
	}
	
.center {
	margin: auto;
	text-align: center;
	vertical-align: middle;
	}
	
blockquote {
margin:auto;
padding: 5px;
}

div.alliance {
text-align:left;
}