/*
	(c) publicself
	home COLOUR SCHEME
	
	MAIN #e22
	PARA #f88
*/

html, body {
	background: #e22;
}
abbr {
	text-decoration: none;
}

/* HEADER */

body > header, body > header nav ul li a, article h1 a {
	color: #f88;
}
body > header {
	background: #fff url('banners/home.png') no-repeat 0 100%;
	border-bottom: 1px solid #e22;
}
body > header h1, body > header nav {
	border-bottom: 1px solid #e22;
}
body > header nav ul li.selected a {
	color: #fff;
	background: #fff;
}
body > header nav ul li a:hover {
	color: #e22;
}

/* ARTICLE */

article p {
	padding: 0;

	background-color: #e22;
	color: #fff;
}
article p a {
	color: #fff;
}
article p  a:hover{
	text-decoration: none;
}
article aside.date {
	color: #fff;
}

article aside p {
	background: #f88;
	color: #f88;
}
article p.categories {
	background: transparent;
	color: #fff;
	text-align: right;
}
article p.categories a {
	background: #f88;
	text-decoration: none;
	color: #fff;
	font-variant: small-caps;
	text-transform: lowercase;
}

/* FOOTER */
footer p, footer p a {
	color: #f88;
}

/* MOBILE */

@media only screen and (max-device-width: 599px) {
	body > header {
		background: none;
	}
	body > header h1, body > header nav {
		background: none;
		
		border-bottom: 0;
	}
	
	article h1 , article h2 , article h3, article h4 {
		margin: auto;
		padding: 8px 32px 8px 32px;
		
		font-family: 'Raleway', sans-serif;
		font-weight: normal;
		text-transform: lowercase;
	}
	article p, article ul, article ol {
		width: auto;
		margin: 0;
		padding: 8px 32px 8px 32px;
	}
	article blockquote p {
		font-size: 95%;
	}
	
	body > header nav ul li a, body > header nav ul li.selected a, body > header nav ul li a:hover {
		color: #f88;
	}
}