@charset "UTF-8";
/* 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, header, section, article, aside, main {margin: 0;padding: 0;border: none;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;background: #0a0f1f;}
ol, ul {list-style: none;}
a {text-decoration: 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: "" "";}
article, aside, figure, footer, header, nav, section {display: block;margin: 0;padding: 0;}
/* end reset */
@font-face {
    font-family: 'kreonregular';
    src: url('/global/kreon-regular-wf.eot');
    src: url('/global/kreon-regular-wf.eot?#iefix') format('embedded-opentype'),
         url('/global/kreon-regular-wf.woff') format('woff'),
         url('/global/kreon-regular-wf.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
html {
  height:100%;
  font-size: 62.5%;
  font-family:'kreonregular', "Times New Roman", Times, serif;
}
body { height:100%; }
body#home {
  background:#0a0f1f url(/visual/bbg-index.jpg) no-repeat left top;
/*  background: url(/visual/bg-flourish-blue3.jpg) repeat left top;
*/  background-attachment: fixed;
  background-size:cover;
  -ms-behavior: url(/global/backgroundsize.min.htc);
  behavior: url(/global/backgroundsize.min.htc);
}
body#resume {
  background: url(/visual/bg-flourish-blue3.jpg) repeat left top;
  background-attachment: fixed;
  /*background-size:cover;*/
  /*-ms-behavior: url(/global/backgroundsize.min.htc);
  behavior: url(/global/backgroundsize.min.htc);*/
}
body#photos {
  background: url(../visual/bg-flourish-blue3.jpg) repeat fixed left top;
}
body#contact {
  background: url(/visual/bg-flourish-blue3.jpg) repeat left top;
  /*background:#0a0f1f url(/visual/bbg-index.jpg) no-repeat left top;
  background-attachment: fixed;
  background-size:cover;
  -ms-behavior: url(/global/backgroundsize.min.htc);
  behavior: url(/global/backgroundsize.min.htc);*/
}
body.news {
  background:#0a0f1f url(/visual/bbg-index.jpg) no-repeat left top;
  background-attachment: fixed;
  background-size:cover;
  -ms-behavior: url(/global/backgroundsize.min.htc);
  behavior: url(/global/backgroundsize.min.htc);
}
/* type */
h1, h2, h3, h4, h5, h6, p, a, caption, table, ul, ol {
  text-align: left;
  font-family: 'kreonregular', "Times New Roman", Times, serif;
  text-rendering: optimizeLegibility;
  line-height: normal;
}
h1 {
  padding:4px 10px;
  color: #fff;
  text-shadow:-1px -1px 0 #000;
  background-color:#006198;
  border-radius:8px 8px 0 0;
  behavior: url(/global/PIE.htc);
  font-size: 4em;
}
h2 {
  font-size: 3em;
  line-height: normal;
  color: #fff;
}
h3 {
  font-size: 2.6em;
  color:#272D73;
  padding:0;
  text-decoration: underline;
}
p {
  font-size: 1.8em;
  line-height: 1.6;
  color: #333;
  padding:8px 20px;
}
/*header*/
header {
  width:100%;
  height:55px;
  position:fixed;
  top:0;
  left:0;
  background:url(/visual/bg-header-dart-black.png) repeat-x fixed right -25px;
  z-index:8000;
}
header nav {
  text-align:right;
  height:50px;
  float: right;
  margin-right: 2%;
}
/*header nav ul {
}*/
header li {
  display: inline-block;
  list-style: none;
  color:#fff;
  font:normal 26px/50px 'kreonregular', "Times New Roman", Times, serif;
  text-align:right;
  text-shadow:-1px -1px 0 #000;
  padding:0 14px;
  vertical-align: text-top;
  -webkit-transition: background-position .22s ease-in-out;
  -moz-transition: background-position .22s ease-in-out;
  -ms-transition: background-position .22s ease-in-out;
  -o-transition: background-position .22s ease-in-out;
  transition: background-position .22s ease-in-out;
  /* For IE 7 */
  zoom: 1;
  *display: inline;
}
header li a:link, header li a:hover, header li a:active, header li a:visited {color:#fff;}
header li:hover {background-position:0;}
#home header li.home {background: url(/visual/bg-nav-dart-blue2.png) repeat-x right top;}
#resume header li.resume {background: url(/visual/bg-nav-dart-darkblue.png) repeat-x right top;}
#contact header li.contact {background: url(/visual/bg-nav-dart-red.png) repeat-x right top;}
#photos header li.photos {background: url(/visual/bg-nav-dart-purple.png) repeat-x right top;}
.news header li#news {background: url(/visual/bg-nav-dart-green.png) repeat-x right top;}
header li.home {background: url(/visual/bg-nav-dart-blue2.png) repeat-x right -44px;}
header li.resume {background: url(/visual/bg-nav-dart-darkblue.png) repeat-x right -44px;}
header li.photos {background: url(/visual/bg-nav-dart-purple.png) repeat-x right -44px;}
header li.news {background: url(/visual/bg-nav-dart-green.png) repeat-x right -44px;}
header li.contact {background: url(/visual/bg-nav-dart-red.png) repeat-x right -44px;}
header li.twitter {background: url(/visual/bg-nav-dart-darkblue.png) repeat-x right -44px;padding:0 4px;}
header li.twitter img {
  opacity:.75;
  -webkit-transition: opacity .2s ease-in;
  -moz-transition: opacity .2s ease-in;
  -ms-transition: opacity .2s ease-in;
  -o-transition: opacity .2s ease-in;
  transition: opacity .2s ease-in;
}
header li.imdb {background: url(/visual/bg-nav-dart-green.png) repeat-x right -44px;
  padding:3px 7px 0 7px;}
header li.imdb img {
  opacity:.75;
  -webkit-transition: opacity .2s ease-in;
  -moz-transition: opacity .2s ease-in;
  -ms-transition: opacity .2s ease-in;
  -o-transition: opacity .2s ease-in;
  transition: opacity .2s ease-in;
}
header li.home:hover {background: url(/visual/bg-nav-dart-blue2.png) repeat-x right 0;}
header li.resume:hover {background: url(/visual/bg-nav-dart-darkblue.png) repeat-x right 0;}
header li.photos:hover {background: url(/visual/bg-nav-dart-purple.png) repeat-x right 0;}
header li.news:hover {background: url(/visual/bg-nav-dart-green.png) repeat-x right 0;}
header li.contact:hover {background: url(/visual/bg-nav-dart-red.png) repeat-x right 0;}
header li.twitter:hover {background: url(/visual/bg-nav-dart-darkblue.png) repeat-x right 0;}
header li.twitter:hover img {opacity:1;}
header li.imdb:hover {background: url(/visual/bg-nav-dart-green.png) repeat-x right 0;}
header li.imdb:hover img {opacity:1;}
#logoContainer {
  width:100%;
  margin:0 0 0 30px;
  height:50px;
  position:relative;
}
#logo {
  width:180px;
  height:180px;
  position:absolute;
  top:-20px;
  left:30px;
}
#logo img {
  max-width: 100%;
  opacity:1;
  -webkit-transition: opacity .2s ease-in;
  -moz-transition: opacity .2s ease-in;
  -ms-transition: opacity .2s ease-in;
  -o-transition: opacity .2s ease-in;
  transition: opacity .2s ease-in;
}
#logo img:hover {opacity:.75;}
#container {
  width:100%;
  height:90%;
  padding-top:60px;
  padding-bottom:10px;
}
@media (max-width: 37.500em) { /* 600px */
  #logo {
    width:110px;
    height:110px;
    top:-20px;
    left:30px;
  }
  .right {
    float: left;
  }
}

.right {
  background-color:#ddd;
  background-color:rgba(255,255,255,.55);
  -pie-background:rgba(255,255,255,.55);
  border-radius:10px;
  behavior: url(/global/PIE.htc);
  margin:10px 2% 50px 2%;
  padding:0 0 10px 0;
  width:40%;
  min-width:400px;
  float:right;
}
@media (max-width: 37.500em) { /* 600px */
  .right {
    float: left;
  }
}
.right img {
  width:96%;
  height:auto;
  margin:0;
  border-radius:10px;
  behavior: url(/global/PIE.htc);
}
/* home */
#home {padding-bottom:30px;}
#home h1 {
  background-color:#272d73;
  font-size: 3.4em;
  padding-bottom: 10px;
}
#homeTextContainer {
  width:auto;
  height:auto;
  margin-bottom:10px;
}
@media all and (min-width: 1250px) and (max-width: 1270px) and (max-height:680px) {
  #homeTextContainer {
    margin-top:60px;
  }
}
#homeAudioContainer {
  width:auto;
  height:auto;
}
#homeAudioContainer h2 {
  padding:8px 20px;
  margin-bottom:20px;
  text-shadow:0 -1px 0 #000;
  background-color:#272d73;
}
#audioPlayer {margin:0 auto;}

/*#homeAudioContainer audio {
  width: 90%;
  display: block;
}*/

/* reel */
#videoContainer {
  width:94%;
  min-width:270px;
  max-width:600px;
  height:35%;
  min-height:170px;
  max-height:500px;
  margin:2% auto;
}
#videoContainer img {
  width:100%;
  opacity:1;
    -webkit-transition:opacity .22s ease-in-out;
  -moz-transition:opacity .22s ease-in-out;
  -ms-transition:opacity .22s ease-in-out;
  -o-transition:opacity .22s ease-in-out;
  transition:opacity .22s ease-in-out;
}
#videoContainer img:hover{
  opacity:.8;
  filter:alpha(opacity=90);
   zoom:1;
}
@media all and (min-width: 800px) and (max-width: 1160px) {
  #videoContainer {
    width:376px;
    min-width:376px;/*/mediaquery*/
    max-width:376px;/*/mediaquery*/
    height:207px;
    min-height:207px;/*/mediaquery*/
    max-height:207px;/*/mediaquery*/
  }
}
@media all and (min-width: 1261px) and (max-width: 1439px) {
  #videoContainer {
    width:475px;
    min-width:475px;/*/mediaquery*/
    max-width:475px;/*/mediaquery*/
    height:261px;
    min-height:261px;/*/mediaquery*/
    max-height:261px;/*/mediaquery*/
  }
}
@media all and (min-width: 1440px) {
  #videoContainer {
    width:585px;
    min-width:585px;/*/mediaquery*/
    max-width:585px;/*/mediaquery*/
    height:321px;
    min-height:321px;/*/mediaquery*/
    max-height:321px;/*/mediaquery*/
  }
  #home .right {width:43%; max-width:620px;}
}
/* resume */
#resumeSection {
  width:46%;
  min-width:410px;
  padding:0 0 70px 0;
  background-color:#ddd;
  background-color:rgba(255,255,255,.50);
  -pie-background:rgba(255,255,255,.55);
}
#resumeSection h2 {
  color:#171b53;
  padding:10px 0 0 10px;
}
#resumeSection p a {color:#1d6195;}
#resumeSection p a:hover {color:#eee;}
#resumeSection table {
  width:100%;
  font-size: 1.8em;
  line-height: normal;
  cursor: default;
}
#resumeSection caption {
  color:#171b53;
  padding:10px 0 10px 10px;
  font-size: 3em;
}
#resumeSection td {
  padding: 10px 10px 10px 20px;
  vertical-align: middle;
}
#resumeSection tr:nth-child(odd) {background-color:#eee;}
#resumeSection tr:nth-child(even) {background-color:#1d6195;color:#fff;}
#resumeSection td:nth-child(2) {width:25%}
#resumeSection td:nth-child(3) {width:40%}
/*section#resume table.training td:nth-child(2) {width:65%}*/
#resumeSection tr:hover {
  background-color: #555;
  color: #fff;
  cursor: default;
}
#showContainer {
  max-width: 40%;
  float: left;
  margin-left: 5%;
  margin-top: 1%;
  position: fixed;
}
#showContainer img {
  max-width: 100%;
  border-radius: 10px;
}

/* contact */
#contact .right {padding-bottom:30px;}
#contact h1 {
  background-color:transparent;
  color:#000;
  text-shadow:0 -1px 0 #fff;
}
#contactContainer {
  margin-top:2%;
  margin-left: 4%;
  position: relative;
  float: left;
}
#contact h2 {
  color:#111;
  text-shadow:none;
  padding:0;
}
#contact p {
  font-size: 2.2em;
  line-height: normal;
  padding:0;
}
h3.email {margin-top: 20px;}
#contact p a {
  color:#006198;
  -webkit-transition:color .22s ease-in-out, text-shadow .3s ease-in-out;
  -moz-transition:color .22s ease-in-out, text-shadow .3s ease-in-out;
  -ms-transition:color .22s ease-in-out, text-shadow .3s ease-in-out;
  -o-transition:color .22s ease-in-out, text-shadow .3s ease-in-out;
  transition:color .22s ease-in-out, text-shadow .3s ease-in-out;
}
#contact p a:hover {color:#999;}
#contact img#bigImage {min-width:100%;border-radius:0;behavior: url(/global/PIE.htc);}
#dpmLogoContainer {
  float: left;
  margin-left: 4%;
  margin-top: 2%;
  /*margin-right: 4%;*/
  /*height: 150px;*/
}
#dpmLogo {
  min-width: auto;
  max-width: 100%;
  width: auto;
  /*float: left;*/
}
/* photos */
/*#photos img { max-width: 100%; }*/
#photoFrame {
  margin:10px 50px 40px 270px;
  padding-bottom:80px;
}
#photoFrame .item {
  margin:4px;
  float:left;
  border-radius:6px;
  border:5px solid #ccc;
  background-color:#ccc;
  -webkit-transition:border-color .22s ease-in-out, background-color .22s ease-in-out;
  -moz-transition:border-color .22s ease-in-out, background-color .22s ease-in-out;
  -ms-transition:border-color .22s ease-in-out, background-color .22s ease-in-out;
  -o-transition:border-color .22s ease-in-out, background-color .22s ease-in-out;
  transition:border-color .22s ease-in-out, background-color .22s ease-in-out;
}
#photoFrame .item:hover {
  background-color:#171b53;
  border-color:#171b53;
  -webkit-transition:border-color .22s ease-in-out, background-color .22s ease-in-out;
  -moz-transition:border-color .22s ease-in-out, background-color .22s ease-in-out;
  -ms-transition:border-color .22s ease-in-out, background-color .22s ease-in-out;
  -o-transition:border-color .22s ease-in-out, background-color .22s ease-in-out;
  transition:border-color .22s ease-in-out, background-color .22s ease-in-out;
}
#photoFrame img {border-radius:6px;}
#photoFrame a.fancybox { display: block; }
.headshot {
  width:194px;
  /*height:299px;*/
  position:fixed;
  top:190px;
  left:30px;
  border-radius:6px;
  border:5px solid #ccc;
  background-color:#ccc;
  -webkit-transition:border-color .22s ease-in-out, background-color .22s ease-in-out;
  -moz-transition:border-color .22s ease-in-out, background-color .22s ease-in-out;
  -ms-transition:border-color .22s ease-in-out, background-color .22s ease-in-out;
  -o-transition:border-color .22s ease-in-out, background-color .22s ease-in-out;
  transition:border-color .22s ease-in-out, background-color .22s ease-in-out;
}
.headshot img {border-radius:6px; max-width: 100%;}
.headshot:hover {
  background-color:#171b53;
  border-color:#171b53;
}
/* news */
.news .right {
  width:42%;
  padding-bottom:100px;
  background-color:#ddd;
  background-color:rgba(255,255,255,.70);
  -pie-background:rgba(255,255,255,.70);
}
.news .right h1 {
  font-size: 3.4em;
  background-color: #117213;
}
.news .right p {
  padding: 0 20px 2px 20px;
}
.news .right h2 {
  padding: 0 0 0 10px;
  color: #3333;
}
.news .right h3 {
  font-size: 2.2em;
  padding:8px 0 0 10px;
  color: #333;
}
.news .right h4 {
  font-size: 2em;
  padding:0 0 0 4px;
  color: #333;
}
.news .right a {color:#117213;}
.news .right a:hover {color:#777;}
h3.nm_post_title {padding-top: 10px;}
h3.nm_post_title a {
}
h3.nm_post_title a:hover {
}
p.nm_post_back a {
  font-size: 1.6em;
  color: #117213;
  margin-bottom:20px;
}
p.nm_post_title a:hover {color: #320702;}
.nm_post_content p {margin-bottom:16px;}

/* footer */
footer {
  color:#888;
  font-family:'kreonregular', "Times New Roman", Times, serif;
  /*font-style: normal;*/
  text-rendering: optimizeLegibility;
  margin:0;
  padding:0;
  width:100%;
  height:50px;
  position:fixed;
  bottom:0;
  left:0;
  right: 0;
  background: url(/visual/bg-footer-dart-black.png) repeat-x right top;
  z-index:8000;
}
#copydesign {
  margin:10px 0 0 2%;
  float:left;
  line-height: 1;
}
#copyright {font-size:18px;letter-spacing:1px;}
#design {font-size:12px;padding-top:2px;}
#design a {
  color:#555;
  -webkit-transition:color .2s ease-in-out;
  -moz-transition:color .2s ease-in-out;
  -ms-transition:color .2s ease-in-out;
  -o-transition:color .2s ease-in-out;
  transition:color .2s ease-in-out;
}
#design a:hover {color:#ddd;}
footer nav {text-align:right;}
#footerNav {
  float:right;
  margin-top:20px;
  margin-right:2%;
}
#footerNav li {
  display:inline-block;
  list-style:none;
  color:#888;
  text-align:right;
  font-size: 1.4em;
  text-align:right;
  word-spacing:6px;
  letter-spacing:1px;
  /* For IE 7 */
  zoom: 1;
  *display: inline;
}
#footerNav a {
  color:#888;
  border-top:1px solid #000;
  padding-top:3px;
  -webkit-transition:color .2s ease-in-out, border-top-color .3s ease-in-out;
  -moz-transition:color .2s ease-in-out, border-top-color .3s ease-in-out;
  -ms-transition:color .2s ease-in-out, border-top-color .3s ease-in-out;
  -o-transition:color .2s ease-in-out, border-top-color .3s ease-in-out;
  transition:color .2s ease-in-out, border-top-color .3s ease-in-out;
}
#footerNav a:hover {
  color:#ddd;
  border-top:1px solid #ddd;
}
/* greneral styles */
em {font-style: oblique;}
.clearfix::after {
  height:0;
  display:block;
  clear: both;
  content:'.';
  visibility:hidden;
}