body {
  background-color: #ffffff;
  margin:1em;
	font-family: 'Merriweather', Cambria, Palatino Linotype, Georgia, Garamond, serif;
	line-height:1.2; 
	text-align:left;
	color:#222222;
}

#wrapper {
  width:100%;
  max-width: 70em;
  margin:0 auto;
}

/* Desktops and tablets*/
@media (min-width: 600px) { /* 768px */
  #wrapper {
    display: table;
  }
  header {
    display: table-header-group;
  }
	.menuBars {
	  display: none;
	}


  #row {
    /* the rule below is redundant
       thanks to SelenlT2
    */
    /*display: table-cell;*/
  }
  main, #left_col{
    display: table-cell;
  }
  main {
    width:80%;
  }
	
  footer {
    display: table-footer-group;
  }
}


@media (max-width: 600px) { /* 768px */
  #wrapper {
    display: table;
  }

  header {
    display: table-header-group;
  }

	.menuBars {
	  display: inline-block;
		font-family: 'Anton', 'Francois One', 'Open Sans', helvetica, sans-serif;
		padding-left:0.5em;
		padding-right:0.5em;
		height:4em;		
		float:left;
		margin:1em;
		border-radius: 0.3em;
		color:#800000;
		border: solid 1px #ffffff;
	}

  #row {
    /* the rule below is redundant
       thanks to SelenlT2
    */
    /*display: table-cell;*/
  }
  #left_col {
    display: none;
  }
	main {
    display: table-cell;
  }
  main {
    width:100%;
  }
  footer {
    display: table-footer-group;
  }
}


/* colors and heights */
h1 {display:block;
    font-family: 'Anton', 'Francois One', 'Open Sans', helvetica, sans-serif;
    font-size: x-large;
		font-weight: bold; 
    color:#800000;
		border-top: solid 1px #000000;
		margin-bottom:1em;
}

h2 {display:block;
    font-family:  'Anton', 'Francois One', 'Open Sans',  helvetica, sans-serif;
    font-size: large;
		font-weight: normal; 
    color:#222222;
		margin-bottom:0em;
} 

h3 {display:inline;
		font-family:  'Anton', 'Francois One', 'Open Sans', helvetica, sans-serif;
    font-size: 97%;
		font-weight:normal;
		font-style: italic; 
    color:#222222;
		margin-top:0.0;
}

  .nav ul{
    list-style-type: none;
    list-style-position: inside;
	  margin-left:-2em;				 
  }

  .nav li {
    font-family: 'Passion One', 'Francois One', 'Anton', 'Open Sans', Arial Narrow, helvetica, sans-serif;
		font-size: large;
		list-style-type: none;
		list-style-position: inside;
		margin-left: -2em;
		margin-right: 0.5em;
		background-image: url(smiley.gif); 
	  background-repeat: no-repeat; 
	  background-size:1em;
	  background-position: left center;
    padding: 0.3em;
	  padding-left: 1.3em;
    margin-bottom: 0.3em;
    background-color:   #DECD63;/*#808080;#A7BCD6;#6C571B;#E87722;#54585A;*/
    color: #ffffff;
    border-radius: 0.3em;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  }

  .nav li:hover {
	  font-family: 'Passion One', 'Francois One', 'Anton', 'Open Sans', Arial Narrow, helvetica, sans-serif;
		font-size: large;
    list-style-type: none;
		list-style-position: inside;
		margin-left: -2em;
		margin-right: 0.5em;
		background-color:  #6C571B;/*#4F758B;#A7BCD6;*/
    background-image: url(frowny.gif); 
	  background-repeat: no-repeat; 
	  background-size:1em;
	  background-position: left center;
    padding: 0.3em;
	  padding-left: 1.3em;
    margin-bottom: 0.3em;
  }
	
	
a.nav:link {display:block; color:#ffffff; text-decoration:none; font-family: 'Passion One', 'Francois One', 'Anton', 'Open Sans', Arial Narrow, helvetica, sans-serif; font-size: large;}
a.nav:visited {display:block; color:#ffffff; text-decoration:none; font-family: 'Passion One', 'Francois One', 'Anton', 'Open Sans', Arial Narrow, helvetica, sans-serif; font-size: large;}
a.nav:hover {display:block; color:#ffffff; font-family: 'Passion One', 'Francois One', 'Anton', 'Open Sans', Arial Narrow, helvetica, sans-serif; font-size: large;}

button.menuClose {font-family: 'Open Sans', helvetica, sans-serif;
          display:inline-block; 
					font-size: medium;
					font-weight:bold;
					border:solid 1px #000000;
					margin:1em;
					background-color:#eeeeee;
					color:#000000;
					cursor:pointer;
}

p {font-family: 'Merriweather', Cambria, Palatino Linotype, Georgia, Garamond, serif;
	 line-height:1.2; 
	 text-align:left;
	 margin-top:0;
	 color:#222222;
}

p.footer {
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-size:x-small;
  color:#ffffff;
	margin:1em;
	line-height:1.2em;
	text-align:center;
}

p.menuclose {
   font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	 font-weight:bold;
   text-align:right;  
	 color:#ffffff;
}


header {
  background-color: #800000;
	color:#ffffff;
  height:5rem;
  line-height:5rem;
	vertical-align:middle;
	text-align:center;
}

#menuCard {
  background-color: #54585A;
	background-image: url(pbg20.png);
	background-size:25%;
	position:fixed;
	width:90%;
	top:1em;
	left:1em;
	z-index:1;
}

#left_col {
  background-color: #ffffff;/*#DFD1A7;*/
	background-image: url(pbg19.png);
	background-size:67%;
}

main {
  background-color: #ffffff;
	text-align: justify;
  padding:.5em;
}

footer {
  background-color: #54585A;
  height:4rem;
	font-size:x-small;
	color:#ffffff;	
}

img.footer {
  width:auto; 
	height:3em; 
	float:left; 
	margin:1em;
	border: 0:
}

a.RHIT {
   outline: none;
	 text-decoration: none;
}

a.backToTop:link {display:inline-block;
        font-family: 'Open Sans', helvetica, sans-serif;
        color:#ffffff;
				background-color: #54585A;
		    float:right;
		    cursor:pointer;
        text-decoration:none;
				font-size: large;
				font-weight:bold;		
}

a.backToTop:visited {display:inline-block;
        font-family: 'Open Sans', helvetica, sans-serif;
        color:#ffffff;
				background-color: #54585A;
        text-decoration:none;
				float:right;
		    cursor:pointer;
        text-decoration:none;
				font-size: large;
				font-weight:bold;
}

a.backToTop:hover {display:inline-block;
        font-family: 'Open Sans', helvetica, sans-serif;
        background-color: #ffffff;
				color:#800000;
        text-decoration:none;
				float:right;
		    cursor:pointer;
        text-decoration:none;
				font-size: large;
				font-weight:bold;
}


/*Stuff for vita*/
.name {font-family:  "Francois One", "Abril Fatface", "Alfa Slab One", Rockwell Condensed, Elephant, Impact, Playbill, Wide Latin, Verdana, Arial Narrow, Helvetica, Arial, Sans-serif; color:#444444; font-size:x-large; font-weight:bold; vertical-align:bottom; text-align:left;"
}
tr.cv_heading {
width:100%; background-color:#dddddd; font-family: "Francois One", "Open Sans", Arial, Narrow, Helvetica, sans-serif; font-weight:bold;
}
td.date {
width:14em; text-align:right; font-family: "Merriweather", Cambria, Palatino Linotype, Georgia,  Serif; font-size:small; vertical-align:top;
}
td.cv_item {
 text-align:left; font-family: "Merriweather", Cambria, Palatino Linotype, Georgia,  Serif; font-size:small; width:50em;
}
tr.noshow { display: none;}
tr.highlight td { background-color: #EFEFEF; border-top: 1px #2E2E2E solid; }
tr.abstract td, tr.comment td, tr.bibtex td { background-color: #EFEFEF; border-bottom: 1px #2E2E2E solid; }
tr.nextshow td { border-bottom-style: none; }
tr.bibtex pre { width: 100%; overflow: auto; white-space: pre-wrap;} 
.contact {display:block; float:right; text-align:justify; padding-bottom:0.5em; font-family: "Open Sans", Helvetica, Arial, Sans-serif; font-size:small;
}