/*  
Theme Name: Mortgage rates custom theme
Theme URI: http://www.mortgagerates.pro/
Author: Dugu
*/

body { background:url("images/Background.png") repeat-x #eaeae0; color:#61676b; font-family:"Verdana", Arial; font-size:12px; margin:0px; padding:0px; }
img { background:transparent; border:none; }


/* --------- Header Components Variables --------- */
/* Header Variables - Rev:A002 */
#header { width:auto; height:81px; margin:0px auto; padding:0px; position:relative; overflow:hidden; }
#header-shrink { width:1011px; height:81px; margin:0px auto; padding:0px; position:relative; }

/* Branding Variables - Rev:A001  */
#branding-body { width:auto; height:40px; margin:0px; padding:0px; top:21px; position:relative; float:left; overflow:hidden; }
#branding-left { background:url("images/Header-Name-Left.png") no-repeat; width:13px; height:40px; margin:0px; padding:0px; position:relative; float:left; overflow:hidden; }
#branding-right { background:url("images/Header-Name-Right.png") no-repeat; width:13px; height:40px; margin:0px; padding:0px; position:relative; float:left; overflow:hidden; }
#branding { background:url("images/Header-Name-Loop.png") repeat-x; width:auto; height:40px; margin:0px; padding:0px; position:relative; float:left; overflow:hidden; }
#branding h1 { color:#FFFFFF; font-size:20px; font-weight:bold; text-transform:uppercase; text-decoration:none; margin:0px; padding:0px; top:7px; position:relative; }
#branding h1 a { color:#FFFFFF; font-size:20px; font-weight:bold; text-transform:uppercase; text-decoration:none; }
#branding h1 a:visited { color:#FFFFFF; text-decoration:none; }
#branding h1 a:hover { color:#1e3d6b; text-decoration:none; }
#logo { width:88px; height:94px; top:0px; position:relative; float:left;  }
#logo a { width:88px; height:94px; position:relative; float:left; border:none; }

/* Navigation Variables - Rev:A002 */
#navigation-body { width:auto; height:40px; margin:0px; padding:0px; top:21px; left:15px; position:relative; float:left; overflow:hidden; }
#navigation-left { background:url("images/Header-Nav-Left.png") no-repeat; width:12px; height:40px; margin:0px; padding:0px; position:relative; float:left; overflow:hidden; }
#navigation-right { background:url("images/Header-Nav-Right.png") no-repeat; width:13px; height:40px; margin:0px; padding:0px; position:relative; float:left; overflow:hidden; }
#navigation { background:url("images/Header-Nav-Loop.png") repeat-x; width:auto; height:40px; margin:0px; padding:0px; position:relative; float:left; }
#navigation ul { height:32px; padding:0px; margin:0px; list-style-type:none; top:4px; position:relative; float:left; }
#navigation li { height:32px; padding:0px; margin:0px; list-style-type:none; float:left; }
#navigation li a { width:auto; height:24px; color:#FFFFFF; font-size:11px; font-weight:bold; text-decoration:none; margin:0px; padding:8px 15px 0px 15px; float:left; display:block; }
#navigation li a:visited { color:#FFFFFF; font-weight:bold; text-decoration:none; }
#navigation li a:hover { background:url("images/Header-Nav-Hover.png") repeat-x; color:#FFFFFF; font-weight:bold; text-decoration:none; }
/* --------- /Header Components Variables --------- */



/* --------- Post Components Variables --------- */
/* Page Container Variables - Rev:A001 */
#content { background:url("images/Content-BodyBackground.png") repeat-y; width:1011px; height:auto; margin:0px auto; padding:0px; position:relative; overflow:hidden; }

/* Content Container Variables - Rev:A001 */
#content-shrink { width:1011px; height:auto; margin:0px; padding:0px; position:relative; float:left; overflow:hidden; }

/* Content Toolbar Variables - Rev:A001  */
#toolbar-body { background:url("images/Content-ToolbarBody.png") no-repeat; width:1011px; height:90px; margin:0px; padding:0px; position:relative; float:left; }
#toolbar-feeds { width:660px; height:auto; margin:0px; padding:0px; top:20px; left:25px; position:relative; float:left; }
.feeds-body { width:210px; height:30px; margin:0px; padding:0px; position:relative; float:left; }
.feeds-image { width:30px; height:29px; margin:0px; padding:0px; position:relative; float:left; }
.feeds-link { width:170px; margin:0px 0px 0px 10px; top:6px; position:relative; float:left; }
.feeds-link a { color:#949494; text-decoration:none; font-size:12px; font-weight:bold; }
.feeds-link a:visited { color:#949494; text-decoration:none; }
.feeds-link a:hover { color:#255880; text-decoration:underline; }
.feeds-body-alt { width:235px; height:30px; margin:0px; padding:0px; position:relative; float:left; }
.feeds-link-alt { width:170px; margin:0px 0px 0px 10px; top:6px; position:relative; float:left; }
.feeds-link-alt a { color:#949494; text-decoration:none; font-size:12px; font-weight:bold; }
.feeds-link-alt a:visited { color:#949494; text-decoration:none; }
.feeds-link-alt a:hover { color:#255880; text-decoration:underline; }
.feeds-body-alt-2 { width:200px; height:30px; margin:0px; padding:0px; position:relative; float:left; }
.feeds-link-alt-2 { width:145px; margin:0px 0px 0px 10px; top:6px; position:relative; float:left; }
.feeds-link-alt-2 a { color:#949494; text-decoration:none; font-size:12px; font-weight:bold; }
.feeds-link-alt-2 a:visited { color:#949494; text-decoration:none; }
.feeds-link-alt-2 a:hover { color:#255880; text-decoration:underline; }
#toolbar-search { width:300px; height:30px; margin:0px; padding:0px; top:20px; left:38px; position:relative; float:left; }
#toolbar-searchform { width:300px; height:30px; margin:0px; padding:0px; position:relative; }
#toolbar-s { width:253px; height:20px; color:#b3b4b5; font-style:italic; background-color:#fdfdfd; border:solid 1px #d2d8e1; margin:0px 4px 0px 0px; padding:4px 0px 0px 3px; position:relative; float:left; }
#toolbar-s:hover { color:#61676b; background-color:#fdfdfd; }
#toolbar-s:focus { color:#61676b; background-color:#fdfdfd; }
#toolbar-submit { width:auto; height:auto; margin:0px; padding:0px; position:relative; float:left; }


/* Post Variables - Rev:A001  */
#posts-body { width:683px; height:auto; margin:0px; padding:0px; position:relative; float:left; overflow:hidden; }

/* Post Machanics Variables - Rev:A001  */
.post { width:663px; margin:0px 0px 30px 0px; padding:0px; left:20px; position:relative; float:left; clear:both; }
.post-alt { width:663px; margin:0px 0px 30px 0px; padding:0px; left:20px; position:relative; float:left; clear:both; }
.post-date { background:url("images/Content-Post-DateBadge.png") no-repeat; width:73px; height:79px; float:left; }
.post-date-day { color:#f32121; font-size:17px; font-weight:bold; text-transform:uppercase; text-align:center; margin:0px; padding:20px 0px 0px 0px; display:block; }
.post-date-month { color:#61676b; font-size:14px; font-weight:bold; text-transform:uppercase; text-align:center; margin:0px; padding:0px 0px 0px 0px; display:block; }
.post-title { background:url("images/Content-Post-TitleBody.png") no-repeat; width:590px; height:79px; text-align:left; margin:0px; padding:0px; position:relative; float:left; overflow:hidden; }
.post-title h2 { width:560px; color:#255880; font-size:16px; margin:0px 0px 0px 13px; padding:0px; top:17px; position:relative; }
.post-title h2 a { color:#f32121; text-decoration:none; }
.post-title h2 a:visited { color:#f32121; text-decoration:none; }
.post-title h2 a:hover { color:#61676b; text-decoration:none; }
.post-info { width:560px; height:auto; color:#61676b; font-size:11px; text-align:left; margin:0px 0px 0px 15px; padding:0px; top:15px; position:relative; overflow:hidden; }
.post-info a { color:#255880; text-decoration:underline; }
.post-info a:visited { color:#255880; text-decoration:underline; }
.post-info a:hover { color:#16344c; text-decoration:none; }
.post-content-body { width:650px; height:auto; min-height:30px; border-top:#dcdcdc dashed 1px; margin:0px; padding:0px; left:6px; position:relative; float:left; clear:both; }
.post-article { width:650px; font-size:11px; line-height:19px; text-align:left; word-spacing:1px; margin:10px 0px 0px 0px; padding:0px; position:relative; float:left; clear:both; }
.post-article p { margin:0px; padding:0px 0px 10px 0px; position:relative; }
.post-article a { color:#255880; text-decoration:underline; }
.post-article a:visited { color:#255880; text-decoration:underline; }
.post-article a:hover { color:#16344c; text-decoration:underline; }
.post-article blockquote { background:#f7f6f6; border-left:solid #e9e9e9 5px; margin:10px 0px 15px 0px; padding:1px 10px; position:relative; }
.post-article blockquote p { color:#61676b; font-style:italic; margin:0px; padding:10px 0px 10px 0px; position:relative; }
.post-article blockquote blockquote { background:#f0f0f0; }
.post-article img { padding:5px; margin:0px; float:left; }
.post-footer-alt { width:579px; height:13px; margin:0px; padding:0px; position:relative; float:left; clear:both; }
.post-footer { width:650px; height:auto; border-top:#dcdcdc dashed 1px; margin:0px; padding:11px 0px 15px 0px; left:0px; position:relative; float:left; clear:both; }
.post-lower-info { color:#61676b; font-size:11px; text-align:left; margin:0px; padding:0px; left:5px; position:relative; overflow:hidden; clear:both; }
.post-lower-info a { color:#255880; text-align:center; text-decoration:underline; }
.post-lower-info a:visited { color:#255880; text-align:center; text-decoration:underline; }
.post-lower-info a:hover { color:#16344c; text-align:center; text-decoration:none; }
.post-spacer { width:717px; height:30px; margin:0px; padding:0px; position:relative; float:left; overflow:hidden; clear:both; }

/* Next/Previous Button Variables - Rev:A001 */
.page-navigation { background:#f4f4f4; width:645px; height:15px; font-size:12px; font-weight:bold; text-align:center; margin:30px 0px 0px 0px; padding:5px; left:20px; position:relative; float:left; clear:both; }
.page-navigation a { color:#f32121; text-decoration:none; }
.page-navigation a:visited { color:#f32121; text-decoration:none; }
.page-navigation a:hover { color:#61676b; text-decoration:none; }
.page-nav-prev { float:left; }
.page-nav-next { float:right; }

/* 404 Error Page Variables - Rev:A001 */
.not-found { width:683px; text-align:center; margin:100px 0px 0px 0px; padding:15px; position:relative; float:left; }
.not-found h2 { color:#255880; font-size:16px; font-weight:bold; text-transform:uppercase; margin:0px; padding:0px; }
/* --------- /Post Components Variables --------- */



/* --------- Comment System Variables --------- */
/* Comments Body Varibles - Rev:A002  */
#comments-body { width:663px; height:auto; margin:0px; padding:0px; left:20px; position:relative; float:left; overflow:hidden; }
.comments-center-alt { width:633px; height:auto; color:#16344c; font-size:16px; font-weight:bold; font-style:italic; text-align:center; margin:0px; padding:15px; left:20px; position:relative; float:left; }
.comments-center { width:663px; height:auto; color:#255880; font-size:16px; font-weight:bold; text-align:center; margin:0px; padding:0px; position:relative; float:left; }

/* Comment List Variables - Rev:A001 */
#comments { width:663px; height:auto; border-bottom:#dcdcdc dashed 1px; margin:0px; padding:0px; left:0px; position:relative; float:left; overflow:hidden; clear:both; }
.comment-box { width:643px; border-top:#dcdcdc dashed 1px; margin:0px; padding:10px; position:relative; float:left; overflow:hidden; }
.black { background:#f6f8f9; } /* Body Background 1 */
.white { background:#FFFFFF; } /* Body Background 2 */
.avatar { padding:0px 10px 0px 0px; float:left; }
.comment-info { width:577px; height:auto; border-bottom:#dddfe6 solid 1px; position:relative; float:left; }
.comment-author { width:100%; color:#f32121; font-size:13px; font-weight:bold; margin:5px 0px 0px 0px; padding:0px; position:relative; float:left; }
.comment-author a { color:#f32121; text-decoration:underline; }
.comment-author a:visited { color:#f32121; text-decoration:underline; }
.comment-author a:hover { color:#61676b; text-decoration:none; }
.comment-stat { color:#61676b; font-size:11px; text-decoration:none; margin:7px 0px 5px 0px; padding:0px; position:relative; float:left; }
.comment-stat a { color:#255880; text-decoration:underline; }
.comment-stat a:visited { color:#255880; text-decoration:underline; }
.comment-stat a:hover { color:#16344c; text-decoration:none; }
.comment-text { width:100%; font-size:11px; margin:0px; padding:0px; position:relative; float:left; overflow:hidden; }
.comment-text p { color:#61676b; margin:10px 0px 10px 0px; padding:0px; position:relative; }
.comment-text a { color:#255880; text-decoration:underline; }
.comment-text a:visited { color:#255880; text-decoration:underline; }
.comment-text a:hover { color:#16344c; text-decoration:none; }
.comment-text blockquote { background:#f7f6f6; border-left:solid #e9e9e9 5px; margin:10px 0px 15px 0px; padding:1px 10px; }
.comment-text blockquote p { color:#61676b; font-style:italic; margin:0px; padding:10px 0px 10px 0px; }
.comment-text blockquote blockquote { background:#f0f0f0; }
.comment-spacer { width:655px; height:20px; margin:0px; padding:0px; position:relative; float:left; overflow:hidden; }

/* Comments Form Variables - Rev:A001 */
#comment-form { width:633px; height:auto; margin:0px; padding:15px; position:relative; float:left; }
#comment-form h2 { color:#f32121; font-size:16px; text-decoration:none; margin:0px; padding:0px; }
#comment-form p { color:#61676b; font-size:11px; margin:10px 0px 0px 0px; padding:0px; }
#comment-form b { color:#61676b; }
#comment-form a { color:#255880; font-size:11px; text-decoration:underline; }
#comment-form a:visited { color:#255880; text-decoration:underline; }
#comment-form a:hover { color:#16344c; text-decoration:none; }
#commentform label { color:#16344c; font-size:10px; left:10px; position:relative; }
#commentform #author, #commentform #email, #commentform #url, #commentform textarea { color:#b3b4b5; background-color:#fdfdfd; border:solid 3px #f4f4f4; font-size:12px; padding:0px 0px 3px 2px; overflow:hidden; }
#commentform:hover #author:hover, #commentform:hover #email:hover, #commentform:hover #url:hover, #commentform textarea:hover { color:#61676b; background-color:#fdfdfd; border:solid 3px #dddfe6; padding:0px 0px 3px 2px; }
#commentform:focus #author:focus, #commentform:focus #email:focus, #commentform:focus #url:focus, #commentform textarea:focus { color:#61676b; background-color:#fdfdfd; border:solid 3px #c9c9c9; padding:0px 0px 3px 2px; }
#commentform textarea { width:500px; height:150px; overflow:hidden; }
#submit-comment { }
.comment-form-center { width:633px; height:auto; color:#f32121; font-size:16px; font-weight:bold; text-align:center; margin:0px; padding:0px; position:relative; float:left; }
/* --------- /Comment System Variables --------- */



/* --------- Sidebar & Widgets Variables --------- */
#sidebars { background:#f7f6f6; width:295px; height:auto; margin:0px; padding:0px; left:15px; position:relative; float:left; overflow:hidden; }
.sidebars-spacer { background:#FFFFFF; width:295px; height:30px; margin:0px; padding:0px; position:relative; float:left; overflow:hidden; clear:both; }
.sidebars-spacer-alt { background:#f7f6f6; width:295px; height:1px; margin:0px; padding:0px; position:relative; float:left; overflow:hidden; clear:both; }

/* Center Sidebar Variables - Rev:A001 */
#sidebar-center { width:275px; height:auto; margin:16px 0px 10px 0px; padding:0px; left:11px; position:relative; float:left; overflow:hidden; }
#sidebar-center-ads { width:275px; height:auto; margin:0px; padding:0px; left:0px; position:relative; float:left; overflow:hidden; } 
#sidebar-center-ads img { width:125px; height:125px; margin:0px 5px 10px 5px; padding:0px; position:relative; float:left; }

/* Left Sidebar Variables - Rev:A001 */
#sidebar-left { width:275px; margin:0px; padding:0px; left:10px; position:relative; float:left; overflow:hidden; }
#sidebar-left h2 { background:url("images/Content-Sidebar-Title.png") no-repeat; width:260px; height:33px; color:#16344c; font-family:Arial; font-size:16px; font-weight:bold; text-transform:uppercase; text-align:left; margin:0px; padding:15px 0px 0px 15px; position:relative; }
.sidebar-item-left { background:#FFFFFF; width:275px; height:auto; margin:0px 0px 20px 0px; padding:0px; position:relative; float:left; overflow:hidden; }
.sidebar-item-left a { color:#61676b; text-decoration:none; }
.sidebar-item-left a:visited { color:#61676b; text-decoration:none; }
.sidebar-item-left a:hover { color:#16344c; text-decoration:underline; }
.sidebar-item-left ul { width:255px; color:#61676b; font-size:12px; list-style:none; border-bottom:#dcdcdc dashed 1px; margin:0px 0px 10px 0px; padding:0px; left:10px; position:relative; float:left; overflow:hidden; }
.sidebar-item-left ul li { width:255px; height:auto; border-top:#dcdcdc dashed 1px; margin:0px; padding:5px 0px 5px 0px; float:left; overflow:hidden; }
.sidebar-item-left ul li ul { background:none; width:auto; height:auto; border:none; margin:5px 0px 5px 0px; padding:0px; overflow:hidden; }
.sidebar-item-left ul li ul li { width:255px; height:auto; border:none; font-size:11px; margin:0px 0px 0px 20px; padding:5px 0px 5px 0px; float:left; overflow:hidden; }

/* Calenda Widget - Rev:A001 */
#wp-calendar { width:100%; margin:0px auto; padding:0px 20px 10px 20px; position:relative; }
#wp-calendar table { width:100%; margin:0px; padding:0px; position:relative; }
#wp-calendar caption { width:100%; color:#255880; font-weight:bold; text-align:center; margin:0px; padding:10px 0px 10px 0px; position:relative; }
#wp-calendar th { color:#f32121; font-style:normal; text-transform:capitalize; margin:5px 0px 5px 0px; padding:3px 0px 3px 0px; }
#wp-calendar td { border:1px solid #f4f4f4; color:#61676b; text-align:center; margin:0px; padding:3px 0px 3px 0px; }
#wp-calendar td a { color:#16344c; text-align:center; text-decoration:underline; margin:0px; padding:3px 0px 3px 0px; }
#wp-calendar td a:visited { color:#16344c; }
#wp-calendar td a:hover { color:#255880; }
#wp-calendar #next a { color:#255880; text-align:right; text-decoration:underline; margin:0px; padding-right:10px; }
#wp-calendar #next a:visited { color:#255880; }
#wp-calendar #next a:hover { color:#16344c; }
#wp-calendar #prev a { color:#255880; text-align:left; text-decoration:underline; margin:0px; padding-left:10px; }
#wp-calendar #prev a:visited { color:#255880; }
#wp-calendar #prev a:hover { color:#16344c; }

/* Tag Cloud Widget - Rev:A001 */
.tag-cloud { width:255px; text-align:justify; margin:0px auto 10px auto; padding:0px; left:0px; position:relative; }
.widget_tag_cloud { width:255px; text-align:justify; margin:0px auto; padding:0px; left:10px; position:relative; }

/* Text - Rev:A001 */
.textwidget { width:255px; color:#61676b; font-size:11px; text-align:left; word-spacing:1px; line-height:17px; margin:0px 0px 10px 0px; padding:5px 0px 5px 0px; left:10px; position:relative; }
.textwidget img { float:left; padding:0px 5px 5px 0px }
.textwidget p { color:#61676b; margin:0px; padding:0px; }
.textwidget a { color:#255880; text-decoration:none; }
.textwidget a:visited { color:#255880; text-decoration:none; }
.textwidget a:hover { color:#16344c; text-decoration:underline; }

/* Search Widget - Rev:A001 */
#searchform { margin:5px 10px 10px 10px; padding:0px; position:relative; }
#s { width:210px; height:22px; color:#b3b4b5; font-style:italic; background-color:#fdfdfd; border:solid 1px #f4f4f4; margin:0px 0px 0px 0px; padding:4px 0px 0px 3px; position:relative; }
#s:hover { color:#61676b; background-color:#fdfdfd; border:solid 1px #dddfe6; }
#s:focus { color:#61676b; background-color:#fdfdfd; border:solid 1px #c9c9c9; }
#submit { margin:0px; padding:2px; top:0px; position:relative; }
/* --------- /Sidebar & Widgets Variables --------- */



/* --------- Footer Variables --------- */
/* Footer Variables - Rev:A001 */
#footer { width:1011px; height:auto; margin:0px auto; padding:0px; position:relative; overflow:hidden; }
#footer-toolbar { background:url("images/Footer-Toolbar.png") no-repeat; width:1011px; height:20px; margin:0px; padding:0px; position:relative; float:left; }

#footer-text { width:1011px; height:50px; margin:0px auto; color:#61676b; font-size:11px; text-align:center; padding:30px 0px 0px 0px; position:relative; float:left; }
#footer-text a { color:#16344c; text-decoration:underline; }
#footer-text a:visited { color:#16344c; text-decoration:underline; }
#footer-text a:hover { color:#16344c; text-decoration:none; }
/* --------- /Footer Variables --------- */


