@charset "utf-8";
/* CSS Document */

/* I <3 CSS */

body, html {
	background-color:#643030;
	color:#000000;
	font-family: "ratio", Geneva, sans-serif;
	margin:0;
}
.navfixx {
	width:100%;
	height:45px;
	display:table;
}
.mob-adjust{
	height:1px;
	overflow:hidden;
}
.containerfix{
	margin-top:30px;
}
.wrap {
	background-image:url(img/bg1.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	background-size:100%;
	width:100%;
	overflow:hidden;
	margin-top:50px;
	clear:both
}
.klink {
	color:#f86262; text-decoration:none; font-weight:700;
}
.mobileonly {
	visibility:hidden;
	height:0px;
	width:0px;
}
.printonly {
	visibility:hidden;
	height:0px;
	width:0px;
}
.mobileonly {
	height:0px;
	overflow:hidden;
}
.foliop {
	font-family: "ratio", Geneva, sans-serif!important;
	font-size:1.2em!important;
	line-height:1.5em!important;
	margin-left:-30px!important;
}
.magic {
	display:none;
}
.klear {
	clear:both;
}
.a-btn {
	background-color:#f86262;
	color:#FFFFFF;
	font-family: ThirstyRoughBolTwo;
	font-weight: normal;
	font-style: normal;
	font-size: 3em;
	border-radius: 20px;
	padding:12px;
	text-align:center;
	margin:auto;
	text-decoration:none;
	/* Fun with transitions */
	 -o-transition:color .1s ease-out, background 1s ease-in;
 -ms-transition:color .1s ease-out, background 1s ease-in;
 -moz-transition:color .1s ease-out, background 1s ease-in;
 -webkit-transition:color .1s ease-out, background 1s ease-in;
  /* ...and now override with proper CSS property */
  transition:color .1s ease-out, background 1s ease-in;
	box-shadow:1px 1px 1px #cccccc;
}
.a-btn:hover {
	background-color:#000000;
	color:#f86262;
	box-shadow:1px 1px 1px #f86262;
}
.mobonly{
	visibility:hidden;
}
h1 {
	font-family: 'ThirstyRoughBolTwo';
	font-weight: normal;
	font-style: normal;
	color:#f86262;
	text-align:center;
	width:100%;
}
h2 {
	font-family: 'ThirstyScriptBold', Geneva, sans-serif;
	font-weight: normal;
	font-style: normal;
	color:#f86262;
	text-align:left;
	width:100%;
	font-size:1.85em;
}
h3, h5 {
	font-family: "ratio", Geneva, sans-serif;
	font-weight: 700;
	font-style: normal;
	color:#444444;
	text-align:left;
	width:100%;
}
h4 {
	font-family: "ratio", Geneva, sans-serif;
	font-weight: normal;
	font-style: normal;
	color:#444444;
	text-align:left;
	width:100%;
}
.decorative-font {
	font-family: 'ThirstyScriptBold', Geneva, sans-serif;
	font-size:1.2em;
}
h1 {
	font-size:4.5em;
	clear:both;
	margin-bottom:-5px;
}
p {
	font-size:1.2em;
	line-height:1.55em;
	padding-left:20px;
	padding-right:20px;
}
ul li{
	font-size:1.2em;
	line-height:1.55em;
	padding-left:4px;
	padding-right:8px;
}
h2, h3, h4 {
	padding-left:20px;
	padding-right:15px;
}
#navigation a {
	color:#ffffff;
	text-decoration:none;
}
.maincontainer {
	width:980px;
	background-color:#FFF;
	display:table;
	height:auto;
	margin:auto;
	padding:10px;
	padding-bottom:80px;
	overflow:hidden;
}
.acontainer {
	width:100%;
	background-color:#FFF;
	display:table;
}
.header {
	width:980px;
	background-color:transparent;
	display:table;
	height:460px;
	margin:auto;
	background-image:url(img/Kirk_face.png);
	background-repeat:no-repeat;
	background-position:center top;
	margin-bottom:-20px;
}

.logo-main {
	width:100%;
	background-image:url(img/Kirk_Logos.png);
	background-repeat:no-repeat;
	height:260px;
	background-position:top center;
}
.one-third {
	width:33%;
	display:inline-table;
	float:left;
}
.jobhistory{
	min-height:400px;
	height:auto;
}
.oddend{
	width:33%!important;}

.one-half {
	width:50%;
	display:inline-table;
	float:left;
}
.one-all {
	width:100%;
	display:inline-table;
	text-align:center;
}
.two-thirds {
	width:66.55%;
	float:left;
	background-color:#FFF;
	display:table;
}
.hr {
 border : 0;
 background-image:none;
 background-color:#f86262;
height:2px;
width:90%;
background-repeat:no-repeat;
clear:both;
}
.feature {
	float:left!important;
	height:100%;
}
.jobs {
	width:100%;
	display:table;
	height:auto;
	background-color:#dddddd;
	background: rgb(237,237,237); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(237, 237, 237, 1) 0%, rgba(255, 255, 255, 1) 58%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(237, 237, 237, 1)), color-stop(58%, rgba(255, 255, 255, 1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(237, 237, 237, 1) 0%, rgba(255, 255, 255, 1) 58%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(237, 237, 237, 1) 0%, rgba(255, 255, 255, 1) 58%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(237, 237, 237, 1) 0%, rgba(255, 255, 255, 1) 58%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(237, 237, 237, 1) 0%, rgba(255, 255, 255, 1) 58%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff', GradientType=0 ); /* IE6-9 */
}
.contact {
	Text-align:center;
	width:100%;
}
.pushdown {
	margin-top:60px;
}
.flip {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}
.contact p {
	font-size:1.7em;
}
.quote {
	color:#ccc;
	font-family: "ratio", Geneva, sans-serif;
	font-weight: normal;
	font-style: italic;
	padding-top:35px;
	line-height:1.2em;
	font-size:20px!important;
	width: 70%;
	margin:auto;
}
.aqot {
	font-size:1.4em;
	color:#ccc;
}
.cite {
	font-family: "ratio", Geneva, sans-serif;
	font-weight: 700;
	font-style: italic;
	color:#888;
	font-size:18px!important;
	padding-top:10px;
	margin:auto;
	width:60%;
	padding-bottom:60px;
}
.container {
	max-width:100%;
	min-width:240px;
	width:auto;
	margin:auto;
	padding:0px 30px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	overflow: hidden;
}
.megafolio-container {
	width:100%;
	position:relative;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.textlink{
	color:#f86262;
	font-weight:700;
}

.textlink a:visited{
color:#873330;	
}

/* Witchcraft! It lives with media queries*/
 @media (max-width: 980px) {
	 .navbar{
		 display:none;
	 }
	 body{
		 margin-top:-50px;
	 }
 .header {
 width:94%;
 background-color:transparent;
 display:table;
 height:460px;
 margin:auto;
 background-image:url(img/Kirk_face.png);
 background-repeat:no-repeat;
 background-position:center top;
 overflow:hidden;
 margin-bottom:-20px;
}
 .one-third {
 width:50%;
 display:inline-table;
 float:left;
}
.logo-main {
 width:100%;
 overflow:hidden;
 background-image:url(img/Kirk_Logos.png);
 background-repeat:no-repeat;
 height:280px;
 background-position:top center;
 margin-top:50px;
 background-size:cover;
}
 .one-half, {
 width:50%;
}
 .flex100 {
 width:100%;
}
 .two-thirds {
 width:100%;
}
 .feature {
 display:block;
 width:100%;
 padding-bottom:15px;
}
 .feature p {
 width:42%;
 display:inline-table;
}
.pnudge{
	margin-left:2%;
}
.feature h2 {
 display:block;
 width:auto;
}
.feature h3, .feature h4 {
 display:inline-table;
 width:auto;
}
.brk {
 display:block;
 clear: both;
}
 .witchcraft {
 display:none;
}
 .magic {
 display:inline!important;
}
.maincontainer {
 width:100%;
}
.oddend{
	width:100%!important;}

.jobhistory{
	min-height:380px;
	height:auto;
}
}
 @media (max-width: 780px) {
 body, html {
 width:100%;
}
 .flex100, .one-half, .two-thirds {
 width:100%;
}
.logo-main {
 width:480px;
 overflow:hidden;
 background-image:url(img/Kirk_Logos.png);
 background-repeat:no-repeat;
 height:260px;
 background-position:60% 90%;
 background-size: 140%;
 margin:auto;
}
 .header {
 width:100%;
 background-color:transparent;
 display:table;
 height:460px;
 margin:auto;
 background-image:url(img/Kirk_face.png);
 background-repeat:no-repeat;
 background-position:center top;
 background-size:cover;
 overflow:hidden;
 margin-bottom:-20px;
}
.wrap {
 background-image:url(img/bg1.jpg);
 background-repeat:no-repeat;
 background-position:top center;
 background-size:100%;
 width:100%;
}
.pnudge{
	margin-left:0%;
}

}
 @media (max-width: 640px) {
 .logo-main {
 width:480px;
}
.closeuplist{margin-bottom:-22px;}
.mobonly{
	visibility:visible!important;
	margin-bottom:-4px;
}
 .quote {
 color:#ccc;
 font-family: "ratio", Geneva, sans-serif;
 font-weight: normal;
 font-style: italic;
 padding-top:35px;
 line-height:17px!important;
 font-size:14px!important;
 width: 84%;
 margin:auto;
}
.mob-adjust{
	height:30px;
	overflow:hidden;
}
.aqot {
 font-size:14px;
 color:#676;
}
.cite {
 font-family: "ratio", Geneva, sans-serif;
 font-weight: 700;
 font-style: italic;
 color:#888;
 font-size:14px!important;
 line-height:17px;
 padding-top:10px;
 margin:auto;
 width:84%;
 padding-bottom:60px;
}
 .feature p {
 width:88%;
 display:table;
}
 h1 {
 font-size:3.6em;
}
.feature h2 {
 display:block;
 width:100%
}
.feature h3, .feature h4 {
 display:block;
 width:100%;
}
 .header {
 width:94%;
 background-color:transparent;
 display:table;
 height:460px;
 margin:auto;
 background-image:url(img/Kirk_face.png);
 background-repeat:no-repeat;
 background-position:center top;
 background-size:cover;
 overflow:hidden;
 margin-bottom:-20px;
}
/* one column to rule them all*/
.one-half, .one-third {
 width:100%;
 margin-left:-5px;
}
.jobhistory{
	min-height:200px;
	height:auto;
}
.hr {
 border : 0;
 background-image:none;
 background-color:#ddd;
height:1px;
width:100%;
background-repeat:no-repeat;
clear:both;
}
 }
 /*Milk, Milk, Lemonade, around the corner fudge is made. Mobile time.*/
   @media (max-width: 480px) {
body, html {
 margin-top:-40px;
}
.mobonly{
	margin-bottom:15px;
}
.padtop{
	padding-top:14px;
}

 .mobhide {
 display:none;
}
.mobileonly {
 height:auto;
 clear:both;
 visibility:visible;
 width:auto;
}
.mobileonly img{
	width:88%;
	margin-left:3%;
}
 .printonly {
 display:none;
}

 .maincontainer {
 width:100%;
}

 h1 {
 font-size:3em;
 width:90%;
 margin-top:25px;
}
 .header {
 width:100%;
 background-color:transparent;
 display:table;
 height:400px;
 margin:auto;
 background-image:url(img/Kirk_face.png);
 background-repeat:no-repeat;
 background-position:center bottom;
 background-size:130%, 130%;
 overflow:hidden;
 margin-bottom:-40px;
}
.logo-main {
 width:80%;
 background-image:url(img/Kirk_Logos_small.png);
 background-repeat:no-repeat;
 height:260px;
 background-position: top center;
 background-size:95%;
 margin-top:50px;
}
.container {
 display:none;
}
 .maincontainer {
 width:100%;
 padding-left:5px;
}

}
 @media (max-width: 400px) {
body, html {
 margin-top:-60px;
}
.logo-main {
 width:90%;
 background-image:url(img/Kirk_Logos_small.png);
 background-repeat:no-repeat;
 height:270px;
 background-position: center center;
 background-size:95%;
 margin-top:50px;
}
 .mobileonly {
 height:auto;
 clear:both;
 visibility:visible;
 width:auto;
}
 .mobhide {
 display:none;
}
 .mobileonly img {
 width:100%;
 clear:both;
 float:left;
 margin-bottom:10px;
}
 h1 {
 font-size:2.5em;
 width:90%;
}
}
@media print and (color) {
   * {
      -webkit-print-color-adjust: exact;
      print-color-adjust: exact;
   }

 @page {
 size: auto;   /* auto is the initial value */
 margin: 2mm;
 margin-left:17mm;
 margin-bottom:-10px;
/* this affects the margin in the printer settings */
	}
.printheader{
	font-size:6em;
}
.jobhistory, .oddend{
	min-height:200px; 
	height:auto;
	width:50%!important;
	margin-bottom:-50px;
}

html, body {
	height: 99.5%;
}
.mobileonly {
	display:none;
}
.maincontainer {
	width:96%;
	page-break-after:avoid;
}
.break {
	page-break-before:always;
	position:relative;
}
.hiddenz {
	display:none;
}
.magic {
	display:table!important;
}
.printonly {
	height:auto;
	clear:both;
	visibility:visible;
	width:auto;
}
.printonly img {
	width:30%;
	padding-left:1%;
	display:inline block;
	margin-top:10mm;
}
.printboost {
	font-size:5.2em;
}
body, html {
	background-color:#ffffff;
	color:#000000;
	background-image:none!important;
	background-attachment:fixed;
	font-family: "ratio", Geneva, sans-serif;
	font-size:0.85em;
}
.hr, hr {

	background-image:none;
	background-color:#ddd;
	height:0.2mm;
	width:96%;
	background-repeat:no-repeat;
	display:block;
	margin-top:2mm;
	margin-bottom:2mm;
}
/* two column economical on print layout*/
.one-half, .one-third {
	width:50%;
}
.one-half p, .one-third p {
	margin-left:-3mm;
	margin-top:2mm;
}
.feature p {
	width:100%;
	float:left;
	display:inline;
}
.yup, .yup p {
	margin-left:18px;
}
.jobs {
	background:none;
}
.feature {
	display:inherit;
	width:100%;
	background-color:white;
	margin-top:5mm;
}
.boostitup {
	font-size:1.5em;
}
.boostitup p {
	font-color:black;
}
.nudgedown-topofpage {
	padding-top:60px;
}
.flex100 {
	width:100%;
	padding-top:10px;
}
.nudgeleft {
	margin-left:-48px;
}
.klear {
	clear:both;
}
.wrap {
	background-image:none;
}
.cite, .aqot, .quote {
	width:90%;
	font-size:17px!important;
	line-height:23px!important
}
h1 {
	color:#f86262!important;
	float:left!important;
	text-align:left!important;
}
h2 {
	margin-top:3mm;
	font-size:20pt!important;
	margin-bottom:-5px;
	margin-left:0px;
	padding-left:0px;
	color:#f86262!important;
}
h3 {
	font-size:`0pt!important;
	margin-left:0px;
	padding-left:0px;
	margin-top:1.5mm;
	margin-bottom:1mm;
}
h4 {
	font-size:8.6pt!important;
	margin-left:0px;
	padding-left:0px;
	margin-bottom:1mm;
	margin-top:0mm;
}
p {
	font-size:9pt!important;
	margin-left:0px;
	padding-left:3mm;
}
.bump {
	margin-top:12mm;
}
.altnudge {
	padding-top:40px;
}
.altnudge2 {
	padding-top:50px;
}
.altnudge3 {
	margin-top:-20px;
	visibility:hidden;
}
	 .navbar{
		 display:none;
	 }
	 .jobhistory h2{
		 font-size: 17pt!important;
	 }
ul{
	margin-left:-13mm;
	padding-right:8mm;
	line-height:1.45em;
	font-size: 0.9em;
	list-style: none;
}
ul li, li{

list-style: none!important;

}
p{
	font-size:1.25em;
}
hr{

	color:white!important;
	background-color:white!important;
}
h1{
		font-family: 'ThirstyScriptBold', Geneva, sans-serif!important;
}