/* FlockBox.net 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;
}


div#page {
  background-color: #1F618D;
   width:           1200px;
  /* width:        70%; */
  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:            165px;
  height:           800px;
  height:           1000px;
  height:           1040px;
  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;
  /* dinna work, captain
  background-image:
    radial-gradient (
    #E3EBF0,
    #AED6F1
  );
  */
  width:            1000px;
  height:           810px;    /* need to account for leftpane padding */
  height:           1010px;    /* need to account for leftpane padding */
  height:           1050px;    /* 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#sitename {
  background-color: #7FB3D5;
  /* background-color: #7FB3D5; */
  /* background-image: linear-gradient(100,  #7FB3D5  #D3DBE0); */
  /* background-image: linear-gradient(right, #7FB3D5  #D3DBE0); */
  margin-top:       0;
  margin-bottom:    0;
  padding:          0px;
  text-align:       left;
  border-bottom:    3px solid #1F618D;
  padding:          10px;
}


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%;
}


/* trying to float bio text around my image */
#container{
    width:          100%;
    /* background:     yellow; */
}

#floated {
    float:          left;
    width:          236px;
    /* background:     red; */
}

.bigletters {
  font-size:        300%;
}