/*
Template Name: Azuka HTML Template
Description: A CV/Resume HTML Template
Author: Chris Creed
URL: http://www.chris-creed.com
*/

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

@import "styles/reset.css";

/* -------------------- */
/* -- General Styles -- */
/* -------------------- */
#wrap { width: 730px; margin: 70px auto; font-family: "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 { font-family: times, serif; background-color: #ccc; }
h1 { font-size: 40px; margin: 0 0 30px 0; letter-spacing: -1px; }
h2 { font-size: 34px; margin: 0 0 20px 0; }
h3 { font-size: 24px; margin: 30px 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; }
.line2 { clear: both; border-bottom: 2px #eee solid;  width:50%; margin-left:auto; margin-right:auto; margin-top:50px; margin-bottom:50px;}
.line3 { clear: both; border-bottom: 2px #eee solid;  width:50%; margin-left:auto; margin-right:auto; margin-top:10px; margin-bottom:10px;}

/* ------------ */
/* -- Header -- */
/* ------------ */
#header { float: left; width: 730px; margin: 0 0 55px 0; }
#header #header-content { float: left; width: 480px; }
#header #header-content h1 { margin: 0 0 2px 0; color: #444; }
#header #header-content h2 { color: #0b8bbb; font-size: 22px; }
#header #header-content p { font-size: 15px; margin: 0 0 0 1px;}
#header #contact-details { float: left; margin: 18px 0 0 0; }
#header #contact-details2 { float: left; margin: 1px 0 0 0; }
#header #header-content .contact { font-size: 16px; color: #888; margin: 0; }
/*#header #header-details2 a:link { color: #DDDDDD;  text-decoration: none;  }*/
#header #header-content .contact span { color: #444; width: 75px; float: left; } 
#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-contact_old { 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: 220px; border: 1px #ddd solid; }

/*#header #header-contactbox { float: left; width: 440px; }*/
#header #header-contactbox { float: right;  background-color: #fff; margin: 15px 0 0 0;}
#header #header-contactbox h1 { margin: 0 0 2px 0; color: #444; }
#header #header-contactbox h2 { color: #0b8bbb; font-size: 22px; }
#header #header-contactbox p { font-size: 15px; margin: 0 0 0 1px; }
#header #header-contactbox a:link { color: #000;  text-decoration: none;}
#header #header-contactbox a:visited { color: #000;  text-decoration: none;}
#header #header-contactbox a:hover{ color: #000;  text-decoration:underline;}
/* ------------- */
/* -- Content -- */
/* ------------- */
#content .cv-section { width: 600px; margin: 0 0 15px 0; }
#content .cv-section h3 { font-size: 28px; color: #444; margin: 45px 0 30px 0;  }
#content .cv-section h4.sps { font-size: 20px; margin: 30px 0 15px 0;}
#content .cv-section h4.title { font-size: 22px; color: #777; margin: 0 0 -26px 0; }
#content .cv-section h4.meta { font-size: 20px; color: #0b8bbb; }
#content .cv-section p { font-size: 14px; color: #555; letter-spacing: 0; margin: 0 50 0 51px;}
#content .cv-section-item { padding: 0 0 15px 0; }