@charset "UTF-8";
@import "reset.css";

body {
	font-family: helvetica, arial, sans-serif;
	padding-top: 180px;
	background: #0463a1 url(../images/bg_body.jpg) repeat-x;
}

.header,
.footer,
#social,
div.entry,
.byline {
	display: none;
}

#twitter-widget-scripts {
	position: absolute;
	width: 1px;
	height: 1px;
	clip: auto;
	overflow: hidden;
	margin-left: -999px;
}

.recent-photo {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	height: 200px;
	clip: auto;
	overflow: hidden;
	border-bottom: 1px solid black;
}

.recent-photo h2 {
	font-size: 10px;
	position: absolute;
	bottom: 0px;
	line-height: 20px;
	color: white;
	background: rgba(0,0,0,.7);
	left: 0px;
	right: 0px;
	border-top: 1px solid black;
	font-weight: normal;
	text-align: center;
	text-transform: uppercase;
}

.recent-photo img {
	max-width: 100%;
	margin-top: -30%;
}

#content {
	width: 300px;
	margin: auto;
	margin-bottom: 10px;
	-webkit-border-radius: 10px;
	-webkit-box-shadow: 0px 0px 1px black;
	background: white;
}

#content div.article {
	border-bottom: 1px solid gray;
}

#content div.article h2 {
	margin-right: 9px;
	padding-right: 25px;
	background: url(../images/readmore.png) no-repeat right center;
	font-size: 16px;
}

#content div.article h2 a {
	padding: 8px;
	display: block;
	text-decoration: none;
	white-space: nowrap;
	width: 100%;
	overflow: hidden;
	text-overflow:    ellipsis;
	color: black;
}

#next-prev {
	font-size: 16px;	
}

#next-prev #old {
	padding: 8px;
	display: block;
	text-decoration: none;
	white-space: nowrap;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	color: black;
	font-weight: bold;
}

#next-prev #old span {
	display: none;
}

#next-prev #old:after {
	content: 'Load more...';
}

div.photos img {
	display: block;
	margin: auto;
	margin-bottom: 1em;
	width: 80%;
}