/**
  Theme Name: Total Mortgage
  Theme URI: 
  Version: 1.2
  Author: Total Mortgage Services
  Author URI: http://www.totalmortgage.com
  Tags: 
  License: 
  Description:

  The CSS that follows is the bare minimum of styling for a two column, fixed width and centred layout that should be
  consistent in 'modern browsers'
*/

li.widget{list-style-type:none !important;}

html {
  overflow-y: scroll;
}

body {}

.blog_padding{padding-left: 20px; padding-right: 20px;}
.grey_box_blog{clear: both; padding: 15px; margin: 30px 0 !important; width: 570px; background: #eee; border: 1px solid #c2c2c2; color:3c3c3c; text-align: center; -moz-border-radius: 7px; -webkit-border-radius: 7px;}

span.tagline{display: block; font-size: 16px; font-style: italic; margin-top: 8px; margin-bottom: 20px;}

#canvas_wrapper{font-family: Arial, Verdana, sans-serif; font-size: 13px !important; line-height: 21px !important; width: 100%; float: left; margin-top: -6px; padding-top: 6px;  background: url(images/canvas-wrapper-bg.gif) top center repeat-y;}
#canvas_wrapper p{font-family: Arial, Verdana, sans-serif; font-size: 13px !important; line-height: 21px !important;}
#canvas_wrapper p.wp-caption-text{padding-left: 20px; font-size: 12px !important; font-weight: bold;}

#canvas {
  width: 980px;
  margin: 0 auto;
}

#header {
  margin: 0 0 10px 0;
}
  /** the heading and tagline are h1 on homepage and h4 on internal */
  #header h1,
  #header h4 {
    font-size: 30px;
    margin: 0;
    padding: 10px 0 10px 0;
  }
    /** the tagline is a span within the h1 or h4 */
    #header h1 span,
    #header h4 span { }
	
	#primaryContent h1 a{color: #000; font-size: 26px;}
	#primaryContent h2 a{color: #000; font-size: 22px;}
  /**
    Nav and Subnav
    Split these out if you want the two levels to look different
  */
  
  #nav,
  #subNav {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  #subNav {
    margin-top: 10px;
  }
    #nav li,
    #subNav li {
      display: inline;
      padding: 0 10px 0 0;
    }
    /* Currently selected page nav item (and parent) if applicable */
    .current_page_item a,
    .current_page_parent a {
      text-decoration: none;
    }
      .current_page_item a:hover,
      .current_page_parent a:hover {
        text-decoration: underline;
      }

/**      main content     */
#primaryContent {
  width: 640px;
  float: left;
  padding: 20px 0;
  margin: 0;
  position: relative;
}
  #primaryContent h1{padding: 0; margin: 10px 0 0 -24px; padding: 5px 0 5px 18px;  background: url(/images/header_arrow.gif) 4px 6px no-repeat;}

  #primaryContent h2 {
    padding: 0;
    margin: 10px 0 0 0;
  }

  /* titles are h2 on homepage and h1 for internal */
  #primaryContent h1.postTitle{font-size: 26px; font-weight: normal; padding-top: 1px; line-height: 32px; margin-bottom: 0;}
  #primaryContent h2.postTitle {
    font-size: 24px;
	margin-bottom: 5px;
	
  } 
  
  
  
  #primaryContent img{border: 1px solid #000 !important; margin: 10px;}
  #primaryContent img.avatar{border: none; margin: 0;}
  #primaryContent img.wp-smiley{border: none; margin: 0;}
  #primaryContent #commentlist img{border: none; margin: 0;}
  
  #primaryContent h1.postTitle a:link, #primaryContent h2.postTitle a:link,  #primaryContent h1.postTitle a:visited, #primaryContent h2.postTitle a:visited{color: #000 !important; font-weight: bold; line-height: 32px;}

  #primaryContent  li.postWrapper h2.postTitle{width: 545px;}
  #primaryContent h3 {
    padding: 0;
    margin: 10px 0 0 0;
  }

  ol#posts {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .post ol{padding-left: 25px;}

    li.postWrapper, div.postWrapper {position: relative; padding: 0 20px;}
	li.postWrapper p, div.postWrapper p{margin-bottom: 15px;}
	li.postWrapper ul, div.postWrapper ul{margin-bottom: 15px; padding-left: 15px;}

	 li.postWrapper{border-bottom: 16px solid #c7c7c7; margin-bottom: 20px;}

      .postWrapper img { }

	  .postWrapper ul.author_ul{list-style: none;}
	  
      div.post { }

      p.postMeta { }

  #pagination {
    list-style: none;
    margin: 0px;
    padding: 0px;
  }
    #pagination li {
      display: inlne;
    }
    #pagination .previous {
      text-align: left;
      float: left;
    }
    #pagination .future {
      text-align: right;
      float: right;
    }

/**       sidebar          */
#secondaryContent {
  width: 300px;
  margin-left: 0;
  padding: 20px;
  float: left;
}

#secondaryContent .sb_banner {
	position: relative;
	_left: -17px; /* the underscore targets ie6*/ 
}

  #secondaryContent h3 {
    padding: 0 0 0 15px;
    margin: 10px 0 5px 0;
	background: #0a3e68;
	font-size: 11px;
	text-transform: uppercase;
	color: #fff;
  }

  /**
    Remove bullets from the first level sidebar UL and give each item some bottom margin.
    IE 6 doesn't like the selectors, I can live with that but if you can't then
    you'll need to extend this further.
  */
  #secondaryContent > ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }
    #secondaryContent > ul > li {
      margin: 0 0 10px 0;
    }

  /** the HTML is a bit dodgy for the tag cloud, need to add some padding
      between the title and the first href */
  .widget_tag_cloud a {
    padding-left: 5px;
  }

#comment {
  width: 500px;
}

#footer {
  clear: both;
  font-size: 80%;
}

/** normally hidden but will appear when css disabled */
.skip,
.noCss {
  position: absolute;
  left: -9999px;
}

/**
  theme requirements as per 
  http://codex.wordpress.org/CSS
*/
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

span.meta{display: block; float: left; font-size: 12px; line-height: 18px; color: #727272; margin-bottom: 3px;}
span.meta a{font-size: 12px !important; line-height: 18px;}
span.meta2{font-size: 12px; line-height: 18px; color: #727272; margin-bottom: 3px;}
span.meta2 a{font-size: 12px !important; line-height: 18px;}

a.comments-link{position: absolute; top: 8px; right: 5px;display: block; color: #fff !important; font-weight: bold; width: 42px; height: 30px; background: url(images/comment_bubble.gif) top left no-repeat; text-align: center;}
a.comments-link:hover{text-decoration: none;}

/* ==| Comments |== */
#commentlist{list-style: none;}
#commentlist li{margin-bottom: 10px; padding: 10px 20px;}
#commentlist li p{margin-bottom: 10px;}
#commentlist li p.comment-meta{margin-bottom: 0;}
#commentlist li.odd{background: #eee; border: 1px solid #dcdcdc;}
#commentlist li.even{background: #e4edf4; border: 1px solid #c3d0db;}
#commentlist img{border: none !important;}
cite{font-style: normal;}
#primaryContent h2.comments_h2{padding: 0 0 0 20px; margin: 20px 0 5px 0; }
#commentform #submit{margin-top: 10px; padding-bottom: 2px; font-size: 13px; color: #fff; font-weight: bold; width: 138px; height: 33px; background: url(images/submit_comment.gif) top left no-repeat; border: none; cursor: pointer; cursor: hand;}
#commentform #submit:hover{background-position: -138px 0;}
#commentform textarea{background: #fff; border: 1px solid #7F9DB9;}

/*from wp threaded comments */
.editComment, .editableComment, .textComment{
	display: inline;
}

.comment-childs{padding-top: 10px; padding-left: 15px; margin-left: 27px; padding-bottom: 10px;}
#commentlist li.odd .comment-childs{ background-color: #eee; border-left: 1px solid #ccc; }
#commentlist li.even .comment-childs{background-color: #e4edf4; border-left: 1px solid #c3d0db;}

/*.comment-childs{
	border: 1px solid #999;
	margin: 5px 2px 2px 4px;
	padding: 4px 2px 2px 4px;
	background-color: white;
}*/
#commentlist li.odd .chalt{margin-bottom: 0; border-bottom: 1px solid #ccc; padding-bottom: 10px;}
#commentlist li.even .chalt{margin-bottom: 0;border-bottom: 1px solid #c3d0db; padding-bottom: 10px;}

p.thdrpy a{margin-top: 5px; padding-bottom: 10px; color: #fff; font-size: 12px; font-weight: bold; padding: 2px 0 0 14px; display: block; width: 44px; height: 23px; background: url(images/reply_btn.gif) top left no-repeat;}
p.thdrpy a:hover{text-decoration: none; background-position: -58px 0;}
.chalt{
	background-color: #E2E2E2;
	padding-bottom: 0;
}
#newcomment{
	border:1px dashed #777;width:90%;
}
#newcommentsubmit{
	color:red;
}
.adminreplycomment{
	border:1px dashed #777;
	width:99%;
	margin:4px;
	padding:4px;
}
.mvccls{
	color: #999;
}

.comment-form-holder{padding: 0 20px;}
.comment-form-holder p{margin-bottom: 5px;}


/*BANNER AD SECTION*/
.banners{margin-bottom: 30px;}
.banners img{margin: 0 !important; border: none !important;}			
.banner120{float: left; width: 120px;  margin-right: 12px;}
.banner468{ width: 468px;}

#banner{padding: 8px 0 0 20px; position: relative; background: #e0eff9; border: 1px solid #b4c1c9; width: 580px; height: 52px; margin-bottom: 30px;}
#banner a{position: absolute; right: 5px; bottom: 2px;}
#banner span.banner_top_p{color: #436f93;}
#banner span.banner_bot_p{color: #0a3e68; font-weight: bold;}
#banner span.bigred{color: #ff3000; font-size: 15px;}

/*SUBSCRIBE SECTION*/
#subscribe{float: left; width: 600px; border-bottom: 1px solid #505050; margin-bottom: 15px;}
#subscribe a{display: block; float: right;  width: 127px; height: 20px; text-indent: -9000px;}
#subscribe a.rss_subscribe{background: url(images/rss_subscribe_btn.gif) top left no-repeat;}
#subscribe a.email_subscribe{margin-left: 5px;background: url(images/email_subscribe_btn.gif) top left no-repeat;}
#subscribe a.rss_subscribe:hover{background-position: -127px 0;}
#subscribe a.email_subscribe:hover{background-position: -127px 0;}

/*CONTACT BAR*/
.contact_bar{}
.contact_bar p{font-weight: bold; text-align: center; color: #777;}
.contact_bar ul{float: left; list-style: none;}
.contact_bar ul li{float: left;}
.contact_bar a{display: block; width: 140px; height: 29px; text-indent: -9000px;}
.contact_bar a.contact_chat_btn{margin-right: 20px; background: url(images/chat_btn.gif) top left no-repeat;}
.contact_bar a.contact_email_btn{background: url(images/email_btn.gif) top left no-repeat;}
.contact_bar a.contact_chat_btn:hover{background-position: -140px 0;}
.contact_bar a.contact_email_btn:hover{background-position: -140px 0;}

/*SOCIALBAR STYLES*/
ul.tms-socialbar{margin-top: 10px; float: left;list-style:none;}
ul.tms-socialbar li{float: left;}
ul.tms-socialbar li a{display: block; width: 95px; height: 37px; text-indent: -9000px;}
ul.tms-socialbar li a.sb_facebook{margin-left: 5px; background: url(images/fb_logo.gif) top left no-repeat;}
ul.tms-socialbar li a.sb_twitter{margin-left: 5px; background: url(images/twitter_logo.gif) top left no-repeat;}
ul.tms-socialbar li a.sb_linkedin{margin-left: 5px; background: url(images/linkedin_logo.gif) top left no-repeat;}

/* addthis */
.addthis_container{float: right;}
#primaryContent .addthis_container img{margin: 0; border: none;}

/*SI CAPTCHA*/
#captchaInputDiv{clear: left;margin-top: 5px; margin-bottom: 10px;}
#captcha_code{margin-left: 10px; margin-top: 10px; padding: 2px;}
#captchaImgDiv{margin-bottom: 10px;}