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

@media screen and (min-width:1025px) {
	.all_width {
	min-width: 1025px;
	}
	
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 {
    padding: 0px 0px 0px 0px;
    max-width: 20%;
    position: relative;
    top: 60px;
    display: inline-block;
    visibility: visible;
    vertical-align: top;
}
.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: center;
    height: 18px;
    font-size: 20px;
    font-weight: 100;
    font-family: Arial, Helvetica, sans-serif;
    color: grey;
}
.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;
    //background: url("../bonsai_img/textframe.png");
    max-width: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    top: 0px;
    display: inline-block;
    visibility: visible;
    //overflow: scroll;
    vertical-align: top;
    margin: auto;
}
.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-left: 2%;
    padding-right: 1%;
    //max-width: 30%;
    width: 330px;
    //height: auto;
    border: 0;
    position: relative;
    top: 40px;
    //left: 320px;
    //top: 220px;
    //left: 20%;
    display: inline-block;
    visibility: visible;
    vertical-align: top;
    margin: auto;
}

/*-----------------------timeline--------------------------*/
.timeline {
    //padding: 0px 0px 0px 0px;
    //background: url("../bonsai_img/textframe.png");
    max-width: 37%;
    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: 14px;
    font-weight: 100;
    font-family: Arial, Helvetica, sans-serif;
}
.timeline li {
    color: #AA964D;
    font-size: 14px;
    width: auto;
    padding: 0px 40px;
    text-align: left;
    line-height: 20px;
    font-weight: 100;
    font-family: Arial, Helvetica, sans-serif;
}
.timeline H1 {
    color: #AA964D;
    font-size: 20px;
}