/*

    Resume Stylesheet
    (c) 2010 Lenny Burdette

    TOC
    * Reset
    * Typography
    * Links
    * Layout
    * Sections
    * Meta

*/
/********************************************************** Reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, footer, header, hgroup, menu, nav, section, menu,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}                  
article, aside, figure, footer, header, hgroup, nav, section { display:block; }
nav ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }
/********************************************************** Typography */
body {
    font-family: georgia, "times new roman", serif;
    font-size: 14px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Helvetica Neue", helvetica, arial, sans-serif;
    text-shadow: #ccc 2px 2px 5px;
}
p,
li { line-height: 1.5em }
h1 { font-size: 21px }
h2 {
    font-size: 1em;
    line-height: 1.5em;
    font-weight: normal;
    margin-top: 0;
}
h3 {
    font-size: 1em;
    line-height: 1.5em;
    margin-top: 0;
    margin-bottom: 0;
}
h4 {
    font-size: 1em;
    line-height: 1.5em;
    font-weight: normal;
    font-style: italic;
	margin: 1.33em 0px;
}
p { margin: 1em 0px; }
.small {
    font-size: .75em;
    line-height: 2em;
}
.hide {
	display: none;
}
/********************************************************** Links */
a:link,
a:visited {
    color: #1D65FF;
    text-decoration: none;
    border-bottom: 1px solid #7BB4FF;
}
a:hover,
a:active { border-bottom: 1px solid #1D65FF }
/********************************************************** Layout */
body {
    background: #efefef;
    margin: 21px 0 84px 0;
    text-align: center;
}
#wrap {
    width: 720px;
    background: #fff;
    text-align: left;
    margin: 0px auto;
    padding: 21px 90px 100px 90px;
}
header {
    margin-top: 84px;
    margin-bottom: 42px;
}
h1 { font-weight: normal }
h1 span { color: #aaa }
/********************************************************** Sections */
#alert {
    width: 720px;
    background: #ccc;
    text-align: left;
    margin: 0px auto 21px;
    padding: 21px 90px 21px 90px;
	text-align: center;
}

@media screen and (max-width: 480px) {
  #alert { width: auto; padding: 10px; margin-bottom: 2px; }
}

section {
    clear: left;
    margin-top: 2em;
	overflow: hidden;
}
h2 {
    float: left;
    width: 174px;
}
.body { margin-left: 182px }
.title {
    border-bottom: 1px solid #aaa;
}
h3 { float: left }
.date {
    margin: 0 0 0 364px;
    font-size: .75em;
    line-height: 2em;
}
.more {
    font-size: .75em;
    line-height: 2em;
}
/* definition list */
dl { margin: 1em 0; }
dd { 
	line-height: 1.5em;
	margin-left: 182px;
}
dt {
    float: left;
    width: 174px;
    font-style: italic;
    color: #666;
}
/* unordered list */
ul,
li {
    list-style: none outside;
    margin: 0;
    padding: 0;
}
ul {
	-webkit-column-count: 3;
	-webkit-column-width: 174px;
	-webkit-column-gap: 8px;
	-moz-column-count: 3;
	-moz-column-width: 174px;
	-moz-column-gap: 8px;
	column-count: 3;
	column-width: 174px;
	column-gap: 8px;
	margin-bottom: 2em;
}
ul li {
	text-indent: -0.5em;
	margin: 0 0 0 0.5em;
	-webkit-break-before: column; 
	-webkit-break-inside: avoid-column; 
	-webkit-break-after: avoid-column;
}
.col1,
.col2,
.col3 {
    float: left;
    width: 174px;
    margin-left: 8px;
}
.col1 {
    margin-left: 0;
    clear: left;
}
/* hcard */
#contact h2:hover:after { content: ': This is an hCard!' }
#contact dl { margin-top: 0; }
/* thumbnails */
.thumbs {
    overflow: hidden;
    clear: both;
}
.thumbs:after {
    content: '.';
    visibility: hidden;
    clear: both;
}
.thumbs img {
    width: 160px;
    height: 160px;
}
.thumbs a,
.small-thumb a {
    display: block;
    padding: 5px;
    border: 1px solid #ccc;
    margin-bottom: 1em;
}
#lightbox a { border: 0 }
.desc p {
    font-size: .75em;
    margin-top: 0;
}
.desc a {
    display: inline;
    border: none;
    padding: 0;
    margin: 0;
}

#print_message {
	display: none;
}

@media all and (max-width: 480px) {
	body {
	    margin: 2px;
	}
	#wrap {
	    width: auto;
		padding: 6px 16px;
	}
	header {
	    margin: 10px 0;
	}
	h2 {
	    float: none;
	    width: auto;
	}
	.body { margin-left: 0; }
	h3 { float: none }
	.date {
	    margin: 5px 0;
	}
	dd { margin-left: 110px; }
	dt {
	    width: 100px;
	}
}