/*
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: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: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:#eee;
}
ul {
list-style-type: square;
padding:0;
margin:1em;
}
li {
color:#e86e14;
}
li span {
  color:#555; /* text color */
}
/*li {
color:#555;
}*/
/*ul li {
list-style-type: square;
margin: 0.8em 1em 0.8em 0.5em;
}*/
.line{
	clear:both;
	border-bottom:2px #eee solid;
	/*border-bottom:2px #e86e14 solid;*/
	/* 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 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-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:220px;*/
	width:164px;
	height:128px;
	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:#e86e14;
	margin:0 0 -26px 0;
}
#content .cv-section h4.meta{
	font-size:22px;
	color:#777;
}
#content .cv-section p{
	font-size:15px;
	color:#555;
	letter-spacing:0;
}
#content .cv-section-item{
	padding:0 0 15px 0;
}
.abstract {
	display:none;
	font-size: 12pt;	
	line-height:13pt;
	padding:5px 10px;
	margin:10px 0px 10px 10px;
	border:1px solid #ccc;
}

#back-top {
	position: fixed;
	bottom: 30px;
	margin-left: 650px;
}

#back-top a {
	width: 108px;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #bbb;

	/* transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {
	color: #000;
}

/* arrow icon (span tag) */
#back-top span {
	margin-left:44px;
	width: 18px;
	height: 18px;
	display: block;
	margin-bottom: 7px;
	background: #ddd url(top_arrow.gif) no-repeat center center;

	/* rounded corners */
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;

	/* transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover span {
	background-color: #777;
}