/*  
Theme Name: Mortgage Calculators
Theme URI:
Description:
Version:
Author: Johns Wu
*/

body {
	margin:0;
	background:#fff url(images/bg.gif);
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	}
img {
	border:none;
	}
a {
	color:#253785;
	text-decoration:none;
	}
a:hover {
	color:#bc0000;
	}
.clear {
	clear:both;
	}

/* The Wrapper */

.outer {
	background:url(images/topBg.png) top repeat-x;
	}
.wrapper {
	width:950px;
	background:#fff;
	border-left:1px solid #000;
	border-right:1px solid #000;
	margin:0 auto;
	}

/* The Top */

.top {
	height:136px;
	padding:0 8px 0 15px;
	position:relative;
	}
.top a.logo {
	display:block;
	height:105px;
	width:185px;
	background:url(images/logo.png);
	float:left;
	margin-top:17px;
	margin-right:14px;
	}
.top .leaderboard {
	float:left;
	height:90px;
	width:728px;
	margin-bottom:16px;
	margin-top:6px;
	}
.top .topMenu {
	position:absolute;
	bottom:0;
	left:215px;
	padding-left:1px;
	background:url(images/topMenuUL.gif) left bottom no-repeat;
	}
.top .topMenu ul {
	margin:0;
	padding:0;
	list-style:none;
	}
.top .topMenu ul li {
	display:inline;
	float:left;
	background:url(images/topMenuLeft.gif) bottom left no-repeat;
	}
.top .topMenu ul li a {
	display:block;
	float:left;
	height:24px;
	line-height:24px;
	text-align:center;
	padding:0 15px;
	color:#3366bb;
	font-weight:bold;
	background:url(images/topMenuRight.gif) bottom right no-repeat;
	}
.top .topMenu ul li:hover {
	background-position:top left;
	}
.top .topMenu ul li a:hover {
	color:#bc0000;
	background-position:top right;
	}

/* The Top Gradient */

.topGradient {
	height:165px;
	background:#d8efa9 url(images/topBlockGradient.png) top repeat-x;
	border-top:1px solid #75bf00;
	border-bottom:1px solid #75bf00;
	margin-bottom:15px;
	padding:12px 154px 0 154px;
	}
.topGradient h2 {
	font-size:18px;
	font-weight:bold;
	margin:0 0 5px 0;
	padding:0;
	}
.topGradient .form {
	float:left;
	width:305px;
	margin-right:68px;
	}
.topGradient .form form {
	margin:0;
	padding:0;
	}
.topGradient .form div {
	height:20px;
	padding:6px 0;
	line-height:20px;
	font-weight:bold;
	font-size:11px;
	}
.topGradient .form select {
	float:right;
	width:150px;
	background:#fff;
	border:1px solid #7f9db9;
	}
.topGradient .form input.submit {
	float:right;
	height:24px;
	width:94px;
	background:url(images/continueButton.png);
	padding:0;
	border:none;
	cursor:pointer;
	}
.topGradient .gradientMenu {
	float:left;
	width:269px;
	color:#383838;
	font-size:11px;
	}
.topGradient ul {
	margin:0;
	padding:0;
	list-style:none;
	}
.topGradient li {
	height:45px;
	}
.topGradient li img {
	float:left;
	margin-right:10px;
	}
.topGradient li a {
	color:#000;
	font-size:12px;
	font-weight:bold;
	text-decoration:underline;
	}
.topGradient li a:hover {
	color:#bc0000;
	}

/* The Center Wrapper */

.centerWrapper {
	background:url(images/centerLine.gif) 583px 0 repeat-y;
	padding:15px 15px 15px 21px;
	}

/* The Content */

.content {
	float:left;
	width:546px;
	}

/* The Menu */

.menu {
	border:1px solid #75bf00;
	padding:5px 0;
	margin-bottom:20px;
	color:#383838;
	font-size:11px;
	height:100%;
	}
.menu ul {
	margin:0;
	padding:0;
	list-style:none;
	}
.menu li {
	height:50px;
	width:256px;
	float:left;
	padding:0 8px;
	}
.menu li img {
	float:left;
	margin-right:10px;
	}
.menu li a {
	color:#000;
	font-size:12px;
	font-weight:bold;
	text-decoration:underline;
	}
.menu li a:hover {
	color:#bc0000;
	}

/* The Text */

.text .date {
	float:right;
	color:#5d5b5b;
	line-height:24px;
	}
.text h1 {
	font-size:20px;
	font-weight:bold;
	margin:0;
	line-height:normal;
	}
.text h1 a, .text h1 a:hover {
	color:#000;
	text-decoration:none;
	}
.text h2 {
	font-size:14px;
	font-weight:bold;
	padding:0;
	margin:0;
	line-height:normal;
	}
.text p {
	margin:0 0 20px 0;
	padding:0;
	line-height:19px;
	}
.sociable {
	border-top:1px solid #d6d6d6;
	border-bottom:1px solid #d6d6d6;
	margin-top:2px;
	margin-bottom:15px;
	font-size:10px;
	padding:5px 0;
	clear:both;
	}
.sociable ul {
	margin:0;
	padding:0;
	list-style:none;
	}
.sociable span {
	display:none;
	}
.text .author {
	float:left;
	margin-right:15px;
	margin-bottom:5px;
	text-align:center;
	}
.text .author a {
	color:#454545;
	border-bottom:2px solid #d0d0d0;
	line-height:1.5em;
	}

/* The Sidebar */

.sidebar {
	float:right;
	width:336px;
	}
.sidebar .adBlock {
	margin-bottom:22px;
	}
.sidebar ul {
	padding:0;
	margin:0;
	list-style:none;
	}
.sidebar h2 {
	background:#75bf00 url(images/rightArrow.png) left no-repeat;
	height:30px;
	padding:0 0 0 39px;
	margin:0;
	line-height:30px;
	color:#fff;
	text-transform:uppercase;
	font-size:20px;
	font-weight:normal;
	}
.sidebar ul li ul {
	background:url(images/rightLiBorder.gif) bottom repeat-x;
	margin:6px 0 17px 0;
	}
.sidebar ul li ul li {
	background:url(images/rightLiBg.png) top no-repeat;
	padding:7px 17px 6px 17px;
	font-weight:bold;
	line-height:16px;
	}

/* The Footer */

.footerBar {
	height:6px;
	overflow:hidden;
	background:#75bf00;
	border-top:6px solid #bacd47;
	}
.footer {
	height:29px;
	line-height:29px;
	background:#000;
	border-bottom:1px solid #fff;
	color:#fff;
	}
.footerInner {
	width:950px;
	margin:0 auto;
	}
.footer a {
	color:#fff;
	text-decoration:none;
	}
.footer a:hover {
	color:#fff;
	text-decoration:underline;
	}
.footerLeft {
	float:left;
	padding-left:10px;
	}
.footerRight {
	float:right;
	padding-right:10px;
	}

/* The Comments */

h2.commentsTitle {
	color:#000;
	font-size:18px;
	}
.comments {
	}
.comments ol {
	margin:0;
	padding:0;
	list-style:none;
	}
.comments li {
	padding-bottom:10px;
	color:#666;
	line-height:1.4em;
	}
.commentAuthor {
	color:#1a1919;
	}
.commentAuthor span {
	font-size:11px;
	color:#999;
	}
.comments ol p {
	margin:0 0 10px 0;
	padding:0;
	}

/* Respond Form */

.respond {
	}
.respond form {
	margin:0;
	padding:0;
	}
.respond textarea {
	width:95%;
	overflow:visible;
	height:100px;
	border:1px solid #999;
	font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
	font-size:14px;
	color:#1a1919;
	padding:5px;
	color:#666;
	}
.respond input {
	border:1px solid #999;
	color:#666;
	}
.respond input#submit {
	border:1px solid #999;
	background:#fff;
	color:#666;
	font-weight:bold;
	padding:5px;
	cursor:pointer;
	width:120px;
	margin:0 0 20px 190px;
	}

/* The Navigation */

.navigation {
	clear:both;
	font-size:14px;
	height:20px;
	line-height:20px;
	}
.navigation .alignleft {
	float:left;
	}
.navigation .alignright {
	float:right;
	}
p.pagelinks {
	font-size:14px;
	}
p.pagelink a {
	font-weight:bold;
	}

/* For the attachment page */

.contentCenter {
	text-align:center;
	}

/* Page Titles */

h2.pagetitle {
	text-align:center;
	font-size:20px;
	margin-bottom:20px;
	}