/*	Less Framework 4
	http://lessframework.com
	by Joni Korpi
	License: http://opensource.org/licenses/mit-license.php	*/

.big {
	font-size: 140%;
	color:#333333;
}

.typekit-badge {
	display:none !important;
}


a {
	text-decoration: none;
	/*color: #E65B54;*/	
	color: #9f731d;	
}

a.big {
	color: #9f731d;	
}

a:hover {
	text-decoration: underline;
}

a:visited {
}

h2 {
	color:#333333;
}

.cv h2 {
	margin-top:50px;
	margin-bottom:0;
}

hr {
	margin-top:0.5em;
}

.content p {
	line-height:1.6em;
}

/* Selection colours (easy to forget) */

::selection 	 	{background: rgb(255,255,158);}
::-moz-selection 	{background: rgb(255,255,158);}
img::selection 		{background: transparent;}
img::-moz-selection	{background: transparent;}
body {-webkit-tap-highlight-color: rgb(255,255,158);}



body {
	width: 896px;
	padding-top: 10px;
	padding-bottom: 84px;
	font-size: 100%;
	
	font-family: dejarip,"Helvetica",sans-serif;
	font-style: normal;
	font-weight: 500;
	
	background-color: white;
	
	/*padding: 0px 48px 84px;
	background: rgb(213,217,232);
	color: rgb(60,60,60);*/
	-webkit-text-size-adjust: 100%; /* Stops Mobile Safari from auto-adjusting font-sizes */
}

.content, .cv, .homecontent {
	width: 500px;
	margin-left: 20%;
}

.introtext {
	font-size:larger;
	color:black;
	width:inherit;
	line-height:1.7em;
}

@media only screen and (min-width: 510px) and (max-width: 810px) {
	body {
		width: 97%;
		padding-top: 10px;
		padding-bottom: 84px;
	}
	
	.content, .cv, .homecontent {
		margin-left:3%;
	}
}

@media only screen and (max-width: 510px) {
	body {
		width: 300px;
		padding-top: 10px;
		padding-bottom: 84px;
	}
	
	.content, .cv, .homecontent {
		margin-left:3%;
	}
	
	#aboutpic {
		width:290px;
	}
	
	#homepic {
		width:240px;
	}
	
	.content, .cv, .homecontent {
		width: 290px;
	}
}