@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400"); 
@import url("https://fonts.googleapis.com/css?family=Droid+Serif:400,700"); 
::selection {background-color: #F0EEE9; color: #000; }
::-moz-selection {background-color: #F0EEE9; color: #000; }
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; }
table {border-collapse: collapse; border-spacing: 0; }
caption, th, td {text-align: left; font-weight: normal; }
form legend {display: none; }
blockquote:before, blockquote:after, q:before, q:after {content: ""; }
blockquote, q {quotes: "" ""; }
ol, ul {list-style: none; }
hr {display: none; visibility: hidden; }
:focus {outline: 0; }
body {background: #fff; overflow-x: hidden !important; font-family: 'Open Sans', sans-serif; color: #000; }
img {max-width:100%;height:auto;}
a {color:#000; text-decoration:underline }
h1 {padding-bottom: 5px; border-bottom: 1px solid #989793; margin-right: 6px; }
h1 em {font-size: 10px; float: right; color: #919396; font-family: Georgia, serif; font-style: italic; margin-top: 3px; }
h4 {font-size: 10px; color: #000; font-family: Georgia, serif; font-style: italic; margin-top: 5px; padding-bottom: 0; }
p {font-size: 12px; font-family: 'Droid Serif', sans-serif; line-height: 15px; color: #191917; margin: 0px }
p a {color: #000;   }
p a:hover {background-color: #F0EEE9 !important; }
p em {font-style: italic; }
.clear{clear: both; height: 0; content: ''; display: block; } .zerogrid{ position: relative; margin: 0 auto; padding: 0px;}
.zerogrid:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
.zerogrid .row{}
.zerogrid .row:before,.row:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.zerogrid .row:after{clear: both; }
.zerogrid .row{zoom: 1;}
.zerogrid .wrap-col{margin:10px;}
.zerogrid .col-1-2, .zerogrid .col-1-3, .zerogrid .col-2-3, .zerogrid .col-1-4, .zerogrid .col-2-4, .zerogrid .col-3-4, .zerogrid .col-1-5, .zerogrid .col-2-5, .zerogrid .col-3-5, .zerogrid .col-4-5, .zerogrid .col-1-6, .zerogrid .col-2-6, .zerogrid .col-3-6, .zerogrid .col-4-6, .zerogrid .col-5-6{float:left; display: inline-block;}
.zerogrid .col-full{width:100%;}
.zerogrid .col-1-2{width:50%;}
.zerogrid .col-1-3{width:33.33%;}
.zerogrid .col-2-3{width:66.66%;}
.zerogrid .col-1-4{width:25%;}
.zerogrid .col-2-4{width:50%;}
.zerogrid .col-3-4{width:75%;}
.zerogrid .col-1-5{width:20%;}
.zerogrid .col-2-5{width:40%;}
.zerogrid .col-3-5{width:60%;}
.zerogrid .col-4-5{width:80%;}
.zerogrid .col-1-6{width:16.66%;}
.zerogrid .col-2-6{width:33.33%;}
.zerogrid .col-3-6{width:50%;}
.zerogrid .col-4-6{width:66.66%;}
.zerogrid .col-5-6{width:83.33%;}
#frame {width: 100%; margin: 0; padding: 0;  }
.xnc_wrap {height: auto; width:100% }
#header {text-transform: uppercase; padding: 30px 0 0 36px; color: #000; margin:0; position:fixed }
#header a {color: #000; font-size: 22px; text-decoration: none; }
#nav {  background-color: #0C9; position:relative }
.menuMob { display:none}
.foot {clear: both; font-family: 'Droid Serif', sans-serif; font-style: italic; font-size: 9px; margin-left: 9px;}
#content { text-align: center;  top:180px; position:relative; left:260px }
#content h1{text-align: center; width: 85%; font-size: 23px; margin-top: -35px; }
#content h1 span {font-family: 'Droid Serif', sans-serif; text-transform:uppercase; font-weight:bold}
#content h1 span.wi {font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-weight:lighter; font-size:70%; text-transform:lowercase;}
#content .error404 h1 {font-size:32px; line-height:40px;font-family: 'Droid Serif', sans-serif; }
#content .error404 h2 {font-style:italic; color:#333;font-family: 'Droid Serif', sans-serif; line-height:30px}
.portfolio{text-align: center; width: 85%; }
.portfolio:after {clear: both; content: ''; height: 0; display: block; }
.portfolio {margin: 0 0 40px; }
.portfolio img {margin: 15px 0 0 0; text-align:center;max-width:100% }
.photo {width: 85%;}
.infoAlbum {padding-top: 5px; border-top: 1px solid #989793; margin-right: 6px;font-family: 'Droid Serif', sans-serif; text-align:right; font-size:12px; color:#999; width:85%}
.menu { position:fixed; top:180px; left:30px;}
div#nav a {position: relative; display: block; height: 16px; width: 184px; margin: 8px 0; }
#nav ul li, #nav ul li a {font-family: 'Open Sans', sans-serif; color: #000; text-decoration: none; font-size: 14px; font-weight: normal; display: block; line-height: 20px; text-transform: uppercase}
#nav ul li a {margin: 0; height: 16px; padding: 0px 10px 3px 10px; letter-spacing:1px}
#nav ul li:hover, #nav ul li:hover a {background-color: #f0eee9; }
#nav ul li.active {background-color: #f0eee9; border-left:1px solid #CCC; margin: 0; }
#nav ul li.dash {padding-left: 0px; font-size: 20px}
#nav ul li.nope:hover  { background-color:transparent} 
.bghover{display: none; width: 100%; height: 100%; background-color: #303030; opacity: 0.7; position: absolute; z-index: 1000; }
.hover{display: none; color: #fff; z-index: 1000; text-decoration: none; font-family: 'Open Sans', sans-serif; font-size: 12px; position: absolute; top: 50%; margin-top: -18px; left: 4px; width: 100%; text-align: center; text-transform:uppercase; }
.hover span{font-family: 'Open Sans', sans-serif; }
.hover .label{font-family: 'Open Sans', sans-serif; }
.thumbs a{text-decoration: none; }
.thumbs a:hover .hover{}
div#thumbs a {position: relative; display: block; height: 150px; width: 340px; margin: 0 6px 6px 0; float: left; }
#thumbs img.off {position: absolute; left: 0; top: 0; z-index: 10; }
#thumbs img.on {position: absolute; left: 0; top: 0; }
.about img {float:left; padding:0 5px 5px 0; width:150px}
.about {text-align:justify; width:70% }
.about p {margin:0 0 14px 0; padding:0; font-size:12px; line-height:22px;font-family: 'Open Sans', sans-serif; text-transform:uppercase}
#respond { text-align:left;}
.mess { padding: 20px; width:498px; margin-bottom:15px;font-family:'Open Sans', sans-serif;font-size:14px;}
.info {color: #00529B; background-color: #BDE5F8; border:1px solid #8ed9f6; }
.success {color: #4F8A10; background-color: #DFF2BF; border:1px solid #a6ca8a; }
.warning {color: #9F6000; background-color: #FEEFB3; border:1px solid #f2c779; }
.error {color: #D8000C; background-color: #FFBABA; border:1px solid #f5aca6; } .elegant-aero {    margin-left:0;     margin-right:auto;     max-width: 500px;     background-color: #FFF;     padding: 20px 20px 20px 20px;     font: 12px 'Open Sans', sans-serif;     color: #666; }
.elegant-aero h1 {    padding: 10px 10px 10px 20px;     display: block;     background: #C0E1FF;     border-bottom: 1px solid #B8DDFF;     margin: 0px 0px 15px 0; 	width:100%}
.elegant-aero p {font-family: 'Open Sans', sans-serif; color:#715E5E }
.elegant-aero h1>span {    display: block;     font-size: 11px; }
.elegant-aero label>span {    float: left;     margin-top: 10px;     color: #5E5E5E; }
.elegant-aero label {    display: block;     margin: 0px 0px 5px; }
.elegant-aero label>span {    float: left;     width: 20%;     text-align: right;     padding-right: 15px;     margin-top: 10px; text-transform: uppercase; 	font-family: 'Open Sans', sans-serif; }
.elegant-aero input[type="text"], .elegant-aero input[type="email"], .elegant-aero textarea, .elegant-aero select {    color: #888;     width: 70%;     padding: 0px 0px 0px 5px;     border: 1px solid #D8D8D8;     background: #FBFBFB;     outline: 0;     -webkit-box-shadow:inset 0px 1px 6px #ECF3F5;     box-shadow: inset 0px 1px 6px #ECF3F5;     font: 200 12px/25px Arial, Helvetica, sans-serif;     height: 30px;     line-height:15px;     margin: 2px 6px 16px 0px; }
.elegant-aero textarea{    height:100px;     padding: 5px 0px 0px 5px;     width: 70%; }
.elegant-aero select {    background: #fbfbfb url(//davidterni.com/wp-content/themes/david-photo-pro/down-arrow.png) no-repeat right;     background: #fbfbfb url(//davidterni.com/wp-content/themes/david-photo-pro/down-arrow.png) no-repeat right;    appearance:none;     -webkit-appearance:none;    -moz-appearance: none;     text-indent: 0.01px;     text-overflow: '';     width: 70%; }
.elegant-aero .button{    padding: 10px 30px 10px 30px;     background: #CCC;     border: none;     color: #333;     box-shadow: 1px 1px 1px #707070;     -webkit-box-shadow: 1px 1px 1px #707070;     -moz-box-shadow: 1px 1px 1px #707070;     text-shadow: 1px 1px 1px #999999;}
.elegant-aero .button:hover{    background: #999; } .btn {position: relative; background-color:#222222; border: 2px solid #222222; border-radius: 2px; height: 24px; width:30px; }
#showLeft:before {border-bottom: 9px double #FFF; border-top: 3px solid #FFF; content:""; height: 3px; position: absolute; right:5px; top: 4px; width:20px; }
.btn:hover {cursor:pointer} .cbp-spmenu {border-right:1px solid #CCC; position: fixed; background-color:#F0EEE9}
.cbp-spmenu a {font-family: 'Open Sans', sans-serif; color: #000; text-decoration: none; font-weight: normal; display: block; text-transform: uppercase; display: block; color: #000; font-size: 14px; text-decoration:none}
.cbp-spmenu a:hover {background-color: #FFF; border-right: 2px solid #CCCCCC; }
.cbp-spmenu a:active {border-right: 2px solid #CCCCCC; }
.cbp-spmenu .nope  { padding-left:1em; font-size:12px} .cbp-spmenu-vertical {width: 160px; height: 100%; top: 0; z-index: 1000; }
.cbp-spmenu-vertical a {padding: 8px 0 8px 1em; }
.cbp-spmenu-horizontal {width: 100%; height: 150px; left: 0; z-index: 1000; overflow: hidden; }
.cbp-spmenu-horizontal h3 {height: 100%; width: 20%; float: left; }
.cbp-spmenu-horizontal a {float: left; width: 20%; padding: 0.8em; border-left: 1px solid #258ecd; } .cbp-spmenu-left {left: -240px; }
.cbp-spmenu-right {right: -240px; }
.cbp-spmenu-left.cbp-spmenu-open {left: 0px; }
.cbp-spmenu-right.cbp-spmenu-open {right: 0px; } .cbp-spmenu-top {top: -150px; }
.cbp-spmenu-bottom {bottom: -150px; }
.cbp-spmenu-top.cbp-spmenu-open {top: 0px; }
.cbp-spmenu-bottom.cbp-spmenu-open {bottom: 0px; } .cbp-spmenu-push {overflow-x: hidden; position: relative; left: 0; }
.cbp-spmenu-push-toright {left: 240px; }
.cbp-spmenu-push-toleft {left: -240px; } .cbp-spmenu,
.cbp-spmenu-push {-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
@media print { body {margin:0; padding:0; line-height: 1.4em; word-spacing:1px; letter-spacing:0.2px; font: 13px Arial, Helvetica,"Lucida Grande", serif; color: #000;} a:link, a:visited {background: transparent; color:#333; text-decoration:none;}
a:link[href^="http://"]:after, a[href^="http://"]:visited:after {content: " (" attr(href) ") "; font-size: 11px;}
a[href^="http://"] {color:#000;} * { display:none}
}
@media only screen 
and (max-device-width : 7600000000px) 
and (orientation : portrait) { 
}
@media only screen 
and (max-device-width : 768px)  {	
.menu {display:none;}
.menuMob {display:block; position: absolute; right:10px;  }
#header {  margin:0 0 10px 0; padding:10px 0 10px 0px; background-color:#CCC; position:relative; width:100%}
#header a { float:left; clear:both; padding-left:10px}
#content { position:relative; top:0; width:100%; left:0; margin:0 auto; padding:0;}
#content h1, #respond, .mess, #thumbs, .infoAlbum {width:100%;}
#content h1 { margin-top:20px;}
.portfolio, .about { width:93%}
.portfolio { padding:0 10px; text-align:center; }
.portfolio div.photo img { text-align:center; margin:0 auto}
div#thumbs_int { margin:0 0 0 10px}
.about { margin-left:10px}
.photo { width:100%; margin-top:10px} }
@media only screen and (min-width: 768px) and (max-width: 959px) {	
.zerogrid{width:768px;}
}
@media only screen and (max-width: 767px) {	
.zerogrid{width:100%;}
}
@media only screen and (min-width: 620px) and (max-width: 767px) {	
.zerogrid{width:100%;}
}
@media only screen and (min-width: 480px) and (max-width: 619px) {	
.zerogrid{width:100%;}
.zerogrid .col-1-3, .zerogrid .col-2-3{width:100%;}
.zerogrid .col-1-4{width:50%;}
.zerogrid .col-1-6, .zerogrid .col-2-6, .zerogrid .col-3-6, .zerogrid .col-4-6, .zerogrid .col-5-6{width:100%;}
}
@media only screen and (max-width: 479px) {	
.zerogrid, .zerogrid .col-1-2, .zerogrid .col-1-3, .zerogrid .col-2-3, .zerogrid .col-1-4, .zerogrid .col-2-4, .zerogrid .col-3-4, .zerogrid .col-1-5, .zerogrid .col-2-5, .zerogrid .col-3-5, .zerogrid .col-4-5, .zerogrid .col-1-6, .zerogrid .col-2-6, .zerogrid .col-3-6, .zerogrid .col-4-6, .zerogrid .col-5-6{width:100%;}
} @media screen and (max-width: 55.1875em){
.cbp-spmenu-horizontal {font-size: 75%; height: 110px; }
.cbp-spmenu-top {top: -110px; }
.cbp-spmenu-bottom {bottom: -110px; }
}
@media screen and (max-height: 26.375em){
.cbp-spmenu-vertical {font-size: 90%; width: 190px; }
.cbp-spmenu-left,
.cbp-spmenu-push-toleft {left: -190px; }
.cbp-spmenu-right {right: -190px; }
.cbp-spmenu-push-toright {left: 190px; }
}