/*
Template Name: Azuka HTML Template
Description: A CV/Resume HTML Template
Author: Sanaroo
URL: http://www.sanaroo.com
*/

/* Colors: Blue - #0b8bbb // Orange - #e86e14 */

@import "reset.css";

/* -------------------- */
/* -- General Styles -- */
/* -------------------- */
#wrap { width: 730px; margin: 40px auto; font-family: "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif; color: #555; border: 1px #eee solid; padding: 60px 60px 60px 60px; -webkit-box-shadow: 0px 0 50px #aaa; -moz-box-shadow: 0px 0 30px #aaa; box-shadow: 0px 0 50px #aaa; background: #fff; background: -moz-linear-gradient(top, #EEEEEE 0%, #FFFFFF 2%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EEEEEE), color-stop(2%,#FFFFFF)); }
body { font-family: times, serif; background-color: #eee; }
h1 { font-size: 38px; margin: 20px 0 30px 0; letter-spacing: -1px;}
h2 { font-size: 32px; margin: 0 0 20px 0;}
h3 { font-size: 24px; margin: 15px 0 20px 0;}
h4 { font-size: 20px; margin: 30px 0 15px 0;}
h5 { font-size: 18px; margin: 30px 0 5px 0;}
p { font-size: 18px; line-height: 22px; margin: 0 0 15px 0; }
a { text-decoration: none; color: #0b8bbb; }
a:hover { color: #eee; }
.line { clear: both; border-bottom: 2px #eee solid; margin: 10px 0;}
.clear { clear: both; }

/* ------------ */
/* -- Header -- */
/* ------------ */
#header { float: left; width: 730px; }
#header #header-content { float: left; width: 450px; }
#header h1 { margin: 0 0 2px 0; color: #444; text-align:center; font-size: 20px }
#header h2 { color: #0b8bbb; font-size: 28px; }
#header h3 { color: #0b8bbb; font-size: 28px; }
#header h4 { color: #0b8bbb; font-size: 20px; margin-top: 0}
#header #header-content p { font-size: 15px; margin: 0 0 0 1px; }
#header #times-details { margin: 18px 0 0 0; }
#header #header-content .times { font-size: 16px; color: #888; margin: 0; }
#header #header-content .times span { color: #444; width: 75px; float: left; }
#header .contact-details { margin: 18px 0 0 0; }
#header #header-content .contact { font-size: 16px; color: #888; margin: 0; }
#header #header-content p.contact span { color: #444; width: 75px; float: left; }
#header .contact-box { clear: right; float: right;  width: 200px;margin-bottom: 20px; background-color: #eee;  padding: 10px 10px 10px 10px; -webkit-box-shadow: 0px 0 10px #aaa; -moz-box-shadow: 0px 0 10px #aaa; box-shadow: 0px 0 10px #aaa; }
#header .contact-box p.notes { font-size: 90%; margin: 5px 0 }
a {outline: none; color: #000; text-decoration: underline;}
a:focus, a:hover {color: #0d8; text-decoration: underline;}

.homelink {
   margin-top: 10px;
   font-size: 85%;
}
table.vaccare {
  margin: 0;
  padding 0;
  table-layout: fixed;
  width: 100%;
}
table.vaccare th, table.vaccare td {
  width: 156px;
  text-align: center;
  overflow: hidden;
}
table.vaccare th {
  padding: 10px 0;
  background: yellow;
  font-weight: bold;
}
table.vaccare td {
  padding: 10px 0;
  font-size: 90%;
  line-height: 1.2;
}
table.vaccare td .excursion {
  text-transform: uppercase;
  color: red;
}
table.vaccare td img {
  padding-top: 10px;
}
table.vaccare td .closed {
  font-size: 160%;
}
table.vaccare td .notes {
  font-size: 85%;
  line-height: 1.2;
}

.footer {
  text-align: right;
  padding: 0.5em;
}