/* collectionexplorer.org */
html, body, textarea {font-size:100%;font-family:Helvetica,Arial,sans-serif;color:#333;background-color:#fcfcfc;margin:0;padding:0;}
h1 {font-size:2.0rem;font-weight:bold;margin:0.9rem 1.0rem 0.6rem 1.0rem;line-height: 1.2rem;}
.h1-sub {font-size:1.0rem;font-weight:normal;margin:0 1.0rem 1.0rem 0;line-height: 1.2rem;padding-left:2.5px;}
h2 {font-size:1.7rem;font-weight:bold;text-align:center;margin: 0.5rem 0 0.5rem 0;}
a:link,a:visited {text-decoration:none;color:#333;}
a:hover,a span:hover {text-decoration:none;color:#3172AB;}
.smalltext {font-size:0.9em;}    
.header {border-bottom:solid 1px #d1d1d1;padding:20px;background-color:#fff;}
.headerlogo {float:left;margin:0 20px 5px 0;}
.headerlogo img {width:48px;height:48px;border:none;}
.headertext {}
.container {display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;margin:10px 0 10px 0;}
.container:after {clear:both;}
.box {position:relative;overflow:hidden;width:350px;height:280px;margin:10px;padding-top:10px;border-radius:7px;background-color:#fff;border:solid 1px #ccc;}
.syslink {float:left;}
.sysicon {float:right;}
.sysicon img {border:none;}
.inprep {border-top:solid 1px #d1d1d1;padding:10px 5px 10px 10px;background-color:#fff;}
.footer {border-top:solid 1px #d1d1d1;border-bottom:solid 1px #d1d1d1;padding:5px 5px 5px 10px;background-color:#fff;}
ul.noindent {margin:5px 0 5px 5px;padding:0 0 0 10px;}
ul.noindent li {float:left;margin-right:20px;padding:2px;}
.clearfix {clear:both;}
.colllogo {display:block;margin-left:auto;margin-right:auto;margin-bottom:10px;border:none;}
.collname {padding:10px;font-size:0.9em;font-weight:bold;}
.colllink {padding:10px;font-size:0.9em;display:block;}
.collimg {width:350px;border:none;}
.socialtext {float:left;padding:8px 10px 0 0;}
.socialicon {float:right;padding-top:8px;padding-right:32px;}
.socialicon > span {display:inline-block;vertical-align:top;padding-left:2px;padding-right:2px;}
.social-icon {padding-left:15px;}
.moddate {padding:10px;color:#666;font-size:0.7em;}

@media handheld,only screen and (max-width:400px)
{
    h1 {font-size:1.4em;}
    h2 {font-size:1.0em;}
    .headertext p {font-size:0.8em;}
    .smalltext {font-size:0.7em;}    
    .box {width:300px;height:245px;margin:10px 5px 10px 5px;}
    .colllink {font-size:0.7em;}
}