/* === basics === */

body { margin:0; padding:0; font-family:'Lucida Grande', Verdana, Arial, Sans-Serif; background-color:rgb(110,110,110); background-image:url("background.jpg"); background-repeat:repeat; background-position:center top; background-color:rgb(0,0,0); color:rgb(232,232,232); }
a { color:rgb(232,232,232); }
a:hover { color:rgb(255,255,255); }
a:active { color:rgb(255,255,255); }

/* === re-usables === */

.theme_anchor { height:0; overflow:hidden; }

/* === root === */

.theme { padding:16px; }
.theme_inner { display:flex; flex-direction:column; margin-left:auto; margin-right:auto; max-width:780px; }

/* === burger === */

.theme_burger { display:none; text-align:center; background-color:rgb(38,38,38); border-top-left-radius:8px; border-top-right-radius:8px; padding:16px; }
.theme_burger a { vertical-align:top; display:inline-block; width:32px; height:32px; background-image:url( "burger.png" ); background-repeat:no-repeat; background-position:center; background-color:transparent; background-size:100%; color:transparent; font-size:0.001rem; text-decoration:none; }

/* === menu === */

.theme_menu { background-color:rgb(38,38,38); border-top-left-radius:8px; border-top-right-radius:8px; padding:16px; }
.theme_menu_header { display:none; align-items:center; margin-bottom:16px; }
.theme_menu_heading { flex:1; font-size:1.5rem; font-weight:bold; margin-right:16px; }
.theme_menu_main ul { display:block; margin:0; padding:0; baxkground:red; }
.theme_menu_main li { display:inline-block; padding:0; margin:0; margin-right:16px; }

/* === header === */

.theme_header { background-image:url("header-top.png"), url("header-bottom.png"), url("header-middle.png"); background-repeat:repeat-x, repeat-x, repeat; background-position:center top, center bottom, center top; padding:16px; }
.theme_header_site-title { font-size:1.5rem; font-weight:bold; margin-bottom:0.3rem; }
.theme_header_site-slogan { font-size:1.2rem; font-weight:bold; color:rgb(200,200,200); margin-bottom:0.3rem; }

/* === main === */

.theme_main { background-color:rgb(38,38,38); padding:16px; border-bottom-left-radius:8px; border-bottom-right-radius:8px; }
.theme_main-inner { background-image:url("main-panel-background.png"); border:solid 1px rgb(120,120,120); border-radius:8px; padding:16px; }

/* === main -> breadcrumb === */

.theme_breadcrumb { margin-bottom:1rem; }

/* === footer === */

.theme_footer { margin-top:16px; margin-left:auto; margin-right:auto; text-align:center; color:rgb(139,170,160); max-width:600px; }
.theme_footer_by { margin-bottom:16px; }

/* === mobile spacer === */

.theme_mobile-spacer { display:none; height:400px; }

/* === mobile view adjustments === */

.theme_burger { order:10; }
.theme_menu { order:20; }
.theme_header { order:30; }
.theme_main { order:40; }
.theme_footer { order:50; }

@media screen and (max-width: 600px)
{
	.theme_burger { order:10; }
	.theme_header { order:20; }
	.theme_main { order:30; }
	.theme_menu { order:40; }
	.theme_footer { order:50; }
	
	.theme { max-width:600px; }
	.theme_burger { display:block; }
	.theme_burger a { display:inline-block; }
	.theme_main { border-bottom-left-radius:0; border-bottom-right-radius:0; }
	.theme_menu_header { display:flex; }
	
	/* === mobile menu === */

	.theme_menu { border-top-left-radius:0; border-top-right-radius:0; border-bottom-left-radius:0; border-bottom-right-radius:0; }
	.theme_menu_main ul { display:block; margin:0; padding:0; }
	.theme_menu_main li { display:block; margin:0; padding:0; margin-bottom:16px; }
	.theme_menu_main li:last-child { margin-bottom:0; }
	.theme_menu_main a { display:block; border:solid 1px rgb(120,120,120); padding:16px; text-align:center; }
	.theme_menu_main a:active { border:solid 1px rgb(212,212,212); }
	.theme_menu_main a:hover { border:solid 1px rgb(212,212,212); }
	.theme_menu_main li:last-child { margin-bottom:0;}
	
	.theme_mobile-spacer { display:block; }
}

/* === page content styles === */

/* h1 - h6 */

.theme_page-content h1 { padding:0; margin:0; margin-bottom:1rem; }
.theme_page-content h1:last-child { margin-bottom:0; }

.theme_page-content h2  { padding:0; margin:0; margin-bottom:1rem; }
.theme_page-content h2:last-child { margin-bottom:0; }

.theme_page-content h3 { padding:0; margin:0; margin-bottom:1rem; }
.theme_page-content h3:last-child { margin-bottom:0; }

.theme_page-content h4 { padding:0; margin:0; margin-bottom:1rem; }
.theme_page-content h4:last-child { margin-bottom:0; }

.theme_page-content h5 { padding:0; margin:0; margin-bottom:1rem; }
.theme_page-content h5:last-child { margin-bottom:0; }

.theme_page-content h6 { padding:0; margin:0; margin-bottom:1rem; }
.theme_page-content h6:last-child { margin-bottom:0; }

/* paragraph */

.theme_page-content p { padding:0; margin:0; margin-bottom:1rem; }
.theme_page-content p:last-child { margin-bottom:0; }

/* tables + cells */

.theme_page-content table { border-collapse:collapse; border:solid 1px rgb(192,192,192); padding:0; margin:0; margin-bottom:1rem; }
.theme_page-content table:last-child { margin-bottom:0; }
.theme_page-content th { padding:4px 8px; border:solid 1px rgb(192,192,192); }
.theme_page-content td { padding:4px 8px; border:solid 1px rgb(192,192,192); }

/* unordered list */

.theme_page-content ul { padding:0; margin:0; margin-bottom:1rem;margin-left:20px; }
.theme_page-content ul:last-child { margin-bottom:0; }

/* ordered list */

.theme_page-content ol { padding:0; margin:0; margin-bottom:1rem; margin-left:25px; }
.theme_page-content ol:last-child { margin-bottom:0; }

/* === theme help! === */

.theme_help { color:rgb(0,0,0); display:inline-block; background-color:rgb(197,255,147); padding:2px 16px; margin-bottom:1rem; }