/* @(#)$Id: style3m.css 2.04 2016-06-20 19:52:00 kleonard Exp $ */

/**
 **  style3m.css:
 **
 **    Style sheet for mobile clients.  Note that this style sheet doesn't attempt a
 **    perfect display.  The hope is to make pages at least legible on a mobile client.
 **
 **
 **  Changes:
 **
 **    2016-06-20 2.04 Change id= to class= on most selectors.
 **    2016-05-31 2.03 Reformat info fields.
 **    2016-05-29 2.02 Navigation bar name changes.
 **    2016-05-10 2.01 Mobile toleration.
 **
 **/

/**
 **  Base body attributes.
 **/
body {
  background: white;
  color: black;
  font-family: sans-serif;
  font-size: medium;
}

/**
 **  Areas of the page.
 **/
.pageWrapper {
  min-width: initial;
}
.banner {
  position: auto;
  padding-bottom: auto;
}
.contentWrapperNavbar, .contentWrapperNoNavbar {
  position: auto;
}
/*
.contentWrapperSidebar {
  font-size: medium;

  xbackground: #FFFFCC;
  color: inherit;
   background: orange;
   qwidth: 100%;
   xfloat: none;
    xdisplay: none;
}
.contentWrapperNoNavbar {
  background: white;
  color: inherit;
   width: 100%;
    xdisplay: none
}
*/
.navbar {
  position: static;
  float: none;
  top: auto;
  left: auto;
  width: 100%;
  height: auto;
  padding-top: auto;
}

.main, .mainNoNavbar, .mainNopad {
  font-size: large;
  qbackground: green;
}
.main {
  margin-left: 0;
  padding-left: 0;
}

/*
.mainNopad {
  margin-left: 0;
  padding-left: 0;
}
*/
.footer {
  padding-bottom: 0;
}

/**
 **  Headers.
 **/
h1 {
   font-size: 200%;
}


/**
 **  Navigation sidebar fields.
 **/
p.navbar-link, p.navbar-highlight, p.navbar-head, p.navbar-sublink, p.navbar-subhead, p.navbar-subhighlight {
  font-size: large;
}


/**
 **  Attributes of the home page picture (not displayed on mobile clients).
 **/
#dogpicture, #dogpictureTshirt, #dogpictureSnow, #dog6pictureUnderstep, #dog6pictureBirthday2  {
  display: none;
}


/**
 **  Footer fields.
 **/
.infoCopy, .infoContact, .infoUpdate  { font-size: small; float: none; text-align: center; display: block; }


/**
 **  A class to allow part of a page to be hidden if request is from a mobile client.
 **/
.hideIfMobile   {
  display: none;
}


/**
 **  A class to allow part of a page to be shown if request is from a mobile client.
 **/
.showIfMobile   {
  display: block;
}