/*
    Layout
    */

html , body {
margin: 0;
padding: 0;
}

div.jmmBody {
position: relative;
margin-right: auto;
margin-left: auto;
max-width: 42em;
}
/* IE Hack */
div.jmmBody { width: 42em; }
html>body div.jmmBody { width: auto; max-width: 42em; }

div.jmmLayoutHead , div.jmmLayoutBody {
position: relative;
margin-left: 7.5em;
}

div.jmmLayoutFoot {
position: fixed; 
top: 0;
bottom: 0;
width: 7.5em;
/* overflow: auto; */
 
}
/* IE Hack */
div.jmmLayoutFoot { position: absolute; }
html>body div.jmmLayoutFoot { position: fixed; }



/*
    Format
    */

h1 , h2 , h3 , h4 , h5 ,h6 {
margin-bottom: .5em;
}

p ,  ul , dl {
margin-top: .25em;
}

.jmmLayoutHead , .jmmLayoutBody {
padding: 0 1em;
}



.jmmLayoutBodyIndent {
margin-left: 7em;
}

.jmmProjects .jmmLayoutBodyLeft {
position: absolute;
left: 0;
margin-left: 1em;
/* Windows doesn't antialias and IE doesn't maintain the aspect ratio... so we'll leave it alone.
width: 6em;
*/
max-width: 6em;
height: auto;
font-size: .83em;
}
/* IE Hack */
.jmmProjects .jmmLayoutBodyLeft { margin-left: -6em; }
html>body .jmmProjects .jmmLayoutBodyLeft { margin-left: 1em; }



dl.jmmProjects dd {
margin: 0 0 3em 0;
}

dl.jmmProjects dd p {
margin: 0;
}

dl.jmmProjects dd ul {
margin: 0;
padding: 0;
list-style: none;
}



.jmmExperience table {
border-collapse: collapse;
width: 100%;
}

.jmmExperience td {
padding: 0;
vertical-align: bottom;
}

.jmmExperience td.timePeriod {
vertical-align: top;
}

.jmmExperience td.timePeriod , .jmmExperience td.company {
text-align: right;
}



.jmmLayoutFoot ul {
margin: 0;
margin-top: .25em;
padding: 0;
}

.jmmLayoutFoot li {
display: block;
margin-bottom: .125em;
}
.jmmLayoutFoot :link , .jmmLayoutFoot :visited {
display: block;
padding: .125em .25em;
}
/* IE Hack */
.jmmLayoutFoot li { margin-bottom: 0; border-bottom: .125em solid; }
html>body .jmmLayoutFoot li { margin-bottom: .125em; border-bottom: none; }



/*
    Style
    */

body {
font: 16px sans-serif;
}

hr {
display: none;
}

.jmmProjects dt , h1 , h2 , h3 , h4 , h5 , h6 {
font: bolder 1.2em serif;
}

.jmmLayoutHead .jmmName {
margin-bottom: .5em;
border-bottom: .061em solid;
font-size: 1.7em;
letter-spacing: .25em;
}

.jmmLayoutHead .jmmSection {
font-size: 1.5em;
}

:link ,  :visited {
text-decoration: none;
}



.jmmExperience .jobTitle {
font-weight: bolder;
}

.jmmExperience .timePeriod , .jmmExperience .company {
font-size: .8em;
}

.jmmOtherExperience ul , .jmmProfessionalEducation ul {
margin-left: 0;
padding-left: 0;
}

.jmmOtherExperience li , .jmmProfessionalEducation li {
display: block;
}
/* IE Hack */
.jmmOtherExperience li , .jmmProfessionalEducation li { list-style: none; }

.jmmOtherExperience span.jmmDate {
font-size: .8em;
}



body.jmmIntroduction .jmmLayoutBody p {
margin: 1em 0 0 0;
}

body.jmmIntroduction .jmmLayoutBody ul {
margin: 0;
padding: 0;
list-style: none;
}

body.jmmIntroduction .jmmLayoutBody p img {
float: right;
margin-left: 2em;
margin-bottom: 1em;
width: 12em;
}



/*
    Color
    */

body {
background: #FFF;
color: #000;
}

.jmmBody {
background: #FFF;
color: #000;
}
/* IE Hack */
.jmmLayoutFoot li {
border-bottom-color: #FFF;
}

:link , :visited {
color: #0E8259;
}
/* IE Hack */
a img , a img {
border-color: #0E8259;
}

.jmmLayoutFoot :link , .jmmLayoutFoot :visited {
background: #6DA793;
color: #FFF;
}

body.jmmIntroduction .jmmLayoutFoot .jmmIntroduction :link , body.jmmIntroduction .jmmLayoutFoot .jmmIntroduction :visited ,
body.jmmResume .jmmLayoutFoot .jmmResume :link , body.jmmResume .jmmLayoutFoot .jmmResume :visited ,
body.jmmProjects .jmmLayoutFoot .jmmProjects :link , body.jmmProjects .jmmLayoutFoot .jmmProjects :visited ,
body.jmmContact .jmmLayoutFoot .jmmContact :link , body.jmmContact .jmmLayoutFoot .jmmContact :visited {
background: #23BE88;
color: #FFF;
}

.jmmLayoutFoot :link:hover , .jmmLayoutFoot :visited:hover {
background: #FFF;
color: #0E8259;
}



.jmmLayoutHead .jmmName {
border-bottom-color: #23BE88;
}



/*
    Testing
    */
/*
* {
-moz-outline: .25em dashed;
}
html {
-moz-outline-color: #C33;
}
body {
-moz-outline-color: #CC3;
}
body > * {
-moz-outline-color: #3C3;
}
body > * > * {
-moz-outline-color: #3CC;
}
body > * > * > * {
-moz-outline-color: #C3C;
}
 body > * > * > * > * {
-moz-outline-color: #C33;
}
body > * > * > * > * > * {
-moz-outline-color: #CC3;
}
body > * > * > * > * > * > * {
-moz-outline-color: #3C3;
}
body > * > * > * > * > * > * > * {
-moz-outline-color: #3CC;
}
body > * > * > * > * > * > * > * > * {
-moz-outline-color: #33C;
}
body > * > * > * > * > * > * > * > * > * {
-moz-outline-color: #C3C;
}
*/