@charset "UTF-8";
/* CSS Document */

* {
    margin: 0px;
    padding: 0px;
}

@media screen and (max-width:600px) {
	.all_width {
	min-width: 300px;
	}

body {
    background: url("../bonsai_img/background.jpg") 50% 50%;
    background-repeat: no-repeat;
    background-size: 80%;
    background-attachment: fixed;
    // background-position: center;
}

.content {
    width: 90%;
    margin: auto;
}

/*------------------------side menu---------------------------*/
.side_menu {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    // min-height: 200px;
    // max-height: 400px;
    // display: block;
    position: relative;
}
.side_menu p {
    padding: 0px 0px 0px 0px;
    text-decoration: none;
    color: grey;
    text-align: center;
}
.side_menu li {
    //width: auto;
    padding: 0px 0px;
    //float: left;
    height: 18px;
    font-size: 16px;
    font-weight: 100;
    font-family: Arial, Helvetica, sans-serif;
    color: grey;
    text-align: center;
}
.side_menu a:hover {
    color: yellow;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: bold;
}

/*-----------------------text frame--------------------------*/
.textframe {
    padding: 0px 0px 0px 0px;
    width: 100%;
    //min-height: 200px;
    //max-height: 400px;
    display: block;
    position: relative;
}
.textframe p {
    padding: 20px 0px 0px 40px;
    text-decoration: none;
    color: #AA964D;
    text-align: left;
    height: 18px;
    font-size: 20px;
    font-weight: 100;
    font-family: Arial, Helvetica, sans-serif;
}
.textframe li {
    color: #AA964D;
    font-size: 20px;
    width: auto;
    padding: 0px 40px;
    text-align: left;
    line-height: 1.5;
    font-weight: 100;
    font-family: Arial, Helvetica, sans-serif;
}
.textframe a {
    color: #AA964D;
    font-size: 20px;
    width: auto;
    font-weight: 100;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: underline;
}
.textframe photo {
//		width: 10%;
		position: relative;
}

/*----------------------side photo--------------------------*/
.sidephoto {
    padding: 0px 0px 0px 0px;
    width: 100%;
//    min-height: 200px;
//    max-height: 400px;
    display: block;
    position: relative;
}

/*-----------------------timeline--------------------------*/
.timeline {
    //padding: 0px 0px 0px 0px;
    //background: url("../bonsai_img/textframe.png");
    width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    top: 0px;
    display: inline-block;
    visibility: visible;
    //overflow: scroll;
    vertical-align: top;
    margin: auto;
}
.timeline p {
    //padding: 20px 0px 0px 40px;
    text-decoration: none;
    color: #AA964D;
    text-align: left;
    height: 18px;
    font-size: 18px;
    font-weight: 100;
    font-family: Arial, Helvetica, sans-serif;
}
.timeline li {
    color: #AA964D;
    font-size: 14px;
    width: auto;
    //padding: 0px 40px;
    text-align: left;
    font-size: 18px;
    line-height: 22px;
    font-weight: 100;
    font-family: Arial, Helvetica, sans-serif;
}
.timeline H1 {
    color: #AA964D;
    font-size: 20px;
}