/*    Bill Laird Art CSS  #a99e87; */
/*   Bill Laird Art Paintings CSS  #A99E87 */

body  {
font-family: 'Lato', sans-serif; 
    background-color: #A79781;
    margin: 0;           
    padding: 0;          
}

.container {     margin: 0 auto; padding-top: 4em;    }
     
a:link, a:visited { text-decoration: underline;  color: #525E6D;  } 
a:hover, a:active {  color: #525E6D;  }



.unsubintro {color: white; font-size: 1.4em;   padding-top: 2em; padding-left: 2em; padding-bottom: 1em; }
.unsubdiv { padding-left: 3em; }

 /* =====left navigation and main content ===== */
header {  margin: 0; padding: 0; float: left;   }
header h1 { margin: 0; padding: 0; float: left; padding-top: 1em; padding-bottom: .3em; color: #525E6D;   font-size: 3.2em;  font-weight: 400; font-family: 'Lato', sans-serif; }
.head {  margin: 0; padding: 0; float: left;  border-bottom: solid 1px #525E6D;     }


/* BEGIN LEFTCOL CSS  */
/* BEGIN LEFTCOL CSS  */
.leftcol { margin: 0; padding: 0;  float: left;  border-right: solid 1px #525E6D; padding-top: 2em;    } 

.logoimage  {margin-top: 1em; }
/* BEGIN  styling for NAVIGATION for ipads and phones   */
/* BEGIN  styling for NAVIGATION for ipads and phones   */
/* w3 error so removed: filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00738b', endColorstr='#ff1e82a4', GradientType=0);*/

.navbar .btn-navbar { float: left;
  background-color: #A79781;
  background-image: -moz-linear-gradient(top, #A79781, #A79781);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#A79781), to(#A79781));
  background-image: -webkit-linear-gradient(top, #A79781, #A79781);
  background-image: -o-linear-gradient(top, #A79781, #A79781);
  background-image: linear-gradient(to bottom, #A79781, #A79781);
  background-repeat: repeat-x;  
  border-color: #A79781 #A79781 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  background-color: #A79781;  
  /* Darken IE7 buttons by default so they stand out more given they won't have borders  w3 error so removed:  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);*/
 
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075);
  -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075);
}
.navbar .btn-navbar:hover,
.navbar .btn-navbar:active,
.navbar .btn-navbar.active,
.navbar .btn-navbar.disabled,
.navbar .btn-navbar[disabled] {
  color: #ffffff;
  background-color: #A79781;
 
} 

/*this changes the color of the icon bars on the collapse menu */  
  .navbar .btn-navbar .icon-bar {  
  display: block;
  width: 18px;
  height: 2px;
  background-color: #525E6D;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
}
/* END  styling for navigation for ipads and phones   */
/* END  styling for navigation for ipads and phones   */

 
/*  VERTICAL NAVIGATION BEGINS */
/*  VERTICAL NAVIGATION BEGINS */
.navbar {margin: 0; padding: 0; float: left;   font-size: 1.2em;   padding-left: 1.2em; }
.navbar-inner { margin: 0; padding: 0;
  background-image: -moz-linear-gradient(top, #A79781, #A79781);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#A79781), to(#A79781));
  background-image: -webkit-linear-gradient(top, #A79781, #A79781);
  background-image: -o-linear-gradient(top, #A79781, #A79781);
  background-image: linear-gradient(to bottom, #A79781, #A79781);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#A79781', endColorstr='#A79781', GradientType=0);
  border: 0px solid #d4d4d4;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.065);
  -moz-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.065);
  box-shadow: 0 0px 0px rgba(0, 0, 0, 0.065);
}
 
.navbar ul { margin: 0; padding: 0; float: left; }
.navbar li { margin: 0; padding: 0; float: left;   clear: left; }
/* nav bar text styling color: */
.navbar .nav > li > a {   margin: 0; padding: 0; float: left;  
  color: #525E6D;      padding-bottom: 1em;   
  text-shadow: none; 
}
.navbar .nav > li > a:focus,
.navbar .nav > li > a:hover { 
  color: #AD5A38;  background-color: yellow;   }
    
.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus {
   color: #AD5A38;      background-color: #A79781;  
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; font-weight: 300;
}

 
/* OLLIE LOGO LEFT COL  */ 
/* OLLIE LOGO LEFT COL  */ 
.billlogo  {padding: 0; margin: 0; float: left; margin-top: 1em;   clear: both; width: 100%; } 
.billlogo img {padding: 0; margin: 0;  float: left; margin-left: 1.5em;  width: 60%; 
  border: solid 1px #710023; }

/* SLIDESHOW ABOVE MAIN  */ 
/* SLIDESHOW ABOVE MAIN  */ 
.ju-slideshow {     box-sizing: border-box;       border: solid 1px #555555; 
   margin-top: 1.5em;   
    position: relative;   }
    
 
/* MAIN ARTICLE  SECTION   */ 
/* MAIN ARTICLE  SECTION   */ 
.mainarticle   { margin: 0; padding: 0; float: right;  padding-top: 1em;     } 
.mainarticle h2 { margin: 0; padding: 0; float: left;    font-size: 1.6em; color: #AD5A38;    padding-bottom: .5em;  padding-left: 1em;   clear: both;      } 
.mainarticle h3 { margin: 0; padding: 0; float: left;    font-size: 1.2em; color: #333333;   padding-bottom: 1em;  padding-left: 1.2em;   clear: both;     line-height: 130%;   } 
.mainarticle h3 a:link { text-decoration: underline;  } 

.mainarticle p { margin: 0; padding: 0; float: left;   font-size: 1.6em; line-height: 140%;    color: #535353;  padding-bottom: 1em; clear: both;  padding-left: 1em; padding-right: 2.5em;  }
.mainarticle p img { margin: 0; padding: 0; float: left; display: inline;  margin-right: .75em; margin-bottom: .5em;  width: 40%; } 



/* FOOTER SECTION   */
/* FOOTER SECTION   */
/* FOOTER SECTION   */

.footerbill { padding: 0; margin: 0;   float: left;  margin-top: 3em;     }        
.footerbill p { 
	margin: 0;
    padding: 0;
       font-size: 1.3em;
    color: #525E6D;
    text-align: center; padding-bottom: 5px;
}
 
.footerbill p img {  padding: 0; margin: 0; width: 3%;
   margin-bottom: .5em;
}

 
.footerbill p a {  padding: 0; margin: 0;  text-align: center;
    color: #525E6D; 
    text-decoration: none; 
}
.footerbill p a:link, .footer li a:visited {  padding: 0; margin: 0; text-align: center;
    color: #525E6D;  
    text-decoration: none; 
}
 
.footerbill p a:hover {  color: #525E6D;       
    text-decoration: underline; }

 

/* FW GALLERY ALBUMNS   */  
/* FW GALLERY ALBUMNS   */   
#fwgallery {  text-align: center;  color: #cccccc;       }




/* BEGIN BEGIN UNDERLYING FRAMEWORK FOR DISPLAY OF HIGH LEVEL  GALLERIES OR ALBUMS     */  
/* BEGIN BEGIN UNDERLYING FRAMEWORK FOR DISPLAY OF HIGH LEVEL  GALLERIES OR ALBUMS     */  
#fwgallery .fwgs-name, #fwgallery .fwgs-name a {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
   
    display: block;
    font-family: "Lato",sans-serif;
    font-size: 1.1em; 
    font-weight: 200;
   
    margin: 0; padding: 0;
    max-height: 80px;
    overflow: hidden;
    text-align: center;
    text-decoration: none;  }
  
 #fwgallery div.fwgs-name a {
    color: #999999 !important;
    display: block;
    font-family: 'Lato', sans-serif;     font-size: 1.2em;  font-weight: 300;  
     }
/* END END END UNDERLYING FRAMEWORK FOR DISPLAY OF HIGH LEVEL  GALLERIES OR ALBUMS     */  
/* END END END UNDERLYING FRAMEWORK FOR DISPLAY OF HIGH LEVEL  GALLERIES OR ALBUMS     */  
    
/* BEGIN BEGIN UNDERLYING FRAMEWORK FOR IMAGES AND TITLES IN THE INDIVIDUAL GALLERY/ALBUM PAGE    */  
/* BEGIN BEGIN UNDERLYING FRAMEWORK FOR IMAGES AND TITLES IN THE INDIVIDUAL GALLERY/ALBUM PAGE    */ 

/* TITLE UPPER LEFT CORNER   */ 

#fwgallery div.fwg-item {border: none; }

#fwgallery div.fwg-title { float: left;  text-align: center; 
    border-bottom: none; padding-top: 1em;
     font-size: 1.8em; color: #AD5A38;
      font-family: "Lato",sans-serif;
         margin-bottom: 5px;
    padding-bottom: 5px;  padding-left: .75em; clear: both; }

#fwgallery .fwgs-image, #fwgallery .fwg-image {
    background: #525E6D none repeat scroll 0 0;  
    display: inline-block;
    padding: 0;  position: relative;     }

#fwgallery .fwg-name {  
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;     
    max-height: 80px; 
    overflow: hidden;  font-size: 1em; }
#fwgallery .fwg-name a {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    font-family: 'Lato', sans-serif;     font-size: 1em;  font-weight: 300;
    max-height: 80px;   
    overflow: hidden;   }
    
#fwgallery div.fwg-name a {
    color: red !important;
    display: block;
    font-family: "Lato",sans-serif;
    font-size: 1em;
    font-weight: 300;
    margin: 0;
    padding: 0;   
}
    
/* PAGINATION WHEN IMAGES EXCEED THREE ROWS OF THREE IMAGES   */     
 .pagination ul > li > a, .pagination ul > li > span {   
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    color: #999999;
    background-color: black; 
    border-color: #ddd;
    border-image: none;
    border-style: solid;
    border-width: 1px 1px 1px 0;
    float: left;
    line-height: 20px;
    padding: 4px 12px;
    text-decoration: none;
}
/* END END END UNDERLYING FRAMEWORK FOR IMAGES AND TITLES IN THE INDIVIDUAL GALLERY/ALBUM PAGE    */ 
/* END END END UNDERLYING FRAMEWORK FOR IMAGES AND TITLES IN THE INDIVIDUAL GALLERY/ALBUM PAGE #525E6D;   */ 

/* PROVIDES SPACE BETWEEN ROWS OF IMAGES IN GALLERY/ALBUM PAGE    */ 
.fwgallery-image  {margin-bottom: 1em; }

/* BEGIN BEGIN INDIVIDUAL LARGE IMAGE   */ 


	
#fwgallery div.fwgi-name {     
     font-family: 'Lato', sans-serif; font-size: 1.5em;  clear: left; color: #525E6D;
    margin: 0; padding: 0;  font-weight: bold;   padding-top: .2em;   border: none; padding-bottom: 1em; } 

#fwgallery div.fwg-name a {   margin: 0; padding: 0; 
    color: #525E6D !important;
    display: block; font-weight: bold; 
    font-family: 'Lato', sans-serif;   padding-top: .2em;   font-size: 1.5em;     
}  

#fwgallery .fwgi-image-picture.fwgi-image-image {  
    background: #a99e87 none repeat scroll 0 0;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    display: inline-block;
    padding: 0px;   }

#fwgallery div.fwgi-image { padding: 0; margin: 0;   clear: right; 
    text-align: center;   }

/* END END END INDIVIDUAL LARGE IMAGE   */ 
/* END END END INDIVIDUAL LARGE IMAGE   */ 
 
  
/* RETURN TO GALLERIES/GALLERY LINKS  */ 
/* RETURN TO GALLERIES/GALLERY LINKS */
#fwgallery a {
    color: #88A8B5 !important;      
    text-decoration: none;
}
#fwgallery a:hover {
   color:  #88A8B5; }


/* RETURN TO LIST OF GALLERIES  */
#fwgallery div.fwg-header-return { display: none;   	   	 
	 	    }


/* RETURN TO GALLERY ON THE LARGE IMAGE PAGE */
#fwgallery div.fwgi-header-return {
    background: rgba(0, 0, 0, 0) url("../images/fwg_icon_return.png") no-repeat scroll right 7px;
    float: right;    padding-top: 1em;  position: relative;  
}
	 		
#fwgallery div.fwgi-header-return a {   margin: 0; padding: 0; 
	float: left;    padding-top: 1em; padding-bottom: .5em; 	font-size: 1.4em; 	 }	
	
#fwgallery a {  color: #666666  !important;  text-decoration: none;    }

/* END END END RETURN TO GALLERIES/GALLERY LINKS  */
/* END END END RETURN TO GALLERIES/GALLERY LINKS */     

 
.fwg-social-sharing {margin: 0; padding: 0;  float: left;   }
.fwgi-stats-pinterest img   {margin: 0; padding: 0; float: left; padding-right: 3em;  }
.fwgi-stats-twitter img   {margin: 0; padding: 0; float: left; padding-right: 3em; }
.fwgi-stats-facebook img   { margin: 0; padding: 0; float: left; padding-right: 3em; background-color: yellow;}
.fwgi-stats-facebook p a   { margin: 0; padding: 0; float: left; padding-right: 3em; color: red;}

     
/* Landscape phones and down */
@media (max-width: 575px) { 
body {margin: 0; padding: 0; }
.container {      } 
header h1 {padding-left: .5em; font-size: 2.5em;}
 
.head {border-bottom: none; }
.leftcol { margin: 0; padding: 0;  float: left;  border-right: solid 1px yellow; padding-top: .5em;    } 
.navbar .btn-navbar { float: left;  }

.navbar .nav > li > a {   margin: 0; padding: 0; float: left;   padding-top: 1em; 
  color: #525E6D;       
  text-shadow: none;    
}
.navbar .nav > li > a:hover {     
  color:#535353;        
  text-shadow: none;  background-color: #A79781;
}

.mainarticle   { margin: 0; padding: 0;  padding-top: 2em;   } 
.mainarticle  h2 { margin: 0; padding: 0;  padding-left: 1em;    } 
.mainarticle  p { margin: 0; padding: 0;  padding-left: 1em; padding-bottom: 1em;   } 


#fwgallery fwg-images-row { margin: 0; padding: 0;  }
.fwgs-item {margin-bottom: 3em; }


}
 
 
/* Landscape phone to portrait tablet */
 
@media (min-width: 576px) and (max-width: 767px) {
body { margin: 0; padding: 0;  } 
.container {   margin: 0; padding: 0;   } 
header h1 {padding-left: .5em; padding-bottom: .5em; font-size: 2.5em;}}

.head {border-bottom: none; }
.leftcol { margin: 0; padding: 0;  float: left;  border-right: none; padding-top: .5em;    } 

/* Navigation Button floats left or righy  */
.navbar .btn-navbar { float: left;  }

 
.navbar .nav > li > a {   margin: 0; padding: 0; float: left;  padding-top: 1em;     color: #525E6D;       
  
} 
.navbar .nav > li > a:hover {       color:#535353;        
background-color: #A79781;
}
.mainarticle   { margin: 0; padding: 0;  padding-top: 2em;   } 
.mainarticle  h2 { margin: 0; padding: 0;  padding-left: 1em;    } 

.mainarticle  p { margin: 0; padding: 0; padding-bottom: 1em;  padding-left: 1em;    } 

#fwgallery .fwg-images-row { margin: 0; padding: 0;   }
.fwg-item { margin: 0; padding: 0; margin-bottom: 2em;    }




}
  
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 991px) {
body { margin: 0; padding: 0;   }
.container {   margin: 0; padding: 0;   } 
header h1 {padding-left: .5em; padding-bottom: .5em; font-size: 2.5em;}}

.leftcol { margin: 0; padding: 0;  float: left;  border-right: none; padding-top: .5em;    } 

.navbar .nav > li > a {   margin: 0; padding: 0; float: left;     padding-top: 1em;  
  color: #525E6D;       
  text-shadow: none;  
}
.navbar .nav > li > a:hover {   
  color:#535353;        
  text-shadow: none;   
}
.mainarticle   { margin: 0; padding: 0;  padding-top: 2em;   } 
.mainarticle  h2 { margin: 0; padding: 0;  padding-left: 1em; padding-top: 1em;   } 
.mainarticle  p { margin: 0; padding: 0;  padding-left: 1em; padding-bottom: 1em;  padding-right: .1em; } 



}
 
/* Large devices WHITE WHITE WHITE (desktops, 992px and up).  */
@media (min-width: 992px) and (max-width: 1199px)  {
	.container  {   }
}

/*Extra large devices BROWN BROWN BROWN (large desktops, 1200px and up) */
@media (min-width: 1200px) {
.container  {   }
}