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

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

:focus {
	outline: 0;
}
body {
	line-height: 1;
	font-family:Arial, Helvetica, sans-serif; 
	color: black;
/* 	background:#0CC; */
	color:#333;
	text-align: left;
	font-size:62.5%;
}
ol, ul {
	list-style: none;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* @basics */

dt,dd,li, p { font-size:1.6em; margin:0 0 14px}
dt,h3,h1,h2 { margin:0 0 6px; font-weight:900;}
li li,li p { font-size:inherit; clear:left}
li 			{ margin: 0 0 24px}

li li {list-style:inside circle; margin-left:6px}

li h3 { font-size:1.063em /* reaches 1.7em - hurrrah! */; }
dl { margin:0 0 20px}
dt { font-size:1.7em; margin:0; bottom:-4px}
dd { display:inline}
dt,h2,h3 { color:#336699}

h1 { font-size:3.5em; padding:4px 0 0.6em;  border-bottom:#006699 4px solid; margin-bottom:20px; color:#30506F }
h2 { font-size:2em; border-bottom:#0099CC 2px solid; margin-bottom: 20px; padding:0 0 4px}
strong { font-weight:900}
ul { margin-bottom: 20px; margin-left: 6px}

li,li h3{background-position:0 111px;}

li span { display:block}

/*
p a:link,p a:visited,
#contact a:link,#contact a:visited { color:#006; text-decoration:none; padding:2px 4px }
 p a:hover,p a:focus,p a:active,
#contact a:hover,#contact a:focus,#contact a:active { color:#000; background-color:#f6f6f6; outline:1px dotted #999}
 */
a:link,a:visited { color:#2C77EF; text-decoration:none; padding:2px 4px; background:#f6f6f6;outline:1px dotted #ddd}
a:hover,a:focus,a:active { color:#0063FF; background-color:#ddd; outline:1px dotted #ccc}

/* @selectors */


#wrapper { ; z-index:99;margin:0 40px; padding:40px 20px 30px; position:relative; line-height:21.6px;  font-size:100%; max-width:620px;}
#contact { position:absolute; right:20px; top:40px; width:300px; text-align:right }
#contact li { display:inline;display: inline-block;} 

.gap-jobs,.gap-jobs h3 { color:#999}
.hide { display:none}

#education li, li h3{background-color:transparent; background-repeat:no-repeat; background-image:url(/images/cv/work-logos.png);padding-left:40px; margin-left:-40px }
#partyGaming h3{ background-position:0 -53px;}
#thisIsNow h3 {background-position:0 -111px;}
#justGiving h3{background-position:0 3px;}

#yoSushi h3 {background-position:0 -227px;} 
#yoSushi { margin:0 0 40px}
#learnDirect h3 {background-position:0 -343px;}
#tgi h3 {background-position:0 -401px;}
.teesside h3,#education .teesside {background-position:0 -169px;} /*  */
.bexley h3 {background-position:0 -285px;}

#stMartins {background-position:0 -459px;}

#footer { margin:30px 0 0 -4px;}

/* jS helper */

/* #doc-write { font-size:22px; background: #f9f9f9; display:block; padding:10px 12px 10px 80px} */

#doc-write em { font-style:italic; color:#0C3  }
/* script { display:block; position: fixed; top:0; right:20px; font-size:11px; width:500px; height:100%;  white-space:pre; background:#CCC; opacity:.65; z-index:999; color:#000  } */