/*
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 "reset.css";
/* -------------------- */
/* -- General Styles -- */
/* -------------------- */
#wrap{
	width:900px;
	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:0 0 50px #aaa;
	-moz-box-shadow:0 0 30px #aaa;
	box-shadow:0 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: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:#750075;
}
.line{
	clear:both;
	border-bottom:2px #eee solid;
}

/* ------------ */
/* --  top  -- */
/* ------------ */
#top #top-pic{
	background-color:#eee;
	width:873px;
	padding:5px 5px 2px 5px;
	-webkit-box-shadow:0 0 10px #aaa;
	-moz-box-shadow:0 0 10px #aaa;
	box-shadow:1px 0 10px #aaa;
}
#top #top-pic img{
	width:870px;
	height:220px;
	border:1px #ddd solid;
}

/* ------------ */
/* -- Header -- */
/* ------------ */
#header{
	float:left;
	width:730px;
	margin:0 0 55px 0;
}
#header #header-content{
	float:left;
	width:450px;
}
#header #header-content h1{
	margin:0 0 2px 0;
	color:#444;
}
#header #header-content h2{
	color:#0b8bbb;
	font-size:28px;
}
#header #header-content p{
	font-size:15px;
	margin:0 0 0 1px;
}
#header #contact-details{
	float:left;
	margin:18px 0 0 0;
}
#header #header-content .contact{
	font-size:16px;
	color:#888;
	margin:0;
}
#header #header-content .contact span{
	color:#444;
	width:75px;
	float:left;
}

#header #header-pic{
	background-color:#eee;
	width:763px;
	padding:5px 5px 2px 5px;
	-webkit-box-shadow:0 0 10px #aaa;
	-moz-box-shadow:0 0 10px #aaa;
	box-shadow:1px 0 10px #aaa;
}
#header #header-pic img{
	width:760px;
	height:220px;
	border:1px #ddd solid;
}

#header #header-photo{
	float:right;
	background-color:#eee;
	padding:5px 5px 2px 5px;
	-webkit-box-shadow:0 0 10px #aaa;
	-moz-box-shadow:0 0 10px #aaa;
	box-shadow:0 0 10px #aaa;
}
#header #header-photo img{
	width:200px;
	height:255px;
	border:1px #ddd solid;
}
/* ------------- */
/* -- 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.title{
	font-size:22px;
	color:#0b8bbb;
	margin:0 0 -26px 0;
}
#content .cv-section h4.meta{
	font-size:22px;
	color:#777;
}
#content .cv-section p{
	font-size:14px;
	color:#555;
	letter-spacing:0;
}
#content .cv-section-item{
	padding:0 0 15px 0;
}

sub, sup {
  /* Specified in % so that the sup/sup is the right size relative to the surrounding text */
  font-size: 75%;

  /* Zero out the line-height so that it doesn't interfere with the positioning that follows */
  line-height: 0;

  /* Where the magic happens: makes all browsers position the sup/sup properly, relative to the surrounding text */
  position: relative;

  /* Note that if you're using Eric Meyer's reset.css, this is already set and you can remove this rule */
  vertical-align: baseline;
}

sup {
  /* Move the superscripted text up */
  top: -0.5em;
}

sub {
  /* Move the subscripted text down, but only half as far down as the superscript moved up */
  bottom: -0.25em;
}

ul li{margin-left:30px; padding-left: 0px; list-style-type: circle;}

p
  {
  text-indent:-20px;
  }