/* general styling */
*
{
	margin: 0px;
	padding: 0px;
  font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color:#333 ;
}

body
{
	font-size:62.5%;
	line-height:62.5%;
}

abbr, acronyms
{
  cursor: help;
  border-bottom:1px dotted;
}

/* the picture on the side*/
img#everon
{
	height:550px;
	width:229px;
  position:fixed;
  float:left;
  border:0;
}

/* headers */
h1
{
  background:#FFF url('../img/EveronJacksonHooi.gif') no-repeat scroll 0;
  height:45px;
  width:260px;
  margin:35px 0 0 280px;
}

h1 span
{
  display:none;
}

h2
{
	font-size:1.4em;
	color:#900;
	font-weight:bold;
	margin-bottom:18px;
}

h3
{
	color: #000;
	font-size:1.1em;
	margin-bottom:14px;
	margin-left:30px;
}

/* navigation */
ul#nav
{
	margin:6px 0  0 260px;
	height:1px;
	border-top:3px solid #900;
	font-size:1.4em;
	line-height:2em;
	padding-top:10px;
}

ul#nav li
{
	padding-left:30px;
	display:inline;
	text-transform:capitalize;
}

ul#nav li a
{
	font-style:italic;
	font-weight:bold;
	text-decoration:none;
  color:#999;
}

ul#nav li a:hover, ul#nav li a#active-nav
{
	color: #900;
}

/* contentbox */
div#maincontent
{
	margin:60px 50px 20px 280px;
	font-size:1.4em;
	line-height:1.6em;
  min-height:100%;
  padding-left:35px;
}

blockquote
{
	margin:20px 50px;
	text-align:center;
}

/**
* pages
**/

/* cv.php */
table#resume
{
  width:100%;
}

table#resume td
{
  vertical-align:top;
}

table#resume th
{
  padding-top:1em;
  text-align:left;
}

table#resume em
{
  font-weight:bold;
}

/* links.php */
ul#links
{
  list-style-type:none;
}

body#body-links h2
{
  margin-left:0;
}

/* contact.php */
address
{
  font-style:normal;
  margin-bottom:1.2em;
}

address a
{
  font-weight:bold;
}

/* header & footer */
div#footer
{
  font-size:1.15em;
	line-height:1.6em;
	text-align:center;
	width:100%;
	height:99%;
	vertical-align:bottom;
	clear:left;
}

div#footer p,div#header p
{
  margin:0;
  display:inline;
}

body#body-cv div#footer
{
  position:relative;
}

div#header p#skiplink
{
  display:none;
}

ul#gallery
{
  list-style-type:none;
}

ul#gallery li
{
  width:120px;
  float:left;
  height:97px;
  margin:5px;
  padding:3px;
  background:#eee;
  border:1px solid #ccc;
  text-align:center;
}

ul#gallery li img
{
  border:0;
}
