/*
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:750px;
	margin: 0px auto; 
/*	4cm 3cm 4cm auto;*/
	
	font-family:"Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
	color:#555;
	border:1px #eee solid;
	padding:40px 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;
}
h4, h5 { 
display: inline; 
}
.classname {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777777;
	font-family:"Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
	width:100px;
	font-size:15px;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
}.classname:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}.classname:active {
	position:relative;
	top:1px;
}
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:#666699;
}
.line{
	clear:both;
	border-bottom:2px #eee solid;
}
/* ------------ */
/* -- Header -- */
/* ------------ */
#header{
	float:left;
	width:730px;
	margin:0 0 15px 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:183px;
	height:181;
	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:35px 0 15px 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 10px 0;
}