/*
/*
Theme Name: Michael Usher Mortgage Services
Description: Created by <a href="http://kosjak.ru/">kosjak</a>.
Version: 1.00
Author: kosjak
Author URI: http://kosjak.ru/
Tags: fixed width, three columns, valid XHTML, widgets
*/

body {
	min-width: 940px;
	font: small "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #000000;
	background-color: #FEFAA9;
	margin: 0px;
	padding: 0px;
	background-image: url(images/body-back.gif);
	background-repeat: repeat-x;
}

.content {
	padding: 8px 20px;
	font-size: 0.75em;
	line-height: 1.5em;
}

.content p {
	margin: 6px 0 12px 0;
}

.cont_reading p{ font-size: 1.2em;}

h1 {
	margin: 0px;
	font-size: 1.4em;
	letter-spacing: 0.2em;
}

#logostr{ width: 900px; height: 123px; margin: 0 auto; padding:0; background-color:#00007E; color: #fff;}
#logostr h1, #logostr a {letter-spacing: 0.07em; margin: 0; font-size: 2.2em; font-family:arial; color: #fff; text-decoration: none;}
#logostr a{ font-weight: bold;}

#menu ul{list-style-type:none; margin: 0; padding: 4px 0 0 0; width: 100%; text-align: center; width: 899px; height: 35px;}
#menu ul li a{color:#fff; text-decoration: none; font-size: 12px; letter-spacing: 0em; margin:0; font-weight: bold; padding:7px 0 0 0;  background-image: url(images/button.gif); background-repeat: no-repeat; width:124px; height:23px; text-align: center; display: -moz-inline-block; display:inline-block;}

#menu ul li a:hover{ text-decoration: underline;}

#menu li{display: inline; padding: 0px; margin: 0 5px;}
#menu ul li a span{}

#menu{background-color: #fff; width:900px; margin: 0 auto;}

#logo{ background-image: url(images/mums_Logo.jpg); height: 100px; width: 130px; background-repeat: no-repeat; float: left; margin: 0 20px;}

#logostr p.description { margin: 0 0 0 30px; padding: 0; height:76px; width:535px; background-image: url(images/your_local_mortage_experts.gif); background-repeat: no-repeat; background-position: top left; float: left;}

.info{ margin:5px 0 0; padding: 0; font-weight: bold; text-align: center;}

h2 {
	font-size: 1.5em;
	margin: 0px 0px 0px;
}

h3 {
	font-size: 1.2em;
	margin: 28px 0px 0px;
}


a:link, a:visited {
	color: #000077;
	text-decoration: underline;
}

a:hover {
	color:#000077;
	text-decoration:none;
}

a:active {
	color:#993300;
}

#masthead {
	margin: 0 auto;
	width: 900px;
	background-image: url(images/header_micael.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	height: 340px;
}

#columnwrapper {
	margin: 0 auto;
	width: 900px;
	color: #000000;
	background-color: #fff;
	background-repeat: repeat-y;
	padding:15px 0 0;
}

#columns-bottom {
	clear: both;
	background-repeat: no-repeat;
	height: 12px;
	font-size: 0px;
}

.section {
	margin-bottom: 10px;
}

.section p {
	margin-top: 10px;
}

.section h1{ font-size: 2.1em;}

.quill {
	position:relative;
	top: 0px;
	left: 0px;
	width: 35px;
	height: 60px;
	float: left;
	background-image: url(images/quill.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.author_title {
	font-size: 0.95em;
	color:#666666;
	font-family: "Times New Roman", Times, serif;
}

.rss {
	width: 120px;
	height: 14px;
	position:relative;
	top: 0px;
	float: right;
	right: 0px;
	text-align: right;
	font-size: 10px;
	vertical-align: 5%;
	background-image: url(images/rss.gif);
	background-repeat: no-repeat;
	background-position: left;
}

.cont_reading {
	color:#333333;
}

.cont_reading a:link, .cont_reading a:visited {
	color:#000077;
	text-decoration:underline;
}

.cont_reading a:hover {
	color: #000;
	text-decoration:none;
}

#left, #center, #right {
	float: left;
}

#left, #right {
	width:170px;
}

#links_left, #links_right {
	width: 150px;
	margin-top:30px;
	margin-left:20px;
}

.top{
	font-weight: bold;
}
.top a, .topnormal a{
	 height: 21px !important;
}

.topnormal{
	font-weight: normal;
}

#links_left h3, #links_right h3 {
	font-family:"Times New Roman", Times, serif;
	color:#000;
	font-size: 18px;
	margin-top: 0px;
}

/*#links_left ul, #links_right ul {
	margin-top: 5px;
	margin-bottom: 20px;
}*/

#links_right ul, #links_left ul {
	margin: 0;
	padding: 0
	;list-style-type:none;
}

#links_left li, #links_right li {
	font-size: 1.1em;
}

#links_left li li, #links_right li li {
	font-size: 1em;
	margin-top: 0px;
	margin-left: -5px;
}

#links_right ul li, #links_left ul li{
	margin:6px 0 12px;
}

#links_right ul li a, #links_left ul li a{
	background-image: url(images/button_lh_side.gif);
	display: block;
	width: 146px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	padding: 1px 0 0;
}

#links_right ul li a:hover, #links_left ul li a:hover{text-decoration: underline;}

#right .content, #left .content { width: 155px; margin: 0; padding: 0;}

#center {width: 530px;}

#center h1, #center h2 {
	font-family: "Maiandra GD", "Juice ITC", Georgia, Arial;
	font-weight: bold;
	color:#000077;
}

#center h1 a:link, #center h1 a:visited, #center h2 a:link, #center h2 a:visited {
	font-family: "Maiandra GD", "Juice ITC", Georgia, Arial;
	font-weight: bold;
	color:#000077;
}


/*#center .content {
	background-color:#F4F4EC;
}*/

#right {
	margin-right: 0px;
	background-repeat: no-repeat;
	background-position: left top;
}

#footer {
	width: 900px;
	margin: 0px auto;
	font-size: .7em;
	background-color: #fff;
}
#footercontent {
	padding:16px 80px;
	width:646px;
	color:#000;
	margin: 0 auto;
	background-image: url(images/separator.gif);
	background-repeat: no-repeat;
	background-position: top center;
}
#footercontent p{ margin: 0 0 10px 0; padding: 0; text-align: center;}

.clearfloat {
	clear: both;
	height: 0;
	line-height: 0.0;
	font-size: 0;
}

/* The styling below this line is used for the WordPress specific items */

.commentlist li { /* Used on the comments.php */
	list-style:none;
	margin-bottom: 10px;
	margin-left: -25px;
	border: 1px dotted #CCC;
	padding: 10px;
}

.avatar { /* Used on the comments.php */
	position:relative;
	top: 0px;
	left: 0px;
	width: 35px;
	height: 35px;
	float: left;
	background-repeat: no-repeat;
	background-position: left top;
	margin-right: 8px;
}

.alt { /* Used on the comments.php */
	background-color:#669966;
	background-image: none;
	background-repeat: no-repeat;
	color:#FFFFFF;
}

.alt a:link, .alt a:visited { /* Used on the comments.php */
	color:#333333;
}

.filedto { /* used on the archive.php */
}

.filedto a:link, .filedto a:visited {
	color: #000;
	font-weight:bold;
}

.filedto a:hover {
	color:#006600;
	text-decoration:none;
}

.search_form {
	border: 1px solid #00007E;
	width: 129px;
	height: 19px;
	text-align: left;
	color: #9595B7;
	margin-top: 0;
	padding:0 0 0 3px;
	font-size: 1em;
}

.comment_form {
	border: 2px solid #999966;
	text-align: left;
	color: #000;
	font-weight: bold;
	margin-top: 5px;
}

.comment_button {
	color:#000077;
	border: 1px solid #000077;
}

.widgets { /* used in the functions.php */
	margin-top: 12px;
	margin-bottom: 12px;
}

.widgets p{
    font-size: 1.5em;
	letter-spacing: .1em;
	text-transform: capitalize;
	margin:28px 0 15px 0;
	color: #00007E;
	text-decoration: underline;
}

.widgets ul li{
	margin:0 !important;
}

.widgets ul.topnormal li a, .widgets ul.top li a{
	background-image: url(images/button_lh_side.gif) !important;
	display: block !important;
	width: 146px !important;
	height: 21px !important;
	color: #fff !important;
	text-align: center !important;
	text-decoration: none !important;
	padding: 1px 0 0 !important;
	margin: 6px 0 12px !important;
}

.widgets ul.topnormal li a:hover, .widgets ul.top li a:hover{
	text-decoration: underline !important;
}


.widgets ul li a{
	background-image: url(images/bullet.gif) !important;
	background-repeat: no-repeat;
	background-position: left;
	padding:0 0 0 9px !important;
	color: #00007E !important;
	text-align: left !important;
}

.widgets ul li .rsswidget{
    background-image:none !important;
	line-height:1em;
	margin:0 0 11px;
}
/* Begin Calendar */
#calendar_wrap{
	text-align: center;
	width:130px;
}

#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 129px;
}

#wp-calendar #next a {
	padding-right: 15px;
	text-align: right;
}

#wp-calendar #prev a {
	padding-left: 15px;
	text-align: left;
}

#wp-calendar a {
	display: block;
	border: none;
	font-weight:bold;
}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	color:#000;
	font-size: 1.2em;
	font-weight: bold;
}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #ffffff;
}

/* End Calendar */

/* Begin Images */

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */
	
p img {
	padding: 0;
	max-width: 100%;
}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}

.alignright {
	float: right;
}

.alignleft {
	float: left
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;	
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption-dd {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

/* End Images */

/* Syling for "Older / Newer" when specific number of posts have been reached */
.navigation a:link, .navigation a:visited {
	font-size: .85em;
	color:#996600;
}

#mortgage br{ display:none;}
#yrs p { display: inline;}

.textwidget input{ width: 120px;}}