@charset 'utf-8';
@import url(reset.css);

/* ----------------------------------------------------- All browsers */

body {
  background-color: #fff;
  margin: 0;
  overflow: hidden;
  height: 100%;
  width: 100%;
  position: relative;
}

div#page {
  overflow: hidden;
}

div#pics {
  margin: 30px 0 0 0;
}

div.pic {
  float: left;
  margin: 0px 8px 0 0;
  overflow: hidden;
  cursor: pointer;
}

div.pic-small {
  width: 100px;
  
  
}

div.pic-small img {
  width: 100px;
}

div.pic-big {
}

div.desc {
  font-family: Georgia, "Times New Roman", times;
  font-size: 10px;
  font-style: italic;
  color: #555;
  line-height: 12px;
  padding-bottom: 8px;
}



div#main {
  position: absolute;
  top: 40%;
  left: 50%;
  margin: 0px 0 0 -150px;
  width: 300px;
}

.js div#main {
  /* for IE6 text-antialiasing during fadeIn */
  /* background-color: #fff; */
  display: none;
}


div#link {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0 0 10px 10px;
  font-family: Georgia, "Times New Roman", times;
  font-size: 10px;
  font-style: italic;
  color: #b6b6b6;
  line-height: 12px;
  margin: 0 0 15px 15px;
}

div#link span {
  background-color: #fff;
}

div#link a:link
{
  border-bottom: 1px dotted #b6b6b6;
  color: #b6b6b6;
  text-decoration: none;
}

div#link a:visited
{
  border-bottom: 1px dotted #b6b6b6;
  color: #b6b6b6;
  text-decoration: none;
}

div#link a:hover,
div#link a:focus
{
  border-bottom: 1px solid #b6b6b6;
}

div#link a:active
{
  border-bottom: 1px solid #b6b6b6;
}



div#nav, h1 {
  font-family: Georgia, Helvetica, Arial, sans;
  font-size: 25px;
  font-weight: bold;
  line-height: 25px;
  letter-spacing: 0px;
}

div#nav small {
  font-size: 13px;
  letter-spacing: -0.1px;
}


div#more, h2 {
  clear: both;
  font-family: Georgia, "Times New Roman", times;
  font-size: 10px;
  font-style: italic;
  color: #555;
  line-height: 12px;
}

h2 {
  margin-top: 15px;
}

div#more {
  padding: 50px 0 8px 0;
}

a:link
{
  color: #000;
  text-decoration: none;
}

a:visited
{
  color: #000;
  text-decoration: none;
}

a:hover,
a:focus
{
  color: #555;
}

a:active
{
  color: #555;
}

/* BORDER */

div#top {
  background-color: #DDD;
  height: 8px;
  position: absolute;
  top: -1px;
  width: 100%;
}

div#right {
  background-color: #fff;
  height: 100%;
  position: absolute;
  right: -1px;
  top: 0;
  width: 21px;
}

div#bottom {
  background-color: #fff;
  height: 21px;
  position: absolute;
  bottom: -1px;
  width: 100%;
}

div#left {
  background-color: #fff;
  height: 100%;
  position: absolute;
  left: -1px;
  top: 0;
  width: 21px;
}


div#link div.buttons a {
	border-bottom: 0px;
}

div.buttons {
	margin-bottom: 8px;
}

div.buttons a {
	padding-right: 3px;
}

div#diary-link {
	position: absolute;
	top: 55px;
	left: 36px;
}

div#diary-link a:hover,
div#diary-link a:active {
	color: #000;
}
div#diary-link h1 {
	font-size: 80px;
	line-height: 65px;
	letter-spacing: -3px;
}
/* ----------------------------------------------------- JS enabled browsers */

.js div { }

/* ----------------------------------------------------- IE7 and below */

.ie7 div { }

/* ----------------------------------------------------- IE6 and below */

.ie6 div { }