/*------------------------------------*\
    Apaxy
    by @adamwhitcroft

    Theme name: Apaxy
    Theme author: @adamwhitcroft
\*------------------------------------*/
/*@import url('http://fonts.googleapis.com/css?family=Open+Sans');*/
@import '../fonts/opensans.css';
@import '../fonts/opensans-bold.css';
@import '../fonts/titillium.css';
@import 'chmc-header.css';
@import 'chmc-footer.css';
/* Have to use @import for the font, as you can only specify a single stylesheet */
* {
  margin:0;
  padding:0;
  -webkit-box-sizing:border-box;
     -moz-box-sizing:border-box;
          box-sizing:border-box;
}

html {
  min-height:100%;
  color:#333;
  font-weight:400;
  font-size:1em;
  font-family: Lato,Arial,sans-serif;
  background-color: #ebebeb;
  /*line-height:2em;*/
}
body {
  position:relative;
  padding:20px;
  -webkit-backface-visibility:hidden;
}

p {
  font-size:0.875em;
  padding:20px;
}

#main {
  padding-top: 80px;
}

code {
  font-family:consolas,monospace; 
}
a {
  color:#61666c;
  text-decoration:none;
}

a.ul-link {
  text-decoration:underline;
}

a:hover {
  color:#2a2a2a;
}
/*------------------------------------*\
    Wrapper
\*------------------------------------*/
.wrapper {
  margin:0 auto;
  padding-top:20px;
  max-width:800px;
}
/*------------------------------------*\
    Demo block
\*------------------------------------*/
.block {
  font-size:.875em;
  margin:20px 0 0;
  padding:15px 0;
}

.block .path {
	font-weight: normal;
}

.block#contact{
	font-size: 15px;
}

.block li {
  line-height:120%;
  color:#333;
}

.block li a {
  color:#31458E;
  text-decoration:underline;
}

.block li a:hover {
  color:#4F63AC;
}


/*------------------------------------*\
    Table (directory listing)
\*------------------------------------*/
table {
  width:100%;
  background-color: white;
  border-collapse:collapse;
  font-size:.9em;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0.25);};  
}
tr {
  outline:0;
  border:0;
}
tr:hover td {
  background:#f6f6f6;
}
th {
  text-align:left;
  padding: 10px 20px 10px 10px;
}
/* 2nd Column: Filename */
th + th {
  width:65%;
}
/* 3rd Column: Last Modified */
th + th + th {
}
/* 4th Column: Size */
th + th + th + th {
  width:5%;
}
tr td:first-of-type {
  padding-left:10px;
  padding-right:10px;
}
td {
  padding:10px;
  outline:0;
  border:0;
  border-bottom:1px solid #edf1f5;
  vertical-align:middle;
  text-align:left;
  -webkit-transition:background 300ms ease;
     -moz-transition:background 300ms ease;
      -ms-transition:background 300ms ease;
       -o-transition:background 300ms ease;
          transition:background 300ms ease;
}
td a{
  display: block;
}
tr.parent a {
  color:#9099A3;
}
  .parent a:hover {
    color:#2281d0;
  }
/*------------------------------------*\
    Footer
\*------------------------------------*/
.footer {
  text-align:center;
  font-size:.75em;
}
