/*
This is the CSS for the Kingdom Hearts section of FW! Adventures.  It should imitate the normal site layout whenever possible.
*/

body {
	margin: 0;
	color: #333;
	font-size: 12px;
	font-family: 'Arial', sans-serif;
	text-shadow: #000 0 0 0; /* Lighten Safari's heavy fonts */
	background: url("../images/bg-2.png") repeat;
	}
	
/* Page Wrapper */

#page {
	width: 900px;
	background-color: white;
	border-left: 5px solid black;
  	border-right: 5px solid black;
	margin: 0px auto;
	text-align: center;
	}

/* Header Info */
#topadspace {
	width: 900px;
	border-bottom: 2px solid white;
	height: 105px;
	margin: 0px auto;
	text-align: center;
	background: black;
	}
	
/* THE FOOTER */

#footer {
	width: 900px;
	margin: 0px auto;
	padding: 10px 0;	
	/*color: #999;*/
	border-top: 5px solid black;
	text-align: center;
	background-color: #F0F0F0;
	}
	
	#footer a {
		color: #003EFF;
		text-decoration: none;
		border: none;
		}

	#footer a:hover {
		border-bottom: 1px solid black;
		}

	
/* THE MENU */

#menubar {
	width: 900px;
	height: 25px;
	margin: 0 auto;
	background: black;
	zoom: 1; /* IE fix, allows for variable height menu  */
	}

#menu {
    padding: 0;
    margin: 0;
	list-style: none;
    float: left;
    line-height: 25px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
    }

	#menu a {
		padding: 0px 5px;
		display: block;
		color: #fff;
		text-decoration: none;
		border-right: 1px solid #fff;
		}

	#menu li {
		float: left;
		}

	#menu li:hover a, #menu li.sfhover a {
	   color: #003EFF;
		background: #fff; /* Main menu highlighted text color */
	    }

	#menu li:hover, #menu li.sfhover {
	    background: #800; /* Main menu highlighted background color */
	    }
	
	/* For submenu dropdowns - this order must be maintained */

	#menu ul {
		padding: 0;
		margin: 0;
		list-style: none;
		position: absolute;
		left: -9999px;
		width: 151px;
		line-height: 1;
		border-top: 1px solid #fff;
		}
	#menu li li {
		width: 150px;
		margin: 0 0 0 -1px;
		border-width: 0 1px 1px 1px;
		border-color: #fff;
		border-style: solid;
		}
	#menu li li a {
		width: 139px;
	    padding: 4px 5px;
		color: #fff;
		border: none;
		}
	#menu li ul ul {
	    margin: -21px 0 0 151px;
	    }
	#menu li ul li:hover a, #menu li ul li li:hover a, #menu li ul li li li:hover a, #menu li ul li li li:hover a {
	    color: #fff; /*Submenu highlighted text color */
	    }
	#menu li:hover li a, #menu li li:hover li a, #menu li li li:hover li a, #menu li li li li:hover li a  {
	    color: #fff; /*Submenu text color */
	    }
	#menu li li:hover {
	    background: #f00; /*Submenu highlighted background color */
	    }
	#menu li:hover ul ul, #menu li:hover ul ul ul, #menu li:hover ul ul ul ul, #menu li.sfhover ul ul, #menu li.sfhover ul ul ul, #menu li.sfhover ul ul ul ul {
	    left: -9999px;
	    }
	#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li li li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul, #menu li li li.sfhover ul, #menu li li li li.sfhover ul {
	    left: auto;
	    background: #222; /*Submenu background color */
		text-transform: none;
	    }
		
	/* The Comic */
	
	#cg_img  a img{
		padding: 20px;
		border: none;
	}
	
	#cg_nav1 {
		font-weight: bold;
		font-size: 20px;
		}
		
	#cg_nav2 {
		font-weight: bold;
		font-size: 15px;
		}