@charset "utf-8";

@import url("http://fonts.googleapis.com/css?family=Open+Sans:400,700|Gudea:400,700");

/* Primary colors */
@import url("colors/primary-blue.css");
/* @import url("colors/primary-gray.css"); */
/* @import url("colors/primary-jungle.css"); */
/* @import url("colors/primary-sand.css"); */

/* Secondary colors */
@import url("colors/secondary-green.css");
/* @import url("colors/secondary-orange.css"); */
/* @import url("colors/secondary-camel.css"); */
/* @import url("colors/secondary-old-green.css"); */

@import url("nivo-slider.css");
@import url("prettyPhoto.css");
@import url("prettySociable.css");

/*--------------------------------------------------------------------------------------------------------
CSS Styles for <FOUNDATION>.

version:   2.2
author:    Hleb Poltanovich
email:     idealizator@gmail.com   
--------------------------------------------------------------------------------------------------------*/

/* =General
--------------------------------------------------------------------------------------------------------*/ 

/* hides the spin-button for firefox */
input[type=number] {
    -moz-appearance:textfield;
}
/* hides the spin-button for chrome*/
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}



/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
.clear { clear: both; height: 1px; font-size: 1px; line-height: 1px; }
img { border: 0; }


body {
	font-size: 12px;
	line-height: 21px;
	color: #888;
	padding-bottom: 60px;
	height: auto;
}

#page { width: 960px; margin: 50px auto 0; 100% 0; }

/* End General
--------------------------------------------------------------------------------------------------------*/



/* =Typography
--------------------------------------------------------------------------------------------------------*/

/* fonts */
body, input[type="text"], input[type="number"], input[type="submit"], input[type="button"], button, textarea, select, #footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 { font-family: "Open Sans", Arial, Helvetica, sans-serif; }
h1, h2, h3, h4, h5, h6, #main-nav, .nivo-caption, #homepage-post { font-family: "Gudea"; }

/* links */
a { color: #888; text-decoration: none; }
a:hover { text-decoration: underline; }

/* p tag */
p { padding-bottom: 18px; }

/* lists */
#main-col ul, #main-col ol { padding: 7px 0 18px; }
#main-col ul { list-style-type: square; list-style-position: inside; }
#main-col ul ul, #main-col ol ol { padding: 5px 0 2px; font-size: 11px; color: #999; }
#main-col ul ul { margin-left: 14px; }
#main-col ul li { padding: 0 0 6px 2px; }
#main-col ul ul li { padding-bottom: 2px; }
#main-col ul.arrow { max-width: 90%; }
#main-col ul.arrow li {
	background-position: 0 9px;
	background-repeat: no-repeat;
	padding: 7px 0 9px 23px;
	border-top: #ccc 1px dotted;
	list-style-type: none;
	list-style-position: outside;
}
#main-col ul.arrow li:first-child { border: none; padding-top: 0; background-position: 0 2px; }
#main-col ul.arrow ul { margin-left: 0; }
#main-col ul.arrow ul li { padding: 0 0 2px 11px; background-position: -6px 7px; list-style-type: none; }
#main-col ol li {
	padding-bottom: 6px;
	list-style-type: decimal;
	list-style-position: inside;
}
#main-col ol ol li {list-style-type: lower-alpha; margin-left: 20px; padding-bottom: 2px; }
#main-col .full-page-text ul, #main-col .full-page-text ol { padding-top: 2px; padding-left: 15px; }
#main-col .full-page-text ul.arrow li { background-position: 0 11px; border-top: none; padding-bottom: 1px; }
#main-col .full-page-text ul.arrow li:first-child { background-position: 0 4px !important; }
#main-col .full-page-text ul.arrow ul li { padding-left: 14px; }

/* lists2 */
#main-col2 ul, #main-col ol { padding: 7px 0 18px; }
#main-col2 ul { list-style-type: square; list-style-position: inside; }
#main-col2 ul ul, #main-col ol ol { padding: 5px 0 2px; font-size: 11px; color: #999; }
#main-col2 ul ul { margin-left: 14px; }
#main-col2 ul li { padding: 0 0 6px 2px; }
#main-col2 ul ul li { padding-bottom: 2px; }
#main-col2 ul.arrow { max-width: 90%; }
#main-col2 ul.arrow li {
	background-position: 0 9px;
	background-repeat: no-repeat;
	padding: 7px 0 9px 23px;
	border-top: #ccc 1px dotted;
	list-style-type: none;
	list-style-position: outside;
}
#main-col2 ul.arrow li:first-child { border: none; padding-top: 0; background-position: 0 2px; }
#main-col2 ul.arrow ul { margin-left: 0; }
#main-col2 ul.arrow ul li { padding: 0 0 2px 11px; background-position: -6px 7px; list-style-type: none; }
#main-col2 ol li {
	padding-bottom: 6px;
	list-style-type: decimal;
	list-style-position: inside;
}
#main-col2 ol ol li {list-style-type: lower-alpha; margin-left: 20px; padding-bottom: 2px; }
#main-col2 .full-page-text ul, #main-col .full-page-text ol { padding-top: 2px; padding-left: 15px; }
#main-col2 .full-page-text ul.arrow li { background-position: 0 11px; border-top: none; padding-bottom: 1px; }
#main-col2 .full-page-text ul.arrow li:first-child { background-position: 0 4px !important; }
#main-col2 .full-page-text ul.arrow ul li {  padding-left: 14px; }

/* other */
blockquote {
	padding: 3px 0 0 36px;
	margin: 8px 0 10px 40px;
	font-size: 18px;
	line-height: 28px;
	background-position: 0 8px;
	background-repeat: no-repeat;
}

.h-light1 { color: #fff;  padding: 0 4px; }
.h-light1 a { color: #fff; !important; font-weight: bold; }
.h-light2 { border-bottom-width: 1px; border-bottom-style: dotted; }

/* columns */
.col-25, .col-50, .col-75, .col-33, .col-66 { float: left; margin-right: 30px; padding-bottom: 15px; }
#homepage-teasers .col-25, #homepage-teasers .col-50, #homepage-teasers .col-33, #homepage-teasers .col-66, #homepage-teasers .col-75,
#footer .col-25, #footer .col-50, #footer .col-33, #footer .col-66, #footer .col-75 { margin: 0; }

.c-last { margin: 0; }
.col-75 { width: 438px; }
.col-50 { width: 276px; }
.col-25 { width: 121px; }
.col-33 { width: 173px; }
.col-66 { width: 382px; }
.col-100 { width: auto !important; float: none !important; }

#home .col-50 { width: 295px; }
#home .col-25 { width: 132px; }
#home .col-33 { width: 186px; }
#home .col-66 { width: 404px; }
#home .col-75 { width: 457px; }

#homepage-teasers .col-75 { width: 464px; }
#homepage-teasers .col-50 { width: 310px; }
#homepage-teasers .col-25 { width: 155px; }
#homepage-teasers .col-33 { width: 207px; }
#homepage-teasers .col-66 { width: 412px; }

#footer .col-25 { width: 130px; }
#footer .col-50 { width: 295px; }
#footer .col-75 { width: 460px; }
#footer .col-33 { width: 185px; }
#footer .col-33 { width: 405px; }
#footer .col-100 { border: none !important; }

#portfolio .col-33 { width: 188px; }

/* tables */
table { border-collapse: collapse; font-size: 12px; cursor: default; }
table th {
	font-weight: 900;
	text-align: left;
	padding: 5px 5px 6px 9px;
}
table td {
	padding: 5px 5px 6px 9px;
	color: #666;
}
table tr:hover td {color: #000; }
.cell-hidden { border: none; background: none; }

/* End Typography
--------------------------------------------------------------------------------------------------------*/



/* =Headings
--------------------------------------------------------------------------------------------------------*/

h1 {
	font-size: 26px;
	line-height: 30px;
	padding: 6px 0 18px;
	padding-bottom: 11px;
}
h1 em, h1 i {
	font-size: 18px;
	line-height: 20px;
	padding-top: 7px;
	font-weight: normal;
	font-style: normal;
	float: right;
}

h2 { font-size: 20px; line-height: 25px; padding: 4px 0 14px; }
h3 { font-size: 18px; line-height: 23px; padding: 4px 0 12px; }
h4 { font-size: 16px; line-height: 21px; padding: 4px 0 10px; }
h5 { font-size: 15px; line-height: 21px; padding: 4px 0 10px; }
h6 {
	font-size: 14px;
	line-height: 19px;
	font-weight: normal;
	padding: 4px 0 3px;
}

/* End Headings
--------------------------------------------------------------------------------------------------------*/



/* =Branding
--------------------------------------------------------------------------------------------------------*/

#logo {
	width: 280px;
	display: block;
	overflow: hidden;
}
#logo img { display: block; }

#big-slider, #slider-container {
	width: 620px;
	overflow: hidden;
	height: 365px;
	position: relative;
}
#big-slider a { display: block; }
.nivo-controlNav {
	height: 24px;
	float: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	z-index: 1001;
	position: absolute;
	top: 0;
	right: 0;
	padding: 11px 17px 0 17px;
}
.nivo-controlNav a {
	display: block;
	width: 14px;
	float: left;
	text-indent: -100px;
	overflow: hidden;
	height: 14px;
	margin-right: 8px;
}
.nivo-controlNav a.active { background-position: 0 0; }

.nivo-caption {
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	padding: 0 4px 0 30px;
	top: 0;
	width: 580px;
	height: 35px;
	line-height: 35px;
	left: auto;
	font-size: 14px;
	font-weight: 300;
	left: 0;
	white-space: nowrap;
	position: absolute;
}
.nivo-caption p { padding: 0; }

/* End Branding
--------------------------------------------------------------------------------------------------------*/



/* =Main Nav
--------------------------------------------------------------------------------------------------------*/

#main-nav {
	line-height: 33px;
	font-size: 14px;
	margin-bottom: 40px;
	float: left;
}
#main-nav ul li a {
	text-decoration: none;
	display: block;
	padding-left: 25px;
	height: 35px;
}
#main-nav ul li.dd a {
	background-image: url("http://www.mortgagecalculator.biz/img/menu-dd.png");
	background-position: 254px 12px;
	background-repeat: no-repeat;
}
#main-nav ul li {
	height: 35px;
	width: 280px;
	float: left;
	margin-top: 1px;
	display: block;
	position: relative;
}
#main-nav ul li.current-menu-item a, #main-nav ul li:hover a { color: #fff; }
#main-nav ul li.current-menu-item, #main-nav ul li:hover { border-top-width: 1px; border-top-style: solid; margin-top: 0 !important; }
#main-nav ul li.dd:hover a { width: 256px; }
#main-nav ul li:first-child { padding-top: 0; }

/* second level */
#main-nav ul li ul {
	display: none;
	position: absolute;
	left: 146px;
	border: #fff 1px solid;
	border-left: none;
	top: -1px;
	font-size: 14px;
	white-space: nowrap;
	padding: 0 10px;
	z-index: 100;
}
#main-nav ul li ul li {
	width: 170px;
	clear: both;
	border-top-width: 1px;
	border-top-style: solid;
	margin: 0;
	z-index: 100;
}
#main-nav ul li ul li:first-child { border: none;}
#main-nav ul li:first-child ul { top: 0;}
#main-nav ul li:hover ul { display: block;}
#main-nav ul ul a {	width: auto !important;	padding: 0 !important; text-align: left;}
#main-nav ul ul li:hover a, #main-nav ul ul li.current-menu-item a { color: #fff !important;}


/* End Main Nav
--------------------------------------------------------------------------------------------------------*/


/* =Sub Nav
--------------------------------------------------------------------------------------------------------*/

#share {
	position: absolute !important;
	left: auto !important;
	right: -21px !important;
	top: 25px !important;
	width: 21px !important;
	height: 90px !important;
	display: block !important;
	opacity: 1 !important;
}

/* End Sub Nav
--------------------------------------------------------------------------------------------------------*/


/* =Main Content
--------------------------------------------------------------------------------------------------------*/

#wrap { float: left; width: 100%; }

#main-col {
	width: 620px;
	margin: -25px 0 0 280px;
	position: relative;
	padding: 25px 40px 0 20px;
}

#main-col2 {
	width: 900px;
	margin: -25px 0 0 0px;
	position: relative;
	padding: 25px 30px 0 30px;
}

/* homepage post */
#homepage-post {
	border-top-width: 1px;
	border-top-style: solid;
	padding: 16px 25px 10px 30px;
	text-align: center;
}
#homepage-post .p-title, #homepage-post .p-title a { color: #fff; letter-spacing: -1px; }
#homepage-post .p-content {
	font-size: 16px;
	font-weight: 300;
	line-height: 23px;
	margin-top: -1px;
}

#homepage-teasers {
	overflow: hidden;
	width: 618px;
	margin-top: 30px;
	border-width: 1px;
	border-style: solid;
}
#ht-inner { width: 625px; }

/* breadcrumnbs */
#page #breadcrumbs {
	height: 29px;
	line-height: 28px;
	padding: 0px;
	border: #fff 1px solid;
	border-top: none;
	border-bottom: none;
	font-size: 12px;
	float: left;
	width: 618px;
}

/* breadcrumnbs */
#page #breadcrumbs2 {
	height: 29px;
	line-height: 28px;
	padding: 0px;
	border: #fff 1px solid;
	border-top: none;
	border-bottom: none;
	font-size: 12px;
	float: left;
	width: 888px;
}



#page #breadcrumbs li {
	float: left;
	padding: 0 0 0 16px;
	margin-right: 6px;
	background-position: 3px 11px;
	background-repeat: no-repeat;
	list-style-type: none;
	list-style-position: outside;
}

#breadcrumbs li a { float: left; }
#breadcrumbs li a:hover { text-decoration: underline; }

#page #breadcrumbs2 li {
	float: left;
	padding: 0 0 0 16px;
	margin-right: 6px;
	background-position: 3px 11px;
	background-repeat: no-repeat;
	list-style-type: none;
	list-style-position: outside;
}

#breadcrumbs2 li a { float: left; }
#breadcrumbs2 li a:hover { text-decoration: underline; }






/* main title on page */
#page-head {
	margin-bottom: 25px;
	overflow: hidden;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
#page-head h1 {
	padding: 15px 15px 12px;
	color: #fff;
	height: 33px;
}

/* wp classes and meta info formatting */
.alignleft, .alignright, .aligncenter { border: #ddd 1px solid; margin-top: 7px; padding: 1px; }
.aligncenter { margin: 0 auto; display: block; }
.alignright { float: right; margin-left: 18px; margin-bottom: 4px; }
.alignleft { float: left; margin-right: 18px; margin-bottom: 4px; }
#blog #main-col .alignleft, #blog #main-col .alignright, #blog #main-col .aligncenter {
	border: none;
	padding: 3px;
	margin: 0 0 10px;
	display: block;
}
#blog .aligncenter { width: 539px; }

#pagination { overflow: hidden; padding: 0 !important; }
#pagination li {
	float: left;
	padding: 0 !important;
	font-size: 14px;
	margin-right: 10px;
	list-style-type: none;
}
#pagination a {
	text-decoration: none;
	color: #aaa;
	display: block;
	text-align: center;
	width: 30px;
	padding-right: 2px;
	height: 27px;
	line-height: 26px;
	border: #ddd 1px solid;
}
#pagination li.act a, #pagination li a:hover { color: #fff; }

/* page content and post body formatting */
.full-page-text { margin: 0 15px 10px; font-size: 13px; line-height: 22px; }

.post { margin-bottom: 25px; padding-bottom: 25px; }
.post .p-title { padding: 3px 4px 1px; font-size: 20px; }
.post .p-title a:hover { text-decoration: underline; }
.post-content { padding: 6px 4px 2px; line-height: 19px; }

.post-item { overflow: hidden; padding: 4px 0 9px; }
.post-item .p-title { padding: 4px 0 5px; line-height: 20px; font-weight: bold; }

.thumbnail { margin-top: 3px !important; }
.thumbnail img { display: block; }

#homepage-post .p-title a:hover { text-decoration: none; }
#blog .post {
	padding: 11px 18px 0 15px;
	margin-bottom: 30px;
	width: 555px;
	min-height: 100px;
	position: relative;
}
#blog .post-content { font-size: 12px; }

#blog .p-meta { position: absolute; right: -46px; top: 0; }
#in-post-meta {
	overflow: hidden;
	height: 34px;
	line-height: 34px;
	padding: 0 12px;
}

.format-standard .p-type, .format-image .p-type, .format-link .p-type, .format-video .p-type {
	display: block;
	width: 39px;
	height: 39px;
}
.format-video .p-type { background-position: 7px -101px; }
.format-image .p-type { background-position: 7px 11px; }
.format-link .p-type { background-position: 7px -158px; }

#blog .p-meta .date {
	width: 39px;
	float: none;
	border: none;
	color: #fff;
	padding: 5px 0 4px;
	border-top: #efefef 1px solid;
}
a.comments-count {
	display: block;
	height: 40px;
	width: 39px;
	border-top: #efefef 1px solid;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	line-height: 32px;
	background-position: 0 -4px;
	background-repeat: no-repeat;
}
a:hover.comments-count { background-position: 0 -48px; text-decoration: none; }

img.thumbnail { margin-bottom: 14px !important; }

.accordion { padding-bottom: 20px; clear: both; }
.accordionTitle, .tabs li a {
	margin-top: 10px;border: 1px solid #e3e3e3;
	height: 32px;
	line-height: 31px;
	color: #888;
	font-size: 13px;
	padding: 0 14px 0 44px;
	cursor: pointer;
}
.accordionTitle:hover { background-color: #ffc; }
.a-open { background-position: 14px -75px; }
.accordionContent {
	padding: 14px;
	overflow: hidden;
	border: 1px solid #e3e3e3;
	border-top: none;
}
.accordionContent .l-child, .tab-content .l-child { padding-bottom: 5px; }
.accordionContent *:last-child, .tab-content *:last-child { padding-bottom: 5px; }

.tabs_table { clear: both; }
.tabs {	padding: 0 0 0 1px !important; margin-bottom: -1px; height: 34px; }
.tabs li {
	float: left;
	list-style-type: none !important;
	list-style-position: outside !important;
	cursor: pointer;
	white-space: nowrap;
	margin-left: -1px;
	padding: 0 !important;
}
.tabs li a {
	display: block;
	float: left;
	padding-left: 14px;
	margin: 0;
}
.tabs li a:hover { text-decoration: none;  }
.tabs li a.selected {  border-bottom: #fff 1px solid; position: relative; }
.panes { border: 1px solid #e3e3e3; padding: 14px; }

#cat-container { padding: 5px 0 10px; width: 620px; }
#portfolio #cat-container { width: 650px; }
.p-category { padding: 0 !important; margin-top: -25px !important; }

#portfolio-media { padding-top: 10px; width: 590px; }
#portfolio-media ul { float: right; width: 76px; }
#portfolio-media li { list-style-type: none; padding: 0 0 20px !important; overflow: hidden; width: 76px; }
#portfolio-media li img { display: block; border: #efefef 3px solid; }

#full-size {
	width: 485px;
	border: 3px solid #EFEFEF;
	overflow: hidden;
	left: -3px;
	position: relative;
}
#full-size img { display: block; }

a.more {
	padding: 3px 29px 3px 8px;
	border-width: 1px;
	border-style: solid;
	background-position: 100% 0;
	background-repeat: no-repeat;
	font-size: 12px;
	position: relative;
	font-weight: bold;
	border-radius: 2px;
	text-shadow: 1px 1px 0 #fff;
}
a:hover.more {
	text-decoration: none;
	text-shadow: none;
	color: #fff;
	background-position: 100% -23px;
}

#p-filter {
	border-bottom: 1px dotted #D8D8D8;
	height: 23px;
	padding: 0 !important;
	width: 620px;
}
#p-filter li { list-style: none; float: right; padding: 0 !important; }
#p-filter li:first-child { float: left; margin-left: 10px; }
#p-filter li:first-child a { float: left; }
#p-filter a { float: left; height: 24px; margin: 0 15px 0 5px; color: #999; }
#p-filter a:hover {
	text-decoration: none;
	height: 21px;
	border-bottom: #D8D8D8 3px solid;
	color: #aaa;
}
#p-filter a.act { height: 21px; border-bottom-width: 3px; border-bottom-style: solid; }

.p-item { margin: 30px 23px 0 12px; padding: 0 !important; overflow: hidden; }

.p-item dt {
	position: relative;
	float: left;
	width: 73px;
	height: 58px;
	padding: 3px 0 0 3px;
}


.p-item dd {
	padding: 2px 0 0 14px;
	float: left;
	width: 186px;
	line-height: 18px;
}
.p-item dd a { font-size: 14px; font-weight: bold; }
.p-item dd span { display: block; font-size: 12px; padding-top: 2px; color: #999; }

/* =End Main Content
--------------------------------------------------------------------------------------------------------*/


/* =Secondary Content
--------------------------------------------------------------------------------------------------------*/

#left-col {
	float: left;
	margin-left: -100%;
	width: 280px;
	color: #999;
}
#left-col a { color: #999; }

/* basic widget structure */
.widget {
	padding-top: 30px;
	padding-bottom: 0;
	float: left;
	font-size: 12px;
	line-height: 18px;
}
#left-col .widget { padding: 0 25px 35px 25px; width: 230px; }
#left-col .w-title { padding: 0 0 6px; font-weight: normal; }

/* homepage widgets */
#homepage-teasers .widget { padding: 0; text-align: center; }
#homepage-teasers .w-title {
	height: 34px;
	line-height: 32px;
	color: #fff;
	border-right-width: 1px;
	border-right-style: solid;
	padding: 0;
}
#homepage-teasers .w-content {
	border-right-width: 1px;
	border-right-style: solid;
	padding: 12px 0 16px;
	min-height: 108px;
}
#homepage-teasers .w-content img {
	display: block;
	margin: 0 auto 9px;
	border: none !important;
	padding: 0 !important;
}

/* latest posts widget */
.w-news li {
	clear: both;
	overflow: hidden;
	line-height: 18px;
	padding: 14px 0;
	border-top: 1px dotted #D8D8D8;
}
.w-news li:first-child { border-top: none; }
.w-news .thumb {
	float: left;
	padding: 2px;
	border: #DDE0E4 1px solid;
	margin: -3px 10px 0 0;
}
.w-news span, .p-meta .date {
	display: block;
	color: #bbb;
	line-height: 16px;
	float: left;
	padding: 5px 0 4px;
	margin: -1px 14px 0 0;
	width: 34px;
	text-align: center;
	text-transform: uppercase;
	border-right: #DDE0E4 1px solid;
	border-bottom: #DDE0E4 1px solid;
	font-size: 10px;
}
.w-news span strong, .p-meta .date strong {	display: block;	font-size: 16px; color: #c5c5c5; }
.w-news small { font-size: 10px; text-transform: uppercase; }
.p-meta .date strong { color: #fff; }
.p-meta .date strong { font-size: 15px; }

/* list widget */
.widget_categories ul, .widget_recent_comments ul, .widget_tag_cloud ul { padding-top: 8px; overflow: hidden; }
.widget_categories a, .widget_tag_cloud a {
	text-decoration: none;
	color: #aaa;
	display: block;
	float: left;
	padding: 3px 9px 4px 8px;
	border-radius: 2px;
	border-right: #DDE0E4 1px solid;
	border-bottom: #DDE0E4 1px solid;
	font-size: 12px;
}
.widget_categories li, .widget_tag_cloud li { float: left; padding: 0 4px 4px 0; }
.widget_categories a:hover, .widget_tag_cloud a:hover { color: #fff !important; }
.widget_recent_comments ul li { padding: 0 0 12px 20px; }
.widget_recent_comments a { border-bottom: #e0e0e0 1px solid; }
.widget_recent_comments a:hover { text-decoration: none; }

#comments { padding: 25px 15px 0; }

.commentlist { padding-top: 10px; }
.commentlist li.comment { list-style-type: none !important; }
.comment-author { font-size: 16px; }
img.avatar {
	float: left;
	margin-right: 17px;
	border: 3px solid #EFEFEF;
	display: block;
}
.fn { font-style: normal; }
.comment-meta { padding: 4px 0 10px; }
.comment-meta a { color: #888 !important; font-size: 11px; }
.comment-body, .reply { padding-left: 63px; }
.reply { margin-top: -8px; }

/* End Secondary Content
--------------------------------------------------------------------------------------------------------*/


/* =Footer
--------------------------------------------------------------------------------------------------------*/

#footer { clear: both; padding-bottom: 30px; font-size: 12px; }

/* footer tags */
#footer a { text-decoration: none; }
#footer a:hover { color: #fff; text-decoration: underline; }
#footer ul li { padding-left: 14px; }

/* footer left/right sidebar */
#f-left-col { float: left; width: 280px; }
#sidebar-end {
	padding: 12px 24px 26px 25px;
	margin-top: -1px;
	position: relative;
	float: left;
	width: 231px;
}
#copyright {
	text-align: center;
	padding-top: 31px;
	clear: both;
	font-size: 12px;
}

/* footer main column (footer widget area) */
#f-main-col { float: left; width: 680px; }
#footer .widget {
	float: left;
	line-height: 22px;
	margin: 30px 4px 0 30px;
	padding: 3px 0;
	border-right-width: 1px;
	border-right-style: solid;
}

#footer .w-title {
	font-weight: normal !important;
	color: #fff !important;
	font-size: 12px !important;
	line-height: 22px !important;
	padding: 0 !important;
}
#footer .c-last { border-right: none !important; }

#footer img.alignright { margin: -20px 0 0; }

.clear-wrap { height: 45px; }
#home .clear-wrap { height: 40px; }
#portfolio .clear-wrap { height: 55px; }

/* End Footer
--------------------------------------------------------------------------------------------------------*/


/* =Forms
--------------------------------------------------------------------------------------------------------*/

/* default form styling */
input[type="text"], input[type="number"], input[type="submit"], input[type="button"], input[type="reset"], button, select {
	height: 29px !important;
    line-height: 29px;
	border: #dde0e4 1px solid;
	font-size: 13px;
	color: #333;
	padding: 0 0 1px 10px;
	display: block;
}

textarea {
	border: #dde0e4 1px solid;
	font-size: 13px;
	color: #333;
	padding: 0 0 1px 10px;
	display: block;
}


input[type="text"], input[type="number"] { font-size: 12px !important; font-weight:bold;}
input[type="text"].input-off { font-size: 12px !important; font-weight:bold;}
input[type="text"]:focus, input[type="number"]:focus, textarea:focus { border: 1px solid #bbb; color: #000; font-weight: bold; }
input[type="submit"], input[type="button"], input[type="reset"], button {
	padding: 0 10px 2px;
	height: 34px;
	line-height: 30px;
	cursor: pointer;
	border: 1px solid #DDE0E4;	color: #888;
}

input[type="text"].results {color:#08B5DB ; font-weight: bold; font-size: 15px; height: 33px;}

input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover, button:hover { color: #fff; }
textarea {
	height: 140px;
	width: 700px;
	line-height: 20px;
	padding: 6px 10px 6px 10px;
}
fieldset { overflow: hidden; padding-bottom: 20px; }
label {
	float: left;
	height: 30px;
	font-size: 13px;
	line-height: 30px;
	padding-right: 10px;
}
label.error, p.error {
	clear: both;
	width: auto;
	font-size: 12px;
	line-height: 16px;
	padding-top: 4px;
	height: auto;
	color: #b73939;
}
input.error, textarea.error, select.error, input.error:focus, textarea.error:focus, select.error:focus { border: #b73939 1px solid; }
p.error { font-size: 14px; }

/* subscribe form */
#subscribe { display: block; height: 32px; }
#subscribe input { display: block; float: left; }
#subscribe input[type="text"] {
	border-right: none;
	width: 180px;
	font-size: 13px;
	padding-bottom: 1px;
}
#subscribe input[type="submit"] {
	border-left: none !important;
	width: 38px;
	height: 32px;
	font-size: 14px;
	padding: 0;
	background-image: url("http://www.mortgagecalculator.biz/img/subscribe-submit.png");
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center 7px;
}
#subscribe input[type="submit"]:hover { background-position: center -30px; border: 1px solid #D5D9DE; border-left: none; }
#subscribe input[type="submit"].focused { border: #bbb 1px solid; border-left: none; }

/* contact and comments forms */
#contact, #respond { padding-top: 5px; }
#contact label { width: 70px; }
#respond label { width: 80px; }
#contact label.error, #respond label.error { width: auto; padding-left: 80px; }
#respond label.error { padding-left: 90px; }
#contact input[type="submit"] { margin-left: 80px; }
#respond input[type="submit"] { margin-left: 90px; }
#contact input[type="text"], select, #respond input[type="text"] { width: 300px; display: block; }
#contact select { width: 312px; }
#contact textarea, #respond textarea { width: 400px; }


/* End Forms
--------------------------------------------------------------------------------------------------------*/



/* =Misc
--------------------------------------------------------------------------------------------------------*/

.divider-dotted {
	border-bottom: 1px dotted #D8D8D8;
	height: 1px;
	line-height: 1px;
	font-size: 1px;
	clear: left;
	float: left;
	width: 590px;
	margin-bottom: 26px;
}
#ps_hover, .pp_social { display: none !important; }
.pp_description { padding-bottom: 0 !important; }
#pp_full_res { overflow: hidden; }

/* End Misc
--------------------------------------------------------------------------------------------------------*/