/* may be a good idea or it may cause loading page to flider to have very back white, why-some overlays might pick this up like editors */
html {
    min-height:100%;
    height:100%;
}

body {
    background: url("/sites/myfloridahistory.org/files/_theme/bluemasters/blacktop.png") repeat-x scroll 0 0, url("/sites/myfloridahistory.org/files/_theme/bluemasters/marble-seamless-cyanish.jpg") repeat scroll 0 0 rgba(255, 255, 255, 1);
    padding: 0;
    margin: 0;
    min-height: 100%;
    height: 100%;
}
/* but different pagewrapper background on front page NODE 62 and and 2082 */
body.page-node-62, body.page-node-2082 {
    background: url("/sites/myfloridahistory.org/files/_theme/bluemasters/blacktop.png") repeat-x scroll 0 0, url("/sites/myfloridahistory.org/files/_theme/bluemasters/bg-chris1.jpg") repeat scroll 0 0 rgba(255, 255, 255, 1);
}

body a {
   text-decoration: none;  
   color: #668899;
}
/* unvisited link */
body a:visitied {
   text-decoration: none; 
   color: #668888;
}
/* mouse over link */
body a:hover {
   text-decoration: none; 
   color: #33EE66;
}
/* visited link */
body a:visited {
   text-decoration: none; 
   color: #887766;
}
/* selected link */
body a:active {
   text-decoration: none; 
   color: #A997755;
}



/* background for page-wrapper top so menubar has background */
body div#page-wrapper {
   background: url("/sites/myfloridahistory.org/files/_theme/bluemasters/bg-trimtopmenuonly.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
}
body div#page-wrapper {
    border: 0 none;
    padding: 0;
    margin: 0;
    height: 100%;
    min-height: 100%;
    color: #666666;
    font: 12px/1.4 Verdana,Helvetica,sans-serif;
    /* text-align: center; */
    text-aglin: left;
}


/* main content with white background, border color #171A21 around main content */
body div#page-wrapper div#page.container div#columns.columns {
   background:  url("/sites/myfloridahistory.org/files/_theme/solid_white.png") repeat scroll 0 0 rgba(255, 255, 255, 1);
   /* border: 10px solid #171A21; */
   border: 10px solid rgb(23, 26, 33);
   border: 10px solid rgba(23, 26, 33, .7);
   -webkit-background-clip: padding-box; /* for Safari */
   background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
}




/* padding like about 10px. for main body content */
body div#page-wrapper div#page.container div#columns.columns main#content-column.content-column div.content-inner section#main-content {
    padding: 10px;
}


/* SIDEBAR STYLING */
/* sidebar background #EEF0F5, fyi do not have equal heights on sidebar to improve mobile? if want use equalheights module?  */
body div#page-wrapper div#page.container div#columns.columns div.sidebar { 
  background: #EEF0F5;
  height: 100%;
}
/* style the block titles */
body div#page-wrapper div#page.container div#columns.columns div.sidebar section.block div.block-inner h2.block-title {
    background: #9097A9;
    color: #FFFFFF;
    font-size: 160%;
    margin: 0;
    padding: 10px 10px 10px 10px;
    text-align: left;
}
body div#page-wrapper div#page.container div#columns.columns div.sidebar section.block div.block-inner h2.block-title a {
    color: #FFFFFF;
    text-decoration: none;
}
body div#page-wrapper div#page.container div#columns.columns div.sidebar section.block div.block-inner h2.block-title a:hover {
    color: #DDFFDD;
}




/* adjust for the leadeboard navbar menu */
body div#page-wrapper div#page.container div.region-leaderboard {
    min-height: 40px;
}
/* adjust black band, header area at least, to be min-height */
body div#page-wrapper div#page.container header#header {
    padding-top: 4px;
    min-height: 60px;   
}




/* TERTIARY STYLING default */
body div#page-wrapper div#page.container div.region-tertiary-content { 
  border-color: #87909B;
  border-style: solid;
  border-width: 10px;
  background: #EEF0F5;
  padding: 5px 5px 5px 5px;
  margin-top: 20px;
}
body div#page-wrapper div#page.container div.region-tertiary-content section.block div.block-inner {
    margin-left: 1px;
    margin-right: 1px;
}
body div#page-wrapper div#page.container div.region-tertiary-content section.block div.block-content {
    padding-left: 3px;
    padding-right: 2px;
}
/* style the tertiary block titles */
body div#page-wrapper div#page.container div.region-tertiary-content section.block div.block-inner h2.block-title {
    background: #9097A9;
    color: #FFFFFF;
    font-size: 160%;
    margin: 0;
    padding: 10px 10px 10px 10px;
    text-align: left;
}
body div#page-wrapper div#page.container div.region-tertiary-content section.block div.block-inner h2.block-title a {
    color: #FFFFFF;
    text-decoration: none;
}
body div#page-wrapper div#page.container div.region-tertiary-content section.block div.block-inner h2.block-title a:hover {
    color: #DDFFDD;
}



/* for some reason h2 in content has 14px top/bottom margin */
div#block-system-main h2 {
    margin-top: 0;
}

/* Need some spacing under ff show article display fields */
article.node-floridafrontiersshow div.node-content section.field {
   margin-bottom: 6px;    
}

/* make pretty border and box around radio show player-download */
div.node-content section.field.field-name-field-audiofile.field-type-file.field-label-inline div.field-items {
   background-color: #ABC;
   padding: 4px 3px 4px 4px;
   border-width: 5px;
   border-style: ridge;
   border-color: #987;
   margin-bottom: 10px;
}
/* padding on sidebar blocks */
div.sidebar section.block {
   padding-bottom: 5px;   
}
div.sidebar section.block div.block-content {
   padding-left: 2px;
   padding-right: 3px;
}