/* basic */
* 	 {margin: 0; padding: 0; border: 0;}
html {}
body {background: #fff ; font: .8em georgia, times, serif; color: #515151; line-height: 1.8em}
li {list-style-type: none}
h1,h2,h3 {font-weight: normal;}
h1 {font-size: 3em; display: inline}
h2 {font-size: 1.6em}
h3 {font-size: 1.4em}

/* layout */
#header {padding: 20px}
#content {width: 94%; margin: auto;}
#footer {clear: both; background: #eee;}
.clearme {clear: both;}

/* links */
a:link 		{color: #000; text-decoration: none;}
a:visited 	{color: #c9c9c9; text-decoration: line-through;}
a:active 	{background: #00b4ff;}
a:hover 	{}

#top		{height: 30px; line-height: 30px; color: #fff}
#top li		{float: left; margin: 0 10px;}
#top a {color: #fff}
#top a:visited {text-decoration: none}

#header li {display: inline; color: #fff;}
#header a  {color: #515151; text-decoration: none;}
/* feed_items */

/* boxes 
.post {margin: 0px 0px 50px 50px; padding: 10px; width: 240px; border: 1px solid #555; float: left;} */

#content {width: 100%; margin: auto;}

#content li {list-style-type: none; padding: 0 10px; border-top: 1px solid #eee;}
#content li:hover {border-top: 1px solid #333; background: #369699;}
#content li:hover .entry, #content li:hover .title a{color: #fff;}
#content li .date {margin-right: 70px; color: #c9c9c9}
#content li .title {font: normal 1.6em georgia, times, serif}
#swarm div:hover {z-index: 5}
#river li {line-height: 1.8em}
@media all and (min-width: 600px) {
	#map  {
	-webkit-column-count : 5;
    -webkit-column-gap : 5px;
    -moz-column-count : 5;
    -moz-column-gap : 5px;
	}
}
@media all and (min-width: 1000px) {
	#map {
	-webkit-column-count : 8;
    -webkit-column-gap : 5px;
    -moz-column-count : 8;
    -moz-column-gap : 5spx;
	}
}