/*
Theme Name: Quintus Child
Template: quintus
*/

@import url('../quintus/style.css');

body {
	font-family: Oxygen,Arial,san-serif;
}

.blog-header {
	background: transparent !important;
	height: 220px;
}
#site-description {
	font-weight: 700 !important;
}

#access .sub-menu a {
	width: 300px;
}

/* Remove the big, strange space on the right of the menu */
#access .menu {
	margin-right: 20px;
}
/* And put the funny nav thing that gets artifically put there, back in its place */
/* I've actually removed this element, but I'm leaving this CSS in because it's in the original theme */
.paged #content #nav-above, .single #content #nav-above {
	position: relative;
	right: 0;
	top: 0;
	width: auto;
}


@media (min-width: 768px) {
	.entry-thumbnail {
		float: right;
		margin: 10px;
		font-size: 0.9em;
		font-style: italic;
		text-align: center;
		max-width: 300px;
		margin-right: -125px;
	}
}

/** Up to tablets **/
@media (max-width: 768px) {
	#access li {
		float: none;
	}
	#access li a {
		line-height: 3;
	}
	#access ul.sub-menu {
		display: none !important;
	}
	#access input#s, #access #s:focus {
		float: none;
		width: 50%;
	}
}

/* Remove the huge empty space at the top of the page */
#page {
	margin-top: 10px;
}
.content article {
	margin-top: 20px;
}
#secondary {
	margin-top: 20px;
}

#secondary .widget-title{
	font-size: 1.5em;
	font-weight: 700;
	color: black;
	margin-top: 0;
	width: 100%;
}
#secondary .widget{
	font-size: 1.2em;
}

#colophon {
	text-align: right;
}

.entry-featured-image {
	margin: 10px -80px;
}
.entry-featured-image img {
	background-color: white;
	max-width: 100%;
	height: auto;
}
@media screen and (min-width: 768px) {
	.entry-featured-image {
		margin-left: -147px;
		margin-right: -147px;
	}
}

// Hide the h1 on the homepage, since it's ugly
#post-17 .entry-header {
	display: none;
}