body {
    background-color: #ffff9a;
    background-image: url('/img/back1.png');
    background-repeat: repeat-x;
    font-size:  11px;
    color:  #ff7200;
}

a {
    color:  #ff7200;
}

h1 {
    margin: 2px;
}

div.pageBack {
    position:   absolute;
    left:       100px;
    top:        30px;
    width:  600px;
}
div.pageHead {
    padding:    20px;
}
div.pageHead a, img{
    border:     none;
    text-decoration:    none;
}

div.pageMiddleContent {
    border: 1px solid #ff7200;
    background-color:   #ffffff;
    padding: 10px;
}

img.butterfly {
    position:   absolute;
    top:        -20px; 
    left:       430px;
    width:      213px;
    height:     201px;
    z-index:    10;
}

div.pageTopMenu {
    height: 50px;
}

div.pageTopMenu a {
    float: left;
    padding:    5px;
    border: 1px solid #ff7200;
    background-color: #ffff9a;
    width:  70px;
    margin: 2px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    color:  #ff7200;
    font-weight:    bold;
}

div.pageFooter {
    margin: 5px;
    margin-left: 15px;
    color:  #ff7200;
}

div.pageClear {
    clear: both;
}

div.diaryDate {
    border: 1px solid #ff7200;
    background-color: #ffff9a;
    font-weight: bold;
    padding: 5px;
    margin-top: 15px;
}

div.photoRow {
    margin-top: 20px;
}

div.photoBox {
    float: left;
    width:  220px;
    text-align: center;
    border: 1px solid #ff7200;
    background-color: #ffff9a;
    margin-right:   30px;
}
div.photoBox img {
    margin: 10px;
}

div.photoBoxNote {
    padding: 20px;
}

div.photoBigBox {
    position:   absolute;
    z-index:    50;
    top: 10px;
    left: 10px;
    padding: 20px;
    border: 3px solid #ff7200;
    background-color: #ffff9a;
}

div.photoBigBox img{
    border: 1px solid #ff7200;
}