@import 'blog.css';
@import 'me.css';
@import 'portfolio.css';

/* ------------ global styles ------------ */

div, a {
/*   border: 1px blue dotted; */
}

* {
  font-family: Helvetica, Arial, "Free Sans", sans-serif;
  font-size: 12px;
  color: #f1f1d2;
}

body, html {
  background-color: #d7f5ff;
  background-image: url('../img/bg.jpg');
  background-repeat: no-repeat;
  margin: 0px;
  padding: 0px;
}

a {
  color: #999986;
  text-decoration: none;
}

a:hover {
  color: #A5CDD9;
}

/* -------------------------------- */


/* ------------ form styles ------------ */

input, textarea {
  width: 200px;
  margin: 2px;
  padding-left: 2px;
  background-color: #000000;
  border: 1px #555 solid;
}
textarea {
  width: 200px;
  height: 50px;
}
input.button {
  width: 100px;
  height: 24px;
  margin: 2px;
  background-color: #333333;
  border: 1px #555 solid;
}
textarea:hover,
input:hover {
  background-color: #1F1F1F;
  border: 1px #749199 solid;
}

input.button:hover {
  background-color: #333333;
  border: 1px #A5CDD9 solid;
}

textarea:focus,
input:focus {
  background-color: #404040;
  border: 1px #A5CDD9 solid;
}

/* -------------------------------- */


/* ------------ design ------------ */

#content {
  position: absolute;
  top: 156px;
  left: 143px;
  width: 362px;
  height: 461px;
  overflow: hidden;
}

div.bird {
  position: absolute;
  top: 64px;
  left: 264px;
  width: 110px;
  height: 27px;
  background-image: url('../img/bird_anim.gif');
}

div.bird2 {
  position: absolute;
  top: 19px;
  left: 836px;
  width: 48px;
  height: 41px;
  background-image: url('../img/bird2_anim.gif');
}

div.filler {
  position: absolute;
  width: 1px;
  height: 700px;
  left: 970px;
  top: 0px;
}

#scroller {
  position: absolute;
  top: 157px;
  left: 515px;
  width: 11px;
  height: 20px;
  background-image: url('../img/scroller.gif');
  cursor: hand;
  cursor: pointer;
}

#scroller_line {
  position: absolute;
  top: 157px;
  left: 514px;
  width: 11px;
  height: 455px;
  cursor: hand;
  cursor: pointer;
}

#music {
  width: 1px;
  height: 1px;
  visibility: hidden;
}

#sound_switch {
  display: block;
  position: absolute;
  top: 117px;
  left: 118px;
  font-size: 10px;
}

#sound_switch:hover {
  text-decoration: none;
}

a.previous,
a.next {
  display: block;
  position: absolute;
  left: 220px;
  top: 625px;
  width: 30px;
  height: 30px;
  background-image: url('../img/next.png');
}

a.previous {
  left: 180px;
  background-image: url('../img/previous.png');
}

/* -------------------------------- */


/* ------------ navigation ------------ */

a.home,
a.about,
a.contact,
a.portfolio {
  display: block;
  position: absolute;
  top: 125px;
  left: 733px;
  width: 151px;
  height: 41px;
  background-image: url('../img/navi/spacer.gif');
}

a.home:hover { background-image: url('../img/navi/home_h.png'); }
a.portfolio { top: 172px; }
a.portfolio:hover { background-image: url('../img/navi/portfolio_h.png'); }
a.about { top: 219px; }
a.about:hover { background-image: url('../img/navi/about_h.png'); }
a.contact { top: 266px; }
a.contact:hover { background-image: url('../img/navi/contact_h.png'); }

/* -------------------------------- */


/* ------------ misc ------------ */

img.smiley {
  width: 19px;
  height: 19px;
  border: 0px;
  margin: 0px 3px -3px 3px;
}


/* -------------------------------- */