@font-face {
    font-family: 'UmbrageRegular';
    src: url('umbrage2-webfont.eot');
    src: url('umbrage2-webfont.eot?#iefix') format('embedded-opentype'),
         url('umbrage2-webfont.woff') format('woff'),
         url('umbrage2-webfont.ttf') format('truetype'),
         url('umbrage2-webfont.svg#UmbrageRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

#fb_gallery{
  width: 640px;
  min-height:600px;
  padding:0px;
  margin:0px;
  overflow:auto;
}


/* -----------------------------
Albums
----------------------------- */

#albums li,
.album_photos li{
  display: block;
  float: left;
  background-color: #000;
  margin:0px;
  margin-right: 5px;
  margin-bottom:5px;
  text-align: center;
  width: 160px;
  min-height: 200px;
  height: 200px;
border:solid 4px #ccc14a;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-webkit-border-top-left-radius:10px;
-webkit-border-top-right-radius:10px;
-webkit-border-bottom-left-radius:10px;
-webkit-border-bottom-right-radius:10px;
border-top-left-radius:10px;
border-top-right-radius:10px;
border-bottom-left-radius:10px;
border-bottom-right-radius:10px;
padding:10px;
  
}

#albums li img,
.album_photos li img{
  border: 2px solid grey;
}

#albums li img:hover,
.album_photos li img:hover{
  border: 2px solid silver;
}

#albums h2,
.album_photos h2{
  padding: 5px 5px 5px 0px;
  
font-family:"UmbrageRegular",sans-serif;
font-weight:normal;
text-decoration:none;
text-align:center;
text-transform:none;
font-style:normal;
font-size:12px;
color:#C0C0C0;
margin-top:0px;  
  
}

#albums h2:hover,
.album_photos h2:hover{
  text-decoration: underline;
}

#albums p,
.album_photos p{
  font-family: arial, san-serif;
  font-size: .9em;
  color: grey;
}
#albums a,
.album_photos a{
  font-family:"UmbrageRegular", arial, san-serif;
  font-size: .9em;
  color: #ccc14a;
  text-decoration:none:
}


/* -----------------------------
Back Button
----------------------------- */
.back_btn{
  float: left;
  width: 560px;

  padding: 5px;
border:ridge 3px #ccc14a;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
border-top-left-radius:5px;
border-top-right-radius:5px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
  background-color: black;

font-family:"UmbrageRegular",sans-serif;
font-weight:normal;
text-decoration:none;
text-align:center;
text-transform:none;
font-style:normal;
font-size:20px;
color:white;
  
  
}

.back_btn:hover{
  text-decoration: underline;
}