/* This needs to only happen on screens wider than 600px. */
@media screen and (min-width: 700px) {
	div#TheDivThatMakesTheSidebarWork {
		float: left;
		margin-right: -13em;
		width: 100%;
	}

	main {
		margin-right: 15em;
	}

	nav.sidebar {
		float: left;
		width: 13em;
	}
}

nav.sidebar h1 {
	font-family: "title-font";
	font-size: 1.3em;
	margin-top: 1em;
	text-align: center;
}

nav.sidebar li {
	margin-bottom: .5em;
}


/* Search */
nav.sidebar #search {
	font-size: 120%;
	width: 100%;
	border: 2px solid black;
	border-radius: 0.5em;
	background-color: transparent;
	padding: 0.2em;
}


/* Archives */
nav.sidebar #archives .archiveYears ul {
	padding-left: 1em;
	overflow: hidden;
}
nav.sidebar #archives a {
	cursor: pointer;
}
	/* Arrows */
nav.sidebar #archives .collapsed > .expand:before {
	content: "\25b8";
}
nav.sidebar #archives .expanded > .expand:before {
	content: "\25be";
}

nav.sidebar #archives .collapsed > ul {
	max-height: 0em;
}
nav.sidebar #archives .expanded > ul {
	max-height: unset;
}



/* Tag Cloud */
nav.sidebar #tagCloud {
	text-align: center;
	word-spacing: 1em;
}
nav.sidebar #tagCloud .tag {
	font-variant: small-caps;
}
nav.sidebar #tagCloud .tag-1 {
	font-size: 200%;
}
nav.sidebar #tagCloud .tag-2 {
	font-size: 175%;
}
nav.sidebar #tagCloud .tag-3 {
	font-size: 150%;
}
nav.sidebar #tagCloud .tag-4 {
	font-size: 125%;
}
nav.sidebar #tagCloud .tag-5 {
	font-size: 100%;
}
nav.sidebar #tagCloud .tag-6 {
	font-size: 75%;
}