/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */
	
	/*! = $rembase: 16px
--------------------------------------------------------------
* hmtl { font-size: 100%; }
* body { font-size: 16px; font-size: 1rem; line-height: 1; }
* 4px    	0.25rem
* 8px		0.5rem
* 12px		0.75rem
* 14px		0.875rem
* 16px		1rem
* 18px		1.125rem
* 20px		1.25rem
* 22px		1.375rem
* 24px		1.5rem
* 28px     1.75rem
* 32px		2rem
* 36px		2.25rem
* 48px		3rem
* 64px		4rem
* 72px		4.5rem
 

/* #Site Styles
================================================== */
hmtl { font-size: 100%;}

body {
	font-family: Times, "Times New Roman", Palatino, Georgia, serif;
	color: #999999;
	font-size: 16px; font-size: 1rem; line-height: 1;
}

h1, h2, h3, h4, h5, h6 { color: #999999; }
h1 { 
	font-size: 2rem; 
	font-weight: 400; 
	line-height: 40px;
	/*font-family: "IM Fell English", "Book Antiqua", Palatino, Georgia, serif;*/
	letter-spacing: 2px;
	margin-bottom: 20px;
	font-variant:small-caps;
}
h2 { 
	font-size:1.5rem;  
	line-height: 2rem;
	/*text-transform: uppercase; */
	font-variant:small-caps;
	font-weight: 400;
	margin-bottom: 20px;
	}
h3 { font-size: 1.6em; }
h4 { font-size: 1.2em; text-transform: uppercase; letter-spacing: 2px; }

a:link, a:hover, a:visited { color: #999999; }

h1 a, h2 a, h3 a, h4 a { text-decoration: none; color: #999999; }

p, ul, td, .page { color: #999999; font-size: 0.9375rem; line-height: 1.5rem; }
strong { color: #878787; }
.center { text-align: center; }
.left {float:left;}
img.right, div.right { float:right; margin: 0 0 10px 15px; }
.ghost { font-size: 0; color: transparent; }
.big { font-size: 1.6rem; }
.quote { font-size: 1rem; line-height: 1.3rem; }
.quoteoffset { font-size: 1.4rem; line-height: 1.8rem; margin: 40px 0 0 40px; width: 80%; }
.images { margin: 180px 0 180px 0; text-align: center; }
p.images img { width: 100%; height: auto; max-width: 760px; }
.caption { font-family: Georgia, Palatino, Times, "Times New Roman", serif; font-size: 10px; letter-spacing: 2px; }
p.quote { margin: 0 0 12px 0; }
.normallist { padding-left: 40px; list-style-type: square; }
.normallist li { margin-bottom: 4px; }
.endspace { margin-bottom: 60px; }
.beginningspace { margin-top:80px; }
.clearfix { clear:both; }

.container .column, .container .columns { margin: 0; }
.columns.omega { padding-left:50px; }

/* #Page Styles
================================================== */

/* STICKY FOOTER FIX */
html, body { height: 100%; }
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -90px;
}
.sticky, .push { height: 90px; }
/* END STICKY FOOTER FIX */

/* ____________Top___________*/

/* ---Logo image hack ---*/
#title { float:right; text-align: right; padding-top: 10px; padding-bottom: 30px; }
#title h1 { line-height: 2.4rem; text-align: right; margin: 0;  }
#title h1.logo a {
	width: 410px;
	height: 74px;
	display: block;
	position:relative;
	background: url("../images/pope-web-title.png") no-repeat top center;
	font: 0/0 a;
	text-shadow: none;
	color: transparent;
	padding: 0;
	margin: 0;
}

/* ____________Menu___________*/
.nav { 
	float:right; text-align: right; margin-top: 55px;
}
#menu { margin-top: 0; }
/*.page #menu { margin-right: 25px; }*/
#menu ul li { 
	font-size:18px;  
	line-height: 40px;
	letter-spacing: 1px;
	font-variant:small-caps;
	font-weight: 400; 
}
#menu ul, #menu ul li a { text-decoration: none; } /*color: #b9b9b9; */
#menu ul li a.current, #menu ul li ul li a.current { color: #666; }
#menu ul ul { 
	border-top: solid 1px #b9b9b9;
	border-bottom: solid 1px #b9b9b9;
	padding: 10px 0 5px 0;
	margin: 0;
}
#menu ul li ul li { text-transform: none; line-height: 1rem; font-size: 0.9rem; margin-bottom: 10px; }



/* __________Home___________*/

.main.container .ten.columns.home { margin-bottom: 60px; background: url("../images/michael_pope-create.jpg") no-repeat center top; height: 600px; }

/* ___________Pages_____________*/

.container { width: 980px; }
.page { margin-bottom: 60px; }
.bio .page { background: url("../images/bio/pope_web_gfx_bio-2014-2.jpg") no-repeat right 40px; overflow: visible; }
.bio .partialwidth, .press .partialwidth, .imagesgallery .partialwidth { width: 60%; }
.press .page, .imagesgallery .page { background: url("../images/neovoxer/pope_web_nvx_press_BG_blood.jpg") no-repeat right 40px; overflow: visible; }

.livingimages .page { background: url("../images/living-images/msp_web_mpic_large_About.png") no-repeat right 60px; overflow: visible; }
.press .center p {text-align:center;}
/*__________Gallery_____________*/

#lightGallery {
			list-style: none outside none;
		    padding-left: 0;
		}
#lightGallery li {
			display: block;
			float: left;
			height: 100px;
			margin-bottom: 36px;
			margin-right: 36px;
			width: 100px;
		}
#lightGallery li a {
			height: 100px;
			width: 100px;
		}
#lightGallery li a img {
			max-width: 100px;
		}
		

/*_________Footer___________*/
.band.bottom { border-top: solid 1px #ededed; }
.footer { padding: 21px 0 16px 0; }

#footer-left { 
	float:left; 
	display:inline;
	letter-spacing: 2px;
}
#footer-left a { text-decoration: none; }
#footer-left img { margin: 5px 0 0 5px; }
#footer-left img.alpha { margin-left: 0; }
#footer-right {
	float:right;
	display:inline;
	font-variant:small-caps;
	letter-spacing: 2px;
	text-align: right;
}
#footer-right img {vertical-align:text-top;}


/* #Media Queries
================================================== */

	/*@media only screen and (min-width: 963px) and (max-width: 989px) {
		.columns.alpha { margin-left:15px; }
		.container .thirteen.columns { width: 500px; }
	}*/
	
	
	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		.container { width: 95%; }
		.container .three.columns { width: 160px; }
		.container .thirteen.columns { width: 604px; }
		#footer-left { padding-left: 10px; }
		.main.container .ten.columns.home { background: url("../images/michael_pope-create-460.jpg") no-repeat center top; }
	}
	
	@media only screen and (min-width: 768px) and (max-width: 873px) {
	.container .thirteen.columns { width: 500px; }
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
	
		.container .three.columns.nav {width: 100%}
		.main.container .ten.columns.home { 
			width: 100%; 
			height: 600px;
			margin-bottom: 30px;
			background: url("../images/michael_pope-create.jpg") no-repeat center top;
			}
		#menu ul { float: left; list-style: none outside; z-index: 9999; }
		#menu ul li {
			display: inline;
			float: left;
			position: relative;
			line-height: 14px;
			padding: 5px 16px 4px 5px;
			margin: 0;
		}
		#menu li ul {
			display: none;
			margin: 0;
			padding: 0;
			position: absolute;
			top: 100%;
			z-index: 1;
		}
		.bio .page { background: url("../images/bio/pope_web_gfx_bio_2014-small.jpg") no-repeat right 110px; }

		#footer-left { margin-bottom: 15px; }
		#footer-right { padding-left: 15px; width: 380px; }
		#footer-right span { float: right;}
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		.container { width: 90%; }
		.columns.omega { padding: 0; }
		.container .sixteen.columns, .page.container .twelve.columns, .page.container .thirteen.columns { width: 100%; }
		.main .four.columns { width: 30%; }
	}
	
	@media only screen and (max-width: 650px)  {
		#title h1.logo a { 
				width: 306px;
				height: 74px;
				background: url("../images/pope-web-title-small.png") no-repeat top right; }
	}
	
	@media only screen and (max-width: 639px) {
		.main.container .ten.columns.home { background: url("../images/michael_pope-create-460.jpg") no-repeat center top; }
	}
	
	@media only screen and (max-width: 590px) {
		.main.container .ten.columns.home { 
			margin-bottom: 20px; 
			background: url("../images/michael_pope-294w.jpg") no-repeat center top;
			height: 420px;
		 }
		.page.container .twelve.columns, .page.container .thirteen.columns { width: 100%; }
		.columns.omega { padding: 0; }
	}
		
	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		.container { width: 96%; }
		.columns.omega { padding: 0; }
		.container .sixteen.columns { width: 100%; }
		.bio .page { background: url("../images/bio/pope_web_gfx_bio_2014-small.jpg") no-repeat right 160px; }
	}