/* OnePage Style Sheet 2025 */



body{
	margin:0;
}







/* GLOBAL NAVIGATION BAR */
.globaltitlebar{
	padding: 0px 0; 
	display:block; 
	background-color:#000000; 
	height:50px; 
	width:100%;
}		
.globalnav{
	margin:auto; 
	font-family: roboto italic; 
	width:950px; 
	font-size:20px; 
	list-style-type:none; 
	overflow:hidden; 
	color:white; 
	list-style-type:none; 
	overflow:hidden;
	padding-top: 2px;
}
.irclogo {
	float: left;
	margin: auto;
	color: white;
	padding-top: 7px;
	padding-bottom: 10px;
	padding-left: 5px;
	padding-right: 9px;	
}
.globalmenuitem {
	float: left;
	font-family: roboto italic; 
}
.globalmenuitem a {
	font-family: roboto italic; 
	font-size: 22px; 
	display: block;
	color: white;
	text-align: center;
	text-decoration: none;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 11px;
	padding-right: 11px;
}
.globalmenuitem a:hover:not(.active) {
	background-color: #840000;
}





/* Page Content Body */
.contentbody{
	font-family: roboto;
	margin: auto;
	height: auto;
	width: 950px;
}








/* HEADER GRAPHIC */
.headergraphic{
	font-family: roboto;	
	margin: auto;
	height: 185px;
	width: 950px;
	background-color: #FFC6C6;
	background-image: url("assets/genericbanner.jpg");
	background-size: cover;
	background-position: center;
}






/* LOCAL NAVIGATION MENU */
.navbarlocal{
	font-family: roboto bold;
	background-color: #000000;	
	font-size: 18px;	
	list-style-type: none;	
	margin: 0;
	padding: 0px 8px;	
	overflow: hidden;	
}
.navbutton {
	float: left;
	font-size: 18px;
}
.navbutton a {
	display: block;
	color: white;
	text-align: center;
	text-decoration: none;	
	padding-top: 11px;
	padding-left: 14px;
	padding-right: 14px;
	padding-bottom: 11px;
}
.navbutton a:hover:not(.active) {
	color: white;
	background-color: #db0202;
}
.activepage {
	color: white;
	background-color: #870000; 
}





/* --Homepage-- */



.headertext{
	font-family: roboto medium italic;
	font-size: 45px;
	line-height: 40px;
	margin-top: 10px;
	margin-left: 9px;
	margin-right: 9px;
	margin-bottom: 10px;
}





/* SQUARE */
.herocontainer{
	height: 650px;
	margin-top: 10px;
	margin-bottom: 10px;	
}
.herobox{
	float: left;
	width: 950px;
	height: 650px;
	background-color: #C00000;
	background-image: url("assets/boxbg.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	overflow: auto;
}
.herotitle{
	text-shadow: 1px 6px 3px #000000;
	font-family: roboto bold italic;
	font-size: 45px;
	font-weight: normal;
	width: 480px;
	color: white;
	float: left;
	margin-top: 18px;
	margin-right: 6px;
	padding-left: 14px;
	margin-bottom: 15px;
}
.heroboximage{
	background-image: url("assets/pagescreenshot.jpg");
	background-size: cover;
	box-shadow: 1px 8px 3px #000000;
	float: right;
	height: 650px;
	width: 450px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: auto;
	color: white;
}
.heroboxparagraph{
	text-shadow: 1px 2px 3px #000000;
	color: white;
	width: 470px;
	margin-top: 6px;
	margin-left: 14px;
}
.herotext{
	font-family: roboto italic;
	font-size: 22px;
	line-height: 30px;
	margin-bottom: 18px;
}





/* --ARCHIVE-- */
.archivecontainer{
	display: flex;
	gap: 5px;
	grid-template-columns: auto auto auto auto;
	overflow: hidden;
	margin-top: 10px;
	margin-bottom: 50px;
	margin-left: 0px;
	margin-right: 0px;
	height: auto;
	width: auto;
	flex-wrap: wrap;	
}	


.archiveitem{
	background-image: url("assets/boxbg.jpg");
	background-size: cover;
	text-shadow: 1px 0px 5px Black;
	float: left;
	color: white;
	height: 120px;
	width: 932px;
	background-size: cover;
	margin-left: 9px;
	margin-right: 9px;
	margin-bottom: 2px;		
}
.archivetitle{
	font-family: roboto bold italic;
	font-size: 35px;
	margin-top: 20px;
	margin-left: 20px;
}
.archiveitem a{
	text-decoration: none;
	color: white;
}
.archiveitem:hover{
	text-decoration: underline;
	color: white;
}
.archivesubtext{
	text-align: right;
	line-height: 1px;
	margin-right: 20px; 	
	padding-bottom: 30px;
}






.dividingline{
	padding-bottom: 1px; 
	background-color: #bababa; 
	margin-left: 9px;
	margin-right: 9px;
}

.pagespacer{
	padding-bottom: 500px; 
	margin-left: 9px;
	margin-right: 9px;
}







/* disclaimer info */
.disclaimer{
	font-family: roboto italic;
	text-align: center;
	color: gray;
	font-size: 13px;
	margin-top: 2px;
	margin-bottom: 10px;
	text-decoration: capitalize;
	line-height: 17px;
}





/* FOOTER DESIGN */
.footer {
	height: 100px;
	width: 100%;
	background-color: #840000;
	background-image: url("assets/footerbg.jpg");
	background-size: cover;
	color: white;
	text-align: center;
	margin-top: 3px;
	margin-bottom: 0px;
	padding: 14px 0;
}
.footertext{
	margin-top: 17px;
	margin-bottom: 2px;
	font-family: roboto italic;	
}