/* JimPickerell.com CSS */

body, html, form{ margin:0; padding:0; height:100%; width:100%;	 }

body{ background-color:#cdd2d6;  font-family: 'Droid Sans', sans-serif; color:#647079; font-size: 1em;}

a:link, a:visited{ color:#e10e09; text-decoration:none; }
a:hover, a:active{color:#e10e09; text-decoration:underline;  }

#wrap {
  height: 100%;
  text-align: center;
}
#wrap:before {
  content: '';
  display: inline-block;
  height: 100%; 
  vertical-align: middle;
  margin-right: -0.25em; /* Adjusts for spacing */
}

#main {
  display: inline-block;
  vertical-align: middle;
  background-color:#dce1e5; margin:0 auto; width: 80%;  max-width: 1000px; box-shadow: 0px 0px 30px #888888;
}

#header{ background-color:#647079;padding: 1.7em 0; }
#jp{ color:#fff; font-family: 'Oxygen', sans-serif; font-size: 3em;  }
#subhead{ color:#fff; font-family: 'Oxygen', sans-serif; font-size: 1.2em; }


#nav{ width:100%; background-color:#89939b;  }
#nav ul{ list-style:none;display:table;width:100%; margin:0; padding:0; }
#nav ul li{ display:table-cell; text-align:center; white-space: nowrap; width:20%; height: 3em; line-height:3em;  }
#nav ul li a{ height: 3em; line-height:3em; display:block; width:100%;}
#nav a:link, #nav a:visited{ color:#fff; text-decoration:none; }
#nav a:hover, #nav a:active{color:#fff; text-decoration:underline;  }

#jimpic { float:left; margin-right: 1em; max-width: 30%; border:1px solid #CDD2D6; }
#mainpic{  float:left; display:block; width: 41%; }
#homebox{ background:#fff; float:right; width:96%; padding: 1em 2%; text-align:left; }

h1{ font-family: 'Oxygen', sans-serif; font-size: 2.5em; font-weight:normal; margin:0 0 .25em; }
h2{ font-family: 'Oxygen', sans-serif; font-size: 2em; font-weight:normal;margin:0 0 1em;}
h3{ font-family: 'Oxygen', sans-serif;font-size: 1.7em; font-weight:normal;margin:0 0 1em;}
h4{ font-family: 'Oxygen', sans-serif;font-size: 1.5em; font-weight:normal;margin:0 0 1em;}
h5{ font-family: 'Oxygen', sans-serif;font-size: 1.2em; font-weight:normal;margin:0 0 1em;}
h6{ font-family: 'Oxygen', sans-serif;font-size: 1em; font-weight:bold;margin:0 0 1em;}

.clear{ clear:both; }
p{ margin:0 0 1em;  }
/* reverse color
#nav{ width:100%; border-bottom: 1px solid #647079;  }
#nav ul{ list-style:none;display:table;width:100%; margin:0; padding:0; }
#nav ul li{ display:table-cell; text-align:center; white-space: nowrap; width:20%; height: 3em; line-height:3em;  }
#nav ul li a{ height: 3em; line-height:3em;}
#nav a:link, #nav a:visited{ color:#647079; text-decoration:none; }
#nav a:hover, #nav a:active{color:#647079; text-decoration:underline;  }
*/

@media (max-width:864px){ 

#wrap:before {
  margin-right:0;
   content:inherit;
  display: block;
  height: 0; 
  vertical-align: middle;
}

#main {
	width:100%;
	display:block;
}
}

@media (max-width:699px){ 
#mainpic{  float:none; width:100%; display:block; margin:0; }
#homebox{ float:none; width:96%; padding:0.5em 2%; text-align:left;  }
#nav ul{ display:block; }
#nav ul li{ display:block; width:100%; }
h1{ font-size: 1.5em; }
}

@media (max-width:400px){ 
#jimpic{ width: 96%; max-width: 96%; padding: 0; float:none; margin:0 auto; display:block;   }
h1{ font-size: 1.2em; }
}