body{
	background-color:#777777;
	margin:0;
	display:flex;
	flex-direction:column;
	align-items:center;
}

@font-face{
	font-family:"Lato";
	src: url("/res/fonts/Lato/Lato-Regular.ttf");
	format: ("ttf");
	src: url("/res/fonts/Lato/Lato-Regular.woff2");
	format: ("woff2");
}

@font-face{
	font-family: "Amstrad2Y";
	src: url("/res/fonts/Amstrad/Amstrad_PC-2y.ttf"),
	format: ("ttf");
	src: url("/res/fonts/Amstrad/Amstrad_PC-2y.woff2"),
	format: ("woff2");
}

a:visited{
	color:#1cb023;
	background-color:transparent;
	text-decoration:none;
}

a:link{
	color:#1cb023;
	background-color:transparent;
	text-decoration:none;
}

.posttext > a:visited{
	color:#d3e1ff;
	background-color:transparent;
	text-decoration:none;
}

.posttext > a:link{
	color:#d3e1ff;
	background-color:transparent;
	text-decoration:none;
}

.textbox > a:visited{
	color:#d3e1ff;
	background-color:transparent;
	text-decoration:none;
}

.textbox > a:link{
	color:#d3e1ff;
	background-color:transparent;
	text-decoration:none;
}

p	{
	font-family:"Lato", "Arial";
	font-size: 16px;
	line-height:18px;
	/* margin:1px; */
	/* margin:1px 0px 1px 1px; */
	margin:1px 7px 7px 1px;
}

h2{
	font-family:"Lato", "Arial";
	font-size:20px;
    margin:14px 0px 7px 0px;
	font-weight:normal;
}

#banner{
	width:902px;
	height:230px;
	background-image:url('/res/banner/1.png');
}

.topbar{
	background-image:url('/res/theme/default/topbar.png');
	width:900px;
	height:18px;
	margin:1px 1px 0px 1px;
	outline: 1px solid;
}

.back-button{
	width:48px;
	height:16px;
	margin:1px;
	background-image:url('/res/name/back.png');
	display:flex;
}

.content{
	background-color:white;
	width:894px;
	height:auto;
	margin:1px;
	outline: 1px solid;
	padding:6px 0px 0px 6px;
	display:flex;
	flex-wrap:wrap;
}

.footer{
	background-image:url('/res/misc/page_footer_2026.png');
	width:470px;
	height:17px;
	margin-top:12px;
	margin-bottom:24px;
}

.container{
	margin: 1px 7px 7px 1px;
	outline: 1px solid;
	outline-color: black;
}

.titlebar{
	margin: 1px 7px 0px 1px;
	outline: 1px solid;
	height:18px;
	background-image:url('/res/theme/default/topbar.png');
	display:flex;
    flex-direction:column;
}

.halfpage{
	width: 447px;
	display:flex;
	flex-direction:column;
}

.column{
	display:flex;
	flex-direction:column;
}

.amstradfont{
	font-family: Amstrad2Y,monospace;
}

/* Colour Offsets */

.redoffset{
	filter: hue-rotate(278deg) saturate(3.5);
}

.pinkoffset{
	filter: hue-rotate(250deg);
}

.yellowoffset{
	filter: hue-rotate(343deg) brightness(1.16);
}

.purpleoffset{
	filter: hue-rotate(180deg) brightness(0.75) contrast(2);
}

.orangeoffset{
	filter: hue-rotate(315deg);
}

.lightblueoffset{
	filter: hue-rotate(115deg);
}

.blueoffset{
	filter: hue-rotate(163deg) brightness(0.8) saturate(4);
}

.greyoffset{
	filter: grayscale(1);
}

/* End Colour Offsets */

.barname{
	height:16px;
	margin:1px;
	background-repeat: no-repeat;
}

.textbox{
	padding:1px;
	background-image:url('/res/theme/default/os9wood.png');
	color:white;
	text-shadow:2px 2px 5px #000000a0;
}

.albumart{
	display:block;
	width:439px;
	height:439px;
	background-size: contain;
}

.articlebutton{
	height:90px;
	width:439px;
	display:block;
}

.articlelistingtext{
	width:439px;
}

.musiclink{
	display:block;
	width:141px;
	height:64px;
}

.artpost{
	width:141px;
	height:141px;
	background-size: contain;
}

.musicpost{
	width:290px;
	height:290px;
	background-size: contain;
}

.prevbutton{
	width:70px;
	height:18px;
	margin:1px 7px 7px 1px;
	outline: 1px solid;
	outline-color: black;
	background-image:url('/res/title/prev.png'),url('/res/theme/default/topbar.png');
	background-repeat:no-repeat,repeat;
	background-position:1px 1px, 0px;
}

.nextbutton{
	width:70px;
	height:18px;
	margin:1px 7px 7px 1px;
	outline: 1px solid;
	outline-color: black;
	background-image:url('/res/title/next.png'),url('/res/theme/default/topbar.png');
	background-repeat:no-repeat,repeat;
	background-position:21px 1px, 0px;
}

.gallerybutton{
	width:70px;
	height:18px;
	margin:1px 7px 7px 1px;
	outline: 1px solid;
	outline-color: black;
	background-image:url('/res/title/gallery.png'),url('/res/theme/default/topbar.png');
	background-repeat:no-repeat,repeat;
	background-position:6px 1px, 0px;
}

/* article */


.article_info{
	display:flex;
	justify-content:space-between;
	width:894px;
}

.article_top_bar{
	padding:0px 6px 6px 0px;
	width:888px;
	height:4px;
	background-image:url('/res/theme/default/articlebar.png');
	background-repeat:no-repeat;
}

.article_date_text{
	text-align:right;
}

.article_img{
	display:block;
}

.article_float_right{
	float:right;
	margin-left:7px;
}

.article_float_left{
	float:left;
}

.article_container{
    display:flex;
    flex-wrap:wrap;
}

.article_inline_container{
	display:inline-block;
	}

/* homepage */

.updatescroll::-webkit-scrollbar {
	width: 15px;
}

.updatescroll::-webkit-scrollbar-thumb {
	background: url(/res/theme/default/onyx_scroll.png);
	background-repeat:repeat-x;
	min-height: 40px;
}

.abouttext{
	font-family: Amstrad2Y,monospace;
	text-align:right;text-shadow:
	-1px -1px 0 #FFF,  
	1px -1px 0 #FFF,
	-1px 1px 0 #FFF,
	1px 1px 0 #FFF;
	color:#a954d5;
	padding:16px;
	line-height:16px;
	margin: 1px;
}

.newszone{
	width:886px;
	height:544px;
	background-image:url('/res/theme/default/os9wood.png');
	display:flex;
	position:relative;
}

.updateshell{
	width:422px;
	height:523px;
	background-image:url(/res/theme/default/onyx_updates.png);
}

.updatezone{
	width:408px;
	height:494px;
	position:relative;
	top:22px;
	overflow:auto;
	left:7px;
}

.linksbox{
	width:127px;
	height:150px;
	background-image:url(/res/theme/default/socials.png);
	display:flex;
	flex-direction:column;
	padding:23px 7px 7px 7px;
}

.sociallink{
	width:126px;
	height:24px;
	margin:0px 1px 1px 0px;
}

.homelink{
	width:400px;
	height:90px;
	display:block;
}

.latestcontainer{
	display:flex;
	height:46px
}

.onyxstart{
	background-image:url('/res/theme/default/onyx_start.png');
	width:14px;
	height:46px;
}

.onyxmid{
	background-image:url('/res/theme/default/onyx_mid.png');
	margin:0px;
	padding:5px;
	line-height:16px;
}

.onyxend{
	background-image:url('/res/theme/default/onyx_end.png');
	width:5px;
	height:46px;
}

.onyxwindow{
	background-image:url('/res/theme/default/onyx_window.png');
	width:200px;
	height:200px;
	display:flex;
	padding:22px 7px 7px 6px;
}

.latestthumb{
	height:200px;
	width:200px;
	background-size:contain;
}

/* Music Player */

#myProgress {
	width: 350px;
	background-color: #2a8c85; 
	cursor: pointer;
	margin: 12px 0px 12px 0px;
}

#myBar {
	width: 0%;
	height: 8px;
	background-color: white;
}

.logo {
	fill: red;
}

.btn-action{
	cursor: pointer;
	width: 32px;
	height: 32px;
}

.btn-ctn, .infos-ctn{
	display: flex;
	background-image: url('/res/player/control.png');
	height:32px;
}

.infos-ctn{
	padding-top: 20px;
}

.btn-ctn > div {
}

.infos-ctn > div {
	margin-bottom: 8px;
	color: #ffc266;
}

.first-btn{
	margin-left: 3px;
}

.duration{
	margin-left: 10px;
}

.tracktitle{
	margin-left: 10px;
	width: 210px;
	text-align: center;
}

.player-ctn{
	width: 437px;
	padding: 1px;
	font-family: Amstrad2Y,monospace;
	font-size: 16px;
	line-height: 16px;
}

.playlist-track-ctn{
	display: flex;
	background-image:url('/res/player/playlist.png');
	margin-top: 1px;
	height: 32px;
	filter: saturate(0.5);
	cursor: pointer;
}

.playlist-track-ctn:last-child{
	/*border: 1px solid #ffc266; */
}

.playlist-track-ctn > div{
}

.playlist-info-track{
	width: 350px;
	margin: 9px 0px 7px 0px;
}

.playlist-duration{
	width: 40px;
    height: 16px;
    padding: 9px 7px 7px 8px;
	color: white;
}

.playlist-info-track,.playlist-duration{
	color: white;
	pointer-events: none;
}

.playlist-ctn{
}

.active-track{
	filter: saturate(1) !important;
}

.playlist-btn-play{
	pointer-events: none;
}

.fas{
	display:flex;
	width: 16px;
    height: 16px;
    margin: 8px;
}

.fa-play{
	background-image:url('/res/player/play.png')
}

.fa-pause{
	background-image:url('/res/player/pause.png')
}

.timer{
	width: 40px;
    height: 16px;
    padding: 9px 7px 7px 8px;
	color: white;
}

/* Post */

.postimg{
	width:652px;
	display:block;
}

.postinfo{
	background-image:url('/res/theme/default/os9wood.png');
	width:226px;
}

.posttext{
	color:white;
	text-shadow:2px 2px 5px #000000a0;
	margin: 1px;
}

/* gallery */

.gallerythumb{
	width:215.5px;
	height:175px;
	background-size:cover;
	background-position:center;
}