/*
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:#121213;
}
a:hover{
	color:#eee;
}
.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:65%;
}
#header #header-content h1{
	margin:0 0 20px 0;
	color:#444;
}
#header #header-content h2{
	color:#121213;
	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:170px;
	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:250px;
	border:1px #ddd solid;
}
/* ------------- */
/* -- Content -- */
/* ------------- */
#content .cv-section{
	width:730px;
	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:#121213;
	margin:0 0 -26px 0;
}
#content .cv-section h4.meta{
	font-size:22px;
	color:#777;
}
#content .cv-section p{
	font-size:18px;
	color:#555;
	letter-spacing:0;
}
#content .cv-section-item{
	padding:0 0 15px 0;
}

.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

@media only screen and (max-width: 639px) {
	#header #header-content .contact {
		font-size: 31px;
		line-height: 37px;
	}
	h2{
		font-size:40px;
	}

}