/*
Theme Name: Scherzego
Template: scherzo
Theme URI: http://leonpaternoster.com/wp-themes/
Description: CHILD OF A clean, readable theme. Boasts a responsive design, which means it displays perfectly on all devices, including mobile phones (not just iPhones), tablets and desktops. PLUS sidebar on screens from 640px CHANGED spacing + scaling + comment printing PLUS Top Navigation PLUS colour adjustements
Version: 0.52 (on 2.4)
Author: noluck
Author URI: http://noluck.eu
Tags: white, two-columns, flexible-width, custom-background, threaded-comments, microformats, rtl-language-support, custom-header
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

@import url("../scherzo/style.css");

html {
	color: black;
}

body {
	line-height: 1.3em;
}

#wrapper {
	/*background-color: yellow;*/
}

#branding, #site-header {
	background-color: transparent;
}

#content {
	padding-left: 0;
}

#site-header {
	margin-bottom: 1em;
	padding: 0;
	min-height: 5.5em;
	/* margin-top: -2em; */
	/* padding: 0.75em 0.375em; */
	background-size: 100%;
	background-repeat: no-repeat;
}

#site-title {
	font-size: 1.5em;
	max-width: 80%;
	line-height: 1.2;
	padding-bottom: 0.375em;
}

#tag {
	max-width: 80%;
}

/* Top Menu */

.topmenu .children li {
	border: none;
	margin-left: 1ex;
}

#noluck-topnav {
	margin-bottom: 1.5em;
	margin-left: 0;
}

#noluck-topnav ul,  #noluck-topnav ul li {
	display: inline-block;
	padding: 5px;
	margin-right: 2ex;
	margin-left: 0;
}

/* 
#noluck-topnav div>ul>li:hover {
	border-top: 2px dotted #017fef;
	padding-top: 1px;
}
*/

#noluck-topnav .children {
	display: none;
}

/* .topmenu>ul>li:hover {
	background-color: white;
} */

#noluck-topnav li:hover>.children {
	display: inline-block;
	position: absolute;
	/* margin-left: -2px; */
	background-color: white;
	padding-bottom: 0.3ex;
	border-left: 2px dotted #017fef;
	margin-left: 0;
	font-size: 90%;
}

#noluck-topnav .children li:hover>.children {
	display: block;
	background-color: #e1f1ff;
	padding-bottom: 0;
}

#noluck-topnav .children li:hover>.children li {
	display: list-item;
	list-style-type: none;
}

#noluck-topnav .children .children li:hover>.children {
	background-color: #b9dfff;
	list-style-type: disc;
	/* display: none;  */
}

#sidebar-jump {
	display: block;
	}

/* extensions' adjustments */

.sidebar #page-tree li {
	border: none;
	padding-bottom: 3px;
	padding-left: 16px;
	padding-top: 3px;
}

.sidebar #page-tree ul {
	border: none;
}

#treecontrol { 
margin-bottom: 0.5em !important;
margin-left: 0px;
margin-right: 0px;
margin-top: 0.5em !important;
 }

.entry-content th {
	background-color: inherit;
	color: black;
}

#wp-calendar th {
	font-weight: bold;
	background-color: silver;
	color: black;
}

/* colour + banner adjustments for site CI */

a:link {
	color: #001de7;
}

a:visited {
	color: #9aa7f6;
}

a:hover,
a:active {
	color: #FF1111;
}


@media print {

	a:link {
		color: #001de7;
		border-bottom: 1px dotted gray;
	}

	a:visited {
		color: #001de7;
		border-bottom: 1px dotted gray;
	}
	
	#site-header {
		padding-bottom: 2em;
	}

	#content {
		max-width: 65ex;
	}

	#comments {
		display: block;
		padding-top: 2em;
		font-size: smaller;
	}

	#pinglist, #respond {
		display: none;
	}


}

@media screen and (min-width: 540px) {

	#wrapper {
		max-width: 522px;
	}
	
}

@media screen and (min-width: 600px) {
	#wrapper {
		/* background-color: aqua; */
	}

	#site-title {
		font-size: 1.75em;
	}

}

@media screen and (min-width: 640px) {

	#wrapper {
		width: 98%;
		max-width: 100%;
		/* background-color: yellow; */

	}

	#site-header {
		height: 7em;
		padding-bottom: 3%;
	}
	
	#sidebar-jump {
		display: none;
	}
	
	#content {
		clear: both;
		width: 65%;
		float: left;
		margin-right: 4%;
		display: inline;
	}

	#sidebar {
		float: left;
		width: 28%;
		background-color: #FFF;
		border-top: none;
	}
	
}

@media screen and (min-width: 850px) {

	#wrapper {
		/* background-color: lime; */
		max-width: 51em;
	}

	#sidebar-jump {
		display: none;
	}

	#site-header {
		height: 8em;
		padding-bottom: 1.5em;
	}
	
	#site-title {
		padding-top: 0.7em;
		font-size: 2em;
	}
	
	#content {
		width: 64%;
		margin-right: 8%;
	}

	#sidebar {
		width: 25%;
	}

}