body {
  background-color:#eee;
  color:#0f0f0f;
  background-image: url('images/diagonal-noise.png');
}
a {
  color:#55a;
}
.clear {
  clear:both;
  height:0;
}
#wrapper {
  margin:10px auto 0;
  width:900px;
}
#header {
  border-bottom:solid 3px #000;
  background-color:#fafafa;
  -webkit-box-shadow: 1px 1px 4px #999;
  -moz-box-shadow: 1px 1px 4px #999;
}
#name {
  font-size:300%;
  font-weight:bold;
  float:left;
  padding:40px 80px 40px 50px;
}
#meta {
  float:left;
  margin-top:20px;
}
#address, #telephone, #email {
  margin-bottom:20px;
  color:#555;
}
#meta label {
  float:left;
  width:100px;
}
#meta .content {
  float:left;
}
#about {
  display:block;
  float:right;
  width:100px;
  height:100px;
  text-indent:-999em;
  background-image:url('images/about.png');
  background-position:top right;
  background-repeat:no-repeat;
}
#about.dummy {
  background-image:url('images/dummy-about.png');
}
#about_popup {
  margin:50px;
}
#about_popup h1{
  font-size:200%;
  margin:0 0 20px 0;
}
#about_popup p{
  font-size:108%;
  margin:0 0 10px 0;
}
#content {
  padding-top:2px;
  padding-bottom:150px;
}
.left-col {
  float:left;
  width:145px;
  padding-left:40px;
  padding-top:5px;
  padding-right:5px;
}
.category {
  text-transform:uppercase;
  font-weight:bold;
  font-size:120%;
  margin-bottom:3px;
}
.job-duration  {
  font-style:italic;
}
.right-col {
  float:left;
  width:670px;
  border-left:solid 2px #000;
  padding-left:30px;
  padding-top:7px;
  min-height:639px;
}
#page-4 .right-col {
  min-height:190px;
  border-bottom:dotted 1px #aaa;
}

.company {
  /*border-bottom:solid 1px #000;*/
}
.company-name {
  font-weight:bold;
  font-size:108%;
  margin-bottom:7px;
}
.job-title {
  font-weight:normal;
  font-size:89%;
  font-style:italic;
  color:#888;
}
.site {
  padding-left:30px;
  padding-bottom:10px;
}
#edupost {
  /*
  background-image:url('images/edupost.png');
  */
}
.site-name {
  margin-bottom:5px;
  font-weight:bold;
}
.site-name a {
  color:#00f;
}
.site-description {
  line-height:140%;
}
.site-description li{
  margin-left:25px;
}

#education .right-col{
  padding-bottom:10px;
}
#education #university-name {
  font-weight:bold;
  font-size:108%;
  margin-bottom:7px;
  margin-left:0px;
}
#education .right-col div{
  margin-bottom:5px;
  margin-left:30px;
}

#technical-skills .right-col{
  padding-bottom:10px;
}
#technical-skills .right-col div{
  margin-bottom:5px;
  line-height:140%;
}
#technical-skills .right-col li {
  margin-left:30px;
  margin-bottom:5px;
}


.js-enabled {
  overflow-x:hidden;
}
.js-enabled #wrapper {
 
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
}
.js-enabled #paging-wrapper {
  height:676px;
  -webkit-transition:-webkit-transform 0.3s ease-out;
  -moz-transition:-moz-transform 0.3s ease-out;
}
.js-enabled .page {
  position:relative;
  background-color:#fafafa;
  
  top:5px;
  /*
  left:0;
  */
  width:898px;
  min-height:656px;
  display:none;
  /*overflow: hidden;*/
  -webkit-transform: translate3d(0,0,0);
  -webkit-transition:-webkit-transform 0.3s ease-out;
  -moz-transform: translatex(0);
  -moz-transition:-moz-transform 0.3s ease-out;
  margin:0 10px 0 0;
  box-shadow: 3px #000;
  -webkit-box-shadow: 1px 1px 13px #999;
  -moz-box-shadow: 1px 1px 13px #999;
  padding-top:3px;
}
.js-enabled .page.previous {
  -webkit-transform: translate3d(-910px,0,0);
  -moz-transform: translatex(-910px);
  display:block;
}
.js-enabled .page.before-previous {
  -webkit-transform: translate3d(-1820px,0,0);
  -moz-transform: translatex(-1820px);
  display:block;
}
.js-enabled .page.current {
  
  display:block;
}
.js-enabled .page.next {
  -webkit-transform: translate3d(910px,0,0);
  -moz-transform: translatex(910px);
  display:block;
}
.js-enabled .page.after-next {
  -webkit-transform: translate3d(1820px,0,0);
  -moz-transform: translatex(1820px);
  display:block;
}
.pagination-buttons {
  
}
.pagination-buttons .button{
  padding:3px 15px;
  text-decoration:none;
  -webkit-box-shadow: 1px 1px 4px #999;
  -moz-box-shadow: 1px 1px 4px #999;
  border:solid 1px #eee;  
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  /*
  -webkit-transition-duration:0.5s;
  -webkit-transition-property:background-color;
  */
}
.pagination-buttons .button.disabled {
  color:#aaa;
  cursor:default;
  -webkit-box-shadow:0 0 0 ;
  -moz-box-shadow:0 0 0 ;
}
.pagination-buttons .button.prev {
  float:left;
  margin-left:8px;
}
.pagination-buttons .button.next {
  float:right;
  margin-right:8px;
}
.page-number {
  margin:0 auto;
  text-align:center;
  color:#888;
}
@-webkit-keyframes button-hover {
  0% {
    background-color:#fff;
    color:#00f;
  }
  50% {
    background-color:#aaf;
    color:#fff;
  }
  100% {
    background-color:#fff;
    color:#00f;
  }
}
@-moz-keyframes button-hover {
  0% {
    background-color:#fff;
    color:#00f;
  }
  50% {
    background-color:#aaf;
    color:#fff;
  }
  100% {
    background-color:#fff;
    color:#00f;
  }
}
.pagination-buttons .button:hover {
/*
  -webkit-animation-name: button-hover;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-out;
  -webkit-animation-duration:3s;
  */
  border:solid 1px #ddd;  
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  /*background-color:#ddd;*/
  background:-webkit-gradient(linear, left top, left bottom, from(#eee), to(#e5e5e5));
  background:-moz-gradient(linear, left top, left bottom, from(#eee), to(#e5e5e5));
}
.pagination-buttons .button.disabled:hover {
  -webkit-animation:none;
  -moz-animation:none;
  border:0;
}

#dummy {
  float:left;
  color:#f00;
  font-weight:bold;
  margin:30px 0 0 70px;
}
#dummy .label {
  font-size:120%;
  padding-bottom:10px;
}