/* CSS Document */
@import url(http://www.bluemooncomics.net/fonts.css) all;



.contain
{
position:absolute;
top:0px;
left:50%;
margin-right: auto;
margin-left: -475px;
width:943px;
}

ul{list-style: none;}

#nav 
{

	margin-left: 0;
	padding-left: 0;
	display: inline;
} 

#nav li	{
 font-size: 0.8em;
font-family: Comic Sans MS;
	
	margin-left: 0;
	margin-bottom: 0;
	padding: 2px 15px 5px;
	list-style: none;
	display: inline;
	}



body
{
width: 100%;
text-align: center;
background-color:black;
background-image:url('corner.jpg');
background-repeat:no-repeat;
background-attachment:fixed;
background-position:bottom right; 
} 



div.button {
  text-align:center;
  }
div.float {
  float: left;
  }
div.floatr {
  float: left;
  }
linkfloat {
  float: left;
  }

div.floatr p {
   width:15%;
   padding:2px;
   text-align: right;
  }
div.float p {
   width:200px;
   padding:2px;
   text-align: right;
   }

div.colorbox
{
width:30px;
height:20px;
border:1px solid;
border-color:#FFFFFF;
clear:both;
}


div.spacer
{
clear:both;
}

div.footer
{
clear:both;
}



.links
{

clear: both;

} 



.content
{
position:absolute;
left:0px;
top:290px;
width: 550px;
text-align: left;
border:0px;
padding:2px; 
z-index: 1;
} 

.admincontent
{
position:absolute;
left:0px;
top:30px;
width: 550px;
text-align: left;
border:0px;
padding:2px; 
z-index: 1;

}

#title0
{
z-index: 51;

position:absolute;
left:75px;
top:-112px;
}

#title0 img{
border:none;
}


#title
{
z-index: 50;

position:absolute;
left:1px;
top:-62px;
 
}

#title img{
border:none;
}

#reviews
{
position:absolute;
left:560px;
top:35px;
height:320px;
text-align: left;
padding:0px; 
width: 387px;
} 



#merch
{
float: right;
margin:10px 10px 10px 10px;
text-align: left;
border:1px solid;
border-color:#000000; 
padding:3px; 
background-color:#FFC744;
width: 185px;
FONT-SIZE: 12px;
COLOR: #000000; 
FONT-FAMILY: arial;
} 

.merchtitle{
FONT-SIZE: 14px;
COLOR: #000000; 
FONT-FAMILY: arial;
}


#sidepanel
{

position:absolute;
left:560px;
top:374px;
text-align: center;
border:1px solid;
border-color:#ffffff; 
padding:0px; 
background-color:#FFC744;
width: 387px;
FONT-SIZE: 14px;
COLOR: #000000; 
FONT-FAMILY: arial;
} 

#sidepanel2
{

position:absolute;
left:560px;
top:543px;
text-align: center;
border:1px solid;
border-color:#ffffff; 
padding:0px; 
background-color:#FFC744;
width: 387px;
FONT-SIZE: 14px;
COLOR: #000000; 
FONT-FAMILY: arial;
} 


#sidepanel3
{

position:absolute;
left:560px;
top:542px;
text-align: center;
border:1px solid;
border-color:#ffffff; 
padding: 0px;
background-color:#FFC744;
width: 387px;
FONT-SIZE: 14px;
COLOR: #000000; 
FONT-FAMILY: arial;
} 



#storepic
{
height:65px;
background-image:url("storetiny.jpg");
padding:0px; 
border-bottom:1px solid;
border-color:#ffffff; 

background-repeat:no-repeat;
clear:both;
}

.cleardiv
{
clear:both;
}

#divaddress {
margin:0px auto 0px auto;
	
	text-align: left;
	padding: 5px;
	float: left;
}


#divaddress2 {
margin:0px auto 0px auto;
	
	text-align: left;
	padding: 5px;
	
}

#divtimes {
margin:0px auto 0px auto;
	
	text-align: right;
	padding: 5px;	
	float: right;
}



.news
{
width:544px;
margin:0px auto 0px auto;
padding:3px;
text-align: left;
background-color: white;
FONT-SIZE: 14px; 
FONT-FAMILY: arial;

} 

.rafgallery li {
        display: inline;
        list-style: none;
        
        float: left;
        margin: 0 40px 10px 0;
        text-align: center;
	} 

.linkgallery li {
        display: inline;
        list-style: none;
        
        float: left;
        margin: 0 10px 10px 0;
        text-align: center;
	} 


.news p{
padding:3px;

}

#newsdate
{
margin-bottom:0px;
padding:3px;
text-align: left;
color:#000000;
FONT-SIZE: 14px; 
FONT-FAMILY: arial;
} 


.newstop
{margin:0px auto 0px auto;
width:550px;
height:12px;
background-image: url(newstop.png);
background-repeat: no-repeat;
}




.newsfoot
{margin:0px auto 0px auto;
width:553px;
height:12px;
clear: both;
background-image: url(newsbottom.png);
background-repeat: no-repeat;
}



#heading
{margin-bottom:0px;
text-align: left;
padding:2px; 
FONT-WEIGHT: bold; 
FONT-SIZE: 16px; 
COLOR: #000000; 
LINE-HEIGHT: 16px; 
FONT-FAMILY: arial;
height:18px;
} 

#header
{
border:1px solid;
border-color:#FFFFFF; 
position:absolute;
left:0px;
top:35px;
z-index: 0;

width: 550px;
height: 244px;
background-image:url("bmlogo.jpg");
text-align: center;
padding:0px; 
background-attachment:scroll; 
background-repeat:no-repeat;
background-color:blue;
}

#navdiv{
width: 100%;
text-align: center;
padding:3px; 
COLOR: #000000; 
background-color:#FFC744;
height:28px;
z-index: 3;


}

#navdiv img{
border:none;
}

#checkus{
FONT-SIZE: 12px;
width:150px;
text-align: center;
padding:2px; 
border:2px solid;
COLOR: #000000; 
FONT-FAMILY: arial;
FONT-WEIGHT: bold; 
border-color:#000000;
background-color:#FFC744;
position:absolute;
left:393px;
height:50px;
top:222px;
z-index: 2;

}


.nonvisible{
height:210px;
display:none;
FONT-WEIGHT: bold; 
FONT-SIZE: 20px; 
COLOR: #FFFFFF; 
LINE-HEIGHT: 22px; 
FONT-FAMILY: arial;

} 



img
{
border:1px solid;
border-color:#FFFFFF; 

}


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

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

a:active 
	{ 
	color:red; 
	text-decoration:none; 
	font-weight: bold;
	}

a:hover 
	{ 
	color:#00AADD; 
	text-decoration: none; 
	font-weight: bold; 
 	cursor:hand;
	} 




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

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

#nav a:active 
	{ 
	color:#000000; 
	text-decoration:none; 
	font-weight: bold;
	}

#nav a:hover 
	{ 
	color:#ff0000; 
	text-decoration: none; 
	font-weight: bold; 
 	cursor:hand;
	}