@import url(reset.css);

/* natsukigirl.com, all graphics, text, code, and artwork
is copyright 1998 ~ 2008 Lynn Moe - lynn@girlyrock.com */

/* optimized / viewable in all browsers, Firefox 2+ is recommended
please note that IE6 will be slightly less fancy (I also did not invoke
the png fix, as this is merely a personal website) upgrade to IE7 */

/* ------- body ------- */

body	{
 margin: 0;
 background: #fff url(../img/vinflow.gif) repeat top left;
 color: #4a4227;
 font-size: 12px;
 font-family: Trebuchet MS, Lucida Grande, Helvetica, sans-serif;
 line-height: 17px;
}

.clear {
  clear: both;
}

/* ------- a ------- */

a {
 font-family: Lucida Grande, Trebuchet MS, Helvetica, sans-serif;
 font-weight: bold;
}

a:link, a:visited   {
 color: #b3484c;
 text-decoration: none;
}

a:active, a:hover {
 color: #4d99b2;
 text-decoration: underline;
}

/* --- content --- */

h1 {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
  _margin-bottom: 5px;
}

p {
  margin: 2px 22px;
  _margin: 1px 11px;
}

p.tbmar {
 margin-top: 14px;
 margin-bottom: 14px;
 _margin-top: 7px;
 _margin-bottom: 7px;
}

p.center {
  text-align: center;
  margin: 10px 22px;
  _margin: 5px 11px;
}

p.rightal {
  color: #828456;
  text-align: right;
  margin: 10px 22px;
  _margin: 5px 11px;
}

p.right {
 text-align: right;
}

ul.prof {
  margin: 22px;
  _margin: 11px;
}

ul.prof li {
  margin: 6px 0;
  _margin: 3px 0;
}

.label {
  font-weight: bold;
}

#container {
  margin: 0 auto;
}

#content {
 height: 100%;
}

#leftside {
  position: fixed;
  top: 0px;
  left: 0px;
  background: url(../img/leftbump.png) repeat-y top right;
  width: 130px;
  height: 100%;
  z-index: 3;
  _display: none;
}

#wrapper {
  margin-left: 130px;
  _margin-left: 65px;
  background: url(../img/tan.png) repeat top left;
  float: left;
  width: 800px;
  z-index: 3;
}

#rightside {
  position: fixed;
  top: 0px;
  left: 930px;
  background: url(../img/rightbump.png) repeat-y top left;
  width: 29px;
  height: 100%;
  _display: none;
  z-index: 3;
}

#titles {
  float: left;
  background: url(../img/titles.png) no-repeat bottom right;
  width: 223px;
  height: 80px;
  z-index: 3;
}

#menu {
 float: right;
 width: 460px;
 height: 50px;
 margin-top: 18px;
 _margin-top: 9px;
}

ul.navi {
  list-style: none;
  margin-top: 6px;
  _margin-top: 3px;
}

ul.navi li {
  display: inline;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  margin: 0 8px;
  _margin: 0 4px;
}

ul.navi li.link a {
  padding: 4px 15px;
}

ul.navi li.link:hover {
  background: #828456;
}

ul.navi li.link a:hover {
  color: #d7d1b7;
  text-decoration: none;
}