# BazaarBay Styling

# New stuff

.bb-content p {
  clear: both;
}.bb-content img{position:absolute;max-height:100%;max-width:100%;margin:auto;top:0;bottom:0;left:0;right:0;}.bb-image-container{display:block;position:relative;width:100%;height:200px;}.bb-listing-images img{max-width:300px;max-height:300px;vertical-align:top;margin:2px;}.bb-content h1{font-size:16px;font-weight:bold;text-color:#FF0000;}.bb-title a{text-shadow:-1px 0 black,0 1px black,1px 0 black,0 -1px black;background:rgba(0,0,0,0.8);}#bb-title{font-size:3em;text-color:#FF0000;}#bb-logo{margin:10px;}.bb-listings tr td:first-child{vertical-align:top;width:0px;font-weight:bold;}.bb-chart{// margin: 0 0px;padding:0;width:95%;}.chart{display:block;padding:0;// margin: 0 0;width:100%;height:100%;}@media(max-width:800px) {
  .bb-chart {
    width: 90%;
    height: 80%;
    // background-color: green;
  }
}

.bb-listings td {
  table-layout: auto;
  border-spacing: 2px 2px;
  // background-color: #FF0000;
}

# Old stuff 
a:link {
  text-decoration:none;
}

a:visited {
  text-decoration:none;

}
a:hover {
  text-decoration:none;
}

a:active {
  text-decoration:none;
}

#images {
  max-width: 200px;
  max-height: 200px;
  float: right;
}

#images img {
  display: block;
  width: 100%;
  // width: auto;
  padding-bottom: 5px;
}

.ui-filter-inset {
  margin-top: 0;
}

noscript {
  text-shadow: 1px 1px #ff0000;
}

body {
  background-color: #FFFFF0;
}

@media only screen and (max-width: 600px){

  #images {
    float: right;
    width: 33%;
  }

  #images img {
    display: block;
    width: 100%;
    padding-bottom: 5px;
  }

}

@media only screen and (min-width: 1025px){

  .ui-header {
    width: 960px !important;
    margin: 0 auto !important;
    position: top !important;
  }

  .ui-page {
    width: 960px !important;
    margin: 0 auto !important;
    position: relative !important;
    border-right: 2px #666 outset !important;
    border-left: 2px #666 outset !important;
  }

}