/*

Here is my color palette for this css theme:
#ffffff - white
#def5fe - very pale blue, for backgrounds
#86A7EA - light blue, accent color
#3e66b8 - medium blue, text color
#113770 - dark blue, for bolded text and emphasis

*/


/* Body */
        body {
          cursor: url("../img/cursors/blue.cur"), default;
          color: #3e66b8;
          font-family: 'Iowan Old Style', 'Palatino Linotype', 'URW Palladio L', P052, serif;
          font-size: 11pt;
          background-color: #def5fe;
          background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%2386a7ea' fill-opacity='0.32'%3E%3Cpath d='M0 38.59l2.83-2.83 1.41 1.41L1.41 40H0v-1.41zM0 1.4l2.83 2.83 1.41-1.41L1.41 0H0v1.41zM38.59 40l-2.83-2.83 1.41-1.41L40 38.59V40h-1.41zM40 1.41l-2.83 2.83-1.41-1.41L38.59 0H40v1.41zM20 18.6l2.83-2.83 1.41 1.41L21.41 20l2.83 2.83-1.41 1.41L20 21.41l-2.83 2.83-1.41-1.41L18.59 20l-2.83-2.83 1.41-1.41L20 18.59z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
        }

/* Text Types*/
        strong {
          color: #113770;
          font-weight: bold;
          /*text-shadow: rgb(0, 0, 0) 1px 1px 1px;*/
        }
        a {
            text-decoration: none;
            cursor: url("../img/cursors/bluelink.cur"), default;
        }
        a:hover{
            text-decoration: underline;
        }

/* Buttons */
        .navbar_button{
          background-color: #86A7EA;
          color: white;
          font-size: 14px;
          padding: 10px;
          width:180px;
          border: #3e66b8 dashed 2px;
          border-radius: 5px;
          cursor: pointer;
          font-weight:bold;
        }
        .navbar_button:hover{
          background-color:#3e66b8;
          border:#86A7EA dashed 2px;
          cursor: url("../img/cursors/bluelink.cur"), default;
        }

/* Structural */
       /*div {
          border: 1px dashed #113770 ; /*This is temporary, until I get all of the sections looking how I want them, so I can see their boundaries.*/
       
        #header {
          width: 1000 px;
          height:250px;
          margin-right: auto;
          margin-left: auto;
          text-align: center;
          display:flex;
          justify-content: center;
          align-items: flex-end;
        }
        #navbar {
          display: flex;
          flex-direction: row;
          justify-content: space-evenly;
          width: 1000px;
          height: 40px;
          text-align: center;
          margin-right: auto;
          margin-left: auto;
          padding-top: 10px;
          padding-bottom: 10px;
        }
        #main {
          display: flex;
          width: 1000px;
          margin-right: auto;
          margin-left: auto;
          background-color: white;
          border: 35px solid transparent;
          border-image: url("../img/dividers/whitelace.png") 34 round;
          background-clip: padding-box;
        }
        #sidebar {
          display: flex;
          flex-direction: column;
          width: 175px;
          text-align:center;
        }
        #content {
          width: 825px;
        }
        #footer {
          font-size: 10pt;
          color: #5d8ae2;
          width: 1000px;
          height: 40px;
          margin-right: auto;
          margin-left: auto;
          text-align: center;
        }

        #patternbox1, #patternbox2, #patternbox3{
          border-radius: 5px;
          border:#86A7EA dashed 2px;
          background-color: #def5fe;
          padding: 10px;
        }
        #patternbox1{
          background-image: url("../img/bkg/fake-luxury.png");
        }
        #patternbox2{
          background-image: url("../img/bkg/carbon-fibre-v2.png");
        }
        #patternbox3{
          background-image: url("../img/bkg/whitewallpaper.png")
        }