/*
Theme Name: Sally LaPointe
Theme URI: http://www.sallylapointe.com
Description: 
Version: 1.0.0
Author: Forescene Web
Author URI: http://www.foresceneweb.com/
Tags: 

PWTK: 11589c3b3679dc6ce5dea43eed6495e2

*/

/* CSS RESET - Eric Myer */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } /* remember to define focus styles! */ :focus { outline: 0; } body { line-height: 1; color: black; background: white; } ol, ul { list-style: none; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after,q:before, q:after {content: "";} blockquote, q { quotes: "" ""; }

/* ------------------ */
body { font-family: 'CopperplateGothicLTW01- 706010', Arial, Helvetica, sans-serif;  }


/* ------------------ */
.clear { clear: both; }

strong { font-weight: bold; }
em { font-style: oblique; }

h2 { font-size: 120%; font-weight: bold; }

/* ------------------ */
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 0; margin: 0; display: inline; }
img.alignleft { padding: 0; margin: 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left; }

/* --- Layout --- */
body, html { height: 100%; position: relative; min-height: 188px; }
body { /*min-width: 730px;*/ }
div#page { width: 100%; height: 100%; }
div#header { position: absolute; left: 32px; bottom: 35px; height: 150px; z-index: 3; }

div.content { position: absolute; bottom: 0px; right: 0px; }
div.page-js div.content { display: none; }
div.content div.page { padding: 0 32px 32px 0; float: left; }

/* --- Header --- */
div#header h1 { margin: 0; padding: 0; width: 380px; height: 21px; text-indent: -9999px; font-size: 0; line-height: 0; }
div#header h1 a { display: block; width: 380px; height: 21px; background: url(img/logo-transparent.png) no-repeat top left; }

div#header div.menu { float: left; margin-top: 14px; width: 74px;}
div#header div.menu ul li { position: relative; display: block; padding-bottom: 7px; font-size: 13px; line-height: 13px; }
div#header div.menu ul li a { display: block; font-size: 14px; font-family: 'CopperplateGothicLTW01- 706010', Arial, Helvetica, sans-serif; line-height: 14px; text-decoration: none; text-transform: uppercase; color: #000; }

div#header div.menu ul li div.sub-nav { display: none; position: absolute; left: 92px; top: 0; padding-left: 24px; }
div#header div.menu ul li div.sub-nav a { color: #000; }
div#header div.menu ul li div.sub-nav ul li ul { margin-top: 4px; padding-left: 28px; }

div#header div.sub-menu { float: left; margin-top: 14px; padding-left: 28px; width: auto}
div#header div.sub-menu ul li a { color: #000; }
div#header div.sub-menu ul li ul { margin-top: 6px; padding-left: 28px; }
div#header div.sub-menu ul li ul li ul { margin-top: 6px; padding-left: 16px; }

div#header div.sub-menu ul li ul li a { font-size: 12px; }

div#header div.sub-menu ul li.page-item-453 { float: left; width: 100px;}
div#header div.sub-menu ul li.page-item-216 { float: left; width: 100px;}
div#header div.sub-menu ul li.page-item-151 { float: left; width: 100px;}


/* --- Content --- */
div.content { font-size: 12px; line-height: 16px; }
div.content p { margin: 20px 0 0 0; }
div.content p.first { margin: 0; }
div.content a { color: #000; text-decoration: none; }

/* --- Page: Front --- */
body.page-template-page-front-php { /*overflow:hidden;*/ }
body.page-template-page-front-php div.page-js div#header h1, body.page-template-page-front-php div.page-js div#header div.menu ul li { opacity: 0; }

div#enter { font-size: 12px; }
div.page-js div#enter { display: block; position: absolute; bottom: 5%; right: 50%; margin:0 -23px -1px; opacity: 0; z-index: 3; }
div#enter a { color: #000; text-decoration: none; position: absolute: z-index: 9999; }
/*div.enterlogo img {cursor: pointer !important;}

/* --- jQuery - Supersized Plugin --- */
#supersize{ position:fixed; }
#supersize img, #supersize a{ height:100%; width:100%; position:absolute; z-index: 0; }
#supersize .prevslide, #supersize .prevslide img{ z-index: 1; }
#supersize .activeslide, #supersize .activeslide img{ z-index: 2; }


/* --- Page: Projects --- */
body.page-id-13 div#header div.sub-menu ul, body.parent-pageid-13 div#header div.sub-menu ul { position: absolute; bottom: 15px; }
body.page-id-13 div#header div.sub-menu ul li, body.parent-pageid-13 div#header div.sub-menu ul li { margin-bottom: 0; float: left; margin-right: 12px; }

/* --- Page: Gallery template --- */
body.page-template-page-gallery-php { min-height: 654px; /*min-height: 510px;*/ }

/* --- Page: About --- */


/* -- Collection/Gallery Browser */
.content-collection { min-height: 226px; }
.page-js #collection_items { display: none; }
.page-js #collection_browser { position: absolute; left: 0px; bottom: 284px; width: 100%; height: 226px; z-index: 9997; overflow: hidden; }

#loading_indicator { color: #000000; width: 32px; height: 32px; background: url(img/progressindicator.gif) no-repeat; position: absolute; left: -1000px; top: 10px; text-align: center; z-index: 10000; font-size: 0; line-height: 0; text-indent: -9999px; }
#scroll_layer { margin: 0 auto; width: 12000px; height: 100%; position: absolute; }

#collection_nav { position: relative; z-index: 9998; width: 963px; margin: 34px auto 0 auto; padding: 0 32px; }
#collection_nav a { padding-left: 1px; font-size: 11px; color: #b4aba8; text-transform: uppercase; }
#collection_nav a:hover { color: #000000; }

.collection-item .photo { position: relative; float: left; overflow:hidden; }
.page-js .collection-item .photo img, .page-js .collection-item .photo canvas { display: none; }
.page-js .priority-item .photo img { }
.collection-item .photo img { min-height: 226px; }
.collection-item .photo img.reflection { min-height: 66px !important; }
.collection-item .photo a { display: block; cursor: pointer; float: left; font-size: 0px; line-height: 0px; }

.collection-item { float: left; position: relative; overflow: hidden; }

.collection-item .photo { position: relative; left: 0px; top: 0px; z-index: 9999; }
.collection-item .info { display: none; position: absolute; right: 0px; top: 0px; width: 436px; padding: 100px 32px 32px 32px; z-index: 9998; }
.collection-item a.close-button { display: block; margin-top: 32px; text-transform: uppercase; color: #e1e1e1; }
.collection-item a.close-button:hover { color: #ffffff; }

/* -- Full-height Collections -- */
.page-id-53, .page-id-55, .page-id-61, .page-id-248, .page-id-81, .page-id-91, .page-id-263 { background: #3f251c url(images/common-bg-ppat.png) repeat; }
.page-id-53 #collection_browser, .page-id-55 #collection_browser, .page-id-61 #collection_browser, .page-id-248 #collection_browser, .page-id-81 #collection_browser, .page-id-91 #collection_browser, .page-id-263 #collection_browser { height: 100%; top: 0; }
.page-id-53 #collection_nav a, .page-id-61 #collection_nav a, .page-id-248 #collection_nav a, .page-id-81 #collection_nav a, .page-id-91 #collection_nav a, .page-id-263 #collection_nav a { color: #2f2e34; }

/* -- Gallery Template -- */
.page-template-page-gallery-php #xheader { position: relative; z-index: 9999; }
.page-template-page-gallery-php #footer { z-index: 9999; }
.page-template-page-gallery-php #collection_browser { height: 226px; bottom: 284px; background: url(images/gallery-bg-black.gif) repeat-x !important; }
.page-template-page-gallery-php #collection_nav a { color: #b4aba8; }
.page-template-page-gallery-php #collection_nav a:hover { color: #fff; }
.page-template-page-gallery-php .collection-item .photo img { min-height: 226px; }

.content-gallery { width: 964px; padding: 0 32px 190px 32px !important; margin: 0 auto 0; }
.page-js .content-gallery { margin: 455px auto 0; }
.content-gallery .hentry { padding-left: 0 !important; font-size: 11px; line-height: 11px; }
.content-gallery h3 { color: #fde5d9; margin-bottom: 4px; text-transform: uppercase; font-weight: normal; font-size: 11px; line-height: 11px; }
.content-gallery ul, .content-gallery ol { list-style: none outside !important; padding-left: 0; text-transform: uppercase; }
.content-gallery span.phone-label { display: block; float: left; width: 30px; }

.page-js div.photo-credits { opacity: 0; }
div.photo-credits { position: absolute; right: 32px; bottom: 0px; height: 270px; }
div.photo-credits p { font-family: 'CopperplateGothicLTW01- 706010', Arial, Helvetica, sans-serif; color: #777777; font-size: 11px; line-height: 16px; text-align: right; }

/* -- Collection Items (noscript) -- */
#collection_items_outer { height: 100%; width: 100%; }
ul#collection_items { }
#collection_items li { display: inline; }

/* -- Press Page (gallery) -- */
div#static_gallery { margin-right: 26px; xwidth: 620px; text-align: right;}

div#static_gallery ul { display: block;}
div#static_gallery ul li { display: inline;}
div#static_gallery ul li a { padding-right: 6px;}

/* -- Press Individual Item -- */
body.page-template-page-press-php div#header { display: none; }
body.page-template-page-press-php div#content { position: relative; display: block; width: 100%; }
body.page-template-page-press-php div.content div.page { float: none; padding: 0; }
body.page-template-page-press-php div#content .entry p { text-align: center; }
body.page-template-page-press-php div#content .alignright { float: none; }

/* -- Fancybox -- */
div#fancybox-outer { background: none; }
div#fancybox-wrap { padding: 0; z-index: 10000; }
div.fancy-bg { display: none; }

/*div#slp_fancybox_controls_wrap { display: none; position: absolute; left: 0; bottom: 170px; width: 100%; height: 13px; }*/
div#slp_fancybox_controls { position: relative; width: 108px; height: 100px; margin: 0 auto; left: 0px; top: 20px; z-index: 103; }
div#slp_fancybox_controls a.previous, div#slp_fancybox_controls a.next { display: block; position: absolute; width: 10px; height: 13px; background-image: url(img/navicons.png); background-repeat: no-repeat; font-size: 0; line-height: 0; text-indent: -9999px; }
div#slp_fancybox_controls a.previous { left: 0; top: 0; background-position: 0 0; }
div#slp_fancybox_controls a.next { right: 0; top: 0; background-position: -14px 0; }
div#slp_fancybox_controls a.close { margin: 0 15px; display: block; text-align: center; background: none; text-transform: uppercase; font-size: 12px; line-height: 15px; color: #94929a; text-decoration: none; }

/*a#fancybox-close { display: block; width: 100%; height: auto; right: auto; top: auto; bottom: -40px; text-align: center; background: none; text-transform: uppercase; font-size: 12px; color: #75747a; }
a#fancybox-left, a#fancybox-right { display: block; z-index: 9999; }
span#fancybox-left-ico, span#fancybox-right-ico { left: auto; top: auto; bottom: -40px; width: 100%; height: 13px; background-repeat: no-repeat; }
span#fancybox-left-ico { right: 0; background-image: url(img/navicons-left.png); background-position: bottom right; }
span#fancybox-right-ico { background-image: url(img/navicons.png); background-position: -14px 0; }
a#fancybox-left:hover span { left: auto; }
a#fancybox-right:hover span { left: auto; right: auto; }*/

/* -- Coming Soon --*/
h2.coming-soon { position: absolute; width: 100%; text-align: center; top: 50%; font-size: 14px; font-weight: normal; }

/* -- Video Player -- */
div.content-video-player { position: absolute; bottom: 215px; margin: 0 auto; text-align: center; width: 100%; z-index: 1; }
body.page-template-page-video-player-php { min-height: 674px !important; }
.slide{display: none;}
#nav{position: absolute; bottom: 10px; left: 0px; list-style-type: none;}
#nav .next, #nav .prev, #nav .pager, ul.pager li
{
	display: inline-block;
	
}
ul.pager li
{
	margin: 0 5px;
}