/*
Theme Name: Exit Strategies
Author: Paul Nalewajk
Author URI: http://www.wwwebtek.com/
Version: 1.0
*/


/* Reset CSS */
@import "../_css/reset.css";

/* Fonts */
@import url(https://fonts.googleapis.com/css?family=Oxygen:400,700,300);


html, body {
	margin:0px;
    height:100%;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
	/* Normal 400 Bold 700 Book 300 */
	font-family: 'Oxygen', sans-serif;
	font-weight: 400;
	font-size:14px;
	line-height:18px;
	color: #4d4d4d;	
	background-color:#e5e5e5;
}


a, a:visited { color:#299ae9; }
a:hover { color:#4d8a17;text-decoration:none; }
a:focus, a:active { outline: none; }
	*:focus { 
		outline: none; 
		}

::selection {
	background: #8fe41c; /* Safari */
	}
::-moz-selection {
	background: #8fe41c; /* Firefox */
}

#page {  }

#main { position: relative;padding:20px 40px 40px 40px;
	background: rgb(255,255,255);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxOSUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZTVlNWU1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 19%, rgba(229,229,229,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(19%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 19%,rgba(229,229,229,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 19%,rgba(229,229,229,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 19%,rgba(229,229,229,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 19%,rgba(229,229,229,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
}

#main img {
	margin-bottom:20px;
	border-radius:50%;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
	-o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

/* =Font Usage
----------------------------------------------- */
#colophon dt, h1, h2, h3, h4, .button {
font-weight: 700;
}

/* =Header
----------------------------------------------- */

#branding { position:relative;padding:80px 40px 30px 40px;background-color:#f79134;min-height:80px; }
#branding h1 { float:left;margin:0px;font-size:46px;color:#fff;font-weight: 300; }
#branding h2 { float:right;text-align:right;margin:10px 0px 0px 0px;font-size:28px;color:#fff;font-weight: 300; }
#branding h2 span { font-size:16px; }
#branding h2 a { color:#fff;font-size:16px;text-decoration:none;  }
	#branding h2 a:hover { color:#fff;font-weight:bold; }

#branding a {
	-o-transition: all 0.5s; 
	-moz-transition: all 0.5s; 
	-webkit-transition: all 0.5s;
	-webkit-backface-visibility: hidden; /* Fix for transition flickering */
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
}
#branding a:hover {
	-o-transition: all 0.5s; 
	-moz-transition: all 0.5s; 
	-webkit-transition: all 0.5s;
}


h1 { margin:0px 0px 10px 0px;font-size:24px;line-height:normal;text-align:left; }
h2 { margin:0px;font-size:28px;color:#f79134;font-weight: 400;line-height:32px; }
h3 { margin:10px 0px 10px 0px;font-size:16px;font-weight: 400;text-align:left; }
h4 { margin:10px 0px 10px 0px;font-size:14px;font-weight:normal;text-align:left; }

/* =Global
----------------------------------------------- */
/* Headings */

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.625em;
}

/* Text elements */
p {
	margin-bottom: 1.625em;
}
ul, ol {
	margin: 0 0 1.625em 2.5em;
}
ul {
	list-style: square;
}
ol {
	list-style-type: decimal;
}
ol ol {
	list-style: upper-alpha;
}
ol ol ol {
	list-style: lower-roman;
}
ol ol ol ol {
	list-style: lower-alpha;
}
ul ul, ol ol, ul ol, ol ul {
	margin-bottom: 0;
}
dl {
	margin: 0 1.625em;
}
dt {
	font-weight: 700;
}
dd {
	margin-bottom: 1.625em;
}
strong {
	font-weight: 700;
}
cite, em, i {
	font-style: italic;
}
blockquote {
	font-family: Georgia, "Bitstream Charter", serif;
	font-style: italic;
	font-weight: normal;
	margin: 0 3em;
}
blockquote em, blockquote i, blockquote cite {
	font-style: normal;
}
blockquote cite {
	color: #666;
	font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 300;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}
pre {
	background: #f4f4f4;
	font: 13px "Courier 10 Pitch", Courier, monospace;
	line-height: 1.5;
	margin-bottom: 1.625em;
	overflow: auto;
	padding: 0.75em 1.625em;
}
code, kbd {
	font: 13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr, acronym, dfn {
	border-bottom: 1px dotted #666;
	cursor: help;
}
address {
	display: block;
	margin: 0 0 1.625em;
	font-style:normal;
}
ins {
	background: #fff9c0;
	text-decoration: none;
}
sup,
sub {
	font-size: 10px;
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}

img {
	-ms-interpolation-mode: bicubic;
	border: 0;
	vertical-align: middle;
	height: auto;
	max-width: 100%;
}


/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.625em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.625em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}


/* =Content
----------------------------------------------- */

#content { position:relative;margin:0px auto; }


/* =Footer
----------------------------------------------- */

#colophon {
	clear:both;
	position:relative;
	margin-top:40px;
	padding:20px 0px 20px 0px;
	font-size:13px;
	line-height:normal;
	text-align:center;
	border-top:1px solid #f2f2f2;
}

.copyright { font-size:11px;color:#999999; }

@media screen and (max-width: 400px) {
	#branding { min-height:180px; }
	#branding h1 { float:left; }
	#branding h2 { float:left;text-align:left; }
}