/* ------------------------------------------
   GhostNetwork Website CSS For The Homepage
---------------------------------------------*/
/* Top Message Text */
p.top-message {
	color: red;
	font-size: 160%;
	text-align: center;
	background-color: #262626;
	margin-bottom: 0px;		
}
/* Text Content Wrap */
#gnhp-content-wrap {
	position: relative;
	display: block;
	width: 100%;
	background-color: transparent;
}
/* fix Bread Navi Height Bug In Some Browsers */
.search-box {
	height: 24px;
}
/* Text Body*/
#gnhp-first-text {
	position: relative;
	display : block;
	left: 0px;
	Top: 0px;
	width: 100%;
	font-size: 120%;
	background-color: transparent;
}
#gnhp-second-text {
	position: relative;
	display : block;
	left: 0px;
	font-size: 120%;
	background-color: transparent;
}
#gnhp-second-b-text {
	position: relative;
	display : block;
	left: 0px;
	width: 100%;
	font-size: 120%;
	background-color: transparent;
}
#gnhp-third-text {
	position: relative;
	display : block;
	left: 0px;
	width: 100%;
	font-size: 120%;
	background-color: transparent;
}
#gnhp-forth-text {
	position: relative;
	display : block;
	left: 0px;
	width: 100%;
	font-size: 120%;
	background-color: transparent;
}
#gnhp-last-line {
	position: relative;
	display : block;
	left: 0px;
	width: 100%;
	font-size: 120%;
	background-color: transparent;
}
/* Holder For The Jump Box*/
#gnhp-jumpbox-holder {
	position: absolute;
	width: 100px;
	right: 0px;
	bottom: -26px;
	background-color: transparent;
}
/* Holder For The PHPBB Logo*/
#gnhp-phpbb-logo-holder {
	position: absolute;
	right: 5px;
	top: 237px;
	width: 130px;
	height: 106px;
	background: url(./images/hpphbb.png) no-repeat;
	background-color: transparent;
}


/* ------------------------------------------
Media CSS for Different Device Screen sizes
---------------------------------------------*/

/* Silly Small Screen */
    @media only screen and (min-width : 1px) {
		#gnhp-second-text {
			width: 100%;
		}
		#gnhp-jumpbox-holder {
			display: none;
		}
		#gnhp-phpbb-logo-holder {
			display : none;
		}
   	}
/* Extra Small Devices, Phones */ 
    @media only screen and (min-width : 480px) {
		#gnhp-second-text {
			width: 100%;
		}
		#gnhp-jumpbox-holder {
			display: none;
		}
		#gnhp-phpbb-logo-holder {
			display : none;
		}
    }
    
/* Custom, Show jump box at the thinnest possible width  */ 
    @media only screen and (min-width : 570px) {
		#gnhp-jumpbox-holder {
			display: table;
		}
	}

/* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {
    	/* No Adjustment Needed */    
    }
    
/* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {
    	/* No Adjustment Needed */
    }
    
 /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {
		#gnhp-second-text {
			width: 88%;
		}
		#gnhp-jumpbox-holder {
			display: table;
		}
		#gnhp-phpbb-logo-holder {
			display : block;
		}
    }
/* ----------------------------------------*/