@import "mobile_menu.css";

body { font-size: 18px; }

* { box-sizing: border-box; }

#footer,
#banner {
	position: relative;
	min-height: 90px;
}

.article {
	text-transform: uppercase;
	position: absolute;
	transform: rotate(-90deg);
	left: -15px;
	top: 15px;
	font-size: 28px;
	transiton: 1s all;
}

.blogname {
	position: absolute;
	left: 1.1em;
	transiton: 1s all;
	text-transform: uppercase
}

#banner .logo h1 {
	font-size: 30px;
	line-height: 100%;
	padding-right: 90px;
	display: block;
	margin-left: 20px;
	margin-top: 15px;
	position: relative;
	transiton: 1s all;
}

#banner .logo {
	margin: 0!important;
	height: auto;
}

body #banner,
#menu-div,
#wrapper,
.container,
.search-results  .container ,
#content { width: 100%; }
.search-results  .container ,
#content { background: white; }

.sidebar { width: 100%; }

.container {
	font-size: 20px;
	padding: 1em;
}

#menu { font-size: 18px; }

#menu li {
	width: 100%;
	float: left;
}

#menu li a {
	background: none;
	width: 100%;
	margin: 0;
	float: left;
	height: 40px;
	line-height: 40px;
}

#menu li a.last { display: none; }

#menu li a.home,
#menu li.current_page_item a.home {
	background: none;
	width: 100%;
}

#menu li a.home:after,
#menu li.current_page_item a.home:after { content: 'Home'; }

#menu li.current_page_item a:hover,
#menu li a:hover { background: #ccc; }

#menu li.current_page_item a { background: #aaa; }

.post-title h2 {
	font-size: 24px;
	line-height: 120%;
}

iframe {
	width: 100%;
	border: 0;
	padding: 0;
	comment: possibly set height using javascript;
}

#menu-div,
.sidebar #leftsidebar,
.sidebar #rightsidebar {
	zzdisplay: none;
	height: 0;
	min-height: 0;
	overflow: hidden;
	transition: 1s all;
}

#menu-div.active,
.sidebar #leftsidebar.active,
.sidebar #rightsidebar.active {
	zzdisplay: block;
	height: auto;
	min-height: 400px;
	transition: 3s all;
	overflow: inherit;
}

#menu-div.active { min-height: 200px; }

#rightsidebar,
#leftsidebar {
	font-size: 16px;
	line-height: 120%;
}

#leftsidebar.active {
	border-bottom: 1em solid black;
	comment: end of section;
}

#rightsidebar.active {
	border-top: 1em solid black;
	comment: end of section;
	padding-top: 1em;
}

.sidebar ul li h2 {
	background: #ccc;
	border-radius: 30px;
	margin-bottom: 1em;
}

.post_content img.size-large {
	width: 100%;
	height: auto;
	comment: deal with other sizes too;
}

.post_content img.size-medium {
	width: 40%;
	height: auto;
	comment: deal with other sizes too;
}

.mobile-only { display: block; }

.desktoponly { display: none; }

.nomobile { display: none; }

#TwitterCounter {
	display: none!important;
	comment: style has important as well for some reason;
}

.commentslist li .com-wrapper { width: auto; }

h2 {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: .5em;
	margin-top: .5em;
}


/* to make tiny links mobile-friendly */

.navigation-pages li,
.post-meta .post-date,
.post-meta,
.post-cat-meta {font-size: 16px; opacity: .8;
line-height: 150%;}