/*
   Style for los-angeles (Our City). 
 los-angeles@our-city.info
*/
body {
  background-color:#FCFCFC;
  color:           #6C6C6C;
  font-family:     Arial, Sans-Serif;
  font-size:       12px;
    padding:         0px;
  margin:          0px;
}
h1 {
  color:           #0C7CB0; 
  font-size:       18px;
  margin:          10px 0px 0px 0px;
  padding:         0px;
  }
h2 {
  color:           #0C7CB0;
  font-size:       16px;
  margin:          10px 0px 0px 0px;
  padding:         0px;
}
h3 {
    color:           #0C7CB0; 
  font-size:       14px;
  margin:          5px 0px 2px 0px;
  padding:         0px;
}
li {
  text-align:      left;
}
  a {
  color:           #0C7CB0;
  text-decoration: underline;
}
a:hover { 
  color:           #888888;
  background:      #FFF6CC;
}
  p {
  color:           #6C6C6C;
  margin:          0px 0px 2px 0px; 
  padding:         0px;
}
img {
  border:          0px none;
}
  img.thumb { 
  color:           black;
  background-color:white;
  border:          1px solid black;
}
div.sitename {
  color:           #000000;
  font-size:       18px;
    font-weight:     bold;
  padding:         10px 10px 10px 10px;
  line-height:     16px;
}
div.navigation { 
  padding:         10px 0px 0px 0px;
}
div.navigation a {
    text-decoration: none;
  font-family:     monospaced;
  font-size:       8px;
  text-transform:  uppercase;
}
div.copyright {
  text-align:      center;
  font-size:       10px;
  } 
div.preview {
  width:           400px;
  max-width:       400px;
  min-width:       400px;
  padding-right:   5px;
  border-right:    1px solid #B4B4B4;
}
  table.main {
  width:           100%;
  padding:         0px;
  margin:          0px;
} 
td.top {
  border-bottom:   1px solid #FFFFFF;
  background:      #10A1E6 url(los-angeles-corner.gif) no-repeat top left;
  }
td.left {
  width:           300px;
  max-width:       300px;
  min-width:       300px;
  overflow:        hidden;
  padding:         5px;
  margin:          0px;
  } 
td.middle {
  min-width:       381px; /*468px;*/
  overflow:        hidden;
  text-align:      justify;
  padding:         5px;
  margin:          0px;
}
  td.right {
  width:           226px;
  max-width:       226px;
  min-width:       226px;
  overflow:        hidden; 
  padding:         5px;
  margin:          0px;
}
  td.top li {
  list-style:      none outside none;
  padding:         0px;
  display:         inline;
}
td.right ul {
  margin:          0px;
  padding:         0px;
  } 
td.right li {
  list-style:      none outside none;
  padding:         0px;
}
div.border {
  margin:          10px 0px 10px 0px;
  padding:         0px;
    /*background:      transparent url(los-angeles-border.gif) no-repeat;*/
}
div.content {
  padding:         0px 10px 10px 10px;
  background:      #FCFCFC url(los-angeles-fade.gif) repeat-x bottom left; 
  border-left:     1px solid #E5E5E5;
  border-bottom:   1px solid #DFDFDF;
  border-top:      1px solid #F0F0F0;
    border-right:    1px solid #E5E5E5;
}
div.bookmarks {
  background-color:#FFFFFF;
  margin:          0px;
  padding:         4px 2px 0px 2px;
  height:          24px;
  border:          1px solid #FFFFFF;
    display:         inline; 
}
div.adsense {
  background-color:#FCFCFC;
  text-align:      center;
  margin:          10px 10px 10px 0px;
}
div.product {
    float:           left;
}
div.sas {
  overflow:        hidden;
} 
div.sas img {
  max-width:       250px;
  max-height:      250px;
  }
div.headlines {
  width:           100%;
  padding:         10px 0px 10px 10px;
}
td.top div.links {
  width:           50%;
  padding:         1px;
  } 
td.top div.links a {
  color:           #000000;
  text-decoration: none;
}
td.top div.links a:hover {
  color:           #FFFFFF;
  text-decoration: underline;
    background-color:transparent;
}
div.adbrite {
  float:           right;
  background-color:#FCFCFC; 
  border-top:      1px solid #D8D8D8;
  border-left:     1px solid #D8D8D8;
  border-bottom:   1px solid #D8D8D8;
    text-align:      right;
  text-transform:  none;
  margin:          5px 0px 5px 0px;
  padding:         5px 5px 5px 5px;
  width:           113px;
  overflow:        hidden;
}
div.adbrite a, div.adbrite a:visited, div.adbrite a:hover {
    background-image:none; 
  width:           103px;
  display:         block;
}
.adBlock {
  font-weight:     normal;
  color:           #000000;
  text-align:      left;
    text-transform:  none;
  margin:          0px;
  padding:         0px;
  display:         inline;
} 
.adHeadline {
  font-weight:     normal;
  color:           #0C7CB0;
    text-align:      left;
  text-transform:  none;
  margin:          0px;
  padding:         0px;
  display:         inline;
}
.adText {
  font-weight:     normal;
    color:           #000000; 
  text-align:      left;
  text-transform:  none;
  margin:          0px;
  padding:         0px;
  display:         inline;
}
.adLink {
    font-weight:     normal;
  color:           #6C6C6C;
  text-align:      left;
  text-transform:  none;
  text-decoration: underline; 
  margin:          0px;
  padding:         0px;
  display:         inline;
  }
div.amazon {
  text-align:      center;
  background-color:black;
  margin:          0px;
  border-left:     3px solid black;
  border-right:    3px solid black;
}
  table.amazon { 
  width:           100%;
  background-color:black;
}
td.amazon {
  width:           33%;
  background-color:black;
}
  a.amazon {
  font-weight:     bold;
  color:           white;
  display:         block;
  text-align:      center; 
  text-decoration: none;
}
a.amazon:hover {
    background-color:rgb(255,153,0);
  color:           black;
}
form {
  text-align:      right;
}
input {
  margin:          2px;
  } 
input.button {
  width:           auto;
  border:          1px groove #484848;
  background-color:#EAEAEA;
}
input.radio {
  width:           auto;
  }
input.text {
  width:           70%;
  border:          1px dotted #484848;
} 
textarea {
  width:           70%;
  margin:          2px;
    border:          1px dotted #484848;
}