/**
 * Theme Name:  Illumination
 * Theme URI:   http://themehybrid.com/themes/illumination
 * Description: Get in the mood for Christmas with Illumination, a festive Child Theme for the Stargazer parent theme by Justin Tadlock (http://justintadlock.com). And once the holiday season is over, you can choose from many other fantastic child themes made especially for Stargazer!
 * Version:     1.0
 * Author:      Piet Bos
 * Author URI:  http://senlinonline.com
 * Tags:        green, red, one-column, two-columns, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, post-formats, rtl-language-support, theme-options, threaded-comments, translation-ready
 * License:     GNU General Public License v2.0 or later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 * Template:    stargazer
 * Text Domain: illumination
 */

@import url(http://fonts.googleapis.com/css?family=IM+Fell+DW+Pica+SC);
 
#menu-primary, #menu-primary .search-form > div, #footer, .audio-shortcode-wrap, .media-shortcode-extend .media-info, .media-info-toggle, .entry-content .media-info-toggle, .wp-audio-shortcode.mejs-container, .mejs-controls, .mejs-volume-button .mejs-volume-slider, .mejs-overlay-play .mejs-overlay-button:after, .mejs-time-rail .mejs-time-float {
    background: #360;
}
footer { display: none; }

.font-headlines, h1, h2, h3, h4, h5, h6 {
	font-family: 'IM Fell DW Pica SC', serif;
}
.font-headlines, h1, h2, h3, h4, h5, h6,
.font-headlines > a,
h1 > a,
h2 > a,
h3 > a,
h4 > a,
h5 > a,
h6 > a {
	color: #C30;
}
#site-title.font-headlines {
    font-size: 3.5rem;
}
#menu-primary li li a, #menu-secondary li li a {
    background: #693;
    border-color: #CC9;
}
#menu-primary ul ul li a:hover, #menu-secondary ul ul li a:hover {
    background: #663;
}
.menu li > ul:before {
	border-bottom-color: #CC9;
}
.ltr .menu li li > ul:before {
    border-right-color: #CC9;
}
.media-meta > li > span {
    color: #B9B9B9;
}
.credit {
    color: rgba(255, 255, 255, 0.5);
}
@media only screen and (max-width: 799px) {

	#menu-secondary .wrap,
	#menu-primary .search-form > div { background: #693; }

	#menu-primary li a,
	#menu-secondary li a {
		background:   #693;
		border-color: #CC9;
	}

	#menu-primary li a:hover,
	#menu-secondary li a:hover {
		background: #663;
	}
}
@media only screen and ( max-width: 481px ) {
	#site-title.font-headlines {
	    font-size: 2.5rem;
	}
}