body{margin:0;font-family:'Open Sans',sans-serif;background:#d5d4d0}
a:link,a:visited{text-decoration:inherit;color:inherit}
a.articleLink:link,a.articleLink:visited{text-decoration:inherit;color:#205cc3;font-weight:700}
a.articleLink:hover{color:#2b75f5;text-decoration:underline}
.clear{clear:both}
.addedTop{width:100%;height:auto;text-align:center;color:#333;font-size:14px;padding:4px 0}
#mainBox{width:1600px;height:auto;background:#fff;margin:0 auto;box-shadow:0 0 7px #000}
#header{width:100%;height:auto;margin:0 auto;border-bottom:2px solid #ccc;padding-top:15px;padding-bottom:25px}
#headerInner{width:1250px;height:auto;margin:0 auto}
#logoLeft{height:35px;width:auto;float:left}
#textRight{height:35px;width:auto;float:right;line-height:35px;font-style:italic;color:#333;font-size:14px}
#titleBox{width:100%;height:auto;margin:0 auto}
#titleInner{width:1250px;height:auto;margin:0 auto;text-align:center;padding-top:20px}
#headline{width:100%;height:auto;font-size:34px;font-weight:700;color:#222}
#author{width:300px;height:auto;margin:0 auto;font-size:14px;font-weight:700;color:#555;margin-top:15px;padding-top:10px;border-top:1px solid #ccc}
#articleBox{width:100%;height:auto;margin:0 auto}
#articleInner{width:1250px;height:auto;margin:0 auto;padding-top:35px}
#sidebar{width:300px;height:auto;float:right}
.sidebarTitle{width:100%;height:auto;font-size:20px;text-align:left;font-weight:700;color:#333;padding-bottom:10px;border-bottom:2px solid #ccc}
.sidebarNative{width:100%;height:auto;margin:0 auto;margin-top:15px}
.nativeImg{width:45%;height:auto;float:left}
.nativeText{width:52%;height:auto;float:right;font-size:13px;text-align:left;color:#444}
.nativeText:hover{text-decoration:underline}
.sidebarImg{width:100%;height:auto;margin-top:15px}
.sideBarText{width:100%;height:auto;font-size:17px;text-align:left;color:#333;margin-top:10px}
#mainContent{width:800px;height:auto;float:left;padding-bottom:30px}
.articleImg{width:100%;height:auto;margin:0 auto;padding-bottom:20px;font-size: 16px; line-height: 22px;}
.articleImgsmall{width:65%;height:auto;margin:0 auto;padding-bottom:20px}
.articleSubheader{width:100%;height:auto;margin:0 auto;padding-bottom:15px;font-size:22px;font-weight:700;line-height:28px;color:#17191c}
.blockQuote{width:calc(90% - 50px);height:auto;margin:0 auto;border-left:10px solid #ccc;background-color:#f9f9f9;background-image:url("../images/blockquote.png");background-repeat:no-repeat;line-height:28px;padding:10px 20px 10px 40px;margin-bottom:20px}
.articleText{width:100%;height:auto;margin:0 auto;font-size:17px;line-height:26px;color:#333}
.articleIndent{width:90%;height:auto;margin:0 auto;font-size:17px;line-height:26px;color:#333}
.articleButton{width:calc(100% - 20px);height:auto;margin:0 auto;padding:8px;color:#fff;font-family:'Open Sans';font-size:18px;font-weight:700;text-align:center;background-image:linear-gradient(to bottom,#f0ad4e 0,#eb9316 100%);background-repeat:repeat-x;border:1px solid #e67919;border-radius:4px}
.commentBreak{width:100%;border-bottom:1px solid #198fff;margin:0 auto;height:80px}
#map{width:700px;height:405px}
#footer{width:100%;height:auto;margin:0 auto;margin-top:60px;background:#51a5c8}
#footerInner{width:1040px;height:auto;margin:0 auto;padding:25px 0;color:#fff;font-family:'Roboto';font-size:14px;text-align:center}
.linkLine{width:300px;height:auto;margin:0 auto;padding-top:15px;color:#fff;font-family:'Roboto';font-size:14px;text-align:center}
.articleSubimg{width:500px;height:auto;margin:0 auto;padding-bottom:20px}
.imageSub{width:100%;height:auto;margin:0 auto;padding-bottom:20px;text-align:center;font-size:16px;color:#777;font-style:italic}
li{padding-bottom:15px}
.finalBox{width:calc(100% - 42px);height:auto;margin:0 auto;padding:30px 20px;border:1px solid #dedede;margin-top:30px;margin-bottom:30px}
.articleButton{width:calc(100% - 20px);height:auto;margin:0 auto;padding:10px;color:#fff;font-family:'Roboto';font-size:30px;text-align:center;background:#63d021;border:none;outline:none}
.articleButton:hover{background:#49a511}
.updateBox{width:100%;height:auto;margin:0 auto;margin-bottom:20px}
.updateTop{width:calc(100% - 20px);height:auto;margin:0 auto;background:#bbb9bd;color:#fff;padding:20px 10px;border-radius:5px;font-size:20px;font-weight:700}
.updateBot{width:calc(100% - 20px);height:auto;margin:0 auto;/* background:#f4f4c3; */color:#111;padding:20px 10px;border-radius:2px;font-size:18px;font-weight:400}
.paperBox{width:calc(100% - 50px);height:auto;margin:0 auto;padding:25px;margin-bottom:25px;background:url("../images/paperbg.webp");background-repeat:repeat;box-shadow:5px 5px 10px rgba(0,0,0,0.8)}
.paperTitle{width:100%;height:auto;color:#222;font-size:24px;font-weight:700;text-align:center;padding-bottom:20px}
.paperText{width:100%;height:auto;color:#222;font-size:18px;font-weight:400;text-align:left;padding-bottom:20px}
#logoLeft img {max-height: 150%; height: auto;}
.articleText ul li {list-style-type: disc;}
.mainComments{ white-space: nowrap;}
.profilePic{ width: 48px; display: inline-block; vertical-align: top;}
.profilePic img{ width: 48px;}
.commentContent, .replyContent{ padding-left: 12px; display: inline-block; white-space: normal; padding-right:60px;}
.userName{ color: #3658A6; font-size:14px; font-weight: bold; line-height:22px;}
.userInfo{ color:#999; font-size:14px; line-height:22px;}
.usersComments{  font-size:14px; line-height:22px;}
.commentLikes{ color:black;}
.commentTime{ color:#999;}
.commentFuncLine, .replyFuncLine{ font-size:12px; color:#3658A6; line-height:30px;}
.pointer{ cursor:pointer;}
.commentSpacer{ margin-top: 6px;}
input:focus, select:focus, textarea:focus, button:focus { outline: none;}
::-webkit-input-placeholder { color: #ccc;} /* Chrome/Opera/Safari */
::-moz-placeholder { color: #ccc;} /* Firefox 19+ */
:-ms-input-placeholder { color: #ccc;} /* IE 10+ */
:-moz-placeholder { color: #ccc;} /* Firefox 18- */
.newReplyTable{ margin-bottom:10px; min-width:600px;}
@media screen and (max-width: 1600px) {
#mainBox{width:100%}
#headerInner,#titleInner,#articleInner{width:1250px}
#mainContent{width:750px}
}
@media screen and (max-width: 1250px) {
#headerInner,#titleInner,#articleInner{width:95%}
.barLeft{width:120px;font-size:15px}
.barRight{width:170px;font-size:12px}
.barCenter{width:calc(100% - 290px);font-size:11px}
#mainContent{width:100%}
#sidebar{display:none}
#footerInner{width:95%;font-size:12px;padding:20px 0}
.imgSubheader{padding-bottom:12px;font-size:18px;line-height:24px}
.articleImgsmall{width:80%}
.articleSubheader{padding-bottom:12px;font-size:26px;line-height:30px}
.articleText,.articleIndent{padding-bottom:12px;font-size:22px;line-height:32px}
.articleButton{font-size:24px}
#footerInner{width:95%;font-size:11px;padding:15px 0}
#map{transform:scale(0.8);margin-left:-80px}
.updateTop{width:calc(100% - 16px);padding:16px 8px;font-size:18px}
.updateBot{width:calc(100% - 16px);padding:16px 8px;font-size:17px}
}
@media screen and (max-width: 750px) {
.blockQuote{font-size:18px;line-height:24px}
.articleSubimg{width:80%}
}
@media screen and (max-width: 800px) {
.newReplyTable{ margin-bottom:10px; min-width:450px;}
}
@media screen and (max-width: 380px) {
.newReplyTable{ margin-bottom:10px; min-width:280px;}
}
.newReplyInput{ color:#999; border:0px; font-size:14px; height:40px; width: 100%; padding-left: 8px;}
.newReplyArea{ background:#F6F7F9; height:40px; width:100%;}
.busyMsg{ padding-left:10px; display: none; float:left; margin-top:13px; color: black; font-weight: bold; font-size:14px;}
.newReplyButton, .newCancelButton{ cursor:pointer; float: right; margin-top:10px; margin-right:10px;}
.mainReplies{ white-space: nowrap;}
.mainReplies .profilePic{ width: 40px; display: inline-block; vertical-align: top;}
.mainReplies .profilePic img{ width: 40px;}
.mainReplies .commentContent{ padding-left: 12px; display: inline-block; white-space: normal; padding-right:52px;}


.intro {
    font-size:24px;
}

.floating-bar {
    background-color:#EE0 !important;
}

#mainContent a {
    text-decoration: underline;
    color:blue;
}

.articleButton {
    text-decoration: none;
}

.articleSubheader {
    font-family: serif;
    font-size: 34px;
    line-height:32px;
}

b {
    font-weight: 900 !important;
}

.articleImgSmallFloatRight {
    float:right; 
    margin:0 12px 0 12px;
}