@import url("../styles.css");



/* Blog page
---------------------------------------------------------------------- */

#main > .content .text
{
	height: 474px;
	padding-top: 0;
	padding-bottom: 0;
	background: transparent;
}

#main > .content .text .post
{
	position: relative;
	clear: both;
	margin-top: 25px;
	border: 3px solid #1c160f;
}

#main > .content .text a.top
{
	display: none !important;
}

#main > .content .text a.top + .post
{
	margin-top: 5em;
}

#main > .content .text .post + a.top
{
	position: relative;
	clear: right;
	float: right;
	padding: 5px;
	padding-right: 20px;
	text-decoration: none;
	background: url("../../images/back-to-top.png") right no-repeat;
	border: none;
}

#main > .content .text .post + a.top span
{
	margin-bottom: 1px;
	font: normal 1em arial, sans-serif;
	text-decoration: none;
	color: #201810;
}

#main > .content .text .post + a.top span:hover
{
	margin-bottom: 0;
	border-bottom: 1px solid #201810;
}

#main > .content .text .post + a.top span:active
{
	color: white;
	border-bottom-color: white;
}



/* Post header
---------------------------------------------------------------------- */

#main > .content .text .post > .header
{
	position: relative;
	padding: 1em;
	background: url("../../images/gallery-bg.png") repeat;
	zoom: 1;
}

#main > .content .text .post > .header h3
{
	position: relative;
	float: left;
}

#main > .content .text .post > .header h3 a
{
	font: normal bold 1.6em arial, sans-serif;
	text-decoration: none;
	color: white;
}

#main > .content .text .post > .header h3 a:hover
{
	border-bottom: 1px solid white;
}

#main > .content .text .post > .header h3 a:active
{
	color: #aaa;
	border-color: #aaa;
}

#main > .content .text .post > .header .date
{
	position: relative;
	float: right;
	vertical-align: middle;
	font: normal 1em/1.6em arial, sans-serif;
	color: #ccc;
}



/* Post content
---------------------------------------------------------------------- */

#main > .content .text .post > .content
{
	position: relative;
	clear: both;
	padding: 1em;
	background: url("../../images/content-bg.png") repeat;
}

#main > .content .text .post > .content img
{
	position: relative;
	clear: right;
	float: right;
	max-width: 120px;
	padding-left: 15px;
	padding-bottom: 10px;
}

#main > .content .text .post > .content .blogger-post-footer img
{
	display: none;
}