#sidebar {
	float: right;
	position: relative;
	width: 30rem;
	z-index: 10;
}
#stream_main_title {
    transition: all 0.6s, height 0.6s;
}


#sidebar_nytsoi {
    background-image: url('/favicon.png');
    background-size: cover;
}
#sidebar_247 {
    background-image: url('/favicon.png');
    background-size: cover;
}
#sidebar_chillout {
    background-image: url('/favicon.png');
    background-size: cover;
}
#sidebar_chiptune {
    background-image: url('/favicon.png');
    background-size: cover;
}
h5.streamtitle {
    font-weight: bolder;
}
div.sidebar_box {
	margin-bottom: 4.2rem;
	border: 0.1rem solid;
	border-radius: 0.3rem;
	border-color: rgba(69, 92, 151, 0.6);
	background: rgba(0,0,0,0.7);
	min-height: 10rem;
	overflow: hidden;
    transition: all 0.6s, height 0.6s;
}

div.sidebar_box a { color: #d5ffff; text-decoration: underline; }
div.sidebar_box a:hover { color: #ba2424; text-decoration: none; }

/* Shrink sidebar */
#hidesidebar:checked ~ #sidebar {
/*#hidesidebar:checked ~ .sidebar_box {*/
    transition: all 0.6s ease-out 0.2s;
    /*transition: all 0.6s ease-in;*/
    max-width: 0;
    max-height: 0;
    overflow: hidden;
}
    
#hidesidebar:checked ~ #maincontentbox {
    transition: all 0.4s ease-out 0.1s;
    width: 100rem;
    /*height: auto;*/
    /*overflow: hidden;*/
}
/* Expand sidebar back to normal */
#showsidebar:checked ~ #sidebar {
    transition: all 0.4s ease-out 0.1s;
    max-width: 30rem;
    /*max-height: 500rem;*/	/* increase when needed */
    overflow: hidden;
}
#showsidebar:checked ~ #maincontentbox {
    transition: all 0.4s ease-out;
    width: 69rem;
    overflow: hidden;
}
/*#hidesidebar:checked+label,*/
/*#hidesidebar:checked ~ img#rightarrow,*/
#hidesidebar:checked ~ #rightarrow_label,
/*#hidesidebar:checked ~ #showsidebar,*/
/*#showsidebar:checked+label,*/
/*#showsidebar:checked+label ~ img#leftarrow*/
#showsidebar:checked ~ #leftarrow_label
/*#showsidebar:checked ~ #hidesidebar*/
/*#showsidebar:checked ~ img#leftarrow,*/

{
    display: none;
    visibility: hidden;
}
label.showhidelabel_mainpage {
	float: right;
	margin: 0.5rem;
	/*margin-right: 1.5rem;		for scrollbar */
	/*position: relative;*/
	/*position: absolute;*/
	/*left: 5rem;*/	/* FIXME */
}