/*
Theme Name:     Back Lot Productions
Theme URI:      http://backlotproductionsinc.com/
Description:    Custom theme for Back Lot Productions, Inc.. Child theme of McWebby Base. 
Author:         Donna McMaster & Dasso Design
Author URI:     http://www.donnamcmaster.com/
Template:       mcwebby_base
Created:		August 2012
Version:        1.0

FONTS:
Avant Garde - branding, headlines
	Book:
	font-family: "AvantGardeGothicITCW01B 731069", verdana, sans-serif;
	font-family: "AvantGardeGothicITCW01B 731072", verdana, sans-serif;

	Medium:
	font-family: "AvantGardeGothicITCW01M 731087", verdana, sans-serif;
	font-family: "AvantGardeGothicITCW01M 731090", verdana, sans-serif;
	
Avenir - body copy
	font-family: "Avenir LT W01 35 Light", verdana, sans-serif;
	font-family: "AvenirLTW01-35LightObli", verdana, sans-serif;
	
	font-family: "Avenir LT W01 45 Book", verdana, sans-serif;
	font-family: "AvenirLTW01-45BookObliq", verdana, sans-serif;
	
	font-family: "AvenirLTW01-55Oblique", verdana, sans-serif;
	font-family: "Avenir LT W01 55 Roman", verdana, sans-serif;
	
	font-family: "Avenir LT W01 65 Medium", verdana, sans-serif;
	font-family: "AvenirLTW01-65MediumObl", verdana, sans-serif;
	
	font-family: "Avenir LT W01 85 Heavy", verdana, sans-serif;
	font-family: "AvenirLTW01-85HeavyObli", verdana, sans-serif;

COLORS: 
	Text color: 
		#818182	gray

	Background colors: 
		#fff
		#d5d6d8	gray 
		
	Accent colors:
		#d71921	red - home page and default accent; others set in database

revised:
	#e6e7e8 lt grey - rt column bg, copyright
	#a7a9ac med grey - h1 title (rt side)
	#59585b dk grey - text

*/

/**
 *	CSS Reset
 *	Based on Starkers reset.css, which is based on 'reset.css' in the
 *	Yahoo! User Interface Library at http://developer.yahoo.com/yui
 */
*, html, body, div, dl, dt, dd, ul, ol, li, 
h1, h2, h3, h4, h5, h6, 
pre, form, label, fieldset, input, 
p, blockquote, th, td { 
	margin: 0; 
	padding: 0;
}
table { 
	border-collapse: collapse; 
	border-spacing: 0;
}
fieldset, img { 
	border: 0;
}
address, caption, cite, code, 
dfn, em, strong, th, var { 
	font-style: normal; 
	font-weight: normal;
}
ul, ul li { 
	list-style-type: none;
}
caption, th { 
	text-align: left;
}
q:before, q:after { 
	content: '';
}

/* apply this class to enclosing containers to clear floated columns */
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }
.cf { zoom: 1; }


/* =Images
-------------------------------------------------------------- */
a img { 
	border:none; /* Gets rid of IE's blue borders */
}

/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}
.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 12px;
}


/*	HTML and body
-------------------- */
html {
	height: 100%;
}
body {
	height: 100%;
	background-color: #fff;
	color: #818182;
	font-family: "Avenir LT W01 45 Book", verdana, sans-serif;
	font-size: 12px;
	line-height: 150%;
}


/*	Basic typography
-------------------- */
strong, b, .bold { 
	font-family: "Avenir LT W01 65 Medium", verdana, sans-serif;
	font-weight: normal;
}
em, i, .italic { 
	font-family: "AvenirLTW01-45BookObliq", verdana, sans-serif;
}
strong em, em strong, i b, b i {
	font-family: "AvenirLTW01-65MediumObl", verdana, sans-serif;
}

p {
	margin-bottom: 1em;
}
p.before-list {
	margin-bottom: 0.3em;
}

/* anchors */
a {
	color: #818182;
	text-decoration: none;
}

/* headlines */
h1,h2,h3,h4,h5 {
	font-family: "AvantGardeGothicITCW01M 731087", verdana, sans-serif;
	color: #a7a9ac;
	font-weight: normal;
	line-height: 125%;
}
h1 {
	font-size: 22px;
	margin-bottom: 12px;
}
h2 {
	font-size: 14px;
	margin-bottom: 12px;
}
h3 {
	font-size: 14px;
	margin: 1px 0 12px 0;
}
.entry-content h2:first-child {
	margin-top: 0;
	text-transform: lowercase;
}

/*	containers
-------------------- */
#wrapper {
	background: transparent url(img/page-bg.png) center repeat-y;
	height: 100%;
	margin: 0 auto 0 auto;
	width: 1020px;
}
#page {
	margin: 0 40px;
}
div.left-column {
	float: left;
	width: 310px;
}
div.right-column, aside.right-column {
	float: right;
	width: 630px;
}
div.right-column p {
	margin-left: 228px;
}

/* header left */
header#branding {
	background: #fff url(img/page-bg.png) center repeat-y;
	padding-top: 20px;
}

header div.left-column {
	position: relative;
}
header div.left-column img {
	display: block;
	margin: 0 0 6px 0;
}
header #main_logo {
	outline: 3px solid #fff;
}
header #logo-name {
	font-family: "AvantGardeGothicITCW01M 731087", verdana, sans-serif;
	position: absolute;
	left: 84px;
	top: 128px;
	font-size: 14px;
}
header div.right-column {
	position: relative;
}
header div.right-column p.tagline {
	position: absolute;
	top: 208px;
	right: 0px;
	font-size: 14px;
	font-family: "AvantGardeGothicITCW01B 731069", verdana, sans-serif;
}
header div.right-column h1 {
	position: absolute;
	top: 228px;
	right: 0px;
	text-align: right;
	font-size: 36px;
	line-height: 36px;
	font-family: "AvantGardeGothicITCW01M 731087", verdana, sans-serif;
	text-transform: lowercase;
}
header div.right-column p.superscript {
	position: absolute;
	color: #a7a9ac;
	font-size: 10px;
	top: 228px;
	right: 0px;
}
header.entry-header h1 {
	display: none;
}

#main {
	background: #fff url(img/page-bg.png) center repeat-y;
}
#main div.left-column {
	border-top: 1px solid #a7a9ac;
	padding: 24px 0;
}
body.home #main div.left-column {
	padding: 0;
}
#main div.left-column p {
	margin-right: 18px;
	line-height: 150%;
}

#main aside.right-column {
	padding-bottom: 16px;
	background: transparent url(img/main-border.png) top repeat-x;
}

#main div.right-column img {
	display: block;
}
.sidebar_content {
	padding: 24px 30px 0 27px;
}
.sidebar_content h2 {
	font-size: 16px;
	margin-top: 0;
}
.sidebar_content h2 {
	font-size: 16px;
	margin-top: 0;
}
.sidebar_content li {
	margin-bottom: 0.25em;
}

/* main navigation
-------------------- */
div#nav {
	padding: 5px 0 0 0;
}

ul#menu-main {
}

/* top-level menu items
-------------------- */
#menu-main li {
	list-style: none;
	display: block;
	padding: 0 32px 0px 0;
	float: left;
	font-size: 15px;
}
#menu-main li a {
	display: block;
	margin-left: 10px;
	padding-bottom: 30px;
}
#menu-main li a div.menu_bullet {
	width: 7px;
	height: 7px;
	background-color: #a7a9ac;
	float: left;
	margin: 7px 6px 0 0;
}
#menu-main li.current-menu-item a,
#menu-main li a:hover {
	text-decoration: none;
}

/* portfolio sub-menu hover (from non-project pages)
-------------------- */
#menu-main ul.sub-menu {
	display: none;
	position: absolute;
	width: 100%;
	top: 33px;
}
#menu-main li.menu-item-object-project:hover ul.sub-menu {
	display: block;
}

/* portfolio sub-menu (from project pages)
-------------------- */
body.single-project #menu-main ul.sub-menu {
	display: block;
}
#menu-main ul.sub-menu li {
	display: block;
	float: none;
	background-color: #e6e7e8;
	width: 144px;
	margin-left: 0;
	padding: 2px 0 2px 20px;
	font-size: 12px;
}
#menu-main ul.sub-menu li.current-menu-item,
#menu-main ul.sub-menu li.current-menu-ancestor {
	background-color: #f0f0f0;
}
#menu-main ul.sub-menu li a {
	margin-left: 4px;
	padding-bottom: 0px;
}
#menu-main ul.sub-menu li a div.menu_bullet {
	display: none;
}

/* portfolio sub-sub-menu
-------------------- */
#menu-main ul.sub-menu li ul.sub-menu,
#menu-main li.menu-item-object-project:hover ul.sub-menu li ul.sub-menu,
#menu-main li.current-menu-ancestor ul.sub-menu li ul.sub-menu {
	display: none;
}
#menu-main ul.sub-menu li.current-menu-parent ul.sub-menu {
	display: block !important;
	background-color: #f0f0f0;
	padding: 0px 0 0 4px;
	position: absolute;
	margin-top: 0 important!;
	width: 464px;
	top: 0;
	right: 0;
}
#menu-main ul.sub-menu li.current-menu-parent ul.sub-menu li {
	width: 200px !important;
	padding-left: 4px !important;
	background-color: #f0f0f0 !important;
}


/*	sensible defaults for items in post content
-------------------- */
/* lists */
article .entry-content li {
	line-height: 140%;
}
article .entry-content ul {
	list-style-type: square;
	margin-bottom: 0.75em;
}
article .entry-content ul li {
	list-style-type: square;
	margin: 0 0 0.5em 1em;
}
article .entry-content ul.plain-list {
	list-style-type: none;
	margin-bottom: 1em;
}
article .entry-content ul.plain-list li {
	list-style-type: none;
	margin: 0 0 0.25em 0;
}
article .entry-content ul.button-list {
	margin-top: 0.5em;
}
article .entry-content ul.button-list li {
	margin-top: 0.5em;
	padding-bottom: 2px;
}
article .entry-content ol {
	list-style-type: decimal;
	margin-bottom: 0.25em;
}
article .entry-content ol li {
	margin: 1em 0 0 1.5em;
}


/* Projects - thumbnails
-------------------- */
#project_block li {
	display: block;
	float: left;
	margin: 0 0 20px 20px;
	line-height: 0;
}
#project_block li.first-col {
	margin-left: 0;
}
#project_block a {
	display: block;
	width: 220px;
	height: 220px;
	line-height: 0;
}
#project_block a:hover {
	background: transparent url(img/thumb-frame.png) no-repeat;
}


/* Quote Slider for home page
-------------------- */
#quote_slider {
	position: relative;	
	width: 290px;
	height: 420px;
	padding: 18px 0 0 0;
}

/* container for slides */
.quotes {
	background: transparent url(img/sprites.png) 0 -24px no-repeat;
	clear: both;
	position: relative;	
	width: 290px;
	height: 400px;
	cursor: pointer;
}

/* single slide */
.quotes div.single_slide {
	display: none;
	position: absolute;
	top: 0;
	left: 0;		
	padding: 20px 40px 0 40px;
}

#quote_slider blockquote {
	font-size: 13px;
	line-height: 150%;
	margin: 8px 0 0 0;
}
#quote_slider cite {
	display: block;
	font-size: 12px;
	line-height: 140%;
	margin: 20px 0 0 0;
}

/* prev and next arrows for quotes */
.forward, .backward {
	position: absolute;
	top: 16px;		
	z-index: 99;
	display: block;
	width: 12px;
	height: 12px;
	cursor: pointer;
	background-image: url(img/sprites.png);
	font-size: 0px;
}
.backward {	/* prev */
	right: 14px;
	background-position: 0px 0px;
}
.forward {	/* next */
	right: 0px;
	background-position: -12px 0px;
}
/* slider "tabs" (not shown but needed for jquery) */
.slidetabs {
}

/* single tab */
.slidetabs a {
	width: 0px;
	height: 0px;
}
/* active state (current page state) */
.slidetabs a.current {
} 	



/* image slider for project pages
-------------------- */
#image_slider {
	position: relative;	
	width: 630px;
	height: 460px;
	padding: 0;
}

/* container for slides */
.images {
	clear: both;
	position: relative;	
	width: 630px;
	height: 460px;
	cursor: pointer;
}

/* single slide */
.images div.single_slide {
	width: 100%;
	height: 420px;
	display: none;
	position: absolute;
	top: 0;
	left: 0;		
	padding: 0;
}
#image_slider img {
	display: block;
	margin: 0 auto;
}
#image_slider p {
	font-size: 12px;
	text-align: left;
	margin: 8px 0 0 0;
	line-height: 135%;
}

/* thumbnails beneath photos/captions */
#image_slider div.thumbs ul {
	float: right;
}
#image_slider div.thumbs li {
	float: left;
	margin-left: 9px;
}
#image_slider div.thumbs li img {
	display: inline;
}

/* prev and next arrows */
#image_slider .forward, 
#image_slider .backward {
	position: absolute;
	top: 220px;		
	z-index: 99;
	display: block;
	width: 22px;
	height: 22px;
	cursor: pointer;
	background-image: url(img/sprites.png);
	font-size: 0px;
}
#image_slider .backward {	/* prev */
	left: 10px;
	background-position: -24px 0px;
}
#image_slider .forward {	/* next */
	right: 10px;
	background-position: -48px 0px;
}


/* Single testimonial for Project page */

#project_quote {
	background: transparent url(img/sprites.png) 0 -24px no-repeat;
	padding: 20px 40px 0 40px;
}

#project_quote blockquote {
	font-size: 13px;
	line-height: 150%;
	margin: 8px 0 0 0;
}
#project_quote cite {
	display: block;
	font-size: 12px;
	line-height: 140%;
	margin: 20px 0 0 0;
}


/* PR lists for Media page */
#pr_items ul {
	width: 45%;
}
#pr_items ul.col_left {
	float: left;
}
#pr_items ul.col_right {
	float: right;
}

#pr_items li {
	margin-bottom: 1.5em;
}
#pr_items li p.pr_credit {
	margin-bottom: 0.15em;
}

body.page-sitemap #pr_items li {
	margin-bottom: 0.5em;
}

div.media-links a {
	display: block;
	float: left;
	margin-right: 6px;
	width: 20px;
	height: 20px;
	background: transparent url(img/media-sprites.png) 0 0 no-repeat;
}
div.media-links a.media-button-view {
	background-position: -20px 0;
}
div.media-links a.media-button-url {
	background-position: -40px 0;
}

div.fancybox-skin {
	background-color: #fff;
	font-size: 13px;
}
div.modal {
	display: none;
	padding: 0 10px;
}
div.fancybox-inner div.entry-content {
	padding: 30px 10% 30px 10%;
}
div.fancybox-inner div.pr-images img {
	display: block;
	margin: 0 auto 40px auto;
}
div.modal h1,
div.modal h2 {
	color: #444;
}
div.modal h1 {
	font-family: "Avenir LT W01 45 Book", verdana, sans-serif;
	font-size: 24px;
	margin-bottom: 1em;
}
div.modal h2 {
	font-family: "AvenirLTW01-45BookObliq", verdana, sans-serif;
	font-size: 18px;
	margin-top: 1.25em;
}
p.media_credit {
	margin: 36px 0 0 0;
	line-height: normal;
	font-size: 11px;
	color: #999;
}
a.close-button {
	float: right;
	background-color: #f8f8f8;
	border: 1px solid #dcdcdc;
	display: inline-block;
	color: #666;
	margin: 4px 0px 4px 4px;
	padding: 3px 12px;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}
a.close-button:hover {
	background-color: #ededed;
	color: #333 !important;
	text-decoration: none !important;
}
a.close-button:active {
	position: relative;
	top: 1px;
}
/* This imageless css button was generated by CSSButtonGenerator.com */

p.wp-caption-text {
	margin: 4px 0 16px 0;
	line-height: normal;
	font-size: 11px;
	color: #999;
}

/* Footer
-------------------- */
footer#colophon {
	background: #fff url(img/page-bg.png) center repeat-y;
	padding-top: 12px;
	font-size: 12px;
    }
footer div.right-column {
	text-align: right;
}
footer div.right-column p {
	margin: 0;
	padding: 0 0 1em 0;
}
footer#colophon p strong {
	font-size: 18px;
	font-family: "Avenir LT W01 45 Book", verdana, sans-serif;
}
footer#colophon p#copyright {
	font-size: 10px;
	color: #a0a1a2;
	line-height: normal;
	margin: 6px 0 12px 0;
}

/* footer navigation
-------------------- */
ul#menu-footer {
	padding-top: 4px;
}
#menu-footer li {
	list-style: none;
	display: inline;
	padding: 0 5px 0px 6px;
	border-left: 1px solid #818182;
}
#menu-footer li:first-child {
	border: none;
	padding-left: 0;
}
#menu-footer li a {
	color: #818182;
}
#menu-footer li a:hover {
	text-decoration: none;
}



a.post-edit-link {
}
body a img.edit-pencil {
	display: inline !important;
	clear: none;
	float: none !important;
	margin: 0 !important;
	padding: 0 3px 0 3px;
}