html,body { margin: 0; padding: 0; }
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
a {
  outline: none;
  border: none;
  background-color: transparent;
  -webkit-text-decoration-skip: objects; }
a:active,
a:hover { outline-width: 0; }
body { 
    background: #f2f3f5; 
	font-family: 'Open Sans', sans-serif;
    font-size: 12px; 
    line-height: 1.5; }
hr { border: none; border-top: 1px solid #f2f3f5; }
p, a { color: #9d9d9d; margin: 0; text-decoration: none; }

span { padding: 0px 5px; }
.container { 
	max-width: 900px; 
	width: 100%;
    margin: 85px auto 15px auto; }
@media(max-width: 800px) {
	.container { margin: 60px auto 15px auto; }
}
.header { 
	height: auto; 
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	background: #FF4500;
	box-shadow: 0px 1px 1px rgba(0,0,0,0.1); }
.header .container { max-width: 1200px; margin: 0px auto; }
	.header svg { width: 120px; height: 38px; margin: 15px 0px 15px 15px; }
@media(max-width: 800px) {
	.header svg { width: 90px; margin: 10px 0px 10px 15px; }
}
.header svg .st0{fill:#ffffff;}
.header svg .st1{fill:#FF4500;}
.card {
	padding: 15px;
    margin: 0px;
	border-radius: 4px;
	border-bottom: 1px solid #f3f3f5;
	background: #ffffff; }
.card:hover {
	background: #f9f9f8;
}
a.title { 
	font-weight: 700; 
	font-size: 15px; 
	color: #758492; 
	margin: 0; }
a.author, a.subreddit { font-weight: 700; color: #758492; }
.thumbnail { float: left; overflow: hidden; margin: 0px 15px 0px 0px; }
.thumbnail img {
	width: 60px;
	height: 60px;
	border-radius: 3px; }
.post { overflow: hidden; }
#load { 	
	width: 40px;
	margin: 60px auto 60px auto;
	height: 40px;
	background-size: contain;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiIHZpZXdCb3g9IjAgMCAyNi4zNDkgMjYuMzUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI2LjM0OSAyNi4zNTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxnPjxjaXJjbGUgY3g9IjEzLjc5MiIgY3k9IjMuMDgyIiByPSIzLjA4MiIgZmlsbD0iI2Q3ZDdkNyIvPjxjaXJjbGUgY3g9IjEzLjc5MiIgY3k9IjI0LjUwMSIgcj0iMS44NDkiIGZpbGw9IiNkN2Q3ZDciLz48Y2lyY2xlIGN4PSI2LjIxOSIgY3k9IjYuMjE4IiByPSIyLjc3NCIgZmlsbD0iI2Q3ZDdkNyIvPjxjaXJjbGUgY3g9IjIxLjM2NSIgY3k9IjIxLjM2MyIgcj0iMS41NDEiIGZpbGw9IiNkN2Q3ZDciLz48Y2lyY2xlIGN4PSIzLjA4MiIgY3k9IjEzLjc5MiIgcj0iMi40NjUiIGZpbGw9IiNkN2Q3ZDciLz48Y2lyY2xlIGN4PSIyNC41MDEiIGN5PSIxMy43OTEiIHI9IjEuMjMyIiBmaWxsPSIjZDdkN2Q3Ii8+PHBhdGggZD0iTTQuNjk0LDE5Ljg0Yy0wLjg0MywwLjg0My0wLjg0MywyLjIwNywwLDMuMDVjMC44NDIsMC44NDMsMi4yMDgsMC44NDMsMy4wNSwwYzAuODQzLTAuODQzLDAuODQzLTIuMjA3LDAtMy4wNSAgICBDNi45MDIsMTguOTk2LDUuNTM3LDE4Ljk4OCw0LjY5NCwxOS44NHoiIGZpbGw9IiNkN2Q3ZDciLz48Y2lyY2xlIGN4PSIyMS4zNjQiIGN5PSI2LjIxOCIgcj0iMC45MjQiIGZpbGw9IiNkN2Q3ZDciLz48L2c+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjwvc3ZnPg==);
	-webkit-animation-name: spin;
	-webkit-animation-duration: 4000ms;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-moz-animation-name: spin;
	-moz-animation-duration: 4000ms;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
	-ms-animation-name: spin;
	-ms-animation-duration: 4000ms;
	-ms-animation-iteration-count: infinite;
	-ms-animation-timing-function: linear;
	animation-name: spin;
	animation-duration: 4000ms;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	}
	@-ms-keyframes spin {
		from { -ms-transform: rotate(0deg); }
		to { -ms-transform: rotate(360deg); }
	}
	@-moz-keyframes spin {
		from { -moz-transform: rotate(0deg); }
		to { -moz-transform: rotate(360deg); }
	}
	@-webkit-keyframes spin {
		from { -webkit-transform: rotate(0deg); }
		to { -webkit-transform: rotate(360deg); }
	}
	@keyframes spin {
		from { transform:rotate(0deg); } 
		to { transform:rotate(360deg); }
	}
	
.modal {
    position: fixed;
    z-index: 10000; 
	opacity:0;
    top: 0;
    left: 0;
	right: 0;
	bottom: 0;
    visibility: hidden;
    width: 100%;
    height: 100%; }
.modal.is-visible { 
  background: hsla(0, 0%, 0%, 0.5);
  visibility: visible; 
  opacity:1;
  transition: visibility 0.0s, opacity 0.3s; }
.modal-overlay { 
  margin: 100px auto;
  padding: 20px;
  background: #fff;
  border: 1px solid #666;
  width: 100%;
  height: auto;
  max-width: 870px;
  border-radius: 4px;
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.5);
  position: relative; }
.modal-overlay img { width: 100%; height: auto; }
.modal iframe { top: 0; left: 0; bottom: 0; right: 0; position: absolute; border: none; }
.modal iframe img { width: 100%; height: auto; }