/*   
Theme Name: Emily Raftery Photography
Theme URI: http://www.emilyraftery.co.nz
Description: Emily Raftery Photography custom theme -- WordPress v3.0.1
Author: Daniel Stebbings
Author URI: http://www.compactcat.co.nz
Version: 2
*/

* { margin: 0; padding: 0; }
html,
body {
  width: 100%;
  height: 100%;
}
body {
  background: #FFFFFF;
  color: #86888B;
  font-family: 'OmnesLight';
  overflow-x: hidden;
}
body.home {
	background: #000000;
}
.screen-reader-text { position: absolute; left: -9999px; top: -9999px; }
.clear { clear: both; }
.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .group, *:first-child+html .group { zoom: 1; } /* First selector = IE6, Second Selector = IE 7 */
#page-wrap { 
  width: 100%;
  max-width: 960px;
  margin: 0px auto;
  min-height:100%;
}
.page-wrap-full #page-wrap {
  max-width: 94%;
}
#page-center{ float:left;}

.galleryHome{
  margin-bottom:6px;
}

h1, h2, h3 { font-weight: normal; margin: 0 0 0 0; }
h1 { }
h2 {font-size:16px; }
h3 { }
title{ font-size:20px;}
p { margin: 0 0 10px 0;}
a { text-decoration: none; color: #86888B;}
em{font-size:14px;}
blockquote { }
blockquote p { }

ul, ol { margin: 0 0 10px 0; }

.post { }

.entry { }
.entry a { 
	text-decoration: underline;
}
.entry a:hover { }

pre { }
code, tt { }

#meta { }
.postmetadata { }

#sidebar { }

.navgation { }
   .next-posts { }
   .prev-posts { }

#searchform { }
  #s { }
  #searchsubmt { }
  
ol.commentlist { list-style: none; }
ol.commentlist li { }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor { }
ol.commentlist li.byuser { }
ol.commentlist li.comment-author-admin { }
ol.commentlist li.comment { border-bottom: 1px dotted #666; padding: 10px; }
ol.commentlist li.comment div.comment-author { }
ol.commentlist li.comment div.vcard { }
ol.commentlist li.comment div.vcard cite.fn { font-style: normal; }
ol.commentlist li.comment div.vcard cite.fn a.url { }
ol.commentlist li.comment div.vcard img.avatar { float:right; margin: 0 0 10px 10px; }
ol.commentlist li.comment div.vcard img.avatar-32 { }
ol.commentlist li.comment div.vcard img.photo { }
ol.commentlist li.comment div.vcard span.says { }
ol.commentlist li.comment div.commentmetadata { }
ol.commentlist li.comment div.comment-meta { font-size: 10px; }
ol.commentlist li.comment div.comment-meta a { color: #333; }
ol.commentlist li.comment p { }
ol.commentlist li.comment ul { }
ol.commentlist li.comment div.reply { font-size: 11px; }
ol.commentlist li.comment div.reply a { font-weight: bold; }
ol.commentlist li.comment ul.children { list-style: none; margin: 10px 0 0; }
ol.commentlist li.comment ul.children li { }
ol.commentlist li.comment ul.children li.alt { }
ol.commentlist li.comment ul.children li.bypostauthor { }
ol.commentlist li.comment ul.children li.byuser { }
ol.commentlist li.comment ul.children li.comment { }
ol.commentlist li.comment ul.children li.comment-author-admin { }
ol.commentlist li.comment ul.children li.depth-2 { border-left: 5px solid #888; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-3 { border-left: 5px solid #999; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-4 { border-left: 5px solid #bbb; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-5 { }
ol.commentlist li.comment ul.children li.odd { }
ol.commentlist li.even { background: #F2DCDE; }
ol.commentlist li.odd { background: #EDC9CB; }
ol.commentlist li.parent { border-left: 5px solid #7c7c7c; }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even { }
ol.commentlist li.thread-odd { }

form { }
input[type=text] { }
textarea { }


#header{
  text-align: center;
}

.description{
 width:500px; 
 margin:0px 0px 30px 0px;
 padding: 30px 0 0 0;
  display: none;
}
#logo{
  margin: 35px auto 20px auto;
  display: inline-block;
 }
#contactMini{
  float:left;
  width:700px;
}
#contactMini img{
   
}
#contactMini ul{
  float:right;
}
#contactMini li{
   display:inline-block;
   padding: 0 10px 0 10px;
   top:-20px;
   position:relative;
}
.galleryHome{
  float:left;
}

#nav #menu-main-nav-menu ul,
#menu-sub-menu ul {
  margin: 0;
  padding: 20px 0 0 0;
  list-style-type: none;
  list-style-image: none;
}
#nav #menu-main-nav-menu li,
#menu-sub-menu li {
  display: inline-block;
  padding: 0px 15px 1px 15px;
  margin: 5px 0px 5px -1px;
  border-left: 1px solid #86888B;
}
#nav #menu-main-nav-menu li:first-child,
#menu-sub-menu li:first-child {
  border: none;
}
#nav #menu-main-nav-menu li a,
#menu-sub-menu li a {
  text-decoration:none;
  margin: 0px;
  vertical-align:middle;
  font-weight: normal;
  font-size: 15px;
}
/*#nav #menu-main-nav-menu li a:hover, #menu-sub-menu li a:hover {color:#7F6875; }
#nav #menu-main-nav-menu ul.sub-menu li.current-menu-item a, #menu-sub-menu ul.sub-menu li.current-menu-item a {color:#7F6875!important;}
#nav #menu-main-nav-menu .sub-menu a, #menu-sub-menu .sub-menu a {color:#86888B!important;}
#nav #menu-main-nav-menu .sub-menu a:hover, #menu-sub-menu .sub-menu a:hover {color:#7F6875!important;}*/
#nav #menu-main-nav-menu li.current-menu-item, #menu-sub-menu li.current-menu-item {
  /*background: #86888B;*/
  /*border: 1px solid #86888B;*/
  text-transform: uppercase;
}
/*#nav #menu-main-nav-menu li.current-menu-item a, #menu-sub-menu li.current-menu-item a,*/
#nav #menu-main-nav-menu li.current_page_parent {
  /*color: #7F6875;*/
  /*color: #FFFFFF;*/
  text-transform: uppercase;
}
#nav #menu-main-nav-menu,
#menu-sub-menu {
  font-size: 0px;
  margin-bottom: 25px;
}
#menu-sub-menu {
  margin-top: -25px;
}

/*#menu-main-nav-menu li, .sub-menu li {
    display:inline;   
}
#menu-main-nav-menu li .sub-menu {
    display:none;
    font-size:12px; 
}
#menu-main-nav-menu .sub-menu li{
    margin:15px 0 0 0; 
}
#menu-main-nav-menu li.current-menu-item .sub-menu {
    display:block;
    position:absolute;
}
#menu-main-nav-menu li.current-menu-item .sub-menu li{
    background-image:none!important; 
    padding:0px 20px 0 20px!important;
    border-right: solid thin #666;
}
#menu-main-nav-menu #menu-item-44{
    margin-left:-70px!important;
}
#menu-main-nav-menu .current-menu-parent .sub-menu {
    display:block;
    position:absolute;
}
#menu-main-nav-menu li.current-menu-parent .sub-menu li{
    background-image:none!important; 
    padding:0px 20px 0 20px!important;
    border-right: solid thin #666;
}
#menu-main-nav-menu .sub-menu #menu-item-84 {
   border:none!important; 
}*/
#nav #menu-main-nav-menu>.menu-item {
    position: relative;
}
#nav #menu-main-nav-menu .sub-menu {
    position: absolute;
    left: 0;
    top: 100%;
    text-align: left;
    background: white;
    z-index: 100;
    margin: 0;
    padding: 5px 0px;
    border: none;
    transition: 0.5s;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
    text-transform: none;
    border-left: 1px solid #86888B;
    margin-left: -1px;
    padding-left: 1px;
}
#nav #menu-main-nav-menu .sub-menu .menu-item {
    border: none;
}
.home #nav #menu-main-nav-menu .sub-menu {
    border-left: 1px solid white;
    background: transparent;
}
.home #nav #menu-main-nav-menu .sub-menu:before {
    content: '';
    position: absolute;
    top: 32px;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.4);
    z-index: -1;
}
#nav #menu-main-nav-menu .sub-menu.menu-on {
    opacity: 1;
    pointer-events: auto;
}
.breadcrumbs{
width: 100%;
max-width: 960px;
   float:left;
}
#content{ 
}
#blog-content{
width: 100%;
max-width: 960px;
}
img {
  border-style:none;
  max-width: 100%;
  height: auto;
}
.comments{
}
.titleBG,
.meta{
  text-align:center;
}
.meta{
	margin: 10px 10px 30px 10px;
  text-transform: uppercase;
  font-size: 14px;
}
.meta div {
  margin: 5px;
}
.meta span {
  margin: 0 15px;
}
.titleBG H2, .titleBG H2 a{
    color:#7c7c7c;
    text-decoration:none;
    font-size:25px;
}
.titleBG H2 a:hover{
    color:#7c7c7c;
    text-decoration:none;
}

H1.titleAwards{
   font-size:30px!important; 
}

#blog-content .entry{
  margin:20px 10px 40px 10px;
}
.entry p{
  margin:10px 0;
}
.page-wrap-full .entry p {
  max-width: 960px;
  margin: 10px auto;
}
.entry img {
  padding: 0 2px 0 3px; 
}

.entryHome td{
   padding: 20px 0 10px 0;
}

.entryHome td hr{
   margin: 20px 0 20px 0;
}

td img{margin:0px 5px 0px 5px;}
#gallerySpacer{
   height:50px;
}
#gallerySpacer1{
   height:50px;
}
#footerWrap{
  margin: 0 auto;
	width: 100%;
  clear: both;
}
#footer {
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
}

#footer p{
  text-align:center; 
}
.spacer{
 height:50px;
  width:100%;
  float:left;
  position:relative;
}
.post-edit-link{
   float:left; 
   clear:right;
}
/*CONTACT FORM*/

.wpcf7 form {
max-width: 600px;
margin: 40px auto;
}
#contact{
list-style: none;
display: block;
width: 100%;
margin: 0 auto;
}
#contact li{
float: left;
margin: 0 0 20px 0;
width: 100%;
}
#contact li SELECT.wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required{
width: 372px;
}
#contact li .text{
float: left;
margin-top: 4px;
}
#contact li .required{
  position:relative;
  float:right;
  right:10px;
  top:10px;
  z-index:100;
}
#contact li .wpcf7-form-control-wrap{
float: right;
}
#contact li .wpcf7-form-control-wrap input, #contact li .wpcf7-form-control-wrap textarea, #contact li .wpcf7-form-control-wrap select{
background: #fff;
border: 1px solid #86888B;
padding: 5px 10px;
width: 350px;
font-family: 'OmnesLight';
font-size: 18px;
}
#contact li .radio-995 input{
width: 20px;
margin: 6px 10px 0 0;
background: none!important;
border: none!important;
float: left;
cursor: pointer;
}
#contact li .radio-456 input{
  width:250px;
}
#contact .radio-995, .radio-456{
width: 360px;
}
span.wpcf7-list-item { display: table-row; }
span.wpcf7-list-item * {
display: table-cell;
float: right;
width: 200px;
line-height: 24px;
}
#contact li .wpcf7-form-control-wrap input:focus, #contact li .wpcf7-form-control-wrap textarea:focus{
  /*background:#F2E8E9*/
}
#contact li .wpcf7-form-control-wrap textarea{
resize: none;
}
#contact li#submit{
text-align: center;
}
#contact li#submit input{
display: inline-block;
padding: 10px 30px;
background: #86888B;
border-radius: 5px;
border: none;
color: white;
text-transform: uppercase;
min-width: 120px;
cursor: pointer;
}
#contact li#submit input:hover{
background: #7F6875;
}
div.wpcf7-validation-errors {
    clear: left;
}
.wpcf7-mail-sent-ok{
    clear:left;
}
input.referer-page { display:none; } /*referer hide*/

@media print {

.do-not-print { display: none; }
#comments { page-break-before: always; }


body { width: 100% !important; margin: 0 !important; padding: 0 !important; line-height: 1.4; word-spacing: 1.1pt; letter-spacing: 0.2pt; font-family: Garamond,"Times New Roman", serif; color: #000; background: none; font-size: 12pt;
}
h1,h2,h3,h4,h5,h6 { font-family: Helvetica, Arial, sans-serif; }
h1 { font-size: 19pt; }
h2 { font-size:17pt; }
h3 { font-size:15pt; }
h4,h5,h6 { font-size:12pt; }
code { font: 10pt Courier, monospace; } 
blockquote { margin: 1.3em; padding: 1em; }
img { display: block; margin: 1em 0; }
a img { border: none; }
table { margin: 1px; text-align:left; }
th { border-bottom: 1px solid #333;  font-weight: bold; }
td { border-bottom: 1px solid #333; }
th, td { padding: 4px 10px 4px 0; }
caption { background: #fff; margin-bottom: 2em; text-align: left; }

thead { display: table-header-group; }
tr { page-break-inside: avoid; } 
a { text-decoration: none; color: black; }
  
} /* END print media */


#respond {
clear: both;
}

.category-my-blog {
  display: inline-block;
  margin: 20px 0;
}
.blog .titleBG H2 a {
  font-size: 20px;
  font-weight: normal;
}

#social_icons {
  margin-bottom: 20px;
  text-align: center;
  font-size: 22px;
}
#social_icons a {
  margin: 0 5px;
}
.icon_social {
  display: inline-block;
  width: 50px;
  height: 50px;
  margin: 5px;
  background: url(images/social_icons.png) no-repeat 0px 0px;
}
.icon_twitter {
  background-position: 0px 0px;
}
.icon_linkedin {
  background-position: -50px 0px;
}
.icon_facebook {
  background-position: -100px 0px;
}
.icon_instagram {
  background-position: -150px 0px;
}
.icon_pinterest {
  background-position: -200px 0px;
}

.em_prev_holder {
  position: relative;
  display: inline-block;
  width: 300px;
  height: 200px;
  overflow: hidden;
  text-align: center;
  text-decoration: none;
  color: #FFFFFF;
  margin: 5px;
}
.em_prev_holder img {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: auto;
}
.em_prev_hover {
  opacity: 0;
  width: 100%;
  height: 100%;
  color: #FFFFFF;
  font-size: 16px;
  /*background: rgba(127, 104, 117, 0.85);*/
  background: rgba(0,0,0,0.4);
  position: relative;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.em_prev_holder h2,
.em_prev_holder p {
  display: block;
  position: absolute;
  left: 0px;
  width: 280px;
  padding: 10px;
  margin: 0;
}
.em_prev_holder h2 {
  top: 0px;
}
.em_prev_holder p {
  bottom: 0px;
}
.pagination {
  text-align: center;
  margin-top: 20px;
}
.pagination span, .pagination a {
  display: inline-block;
  text-decoration: none;
  box-shadow: none;
  font-family: 'OmnesLight';
  width: 30px;
  height: 25px;
  padding: 0;
  line-height: 25px;
  border-left: 1px solid grey;
}
.pagination .current {
  text-decoration: underline;
}
.pagination .pages {
  background: none;
  width: auto;
  margin-right: 10px;
  font-weight: normal;
  border: none;
}

.ngg-gallery-thumbnail img {
  border: 1px solid #FFFFFF !important;
}
#lightbox-container-image-data-box {
  /*display: none !important;*/
}

/* ***** DESKTOP DISPLAY ***** */
@media screen and (min-width: 500px) {
    a:hover { color: #7F6875; } /* was #E5D5D7 */
	.menu-item-has-children > a:hover {
		color: inherit;
		cursor: default;
	}
    .blog .titleBG H2 a:hover {
      color: #7F6875;
    }
    .em_prev_holder:hover .em_prev_hover {
      opacity: 1;
    }
    .icon_twitter:hover {
      background-position: 0px -50px;
    }
    .icon_linkedin:hover {
      background-position: -50px -50px;
    }
    .icon_facebook:hover {
      background-position: -100px -50px;
    }
    .icon_instagram:hover {
      background-position: -150px -50px;
    }
    .icon_pinterest:hover {
      background-position: -200px -50px;
    }
    .ngg-gallery-thumbnail img:hover {
        background-color: #7F6875 !important;
    }
    #nav #menu-main-nav-menu .menu-item-has-children:hover .sub-menu,
    #nav #menu-main-nav-menu .sub-menu.menu-on {
        /*height: auto;*/
        opacity: 1;
        pointer-events: auto;
    }
}

/* ***** MOBILE DISPLAY ***** */
@media screen and (max-width: 500px) {
    #nav #menu-main-nav-menu {
        margin-bottom: 15px;
    }
    #nav #menu-main-nav-menu li {
        padding: 0 10px;
    }
    #nav #menu-main-nav-menu li a {
        font-size: 14px;
    }
    .menu-sub-menu-container {
        margin: 25px 5px 0 5px;
    }
    #respond input,
    #respond textarea {
        max-width: 90%;
    }
}