/* ~~~~~~~ Cube Styles Desktop Three Column Layout ~~~~~~~ */
 /* CHANGE - Fix hr in <nav> and <article> to be the correct colours */

/* Website Structure: Wrapper, Rows, Columns, Containers, Articles */

.wrapper {max-width: 1200px; margin: 0 auto; display: block; padding-top: 40px;}
footer .lower-nav {max-width: 1200px; margin: 0 auto;}


/* Three Columns */
.left {width: 19%; margin: 0 1% 0 0;}	/* 20% of Wrapper */
.middle {width: 60%; margin: 0;}		/* 60% of Wrapper */
.right {width: 19%; margin: 0 0 0 1%;}	/* 20% of Wrapper */


/* Website Header */
img.cube {max-width: 250px; border-radius: 200px; box-shadow:2px 4px 8px 0 rgba(0,0,0,0.5);}
.header .left {width: 18%; margin: 0 2% 0 0;}	/* 20% of Wrapper */
.header .right {width: 80%; margin: 0;}			/* 80% of Wrapper, spans middle and right columns below */


/*.page-title .middle {width: 80%;}
.page-title .middle h3 {font-size: 36px;}*/


/* Left Navigation */
	.topnav {margin: 0 0 24px 0; width: 92%; padding: 0 4% 0 4%; border-radius: 8px;}


/* Changelog - Appears on three column layout only */

	.changelog {background: rgba(0, 0, 0, 0.4); max-height: 450px;}
	.changelog .entry {display: none;}
	.changelog .featured {display: block;}
	.changelog .featured hr {display: none;}

/* Badges, Buttons, Blinkies */
.right aside h3 {margin: 0; padding: 10px 0 10px 0; font-size: 18px;}

/* Trapped in the Cube Badges */

/* Jack & Mike Profiles */



/* Main Content */

.right article .episode-title h3 {padding-bottom: 0; text-align: left; font-size: 36px; margin-bottom: 0; color: #222;}

article h3 {font-size: 36px;}
article h5 {font-size: 32px; margin: 26px 0 20px 0;}

.divider {padding: 35px 0 35px 0;}
.divider img {max-width: 80px;}