/*@import url(font-awesome.min.css);
@import url(animation.css);*/
@import url(fontello.css);
@import url(fonts.css);

body { font-family: 'OpenSans'; }


/* popup */
.leaflet-popup-content h3 {  font-family: 'OpenSansCondensed-Bold' !important; letter-spacing:2px !important; font-size:14px !important; }
.leaflet-popup-content-wrapper { border-radius:0 !important; font-family: 'OpenSansCondensed-Bold' !important; }
.obj-type { padding-left:10px; margin-left:0px; border-left:solid 3px #f04e23; text-transform:uppercase; letter-spacing:1px !important; margin-top:10px; display:inline-block; color:#777; font-size:12px;  }

header {
    background: #2d2d2d;
	height:30px; }
#site-name,
#city-info{ line-height:30px; }
#logo img { height:20px; margin: 5px 0 0 5px;}

#logo { display:inline-block; float:left; }
#sitename-and-desc { display:inline-block; float:left;}

a#share-link:hover { color:#f04e23;}
a#about { line-height:26px;}
a#about:hover { box-shadow: inset 0 -1px #f04e23; }

#site-name { padding-left:10px; color:#fff; font-family: 'OpenSansCondensed-Bold'; font-size: 20px; letter-spacing: 2px; text-decoration:none; }
#city-info {float: right;color: #fff;margin-right: 5px;margin-top: 3px;height: 27px;font-size:12px;}
#city-name {font-weight:bold;color:#f04e23;}
@media screen and (max-width: 520px) { 
	#header{height:60px;}
	#left { top:71px;}
	#city-info { float:left;margin-left:5px;}
}