/*MMMMMMMMMMMMMMM - V141025
STYLESHEET OF DIVS AND BLOCKS (NEW 120126)
HMI "B13-" SERIES OF TEMPLATES
MASTER FILE:
C:\BG\BHMI\www\assets\css\b13-div.css
Quote sequence: div - app - ads
-----------------
PRINCIPLES OF USAGE:

-----------------
ORIGINAL STYLE RULES ARE FROM:
"C:\BG\BWP\cofatsui\www\rt\t00_v05c.html"
ORIGINAL ASSETS FOLDER:
AS OF 2013-01-26 1600HRS
C:\BG\BW3\Realtyvip\www\wp-content\themes\roots-master\assets
MMMMMMMMMMMMMMMMM*/

body {
margin: 0 auto;
padding: 0;
background-color:#fff
}
body.top-navbar { padding-top:0; }
body.admin-bar .navbar-fixed-top { top:0; }

#wrap,
.container { margin:0 auto; padding:0; word-wrap:break-word; }
#content {  }

.logo-div { padding:0; width:1440px; height:96px !important; overflow:hidden; }
.logo-img { height:96px; margin-bottom:0 !important; }

.rowtop3px { margin-top:3px; }
.rowcontent {  }
.divpad { margin-top:3px; padding:8px; }

.navbar { margin-bottom:0; padding-bottom:10px; background-color:#F2F2F2; }
.nav-regionlinkdiv { background-color:#fff; color:#000; padding:4px 8px; }
.nav-regionlink { color:#000; text-decoration:none; }
.nav-banner-ads { margin:0; padding:0; }
ul.nav-banner-ads li { background-color:; float:left; display:inline-block; margin:0; padding:0; }


/**MoCode130810 New width for Type G (ad1); adjust width for Text Ad (ad2)**/
.nav-banner-ad1 { width:209px; height:90px; margin:0; padding:0; padding-right:3px; overflow:hidden; }
.nav-banner-ad1-iframe { width:209px; height:90px; background-color:transparent; }
.nav-banner-ad1-link {  }

.nav-banner-ad2 { width:227px; height:90px; margin:0 auto; padding:0; padding-right:3px; text-align:center; vertical-align:bottom; background-color:#ccc; }
.nav-banner-ad2-iframe { width:227px; height:90px; background-color:transparent; }
.nav-banner-ad2-link { width:224px; height:90px; padding:3px; }

.nav-banner-ad3 { max-width:728px; height:90px !important; margin-bottom:0px !important; overflow: hidden; }
.nav-banner-ad3-iframe { width:728px; height:90px; background-color:transparent; }
.nav-banner-ad3-link {  }


/**************
MoCode130322 - Rules (related to decorative functions) moved to "b13-ads.css"
.nav-banner-ad2-link
.nav-banner-ad2-scheme01, 02, 03, etc
PLUS: FUTURE RULES RELATED TO "nav-banner-ad2"
**************/


.div-container { margin:12px auto; padding-top:8px; background-color:#F2F2F2; }
.div-header {  }

.div-main, .div-mainfull { max-width:96%; padding:8px; background-color:#fff; color:#000; }

.div-main { float:left; margin:0; margin-right:20px; }
.div-sidebar { background-color:; color:#424242; float:left; margin:0; max-width:300px; padding-left:8px; overflow:hidden; }
.divbottomadblock { background-color:#fff; color:#000; }

.div-ad-title { margin-top:0px; margin-bottom:12px; border-top:solid 1px #a0a0a0; border-bottom:solid 1px #a0a0a0; padding:2px auto; background-color:#; }
.div-ad-toprow {  }
.div-ad-g { height:90px; margin-top:0; margin-bottom:0; padding:0; padding-left:0px; overflow:hidden; }
.div-ad-a { text-align:right; height:90px; margin-top:0; margin-bottom:0; padding:0; padding-left:0px; overflow:hidden; }
.div-ad-st { max-width:300px; margin-top:0;margin-bottom:12px; padding:0; overflow:hidden; background-color:#; }

.hdiv_visi {
  line-height:1px;
  visibility:hidden;
  }
/**131123 added**/
.pagebottom-ruler { width:100% !important; height:1px; color:#ccc; background-color:#ccc; margin-top:30px; margin-bottom:0; }
.pagebottom-ddt { color:#ccc; }


/*MMMMMMMMMMMMMMMMMMMMMMMMMMMM
131130A CONSOLIDATED ALL FOOTER RELATED RULES TO ONE PLACE (HERE)
"b13-div.css" and "b13-app.css"
MMMMMMMMMMMMMMMMMMMMMMMMMMMM*/
.footercolor {
  background-color:#fff;
  color:#888;
  }
.footer-right {
  text-align:right;
  padding:12px;
  }
.footer-left {
  text-align:left;
  padding:12px;
  }
.div-footer { background-color:#fff; color:#888; margin-left:auto; margin-right:auto; text-align:center; padding:12px; }

.footercolor, .footercolor p, .footercolor div,
.footercolor a, .footercolor a:link,
.footercolor a:active, .footercolor a:visited,
.div-footer, .div-footer p, .div-footer div,
.div-footer a, .div-footer a:link,
.div-footer a:active, .div-footer a:visited {
  color: #888;
  text-decoration:none;
  }
.footercolor a:hover,
.div-footer a:hover {
color: green;
text-decoration:underline;
}






/*MMMMMMMMMMMMMMMMMMMMMMMMMMMM
BEGIN MEDIA QUERY RELATED RULES
LAYOUT SUMMARY - WIDTH AT VARIOUS SCREEN SIZES
\0 Learn\Layouts\Bootstrap\info130125_layout-explained-bootstrap.pdf
MMMMMMMMMMMMMMMMMMMMMMMMMMMM*/


/* ==========================================================================
   LARGE SCREEN (min-width:1200px)
12 span X (margin-left 30 + span-width 70) - (Left outside margin 30)
= NET INTERIOR WIDTH 1170
============================================================================= */
.screen-l-top { display:block; }
.screen-l-bottom { display:none; }
@media(min-width:1200px) {
.screen-l-top { display:none; }
.screen-l-bottom { display:block; }
.container { max-width:1170px; }
.div-main { width:826px; padding:8px; margin:0; margin-right:20px; }
/* 1170 - (sidebar 8+300) - (pad 8 x 2) - margin-right 20 = net 826 */
}


/* ==========================================================================
   MEDIUM SCREEN (min-width:980px) and (max-width:1199px)
12 span X (margin-left 20 + span-width 60) - (Left outside margin 20)
= NET INTERIOR WIDTH 940
============================================================================= */
.screen-m-top { display:none; }
.screen-m-bottom { display:none; }
@media(min-width:980px) and (max-width:1199px) {
.screen-m-top { display:block; }
.screen-m-bottom { display:none; }
.container { max-width:940px; }
.div-main { width:596px; padding:8px; margin:0; margin-right:20px; }
.nav-banner-ad1 { width:209px; padding-right:3px; }
.nav-banner-ad2 { display:none; }
.nav-banner-ad3 { width:728px; }
}


/* ==========================================================================
   SMALL SCREEN (max-width:979px)
12 span X (margin-left 20 + span-width 42) - (Left outside margin 20)
= NET INTERIOR WIDTH 724
============================================================================= */
.screen-cell-top { display:block; }
.screen-cell-bottom { display:none; }
.tester-width { width:980px; margin-left:1px; }
@media(max-width:979px) {
body {
  padding-right:0; /* original bootstrap-responsive.css = 20px */
  padding-left:0; /* original bootstrap-responsive.css = 20px */
  }
/* Fix top padding when using the responsive grid with the fixed topbar */
  body.top-navbar {
    padding-top: 0;
  }
.screen-cell-top { display:none; }
.screen-cell-bottom { display:block; }
.navbar { background-color:#E0F2F7; }
.container { max-width:100%; }
.div-main { margin-right:0px; }
.div-sidebar { max-width:100%; padding-left:8px; }
.div-ad-g { margin-bottom:5px; }
.div-ad-a { text-align:left; margin-bottom:5px; }
.nav-banner-ad1 { display:none; }
.nav-banner-ad2 { display:none; }
.nav-banner-ad3 { display:none; }
.tester-width { width:100%; max-width:979px; margin-left:1px; }
.div-footer { width:100%; }
}


/* ==========================================================================
   SMALL SCREEN - TABLET OR SMALLER (max-width:767px)
============================================================================= */
@media (max-width:767px) {
.hdiv_visi {
  display:none;
  }



}












/* ==========================================================================
   130130 - Moved from original "app.css" file - contents unchanged
   ========================================================================== */

/* =============================================================================
   Header
   ========================================================================== */

#banner { }

/* Fixed Topbar Navigation 
body.top-navbar { padding-top: 60px; }
body.admin-bar .navbar-fixed-top { top: 28px; }
*/


/* ==========================================================================
   Posts
   ========================================================================== */

.hentry header { }
.hentry time { }
.hentry p.byline { }
.hentry .entry-content { }
.hentry footer { }



/* ==========================================================================
   WordPress Generated Classes
   See: http://codex.wordpress.org/CSS#WordPress_Generated_Classes
   ========================================================================== */

.aligncenter { display: block; margin: 0 auto; }
.alignleft { float: left; }
.alignright { float: right; }
figure.alignnone { margin-left: 0; margin-right: 0; }