/* CSS Document */

/* Fonts */
@font-face {
	font-family: 'snowstorm_light';
	src: url('/fonts/snowstorm_light.eot');
	src: url('/fonts/snowstorm_light.eot?#iefix') format('embedded-opentype'),
		url('/fonts/snowstorm_light.woff2') format('woff2'),
		url('/fonts/snowstorm_light.woff') format('woff'),
		url('/fonts/snowstorm_light.ttf') format('truetype'),
		url('/fonts/snowstorm_light.svg#snowstorm_lightregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'snowstorm';
	src: url('/fonts/snowstorm.eot');
	src: local('☺'),
		url('/fonts/snowstorm.eot?#iefix') format('embedded-opentype'),
		url('/fonts/snowstorm.woff2') format('woff2'),
		url('/fonts/snowstorm.woff') format('woff'),
		url('/fonts/snowstorm.ttf') format('truetype'),
		url('/fonts/snowstorm.svg#snowstormregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@import url(https://fonts.googleapis.com/css?family=Hind+Vadodara:400,700);
body,html { font-family: 'Hind Vadodara', Arial, Helvetica, sans-serif; color:#362C1F; }
b,strong,h3,h4 { font-style:normal; font-weight:700; }
h1,h2,.snowstorm { font-weight:normal; font-family:'snowstorm', Impact, Charcoal, sans-serif; }
.light { font-family: 'snowstorm_light', Impact, Charcoal, sans-serif; }
a, a:visited { color:#FF9500; text-decoration:none; }
a:hover { text-decoration:underline; }

/* Template */

body,html { min-width:1000px; margin:0; }
* { box-sizing:border-box; }
.wrapper { max-width:1280px; min-width:920px; margin-left:auto; margin-right:auto; padding:0 40px; }
header, section, footer { min-width:1000px; }
.clear { clear:both; }
img { border:none; }

/* Header */
header { position:absolute; width:100%; }
header .header-top { background:#000; color:#FFF; padding:5px 0; }
header h1 { margin:0; font-size:48px; color:#FF9500; float:left; }
header.padding { visibility:hidden; position:relative; }
.header-right { float:right; position:relative; top:10px; }
.share { display:inline-block; }
.connect {display:inline-block; padding-left:20px; margin-left:20px; border-left:1px solid #555; }
.header-right label { font-size:10px; text-transform:uppercase; letter-spacing:1px; }
.header-icons { display:inline-block; margin-left:10px; }
.header-icons img { width:32px; height:auto; margin-left:2px; vertical-align:top; }
.header-bottom { background-color:#fff2CC; padding:10px 0; font-size:18px; }
.header-bottom a { color:#FF2A00; }

/* Services */
#services { padding: 60px 0; }
.service { display:inline-block; text-align:center; vertical-align:top; }
.stretch { width: 100%; display: inline-block; font-size: 0; line-height: 0; }
.service h3 { color:#FF2A00; font-size:18px; text-transform:uppercase; margin-top:0; }
.service p { font-size:14px; margin-bottom:0; }
.service p b { font-size:18px; display:block; }

#services div.wrapper { width:100%; display:block; text-align:justify; }

/* Skills */
#skills { background-color:#000; color:#FFF; padding:60px 0; }
#skills h2 { color:#FF2A00; font-size:36px; margin-top:0; margin-bottom:20px; }
#skills ul { padding:0; margin:0; list-style:none; }
#skills ul li { display:inline; font-size:18px; }
#skills ul li:before { content:'• '; }
#skills ul li:after { content:'      '; }

/* Bio */
#bio { background-color:#FFF2CC; border-bottom:6px solid  #FF9500; border-top:6px solid  #FF9500; }
#bio div.wrapper { position:relative; min-height:572px; }
.kerry-photo { float:left; width:52%; position:absolute; bottom:-6px; }
.kerry-photo img { max-width:100%; display:block; left:-80px; position:relative; }
.bio-right {
	float:right;
	width:48%;
	padding:40px 0;
	position:relative;
	z-index:10; 
	text-shadow: 0 0 30px #FFF2CC, 0 0 40px #FFF2CC, 0 0 40px #FFF2CC, 0 0 50px #FFF2CE;
}
.bio-right h2 { color:#FF2A00; font-size:36px; margin:0; }
.bio-right p { font-size:22px; margin-top:22px; margin-bottom:0; }

/* Websites */
#websites div.wrapper { padding-top:40px; padding-bottom:40px; }
#websites div.website-top { padding-bottom:0; }
#websites h2 { margin:0; font-size:48px; color:#FF9500; }
.website.a { background-color:#FFF; }
.website:nth-child(even) { background-color:#FFF; }
.website.b  { background-color:#FFF2CC; }
.website:nth-child(odd) { background-color:#FFF2CC; }
.website h3 { margin:0; font-size:30px; color:#FF2A00; }
.website h3 a { color:#FF2A00; }
.website-img { float:right; margin:0 0 -20px 40px; position:relative; top:-28px; }
.website-img { border:2px solid; border-radius:4px; }
.website-img:hover { border:2px solid #FF2A00; }
.website img { display:block; }
.website h4 { font-size:30px; margin:30px 0 0 0; }
.website p { font-size:22px; margin:20px 0 0 0; }

/* Footer */
footer { background-color:#000; padding:5px 0; color:#FF9500; font-size:14px; }
.footer-left { float:left; }
.footer-right { float:right; text-align:right; }