/*
Theme Name: New Seo Design
Theme URI: http://www.propertyloans.co.za/
Description: 
Version: 1.0
*/

body {
	font: 12px Arial,Verdana,Helvetica,Geneva,Helvetica,sans-serif;
	color:#3F3F3F;
	background-color: #2F4E6E;
}

button, input[type="submit"]{cursor:pointer;}

img {
	border: 1px solid #000000;
	margin: 0 5px 0 5px;
}
a, a:visited{
	color:#333333;
}
.fl{float:left;}
.fr{float:right;}

#mainwrapper {
	position:relative;
	margin:2em auto 2em;
	text-align:center;
	width:980px;
	background-color: #FFFFFF;
}

/*------------------- THE HEADER ----------------------------- */
#headerwrapper {
	text-align:left;
	background: url('images/header.png') #0A2948 no-repeat;
	height:100px;
	border-top: 5px solid #FFFFFF;
	margin: 0px 10px 0px 10px;
	padding-top: 10px;
	
}

#headerwrapper h1{
	color:#FFFFFF;
	font-size:38px;
	text-indent: 45px;
	text-transform:uppercase;
	font-weight:lighter;
	margin: 0px;
	padding-top: 10px;
	
}
#headerwrapper h1 a {
	color:#FFFFFF;
	text-decoration:none;
	font-family: Georgia,Times New Roman,Trebuchet MS;
}

#headerwrapper h1 a:hover {
	text-decoration:none;
}

#headerwrapper h2{
	color:#486585;
	width: 500px;
	border-top: 0px solid #486585;
	font-size:18px;
	text-indent: 20px;
	text-transform:uppercase;
	font-weight:lighter;
	font-family: 'Crimson Text', arial, serif;
	margin: 0px 0px 0px 25px;
	padding-top: 10px;
	overflow: hidden;

}

.headerleft{
	float: left;
	width: 650px;
}
.headerright{
	
	float: right;
	color: white;
	padding: 10px 5px 0 0;
	width: 275px;
}

#subbox{
	-moz-border-radius:3px 3px 3px 3px;
	background:none repeat scroll 0 0 #F4F4F4 !important;
	border:1px solid #F4F4F4;
	color:#666666;
	font-family:Arial,Tahoma,Verdana;
	font-size:11px;
	margin:5px 5px 0 0;
	padding:3px 0 3px 3px;
	width:200px;
}
#subbutton  {
-moz-border-radius:3px 3px 3px 3px;
background:none repeat scroll 0 0 #2B4D71;
border:1px solid #2B4D71;
color:#FFFFFF;
font-family:Arial,Tahoma,Verdana;
font-size:11px;
font-weight:bold;
margin:0;
padding:3px 3px 2px;
text-decoration:none;
}
/*------------------- END OF THE HEADER ----------------------------- */
/*------------------- THE SERVICE WRAPPER ----------------------------- */
#servicewrapper {
	position:relative;
	background:#565656 url(servicewrapper.jpg) no-repeat;
	margin-top:-20px;
	padding-bottom:20px;
	width:850px;
	height:60px;
	float:left;
	text-align:left;
	/*background-color:#0099CC;*/
	
}
#servicewrapper h3{
	background-color:transparent;
	text-indent: -9988px;
	margin-top:0px;
	margin-left:100px;
	margin-right:20px;
	padding:10px 5px 10px 5px;
	color:#000;
	font-size:15px;
	font-weight:normal;
	overflow:hidden; 
}
/*------------------- END OF THE SERVICE WRAPPER ----------------------------- */
/*------------------- THE TOP NAV WRAPPER ----------------------------- */
#topnavwrapper {
	text-align:justify;
	position:relative;
	width: 960px;
	height:35px;
	margin: 0px 10px 0px 10px;
	float:left;
	background-color: #072C53;
	border-bottom:1px solid #2F4E6E;
	border-top:0px solid #FFFFFF;
}


#topnavwrapper ul {
	list-style:none;
	margin: 11px 0px 11px 0px;
	text-indent: -1em;
	font-size:12px;
	padding-left:32px;
}

#topnavwrapper li {
	display:inline;
	list-style:none;
}
#topnavwrapper a{
	position:relative;
	color:#ffffff;
	text-decoration:none;
	text-transform:uppercase;
	padding-top:10px;
	padding-bottom:10px;
	padding-right:11px;
	padding-left:11px;
}

#topnavwrapper li a:hover {
	background-color:#FFFFFF;
	color:#2F4E6E;	
}
#topnavwrapper li a.currernt_page_item{
	color:#a546a4;
	text-decoration:none;
	margin-left:-8px;
	padding-top:10px;
	padding-bottom:10px;
	padding-right:11px;
	padding-left:11px;
	text-transform:uppercase;
}
/*------------------- END OF THE TOP NAV WRAPPER ----------------------------- */
/*------------------- THE GOOGLE ADS WRAPPER ----------------------------- */
#thegoogleadstopwrapper{
	margin-top: 5px;

}

.thegoogleadssidebar{
	margin-left: 0px;
}

#thegoogleadswrapper {
	background-color:#FFFFFF;
	border:0px solid #99aa77;
	text-align:left;
	/*background:#ddCC69;*/
	float:left;
	margin:5px 4px 0 10px;
	width:300px;
	height: 250px;
}
/*------------------- END OF THE GOOGLE ADS WRAPPER ----------------------------- */
/*------------------- THE TOP FEATURE WRAPPER ----------------------------- */

#topfeature {
	width:520px;
	height:250px;
	float:right;
	margin-right:10px;
	text-align:left;
	margin-top: 5px;
	overflow:hidden;
}
#topfeature ul.thetabs{
	margin: 5px;
	padding: 2px 0 2px 10px;
	font-size:13px;
}
#topfeature ul.thetabs a{
	color:#ffffff;
}
#topfeature ul.thedetail{
	height: 200px;
	padding: 5px 0 0 5px;
	font-size:12px;
}

#topfeature ul{
	margin: 5px;
}
.thetabs li{
	display:inline;
	text-decoration:none;
}
.thedetail{
	display:block;
}
#topfeature a{
	padding: 2px 5px 2px 5px;
	text-decoration:none;
	color:#000000;
}
#topfeature li a:hover{
	background-color:#FFFFFF;
	color:#006699;
}

/*------------------- END OF THE TOP FEATURE WRAPPER ----------------------------- */



#breadcrumbs{
	font-size: 11px;
	margin-left: 5px;
	background-color: #F8F8F4;
	border: 1px solid #DEDEDE;
	padding: 5px;
}

#contentwrapper {
	margin-top:0px;
	background:#fff;
}

#contentcontainer {
	position:relative;
	float:left;
	text-align:left;
	width:600px;
	margin-top:10px;
	margin-left:10px;
	margin-bottom:10px;
	padding-left:0px;
	padding-top:3px;
}

.singlecol {
	width:700px;
	margin: auto;
	text-align:justify;
}


#content {
	font-size:14px;
	margin-top: 0px;
	margin-left: 0px;
	padding-top: 0px;
}

#box {
	background-color:#F8F8F4;
	border:1px solid #DEDEDE;
	margin:5px 0px 5px 0px;
}
#box h4{
	color:#072C78;
	margin: 0 4px 0 14px;
	padding-top: 5px;
	font-size:15px;
	text-transform:uppercase;
	font-weight:lighter;
}
#box ul{
	display:block;
	list-style-type:none;
	margin-top:-10px;
	margin-left:4px;
	margin-right:4px;
	padding-top:10px;
	padding-left:0px;
	padding-bottom:10px;
}
#box li{
	margin-left:15px;
	font-size:12px;
	padding-bottom:5px;
}

#box a{
	text-decoration:none;
}
#box a:hover{

	text-decoration:underline;
}
#tabbox {
	background-color:#F4F4F4;
	border:1px solid #DEDEDE;
	margin:5px 0px 5px 0px;

}

#tabbox ul{
	display:block;
	list-style-type:none;
	margin:-10px 4px 0 4 px;
	padding-left:0px;
	padding-bottom:0px;
}
#tabbox li{
	margin-left:5px;
	font-size:12px;
	padding-bottom:5px;
}

#tabbox a{
	text-decoration:none;
}
#tabbox a:hover{

	text-decoration:underline;
}
#navigation {
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 12px;
}

#navigation .fl{
	width: 50%;
	text-align: left;
}
#navigation .fr{
	width: 50%;
	text-align: right;
}
.post {
	margin-left:0px;
	padding-left:10px;
	margin-bottom: 15px;
}
.post a {
	text-decoration:none;
	color:#0000ff;
}
.post h2{
	margin-left:-5px;
	margin-bottom: 1px;
	border-bottom: 1px dotted #DDDDDD;
	text-transform:uppercase;
	font-family: Georgia,Times New Roman,Trebuchet MS;
	color:#072C53;
}
.post h2 a{
	text-decoration:none;
	font-size:20px;
	font-weight:lighter;
	color:#072C53;
}
.post h2 a:hover{
	text-decoration:none;
	color:#5F788E;
}

#postdate{
	padding-left: 5px;
	margin-bottom: -10px;
}
#postdate .day{
	font-size:13px;
	color:#867C31;
}

.postmetadata{
	margin-top: 0px;
	padding:2px;
	font-size:11px;
}
.postmetadata a{
	text-decoration:none;
	color:#072C53;
}
.postmetadata img{
	border: 0px;
}
.entry img{
	margin: 5px;
}
.readmore {
	text-transform: uppercase;
}
.readmore a{
	color:#F87710;
}
.readmore a:hover{
	color: #5C6054;
}

.newsletter { margin-top:5px; background: #e8f0f9; padding: 10px; border: 1px solid #ccc; }
.newsletter h2{ color:#000;}
.newsletter .newsletterform {width:60%;}
.newsletter .newsletterdetail {width:40%; margin-left:10px; margin-right: -10px;}
.newsletterdetail ul{ padding-left:25px; list-style-type:none; list-style-image:url(http://www.propertyloans.co.za/images/tick.png);}
.newsletterdetail ul li{ padding:5px 0 0 0;}
.cleared {	clear: both; }
.alignleft { float: left; }
.alignright { float: right;}
/*------------------------------------- COMMENTS --------------------------------*/
.gravatar {
	float:left;
	margin-right: 10px;
}
.gravatar img{
	border: 0px;
}


h3.commh2{
	font-size: 1.4em !important;
	padding: 0 0 5px;
	color:#333 !important;
	border-top:1px solid #cacaca;
	padding-top:13px;
}

ol.commentlist{
	margin: 10px 0 20px;
	padding: 0;
	list-style: none;
	font-size: 12px;
	line-height: 20px;
}

ol.commentlist p{
	margin-bottom:10px;
	line-height: 20px;
}

ol.commentlist cite{
	font-style: normal;
	font-weight: bold;
}

ol.commentlist li{
	padding: 20px 10px 10px 10px;
}

ol.commentlist li.alt{
	padding: 10px 10px 0 10px !important;
	background:#F8F8F4;
	border:1px solid #F2F1E9;	
}

input#submit { border:0px; }

.commentmetadata a{ text-decoration:none;}
/*-------------------------------------- SIDEBAR ---------------------------------- */
#sidebar {
	text-align:left;
	float:right;
	margin-top: 7px;
	margin-right:10px;
	margin-bottom: 10px;
	width:340px;
	background:#fff;
}
.thetabssidebar{
	margin-top:3px;
	padding:0;
}

.thetabssidebar li{
	display: inline;

}
.thetabssidebar li a{
	color:#072C78;
	font-size:15px;
	text-transform:uppercase;
	margin-left: 10px;
}

.idTabs li a{
	margin-left: 15px;
}

#singlesidebar {
	text-align:left;
	margin:auto;
	width:750px;
}


#sbox {
	background-color:#F2F2F2;
	border:2px solid #DEDEDE;
	margin:10px 5px 10px 5px;
}

#sbox h4{
	color:#072C78;
	margin: 0 4px 0 14px;
	padding-top: 5px;
	font-size:15px;
	text-transform:uppercase;
	font-weight:lighter;
}
#sbox ul{
	display:block;
	list-style-type:none;
	margin-top:-10px;
	margin-left:4px;
	margin-right:4px;
	padding-top:10px;
	padding-left:0px;
	padding-bottom:10px;
}
#sbox li{
	margin-left:10px;
	font-size:12px;
	padding-bottom:5px;
}

#sbox a{
	text-decoration:none;
}
#sbox a:hover{
	text-decoration:underline;
}
.clearing {
	clear:both;
	height:0px;
}

#footerwrapper {
	width: 960px;
	margin: 0px 10px 5px 10px;
	float:left;
	color: white;
	background-color:#0A2948;
	text-transform: uppercase;
}

#footerwrapper a{
	color: white;
}

#leftfooter{
	margin: 5px 5px 5px 10px;
}
#newsletterfooter{
	margin: 5px 10px 0 5px;
}