/* FlockBox.net mobile stylesheet */

body {
  width:99%;
  /* background-color: #B5BAC1; */
  /* background-color: #959AA1; */
  background-color: #959A91;
  text-align:       center;
  /* font-family:      Futura, Helvetica, Verdana, sans-serif; */
  font-family:      "Times New Roman", Times, serif;
  color:            #154360;
  font-size:        250%;     /* it's a start */
}


div#page {
  background-color: #1F618D;
  width:            100%;
  border-color:     black;
  margin:           0 auto;    /* supposedly a shortcut to center a div */
}


div#contentborder {
  background-color: #1F618D;
  border:           5px;
}


div#panes {
  background-color: #1F618D;
}


/* background-image: linear-gradient(angle, color-stop1, color-stop2); */
div#leftpane {
  background-color: #AED6F1;
  /* border:           5px; */
  width:            15px;
  /* height:           800px; */
  height:           100%;
  float:            left;
  border-top:       3px solid #1F618D;
  border-right:     3px solid #1F618D;
  border-left:      3px solid #1F618D;
  border-bottom:    3px solid #1F618D;
  border-radius:    12px;
  padding:          5px;
}


div#rightpane {
  /* border:5px; */
  /* background-color: #D3DBE0; */
  /* background-color: #D3DBD0; */
  background-color: #D3DBC7;
  width:            100%;
  /* 
  height:           810px;
  need to account for leftpane padding */
  float:            right;
  border-top:       3px solid #1F618D;
  border-right:     3px solid #1F618D;
  border-left:      3px solid #1F618D;
  border-bottom:    3px solid #1F618D;
  border-radius:    12px;
  padding:          0px;
}

div#siteinfo {
  background-color: #7FB3D5;
}

div#sitename {
  background-color: #7FB3D5;
  margin-top:       0;
  margin-bottom:    0;
  padding:          0px;
  text-align:       left;
  /* border-bottom:    3px solid #1F618D; */
  padding:          10px;
  float:            left;
}

div#sitebottom {
  background-color: #7FB3D5;
  margin-top:       0;
  margin-bottom:    0;
  padding:          0px;
  text-align:       left;
  border-bottom:    3px solid #1F618D;
  padding:          10px;
}

div#logo {
  background-color: #AED6F1;
  margin-top:       0;
  margin-bottom:    0;
  padding:          0px;
  text-align:       left;
  /* border-bottom:    3px solid #1F618D; */
  padding:          10px;
  float:            left;
}

div#navleft {
  text-align:       left;
  float:            left;
}

div#navleft {
  text-align:       left;
  float:            left;
}

div#content {
  /* inheriting the background color from the rightpane div */
  margin:           0;
  margin-top:       0;
  margin-bottom:    0;
  padding:          5px;
}


h1, h2, h3 {
  padding: 0px;
  margin: 0px;
}


h3#siteslogan {
  font-style:       italic;
  margin-top:       0;
  margin-bottom:    0;
}


span.italic {
  font-style:italic;
}


.menucontent {
  text-align:       left;
  padding:          3px;
}

div.blocktext {
  padding:          5px;
  text-align:       left;
  font-size:        110%;
}