/* for thoughts page only */

.thoughts{ margin-left: 15px;
           margin-top: 15px;
           margin-bottom: 50px;
}

.post { width: 90%; 
	   font-family: 'Courier New';
	   font-size: 14px;
	   background: #fff;
       color: #000000;
}

/* add distance between post and post*/
.post {margin: 0px 30px 30px 0px;}

p.title {font-family: 'Courier';padding-top: 5px;}
p.timestamp {font-style: italic;}
p.caption {font-style: italic;}

p { margin-right: 0px;
    margin-left: 0px;
    margin-top: 0px;
    /* distance between title, content and timestamp */
    margin-bottom: 5px;
    /* line spacing within a paragraph */
    line-height:105%;
    /* do not put the following to the body */
    white-space: pre-line;
    word-wrap: break-word;
    width: 720px;
    max-width: 90%;
}

a:link {text-decoration: none;}
a:visited {text-decoration: none; color:#000000;}
a:hover {font-style: italic;}
a:active {text-decoration: none; color:#000000;}
a {text-decoration: none; color:#000000;}

.thoughts img {width: 400px;
     max-width: 90%；}

hr {margin-left: 0px;
    margin-top: 20px;
    margin-bottom: 20px;}

@media all and (max-width: 450px) {

.post {margin: 0px 0px 30px 0px;}

p {max-width: 95%}
img {max-width: 95%}

}