/* 
Theme Name: Book Lite - Princeton
Theme URI: http://blogs.princeton.edu
Description: Child theme of Book Lite with minor Princeton customizations. One column classic book style blog theme. Fully responsive, large fonts and very easy to read. Clean and Minimalist design with focus entirely on content — Content First.

Author: Web Development Services
Author URI: http: //www.princeton.edu/wds
Template: book-lite
Version: 108
License: GNU General Public License
License URI: license.txt
Tags: custom-header, custom-background, custom-menu, one-column, flexible-width, light, sticky-post, fixed-width, white, black,   threaded-comments

Parent theme author is Chandra Maharzan at http://www.wpshoppe.com/

This theme, like WordPress, along with all the icons/images are licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/

@import url("../book-lite/style.css");

/* Simplifying main nav */

.main-navigation {
	position: relative;
	float: none;
	text-align: center;
	z-index: 2;
}

.main-navigation ul {
	float: none;
	margin: 0 auto;
	right: inherit;
	max-width: 750px;
}

.main-navigation ul li {
	display: inline-block;
	float: none;
	position: relative;
	left: inherit;
}

#masthead {
	margin-bottom: 3em;
}

#masthead .site-navigation {
	background-image: none;
	background-color: rgb(50, 50, 50);
	background-color: rgba(0, 0, 0, .7);
	color: #ccc;
}

#masthead .site-navigation.main-small-navigation .menu {
	background-color: #fff;
}

h1.site-title {
	padding-top: 0;
}

nav {
	z-index: 2;
}
hgroup {
	z-index: 1;
}

/* Princeton footer */

.site-generator {
	min-height: 42px;
	margin-top: 1em;
	margin-bottom: 2em;
}

#footerinfo {
    float: left;
    font-size: .85em;
}

#footerlogo a {
    background: url(images/logobar_logo_black.png) no-repeat top right;
    width: 148px;
    height: 42px;
    text-indent: -9999px;
    display: block;
    float: right;
    margin-bottom: 1em;
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {   
  #footerlogo a {
    background-image: url(images/logobar_logo_black_2x.png);
    background-size: 148px 42px;
  }
}

#footerinfo p,
#footerlogo p {
    margin: 0;
}
#footerinfo .sharing,
#footerlogo .sharing {
    display: none;
}

/* mobile tweaks */

@media (max-width: 480px) {
	#masthead {
		margin-bottom: 0;
	}
	.hentry {
		margin-bottom: 1em;
	}
	article {
		padding-bottom: 1em;
	}
	#supplementary {
		padding: 1em 0 2em 0;
		margin-top: .5em;
	}
	#footerlogo a {
		float: none;
		margin: 0 auto 1em auto;
	}
	#footerinfo {
		float: none;
		text-align: center;
	}
}