html,
body {
  height: 100%;
  /* The html and body elements cannot have any padding or margin. */
}

/* Wrapper for page content to push down footer */
#wrap {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  /* Negative indent footer by its height */
  margin: 0 auto -60px;
  /* Pad bottom by footer height */
  padding: 0 0 60px;
}

/* Set the fixed height of the footer here */
#footer {
  height: 60px;
  background-color: #f5f5f5;
  padding: 2em 0;
}


.container { max-width:720px; }
.e-content img {max-width: 100%; height: auto; }

.h-entry .meta, 
.h-entry .meta a, 
.h-entry .meta time 
{
	color: #999;
	font-size: 85%;
}

h1 a {
	color: #000;
}

.page-header h1 {
	font-family: 'Arial Black', Arial, sans ;
	line-height: 1ex;
	font-weight: bold;
	text-align: left;
	text-transform:uppercase;
	letter-spacing:-5px;
	font-size: 77px;
}
.page-header h1 small {
	text-transform:none;
	letter-spacing: normal;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
}
.page-header {
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	background: #eeeeee;
	font-size: 13px;
	margin-top: -6px;
	margin-bottom: 9px;
	line-height: normal;
	border-bottom: 1px solid #dddddd; 
}
.page-header h1 a {
	color: #000;
}

#footer {
	border-top: 1px solid #dddddd; 
	background: #eeeeee;
	line-height:normal;
	font-size: 11px;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
}


@media(max-width: 480px) {
	.page-header h1 { font-size: 36px;  line-height: 2ex; } 
	.page-header h1 small { font-size: 12px; }
}       

.mentions {
	font-size: 80%; 
	line-height: 120%;
}

.mentions-item {
	clear:both; 
	padding-bottom: 1ex; 
	min-height:58px;
}
.mentions-avatar {
	float:left;
	width: 48px;
}
.mentions-body {
	display: block; 
	margin-left: 52px;
}

.postinfo {
	font-size: 65%;
	font-family: Verdana;
	line-height: normal;
}

.alert {
	margin-bottom: 0;
}
pre code{
	font-size: 12px;
}
