/*
 Theme Name: Shine On
 Theme URI: https://wordpress.com/themes/shine-on/
 Description: A seasonal personal blogging theme featuring original illustration by Jacqui Oakley (http://jacquioakley.com/)
 Author: Automattic
 Author URI: http://wordpress.com
 Template: twentythirteen
 Version: 1.0-wpcom
 Tags: purple, orange, tan, white, yellow, light, one-column, fluid-layout, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, translation-ready, infinite-scroll, responsive-layout, blog, journal, lifestream, tumblelog, abstract, bright, clean, colorful, flamboyant, playful, vibrant, seasonal, hand-drawn, whimsical, custom-colors, fixed-layout, flexible-header
*/

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

/* Structure */
h1, h2, h3, h4, h5, h6 {
	font-family: "Headland One", Georgia, Times, serif;
}
.site-header .home-link {
	min-height: 0;
	text-align: center;
	padding-top: 1.5em;
}
.site-title {
	font-family: "Headland One", Georgia, Times, serif;
	font-size: 48px;
	padding-top: 0;
}
.site-description {
	padding-bottom: 1.5em;
}
.site-header img {
	margin: 0 auto 1.5em;
	max-width: 100%;
	height: auto;
}
.site-info {
	background-image: url('images/footer.png');
	background-position: bottom center;
	background-repeat: no-repeat;
	height: 100px;
}
.site-header:after {
	background-image: url('images/header-bg.png');
	background-position: top center;
	background-repeat: no-repeat;
	clear: both;
	content: "";
	display: block;
	position: relative;
	max-width: 100%;
	height: 84px;
}
.site-header .site-title:hover {
	text-decoration: none;
}

/* Colors */
body,
input,
textarea,
.nav-menu li a,
.entry-title a,
.entry-title a:hover,
.toggled-on .nav-menu li > ul a,
.toggled-on .nav-menu li:hover > a,
.toggled-on .nav-menu .children a,
.format-video .entry-meta,
.site-footer .sidebar-container,
.wp-caption .wp-caption-text,
.entry-caption,
.gallery-caption,
.site-header .home-link,
.format-video .entry-content a,
.format-video .entry-meta a,
.format-video .entry-content a:hover,
.format-video .entry-meta a:hover {
	color: #252137;
}
.format-quote,
.nav-menu li:hover > a,
.nav-menu li a:hover,
.nav-menu .sub-menu,
.nav-menu .children,
.hentry .mejs-mediaelement,
.hentry .mejs-container .mejs-controls,
.site-footer .sidebar-container {
	background-color: #252137;
}
.navbar,
.format-gallery,
.format-chat {
	background-color: #f7f084;
}
.nav-menu .sub-menu,
.nav-menu .children {
	border-color: #f7f084;
}
a:active,
a:hover,
.entry-content a:hover,
.comment-content a:hover,
.navigation a:hover,
.comment-meta a:hover,
.widget a:hover,
.site-title a:hover {
	color: #df505a;
	text-decoration: none;
}
.hentry .mejs-controls .mejs-time-rail .mejs-time-current,
.paging-navigation a:hover .meta-nav {
	background-color: #df505a;
}
.format-gallery .entry-meta a,
.format-gallery .entry-content a,
.format-chat .entry-meta a,
.format-chat .entry-content a,
.format-chat .chat .chat-timestamp,
.nav-menu .current_page_item > a,
.nav-menu .current_page_ancestor > a,
.nav-menu .current-menu-item > a,
.nav-menu .current-menu-ancestor > a,
.entry-meta a,
.entry-meta a:hover,
.entry-content a,
.comment-content a,
.format-link .entry-title a,
.navigation a,
.comment-author .fn,
.comment-author .url,
.comment-reply-link,
.comment-reply-login,
.format-quote .entry-content a,
.format-quote .entry-meta a,
.format-quote .linked,
.format-gallery .entry-content .page-links a:hover,
.format-audio .entry-content .page-links a:hover,
.format-status .entry-content .page-links a:hover,
.format-video .entry-content .page-links a:hover,
.format-chat .entry-content .page-links a:hover,
.format-quote .entry-content .page-links a:hover,
.page-links a:hover,
.site-footer .widget a {
	color: #e96e76;
}
.paging-navigation .meta-nav,
.format-status .entry-content .page-links a,
.format-gallery .entry-content .page-links a,
.format-chat .entry-content .page-links a,
.format-quote .entry-content .page-links a,
.page-links a,
.toggled-on .nav-menu li a:hover,
.toggled-on .nav-menu ul a:hover,
ul.nav-menu ul a:hover,
.nav-menu ul ul a:hover,
.format-status {
	background-color: #e96e76;
}
.format-status .entry-content .page-links a,
.format-gallery .entry-content .page-links a,
.format-chat .entry-content .page-links a,
.format-quote .entry-content .page-links a,
.page-links a {
	border-color: #e96e76;
}
.single-format-status .author-description,
.format-quote .entry-content,
.format-quote .entry-meta,
.format-status .entry-meta a,
.format-status .entry-content,
.page-links a {
	color: #fff;
}
.site-footer,
.archive-header,
.page-header,
.paging-navigation,
.comment-respond,
.no-comments {
	background-color: #fff;
}
.format-aside,
.format-link {
	background-color: #f9f6f1;
}
td,
table {
	border-color: #f9f6f1;
}
.format-audio,
.format-video {
	background-color: #82c2e5;
}

@media screen and ( max-width: 600px ) {
	.site-footer .sep {
		clear: both;
		display: block;
		height: 1px;
		visibility: hidden;
		width: 100%;
	}
}

/* =Retina/Hi-DPI Graphics
-----------------------------------------*/

@media 	only screen and (-moz-min-device-pixel-ratio: 1.5),
		only screen and (-o-min-device-pixel-ratio: 3/2),
		only screen and (-webkit-min-device-pixel-ratio: 1.5),
		only screen and (min-device-pixel-ratio: 1.5) {

	.site-info {
		background-image: url('images/footer-2x.png');
		background-size: auto 100px;
	}
	.site-header:after {
		background-image: url('images/header-bg-2x.png');
		background-size: auto 84px;
	}
}