body{font-size:100%;font-family:verdana,helvetica,arial,sans-serif;line-height:1;}/*text-shadow:0 0 0 #000*/body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,legend,input,p,blockquote,th,td,hr{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%}table{border-collapse:collapse;border-spacing:0}caption{text-align:left;font-weight:normal}th{text-align:left}cite,address{font-style:normal}ol,ul{list-style:none}sub,sup{line-height:2}img{border:none}pre,code{font-size:1.2em}fieldset{border:0}
/* The Clearfix Hack:add a class of 'clearFix' to any element containing a float needing to be cleared */
.clearFix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}/* Hides from IE-mac \*/* html .clearFix {height:1%;}

body {
  background:#000000 url(f/bg-main.png) center top repeat-y;
  font-family:"Trebuchet MS",helvetica,arial,verdana,sans-serif;
}

/*
@font-face {
	font-family:astonish;
	src: url('astonish.ttf');
}
@font-face {
	font-family:destroy;
	src: url('destroy.ttf');
}
@font-face {
	font-family:conspira;
	src: url('conspira.ttf');
}
@font-face {
	font-family:conspirb;
	src: url('conspirb.ttf');
}
*/

a {
  text-decoration:none;
}

a:hover, a:focus {
  text-decoration:underline;
}
  
#d-wrapper {

}
  
#d-main {
  width:976px;
  margin:0 auto;
  letter-spacing:-1px;
}


#d-featured {
  width:784px;
  float:left;
  color:#ffffff;
  position:relative;
}
  #d-featured a {
    color:#61E900;
  }
  #d-featured a:hover {
    color:#ffffff;
  }
    .home #d-featured a {
      color:#61E900;
    }
    .home #d-featured a:hover {
      color:#ffffff;
    }
    .js .home #d-featured a:hover {
      color:#61E900;
    }

    .curriculum #d-featured a {
      color:#D00F00;
    }
    .curriculum #d-featured a:hover {
      color:#ffffff;
    }
    .js .curriculum #d-featured a:hover {
      color:#D00F00;
    }

    .skills #d-featured a {
      color:#0034C8;
    }
    .skills #d-featured a:hover {
      color:#ffffff;
    }
    .js .skills #d-featured a:hover {
      color:#0034C8;
    }

    .portfolio #d-featured a {
      color:#d800ae;
    }
    .portfolio #d-featured a:hover {
      color:#ffffff;
    }
    .js .portfolio #d-featured a:hover {
      color:#d800ae;
    }



  #d-featured .d-content {
    padding:0 160px 0 0;
    position:relative;
  }

    #d-menu ul#menu-list {
      position:absolute;
      right:160px;
      top:0px;
      font-size:1.2em;
    }
      #d-menu ul#menu-list li {
        float:left;
        padding:10px 13px;
      }
    #d-featured #d-logo {
      width:226px;
      height:160px;
      background:transparent url(f/logo.png) 0 0 no-repeat;
      position:absolute;
      left:24px;
      top:28px;
      z-index:999;
    }
    #d-featured #d-banner {
      position:absolute;
      right:180px;
      top:70px;
      height:128px;
      width:500px;
    }

      .home #d-featured #d-banner {
        background:transparent url(f/banner-green.png) right 0 no-repeat;
      }
      .curriculum #d-featured #d-banner {
        background:transparent url(f/banner-red.png) right 0 no-repeat;
      }
      .skills #d-featured #d-banner {
        background:transparent url(f/banner-blue.png) right 0 no-repeat;
      }
      .portfolio #d-featured #d-banner {
        background:transparent url(f/banner-violet.png) right 0 no-repeat;
      }

    #d-text {
      padding:250px 20px 20px 40px;
      font-size:1.2em;
      font-family:helvetica,arial,verdana,sans-serif;
    }
      #d-text p {
        margin-bottom:25px;
        line-height:1.2em;
      }
     
    .contentList li {
      background:transparent url(f/bullet.png) right center no-repeat;
      margin:10px 0;
      padding-right:24px;
      text-align:right;
    }
      .js .contentList li.selected {
        text-align:left;
        padding:0 0 0 24px;
        background-position:left center;
      }

  #d-featured #d-social {
    position:absolute;
    left:816px;
    top:5px;
    background:transparent url(f/social.png) 0 0 no-repeat;
    width:160px;
    height:682px;
  }
    #d-featured #d-social ul li {
      float:left;
    }
      #d-featured #d-social ul li a {
        display:block;
        position:relative;
      }
        .js #d-featured #d-social ul li a:hover {
          text-decoration:none;
        }
        #d-featured #d-social ul li a span {
          position:absolute;
          width:250px;
          color:#000000;
        }
          .js #d-featured #d-social ul li a span {
            display:none;
          }
          
        #d-featured #d-social ul li a#twitter {
          height:63px;
          margin:29px 0 0 61px;
          width:60px;
        }
          #d-featured #d-social ul li a#twitter span {
            left:-37px;
            top:116px;
          }
        #d-featured #d-social ul li a#linkedin {
          height:78px;
          margin:112px 0 0 51px;
          width:74px;
        }
          #d-featured #d-social ul li a#linkedin span {
            left:-76px;
            top:122px;
          }
        #d-featured #d-social ul li a#lastfm {
          height:72px;
          margin:125px 0 0 32px;
          width:77px;
        }
          #d-featured #d-social ul li a#lastfm span {
            left:-66px;
            top:83px;
          }
        #d-featured #d-social ul li a#facebook {
          height:67px;
          margin:110px 0 0 19px;
          width:60px;
        }
          #d-featured #d-social ul li a#facebook span {
            left:-77px;
            top:91px;
            width:230px;
          }


#d-rhn {
  width:192px;
  float:left;
}

#d-footer {
  background:transparent url(f/h3-border.png) 0 0 no-repeat;
  padding:20px 160px 20px 0;
  margin:40px 0 20px 40px;
}
  #d-footer ul {
    margin-bottom:20px;
  }
    #d-footer ul li {
      background:transparent url(f/bullet.png) left center no-repeat;
      margin:10px 0;
      padding-left:24px;
    }

/* utils */
.hide {
  display:none;
}
h1.hide, h2.hide, h3.hide {
  display:block;
  height:0;
  line-height:0;
  overflow:hidden;
}

.t-right {
  text-align:right;
}

.show {
  font-size:1.6em;
}

.js .show-row {
  color:#000000;
}
  .js .show-row .show {
    color:#ffffff;
  }

.js .home #d-featured .acc-showtext {
  position:relative;
  min-height:25px;
  margin-bottom:0;
}
.js .home #d-featured .acc-showtext a {
  color:#000000;
  position:absolute;
  left:-5000px;
}
.js .home #d-featured .acc-showtext span {
  color:#ffffff;
}

/* curriculum */

.curriculum #d-text h2 {
  font-size:1.2em;
  font-weight:bold;
  margin:0 0 10px;
  padding:3px 0;
}
.curriculum #d-text h3 {
  text-align:right;
  margin:0 0 10px;
  padding:3px 0 5px;
  /*border-bottom:1px solid #aaaaaa;*/
  background:transparent url(f/h3-border.png) right bottom repeat-x;
}

.curriculum #d-text h1.hide, .curriculum #d-text h2.hide, .curriculum #d-text h3.hide {
  margin:0;
  padding:0;
}



#cv-1, #cv-2, #cv-3, #cv-4, #cv-5, #cv-6, #cv-7 {
  margin-top:60px;
}

.js #cv-7, .js #cv-6, .js #cv-5, .js #cv-4, .js #cv-3, .js #cv-2, .js #cv-1 {
  display:none;
  margin-top:0;
}


.curriculum .contentList {
  margin:0 0 25px;
}

.curriculum .backto {
  font-style:italic;
}

/* portfolio */

.flickr-text {
  float:left;
  display:block;
}
.flickr-gallery {
  background:transparent url(f/flickr.png) 0 0 no-repeat;
  margin:0 0 0 0.3em;
  width:100px;
  height:29px;
  float:left;
  display:block;
}
.flickr-gallery:hover {

}

.gallery-container,
.gallery-container div.gallery-inner {
  position:relative;
  height:300px;
  width:564px;
  height:300px;
}
  .gallery-container div {
    width:282px;
    height:150px;
    float:left;
    position:absolute;
  }
    .gallery-container div.gallery-box {
      width:564px;
      display:block;
      height:300px;
      position:absolute;
      left:0;
      top:0;
      background:transparent url(f/gallery.png) 0 0 no-repeat;
      z-index:999;
      float:none;
    }

  .g-bg-1 {
    background:transparent url(f/alp-bg.jpg) 0 0 no-repeat;
  }
  #g-bg-1 {
    left:0;
    top:0;
  }
  .g-bg-2 {
    background:transparent url(f/bbcvirtualrev-bg.jpg) 0 0 no-repeat;
  }
  #g-bg-2 {
    background-position:right top;
    right:0;
    top:0;
  }
  .g-bg-3 {
    background:transparent url(f/bbccasualty-bg.jpg) 0 0 no-repeat;
  }
  #g-bg-3 {
    background-position:left bottom;
    left:0;
    bottom:0;
  }
  .g-bg-4 {
    background:transparent url(f/bbcscience-bg.jpg) 0 0 no-repeat;
  }
  #g-bg-4 {
    background-position:right bottom;
    right:0;
    bottom:0;
  }