/*   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, canvas, details, figcaption, figure,  footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin:0; padding:0; border:0; outline:0; font-size:103%; vertical-align:baseline; background:transparent;} body {line-height:1;} article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section {display:block;} nav ul, nav ol {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; cursor:help;} table {border-collapse:collapse; border-spacing:0;} hr {display:block; height:0px; border:0; margin:1em 0; padding:0;} input, select {vertical-align:middle;}


/*   MAIN STYLES   */
html {background: #FCFCFC; color: #333; font-family: 'PT Sans',sans-serif; height: 100%;}
body {height: 100%; margin: 0 auto 0 auto; max-width: 1024px; padding: 10px}
a, #skills dl dd {-webkit-transition: all 0.15s ; -moz-transition: all 0.15s ; -ms-transition: all 0.15s ; -o-transition: all 0.15s ; transition: all 0.15s ;}

#summary ul {
    display: block;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
    padding-left: 40px;
}
#summary ul li {
    line-height: 1.4em;
    //padding: 2px 0;
}

/*   HEADER   */
header.vcard {margin-bottom: 10px; overflow: hidden;}
.fn {font-size: 2em; font-weight: bold; padding: 5px 0 5px 10px;}
.role {background: #999; color: #FCFCFC; font-weight: normal; margin: 4px 0 13px; padding: 5px 5px 5px 10px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow:  0px 1px 1px 0px rgba(0, 0, 0, 0.35);  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.15);}
.contact {list-style: none; margin: 0px 0 0 0px; overflow: hidden;}
.contact li {border-right: 1px solid #ccc; display: block; float: left; font-size: 0.8em; padding: 2px 0; text-align: center; width: 30%; overflow: hidden;}
.contact li:last-child {border: none}
.contact a {color: #000;}
.contact a:hover {background-color: #eee; text-decoration: none}


/*   CONTENT   */
section {font-size: 0.9em; margin: 15px 0; overflow: hidden; }
section h1 {border-left: 2px solid #DDD; font-size: 1.1em; margin-bottom: 10px; padding-left: 5px; text-transform: uppercase;}
section p {line-height: 1.25em; padding: 0 20px 5px;}

#skills dl {margin-left: 15px; font-size: 95%;}
#skills dl dt {clear: left; display: inline; float: left; margin: 10px 5px 10px 0; padding: 2px; text-align: right; /*width: 150px;*/}
#skills dl dd {background: #dfdfdf; display: inline; float: left; font-size: 0.9em; margin: 7px 4px; padding: 5px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow:  0px 1px 1px 0px rgba(0, 0, 0, 0.35);  box-shadow:  0px 1px 1px 0px rgba(0, 0, 0, 0.35); cursor: default}
#skills dl dd:hover {background-color: #ccc; -webkit-box-shadow: inset 0px 2px 1px 1px rgba(0, 0, 0, 0.15); box-shadow: inset 0px 2px 1px 1px rgba(0, 0, 0, 0.15); }

#education p {font-size: 0.9em;}

.experience article {margin: 5px 0 5px 95px; padding-left: 5px; position: relative; border: 1px solid #FCFCFC}
.experience article:last-child {margin-bottom: 0}
.experience article:hover {border: 1px dotted #ddd; background: #fefefe}
.experience article h1 {border: none; font-size: 1.1em; font-style: italic; font-weight: bold; padding: 0; text-transform: none;}
.experience article h1 a {color: #333; text-decoration: none}
.experience article h1 a:hover {background-color: #333; color: #eee} 
.experience article h1 span {color: #777; font-size: 0.8em; font-weight: normal;}
.experience article h2 {background: #eee; display: inline; font-size: 0.9em; font-weight: normal; padding: 3px;}
.experience article .start, .experience article .end {border-top: 1px dashed #ddd; font-size: 0.7em; left: -80px; padding: 4px 0; position: absolute; text-align: center; top: 19px; width: 67px;}
.experience article .end {top: 0; border: none}
.experience article p {font-size: 0.9em; line-height: 22px; margin: 10px 0 0; padding-left: 0;}

/*#education h2 {padding-left: 20px;}
#education p {padding-top: 5px;}*/

#hobbies ul {font-size: 0.9em; margin-left: 20px;}
#hobbies ul li {margin: 10px 0; list-style: circle inside none; cursor: default}
#hobbies ul li:hover {list-style: disc inside none;}
#hobbies ul li a {color: #555}
#hobbies ul li a:hover {background-color: #555; color: #eee; text-decoration: none}

#publications {font-size: 0.8em;}
#publications ol {
    display: block;
    list-style-type: decimal;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
    padding-left: 40px;
}
#publications li{line-height: 1.2em; padding-bottom: 1em;}
a {color: #000;}
a:hover {background-color: #eee; text-decoration: none}


.clear { clear: both;}