/*
Theme Name: Shelley Penn Architect
Description: Custom Built Wordpress Theme For Shelley Penn Architect.
Version: 1.0
Author: Chris Cooper
Author URI: http://www.webfreelancer.net
*/

/*---------------------------------------------------------------------------------

[Table of contents]

1. CSS Reset - This avoids many common cross-browser issues and is standard on all my work.

2. Initial Styling - General tags, the background, global attributes (overridden by following regions).
        2.1. Typography - These are the base style for all typography.
        
3. Header Region - Styles specific to header region, title, slug, top menu, etc.
        3.1 Main Site Navigation - The Styling for the Main Horizontal Site Navigation.

4. Content Region - Styles for content appearance, blockquotes, posts, pages, wp-caption, etc.
        4.1 - Common Elements - Basic Styles For Common Elements

5. Footer Region - Styles specific to the footer region.

6. Misc. & Plugins - Miscellaneous, override plugins, define last rule, fix anomalies, etc.

-----------------------------------------------------------------------------------*/

/*=== START SECTION 1 - CSS Reset ===*/

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;} :focus { outline: 0; } body { line-height: 1; color: black;  } ol, ul { list-style: none; } 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: "" ""; } img{ display:block; } a img{ border:none; outline:none; } .alignleft{ float:left } .alignright{ float:right; } .aligncenter{text-align:center; margin:0 auto;} .clear{ clear:both; }

/* Set this For The CSS3 Elements, Mainly So That Internet Destroyer Knows What To Do With Them. */
article, aside, footer, header, hgroup, nav, section { display: block; }

/*=== END SECTION 1 - CSS Reset ===*/


/*=== START SECTION 2 - Initial Styling ===*/
body{
    font-family: Arial;
    font-size:14px;
    line-height:20px;
    color:#d8d7d5;
    background-color:#000;
    	font-weight: normal;
}

#wrapper {
    margin: auto;
    width: 960px; 
    margin-top: 135px;
    margin-bottom: 80px;
}


a {
	color: #FFF;
	text-decoration: none;
}

a:hover {
	color: #2c8ea9;
}

p, ul, ol {
	margin-bottom: 10px;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

/*=== START SECTION 2.1 - Typography ===*/

h1, h1 a {
	font-size: 17px;
	margin-bottom: 15px;
	clear: both;
font-weight: normal;
color: #FFF;
}

h2, h2 a {
	font-size: 12px;
    margin: 10px 0px;
	clear: both;
     text-transform:uppercase;
}

.content {
font-style: italic;
}

/*=== END SECTION 2.1 - Typography ===*/

/*=== END SECTION 2 - Initial Styling ===*/


/*=== START SECTION 3 - Header Region ===*/

/*=== START SECTION 3.1 Main Site Navigation ===*/


nav.main_nav {
       float: left;
        margin-top: 35px;
        width: 150px;
        line-height: 24px;
}

nav.main_nav ul {
	margin-bottom: 0px;
}


nav.main_nav ul ul {
   margin :5px 0px !important;
}

nav.main_nav ul ul li{
    padding-left:15px !important;
}


nav.main_nav li a {
        font-size: 14px;
		color: #d8d7d5;
}

nav.main_nav li a:hover, nav.main_nav li.current-menu-item a {
	color: #13718b;
}


/*=== END SECTION 3 - Header Region ===*/


/*=== START SECTION 4 - Content Region ===*/

#featuredImage {
    
    position: absolute;
    float: right;
    z-index: 10;
    margin-left: 700px;
     margin-top: - 20px;
  
  
}

/*== START SECTION 4.1 - Common Elements ====*/

blockquote {
	padding: 10px;
	font-style: italic;
}

section ul {
	padding-left: 15px;
	list-style: disc;
}

section ul li{
	padding-bottom: 10px;
}

section ol {
	padding-left: 20px;
	list-style: decimal;
}

section img {

}

section img.aligncenter {
	margin: 10px auto;
}

section img.alignleft, article img.alignnone, .wp-caption.alignleft {
	margin: 10px 10px 10px 0;
}

section img.alignright, .wp-caption.alignright {
	margin: 0 0 10px 10px;
}

.wp-caption {
	text-align: center;
	font-size: 12px;
	font-style: italic;
}

.wp-caption img {
	margin: 0;
}

section table {
	width: 100%;
}

section td, #content th {
	padding: 10px;
}

section th {
	font-weight: bold;
}

section dt {
	padding: 5px;
	font-weight: bold;
}

section dd {
	font-style: italic;
	padding: 5px 5px 15px;
}

section code {
	font-weight: bold;
}

section abbr, section acronym, section cite, section var {
	font-style: italic;
}

section big {
	font-size: 1.2em;
}

section small {
	font-size: 0.8em;
}

section pre {
	font-family: "Lucida Console", Monaco, monospace;
}

section sup {
	vertical-align: super;
	font-size: 0.8em;
}

section sub {
	vertical-align: sub;
	font-size: 0.8em;
}

section .gallery-icon img {
	margin: 0 auto;
}

section .commentlist, section .commentlist .children {
	padding: 0;
	list-style: none;
}

#page-section {
       float: left;
    width: 720px;
       
}

#gallery-section {
       float: left;
    width: 810px;
       
}


/*=== End SECTION 4 - Content Region ===*/

/*=== START SECTION 5 - Footer Region ===*/

footer {
    position:fixed;
    bottom:0px;
    width:100%; 
    text-align: center;
    height: 40px;
    font-size: 11px;
    background-color: #000;
    padding-top: 10px;
}

/*=== END SECTION 5- Footer Region ===*/


/*=== START SECTION 6 - Misc. & Plugins ===*/

/*== START SECTION 6.1 - Next Gen ====*/

/*== Gallery ====*/

.ngg-gallery-thumbnail, .ngg-galleryoverview {    
   margin: 0px !important;
}

.ngg-gallery-thumbnail img {
    
    border: 0px none !important;
    padding: 0px !important;
    margin-right: 5px !important;
     margin-bottom: 5px !important;
    background-color: #000000 !important;
}

.ngg-navigation {
   
    font-size: 12px !important;
    font-family: Georgia  !important;
    text-align: right !important;
    padding-right: 5px !important;
    padding-top: 5px !important;
   }

.ngg-navigation a:hover {
   
   background-color: #000000 !important;
    color: #2c8ea9 !important;
   }

.ngg-navigation a.page-numbers, .ngg-navigation a.next, .ngg-navigation a.prev, .ngg-navigation span.page-numbers, .ngg-navigation span.next, .ngg-navigation span.prev {
    border: 0px none !important;
    margin: 0px 6px !important;
    padding: 0px !important;
    text-decoration: none !important;
}

.ngg-navigation a.next, .ngg-navigation a.next:hover {
    width: 10px !important;
    height: 12px !important;
    text-indent: -50px !important;
    overflow: hidden !important;
    background-image: url('images/next_small.png') !important;
    background-repeat: no-repeat;
    color: transparent !important;
    }
    
    .ngg-navigation a.prev, .ngg-navigation a.prev:hover {
    width: 10px!important;
    height: 12px !important;
    text-indent: -50px !important;
    overflow: hidden !important;
    background-image: url('images/prev_small.png') !important;
    background-repeat: no-repeat;
        color: transparent !important;
    }

/*== Album ====*/

.ngg-album-compact {
    width: 270px !important;
    padding: 0px !important;
       height: 160px !important;
}

.ngg-album-compact p {
    display: none !important;    
}

.ngg-album-compact h4, .ngg-album-compact a {
   font-size: 11px !important;
    font-weight: normal !important;
    line-height: normal !important;
    width: 260px !important;
    padding-left: 0px !important;
    background-color: #000 !important;
}

.ngg-album-compactbox {
     padding: 0px !important;
     margin: 0px !important;
    background-image: none !important;
        width: 260px !important;
         height: 170px !important;
}

.ngg-album-compactbox .Thumb {
    width: 260px !important;
    height: 170px !important;
}

/*== START SECTION 6.1 - Light Box ====*/

#outerImageContainer, #imageDataContainer {
    
    background-color: #000 !important;
    
}

#imageDataContainer #numberDisplay, #jqlb_closelabel {
    
    display: none !important;
}

#prevLink:hover,#prevLink:visited:hover
{
background:url('images/prev.png') left 50% no-repeat !important; 
}

#nextLink:hover,#nextLink:visited:hover
{
background:url('images/next.png') right 50% no-repeat !important; 
}

#imageData #imageDetails {
    
    width: 100% !important;
    padding-bottom: 5px !important;
}


/*Image Gallery Styles - To Be Supplemented With JS */
.ngg-album-compact{
    position:relative;
    height:185px!important;
	float: left;
}

.ngg-album-compact:hover h4{
    display:block;
}

.ngg-album-compact h4{
    display:none;
    position:absolute;
    bottom:8px;
    left:0;
    padding:7px;
}




/*=== END SECTION 6 - Misc. & Plugins ===*/

.project-summary--wrap {
    width: 810px;
    display: block;
}

.project-summary { 
    position: relative;
    box-sizing: border-box;
    display: inline-block;
    float:left;
    width: 33.333%;
    padding-right: 10px;
    padding-bottom: 10px;
    overflow: hidden;
}

.project-summary__title {
    position: absolute;
    bottom:0;
    width: 100%;
    padding:5px;
    font-size: 11px;
    font-style: italic;
    opacity: 0;
    transition: all 300ms ease-in;
}

.project-summary__image {
    opacity: 1;
    transition: all 300ms ease-in;
    width: 100%;
}

.project-summary:hover .project-summary__title { 
    opacity: 1;
    color:#FFF;
}

.project-summary:hover .project-summary__image { 
    opacity: 0.8;
}

.project-pagination { 
    clear: both;
    padding-top:10px;
    display: block;
    width: 800px;
    text-align: right;
    font-family: Georgia;
    font-size: 14px;
    font-weight: normal;
    font-style: italic;
    height: 12px;
}

.project-pagination .page-numbers { 
    display: inline-block;
    width: 18px;
    text-align: center;
    color:#FFF;

}

.project-pagination .page-numbers:hover { 
    color:#FFF;
}
.project-pagination .page-numbers.next { 
    height: 12px !important;
    text-indent: -50px !important;
    overflow: hidden !important;
    background-image: url(images/next_small.png) !important;
    background-position: center center;
    background-repeat: no-repeat;
    color: transparent !important;
}

.project-pagination .page-numbers.prev { 
    height: 12px !important;
    text-indent: -50px !important;
    overflow: hidden !important;
    background-image: url(images/prev_small.png) !important;
    background-position: center center;
    background-repeat: no-repeat;
    color: transparent !important;
}


.project-detail--wrap {
    width: 810px;
    display: block;
}

.project-detail__thumbs { 
    box-sizing: border-box;
    display: inline-block;
    float: left;
    width: 270px;
    height: 180px;
    overflow: hidden;
    padding:5px;
}
.project-detail__thumbs img { 
    width: 100%;
}

.project-detail__description { 
    clear: both;
    width: 800px;
    padding-top:10px;
}
.project-detail__description a { 
    font-size: 12px;
    font-style: italic;
}
.project-detail__description h1 { 
    font-style: italic;
    padding-left: 3px;
    padding-top:20px;
    font-size: 17px;
    padding-bottom: 5px;
    margin-bottom: 0;
}

.project-detail__description p { 
    font-style: italic;
}

/* photoswipe styles */
.pswp__caption__center { 
    text-align: center !important;
    font-style: italic !important;
}

/**
 * Gravity form styles.
 */
ul.gform_fields{
    margin:0;
    padding:0;
    list-style:none;
}

ul.gform_fields input[type=text], ul.gform_fields input[type=email], ul.gform_fields textarea{
    margin:0;
    padding:10px;
    background: none;
    border:1px solid #FFF;
    width: 50%;
    color: #FFF;
    font-family: Arial;
    font-size: 13px;
}

ul.gform_fields li.gfield_error input[type=text],
ul.gform_fields li.gfield_error input[type=email],
ul.gform_fields li.gfield_error textarea{
    border:1px solid #13718b;
}

ul.gform_fields label{
    font-style: normal;
    padding-bottom:5px;
    display:block;
    font-size:14px;
}

ul.gform_fields .validation_message{
    font-style: normal;
    color: #13718b;
}

.gform_wrapper input[type=submit]{
    color: #FFF;
    background: none;
    border: 1px solid #FFF;
    padding: 7px 15px;
    font-size: 14px;
    text-transform: uppercase;
    cursor: pointer;
}

.gform_wrapper .validation_error{
    padding: 20px;
    margin-bottom: 10px;
    text-align: center;
    color: #13718b;
    font-weight: bold;
    font-style: normal;
}