#content
{
	float: left;
	width: 520px;
	_width: 520px;
	margin: 0;
	padding: 0 0 0 0px;
}

    /* Content - Pera*/
#content .Pera
	{
		clear: both;
		margin: 0;
		padding: 20px;
		background: url("../Images/ContentPeraBG.jpg") 0 0 no-repeat;
	}
#content .Pera h2
	{
		margin: 0 -20px;
		padding: 10px;
		background: #DEE5FD url("../Images/ContentPeraBG1.gif") 0 0 repeat-y;
		color: #192666;
	}
#content .Pera h2 span
	{
		background: url("../Images/ContentPeraHead.gif") 0 50% no-repeat;
		padding-left: 25px;
	}
    
#content .Pera p
{
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
}
#content .FooterInfo
{
	margin: 10px 0;
	padding-bottom: 0px;
	border-bottom: 1px solid #DEE5FD;
	color: #6685CC;
	padding-top: 0px;
	padding-left: 20px;
}
#content .FooterInfo a
	{
		color: #6685CC;
	}
#content .FooterInfo a:hover
	{
		color: #FF9000;
	}
    
#content .FooterInfo span.date, #content .FooterInfo span.cat, #content .FooterInfo span.user, #content .FooterInfo span.comments
	{
		padding-left: 15px;
	}
#content .FooterInfo span.date
	{
		background: url("../Images/ico_date.gif") 0 50% no-repeat;
	}
#content .FooterInfo span.cat
	{
		background: url("../Images/ContentBulletCat.gif") 0 50% no-repeat;
		margin-left: 8px;
	}
#content .FooterInfo span.user
	{
		background: url("../Images/ico_user.gif") 0 50% no-repeat;
		margin-left: 8px;
	}
#content .FooterInfo span.comments {background:url("../Images/ico_comments.gif") 0 50% no-repeat; margin-left:8px;}

    /* Content - More */
#content .btn-more
	{
		margin: 0 0 15px 0;
		padding: 0;
		border: 0;
		position: relative;
	}
#content .btn-more a
	{
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		width: 67px;
		_width: 95px;
		height: 21px;
		margin: 0;
		padding: 0 0 0 28px;
		background: url("../Images/ContentBtnMore.gif") 0 0 no-repeat;
		color: #FFF;
		text-decoration: none;
	}
#content .btn-more a:hover
	{
		background: url("../Images/ContentBtnMore.gif") -95px 0 no-repeat;
	}
/* Footer */
#footer
{
	position: relative;
	clear: both;
	width: 520px;
	height: 60px;
	margin-bottom: 50px;
	background: url("../Images/ContentPeraFooter.jpg") 0 0 no-repeat;
	color: #6685CC;
	clip: rect(auto, auto, auto, 20px);
	top: 0px;
	left: 0px;
}
#footer a {color:#6685CC;}
#footer a:hover {color:#192666;}

    /* Footer - "back on top" */
    #top {position:absolute; top:55px; left:550px;}
    #top p {position:relative; width:30px; height:25px; margin:0; overflow:hidden;}
    #top p span {display:block; position:absolute; left:0; top:0; z-index:1; width:30px; height:25px; background:url("../Images/ico_top.gif") 0 0 no-repeat; cursor:pointer;}
    #top a:hover span {background:url("../Images/ico_top.gif") -30px 0 no-repeat;}

    /*  Footer - copyright */
    #footer p#copyright {position:absolute; top:10px; left:40px; margin:0;}

    /* Footer - created by */
    #createdby {position:absolute; top:10px; left:562px; margin:0; color:#8CA3D8;}
    #createdby a {color:#8CA3D8;}