html {
  height:100%;
}

body {
  background:white;
  margin: 0;
  min-height:100%;
  height:100%;
}

h2 {
  font-family:'Lato', arial, sans-serif;
  font-weight:400;
  color:red;
  font-size:17pt;
}

h3 {
  font-family:'Lato', arial, sans-serif;
  font-weight:400;
  color:red;
  font-size:14pt;
  position:relative;
  top:8px;
  line-height:60%;
}

p {
  font-family:'Lato', arial, sans-serif;
  font-weight:300;  
  font-size:13pt;
  color:black;
}

#leftnav {
  width:200px;
  height:100%;
  text-align:right;
  padding-right: 12px;
  display:block;
  float:left;
  background:black;
}

#brendan_kiu {
  border: 0;
  position:relative;
  top:2px;
}

.fullpage {
  background-color:white;
  background-image:url('../images/bar2.png');
  background-repeat:repeat-y;
  height:100%;
  width:880px;
  float:left;
  display:block;
  overflow:hidden;
}

.blankback {
  background-color:white;
  background-image:url('../images/whiteback.png');
  background-repeat:repeat-y;
  padding-left: 20px;
}

#coda-nav-1 {
  color:white;
  list-style-type:none;
  position:absolute;
  top:130px;
  left:-40px;
  z-index:100;
}

#coda-nav-1 li {
  font-family:'Lato', arial, sans-serif;
  font-weight:300;
  font-size:13pt;
  height:35px;
  width:200px;
  padding-right:25px;
  padding-top:1px;
}

#coda-nav-1 #name_li {
  height:50px;
}

#coda-nav-1 li.current {
  background-image:url('../images/redarrow.png');
  background-repeat:no-repeat;
  background-position: -12px 0px;
}

#coda-nav-1 li a {
  color:white;
  text-decoration: none;
}

#self-portrait {
  position:relative;
  top:144px;
  float:left;
}

#helloworld {
  font-family:"Lato", arial, sans-serif;
  font-weight:300;
  color:black;
  font-size:13pt;
  width:300px;
  position:relative;
  float:left;
  top:120px;
  left:8px;
}

#helloworld strong {
  font-weight:400;
  color:red;
}

#helloworld span {
  color:#aaa;
  padding-left:3px;
  padding-right:3px;
}

.lvl2nav {
  width:202px;
  height:100%;
  float:left;
  display:block;
  text-align:right;
}

.lvl2nav ul {
  color:white;
  list-style-type:none;
  position:relative;
  left:-40px;
  top:209px;
}

.lvl2nav ul li {
  font-family:'Lato', arial, sans-serif;
  font-weight:300;
  font-size:13pt;
  height:35px;
  width:202px;
  cursor:pointer;
}

.lvl2nav ul li span {
  position:relative;
  left:-20px;
  top:2px;
}

.lvl2nav ul li.current {
  background-image:url('../images/redarrow_2.png');
  background-repeat:no-repeat;
}

.fullpage2 {
  height:100%;
  width:675px;
  float:left;
  display:block;
  overflow:hidden;
}

.coda-slider-wrapper2 {
  overflow:hidden;
}

/* fancybox */
#naturegallery {
  display:block;
  width:500px;
  height:560px;
  position:relative;
  top:70px;
  left:14px;
}

#naturegallery img {
  border:5px solid white;
  display:inline;
  float:left;
}

#povertygallery {
  display:block;
  width:460px;
  height:600px;
  position:relative;
  top:79px;
  left:14px;
}

#povertygallery img {
  border:5px solid white;
  display:inline;
  float:left;
}

#everydaygallery {
  display:block;
  width:470px;
  height:520px;
  position:relative;
  top:69px;
  left:19px;
}

#everydaygallery img {
  border:6px solid white;
  border-left:0;
  border-right:0;
  display:block;
}

/* INTERFACE PANEL */
.fullpage2 p {
  font-size:11pt;
  padding-right:15px;
}

ul#coda-nav-3 {
  top:246px;
}

#coda-slider-3 {
  padding-left:15px;
}

#coda-slider-3 a img {
  border:0;
}

#molr {
  width:660px;
  overflow-y:visible;
}

#happychef {
  width:670px;
  overflow-y:visible
}

#facepoint {
  width:670px;
  overflow-y:visible
}

/* WEBSITE PANEL */
ul#coda-nav-4 {
  top:281px;
}

#coda-slider-4 {
  padding-left:15px;
}

#coda-slider-4 a img {
  border:0;
}

.website p {
  padding-left:15px;
  padding-right:15px;
}

.website h3 {
  padding-left:15px;
}

#latreia {
  padding-top:25px;
}





/* CONTACT INFO */
#contactinfo {
  width:500px;
  position:relative;
  top:255px;
  font-size:13pt;
}

a:link, a:visited {
  color:black;
  text-decoration:underline;
}

a:hover, a:active {
  color:red;
}

/* Getting it working in strict */
.panel-wrapper { 
  height: 100% 
}

.panel { 
  height:100% 
}

.coda-slider { 
  height:100% 
  overflow:hidden;
}

.coda-slider-wrapper { 
  height:100% 
}