#map-obj {
float: left;
width: 100%;
height: auto;
border: 1px solid #30926e;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
overflow: hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

#map-obj[data-size="rect"] {
max-width: 598px;
}

#map-obj[data-size="square"] {
max-width: 298px;
}

#map-obj #map-image {
height: auto;
max-height: 200px;
overflow: hidden;
}

#map-obj #map-image,
#map-obj #map-image a,
#map-obj #map-image img {
float: left;
width: 100%;
}

#map-text,
#map-location {
float: left;
width: 100%;
}

#map-obj[data-size="square"] #map-location {
height: 33px;
overflow: hidden;
}

#map-location a {
float: left;
width: 86%;
background: #30926e url('/static/global/images/bloom-logo-white.png') 2% 50% no-repeat;
background-size: 16px 22px;
padding: 0 2% 0 12%;
height: auto;
font-size: 13px;
line-height: 33px;
text-decoration: none;
color: #fff;
}

#map-obj[data-size="rect"] #map-location a {
width: 88%;
padding: 10px 2% 10px 10%;
line-height: 13px;
}

#map-obj[data-size="square"] #map-location a {
max-height: 33px;
}

#map-article {
position: relative;
float: left;
width: 94%;
background: #fff;
padding: 10px 3%;
}

#map-obj[data-size="rect"] #map-article {
max-width: 88%;
height: 55px;
padding: 10px 2% 10px 10%;
}

#map-obj[data-content="1"] #map-article {
height: 95px;
}

#map-article-author-image {
position: absolute;
top: 10px;
left: 7px;
width: 25px;
min-height: 1px;
}

#map-article-author-image img {
width: 25px;
}

#map-article-text {
position: relative;
float: left;
width: 90%;
height: 60px;
overflow: auto;
margin-left: 10%;
}

#map-obj[data-content="1"] #map-article-text {
height: 100px;
}

#map-obj[data-size="rect"] #map-article-text {
width: 100%;
margin-left: 0;
}

#map-article-text h1 {
float: left;
width: auto;
margin-bottom: 4px;
}

#map-article-text h1 a {
font-size: 13px;
line-height: 15px;
color: #000;
font-weight: 600;
text-decoration: none;
}

#map-obj[data-size="rect"] #map-article-text h1 a {
font-size: 16px;
line-height: 17px;
}

#map-article-text #map-article-date {
float: left;
clear: left;
font-size: 12px;
line-height: 12px;
font-weight: 600;
color: #575757;
margin-bottom: 2px;
}

#map-article-text #map-article-author {
float: left;
clear: left;
width: auto;
}

#map-article-text #map-article-author a {
font-size: 12px;
line-height: 12px;
font-weight: 400;
color: #575757;
text-decoration: none;
}

#map-obj[data-size="rect"] #map-article-text #map-article-date,
#map-obj[data-size="rect"] #map-article-text #map-article-author a {
font-size: 14px;
line-height: 14px;
}

#map-article-link {
position: absolute;
top: 45px;
left: 7px;
}

#map-obj[data-size="rect"] {
bottom: 10px;
right: 12px;
}

#map-article-link a {
float: left;
background: #fff;
border: 1px solid #f9f9f9;
color: #75bf97;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
width: auto;
height: 23px;
text-decoration: none;
overflow: hidden;
}

#map-article-link a span#map-article-link-icon {
float: left;
width: 23px;
height: 23px;
background: #f9f9f9 url('/static/global/images/icon-externallink-green.png') center center no-repeat;
}

#map-article-link a span#map-article-link-text {
float: left;
width: auto;
font-size: 12px;
line-height: 23px;
padding: 0 5px;
display: none;
}

#map-article-link a:hover {
border-color: #30926e;
}

#map-article-link a:hover span#map-article-link-text {
display: inline;
}

#map-article-content {
float: left;
clear: left;
width: 475px;
margin-top: 10px;
font-size: 14px;
line-height: 16px;
color: #000;
font-weight: 400;
}
