/*
This style is a heavily edited version of Chris Creed's Azuka template.
Many thanks to Chris for providing the base to this CSS! You can find his work at http://www.chris-creed.com
*/

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

@import "reset.css";

/* -------------------- */
/* -- General Styles -- */
/* -------------------- */
#wrap { width: 730px; margin: 70px auto; font-family: 'Open Sans', 'Inter', "Spinnaker", "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif; color: #555; border: 1px #eee solid; padding: 70px 70px 20px 70px; -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 { background-color: #eee; font-size: 14px; color: #555; letter-spacing: 0;  }
h1 { font-family: 'Sansita One', Ubuntu, Calibri, Helvetica, Arial, cursive;font-size: 40px; letter-spacing: -1px; margin: 0 0 2px 0; color: #444; }
h2 { font-family: 'Sansita One', Ubuntu, Calibri, Helvetica, Arial, cursive;margin: 0 0 20px 0; color: #e86e14; font-size: 28px;}
h3 { font-family: 'Sansita One', Ubuntu, Calibri, Helvetica, Arial, cursive;font-size: 28px; color: #444; margin: 45px 0 30px 0; }
h4 { font-family: 'Sansita One', Ubuntu, Calibri, Helvetica, Arial, cursive; font-size: 22px;}
.titlelogo-title {float: left;}
.titlelogo-logo {float: right;}
.titlelogo-logo img {max-width: 150px; max-height: 40px;}
h5 { font-size: 18px; margin: 30px 0 5px 0;}
p { line-height: 22px; margin: 0 0 15px 0; clear: left;}
table { margin: 0 0 15px 0;}
a { text-decoration: none; color: #0b8bbb; }
a:hover { color: #56ADCE; }
.line { clear: both; border-bottom: 2px #eee solid; }

/* ------------ */
/* -- Header -- */
/* ------------ */
#header { float: left; width: 730px; margin: 0 0 55px 0; }
#header #header-content { float: left; width: 450px; }
#header #header-content p { margin: 0 0 0 1px; }
#header #contact-details { float: left; margin: 18px 0 0 0; }
#header #header-content .contact { color: #888; margin: 0; }
#header #header-content .contact span { color: #444; width: 75px; float: left; }
#header #header-content .contact a img { width: 16px; height: 16px; }
#header #header-photo { float: right;  background-color: #eee;  padding: 5px 5px 2px 5px; -webkit-box-shadow: 0px 0 10px #aaa; -moz-box-shadow: 0px 0 10px #aaa; box-shadow: 0px 0 10px #aaa; }
#header #header-photo img { width: 200px; height: 200px; border: 1px #ddd solid; }
#header #header-photo div { padding-top: 10px; padding-bottom: 5px; text-align: center }

/* ------------- */
/* -- Content -- */
/* ------------- */
#content .cv-section { width: 730px; margin: 0 0 15px 0; }
#content .cv-section p { width: 650px; }
#content .cv-section .title { color: #e86e14; margin: 0 0 4px 0; }
#content .cv-section .meta { color: #777; margin: 0px 0 15px 0; }
#content .cv-section-item { padding: 0 0 15px 0; }
.content-table tr td {padding-top: 10px; padding-right: 10px; line-height: 22px; }