/* Text size for older browsers */
body, div, p, th, td, li, dd, dl, input, textarea, button {
    font-family: Arial, georgia, arial, sans-serif;
    font-size: 12px;
}

body {
    background-color: #FFFFFF;
    margin: 0 auto;
    padding: 0;
}

p {
    padding-top: 0;
    padding-bottom: 3px;
    line-height: 1.5em;
}

blockquote {
    margin-left: 20px;
    margin-right: 0px;
}

#head {
  float: left;
  text-align: center;
  min-height: 150px;
  border-bottom: 2px solid #13a7c5;
  margin-bottom: 5px;
}
#navbar {
  float: left;
  text-align: left;
  font-size: 140%;
  font-weight: normal;
  text-transform: uppercase;
  font-family: Impact, charcoal, lucida sans, sans-serif;
  letter-spacing: 0.05em;
}
#navbar a {
  text-decoration: none;
  padding: 5px 2px 5px 0;
  color: #13a7c5;
}
#navbar a:hover {
  text-decoration: none;
  color: #696969; /* #696969 */
}

#search {
  width: 250px;
  float: right;
}
#search form,
#search p {
  display: inline;
}
#search a img {
  margin: 0 !important;
  padding: 0 !important;
  margin-left: 3px;
}
#search input {
  vertical-align: top;
  width: 120px;
  line-height: 13px;
  font-size: 12px;
  height: 14px;
  border: 1px solid #696969;
}

#main {
  clear: both;
  margin-top: 10px;
}
#sidebar-2 p, #sidebar-1 p {
    vertical-align: top;
    font-size: 85%;
}
#sidebar-1 p {
    text-align: right;
    padding: 0;
    margin: 0;
}
#sidebar-1 h3, #sidebar-1 h4 {
    text-align: right;
    padding: 0;
    margin: 0;
    color: #20727D;
    font-weight: bold;
    font-size: 100%;
}
#sidebar-1 .tr p {
    text-align: right;
    font-size: 80%;
    padding: 0;
    margin: 0;
}
#sidebar-1 .tr h3, #sidebar-1 .tr h4 {
    text-align: right;
    padding: 0;
    margin: 0;
    color: #20727D;
    font-weight: bold;
    font-size: 95%;
}

#sidebar-2 a, #sidebar-1 a {
    border: 0px;
    color: #696969;
    font-weight: bold;
    text-transform: capitalize;
}

#container {
    width: 980px;
    \width: 990px;
    w\idth: 980px;
    margin-left: auto;
    margin-right: auto;
}

#sidebar-1 {
    float: left;
    width: 158px;
    \width: 158px;
    w\idth: 158px;
    padding-top: 10px;
    margin-right: 5px;
}

#sidebar-2 {
    float: right;
    width: 158px;
    \width: 158px;
    w\idth: 158px;
    padding-top: 10px;
    margin-left: 5px;
}

#content-wrapper {
    background-color: #FFFFFF;
    margin-top: 0;
    margin-left: 163px;
    margin-right: 163px;
    border-left: 1px solid #696969; /* #20727D */
    border-right: 1px solid #696969; /* #1CC3E3 */
    text-align: left;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
}
#fp-wrapper {
    margin-top: 0;
    margin-left: 163px;
    margin-right: 163px;
    border-left: 0px solid #696969; /* #20727D */
    border-right: 0px solid #13a7c5; /* #20727D */
    text-align: left;
    padding-top: 10px;
    padding-left: 5px;
    padding-right: 5px;
}

#content {
    background: transparent;
}

#content p, 
#content table td {
    font-size: 95%;
}

#content table td {
    vertical-align: top;
}

#content div a:link, a:visited, a:active, a {
    text-decoration: none;
}
#content div a:hover {
    text-decoration: underline;
}

#content ul {
    list-style: url(/gfx/bullet_blue.png);
}
#content li {
    font-size: 90%;
}

#content-section-list {
    background: transparent;
    font-size: 85%;
}
#content-section-list ul {
    list-style-type: square;
    margin: 0;
    padding: 0;
}
#content-section-list li {
    padding: 5px 0 5px 2px;
    margin-left: 17px;
    text-decoration: none;
    border: 0;
}
#content-section-list a,
#content-section-list .djw_section_articles li a {
    font-size: 85%;
    border: 0;
}

.clear {font-size: 1px; height: 1px}

#site-sections div,
#latest-articles div,
#sidebar-soundwaves,
#sidebar-soundwaves-west,
#sidebar-soundwaves-east {
    color: black;
    font-size: 90% !important;
}
#site-sections div p,
#latest-articles div p,
#sidebar-soundwaves p,
#sidebar-soundwaves-west p,
#sidebar-soundwaves-east p {
    color: black;
    font-size: 95%;
    margin: 0;
    padding: 0;
}
#site-sections div a,
#site-sections div p a,
#latest-articles div a,
#latest-articles div p a,
#sidebar-soundwaves a, 
#sidebar-soundwaves-west a,
#sidebar-soundwaves-east a{
    color: #1A81AA;
    font-size: 100%;
}
#site-sections div h4,
#latest-articles div h4 {
    text-align: right;
    padding: 0;
    margin: 0;
    color: #FFFFFF; /* 20727D */
    font-weight: bold;
    font-size: 100%;
}
#sidebar-soundwaves-west h4 {
    text-align: right;
    padding: 0;
    margin: 0;
    color: #1A81AA; /* 20727D */
    font-weight: bold;
    font-size: 100%;
}
#sidebar-soundwaves-west h5 {
    text-align: right;
    color: #FFFFFF;
    font-size: 90%;
    border: 0px;
    margin: 0;
    padding: 0;
}
#sidebar-soundwaves h4,
#sidebar-soundwaves-east h4 {
    text-align: left;
    padding: 0;
    margin: 0;
    color: #1A81AA; /* 20727D */
    font-weight: bold;
    font-size: 100%;
}
#site-sections div h5,
#latest-articles div h5,
#sidebar-soundwaves h5,
#sidebar-soundwaves-east h5 {
    color: #FFFFFF;
    font-size: 90%;
    border: 0px;
    margin: 0;
    padding: 0;
}

.rtop, .rbottom{display:block}
.rtop *, .rbottom *{display: block; height: 1px; overflow: hidden}
.r1{margin: 0 5px}
.r2{margin: 0 5px}
.r3{margin: 0 5px}
.r4{margin: 0 5px; height: 2px}

img.image-right {
     float: right;
}
img.image-left {
     float: left;
}

#foot {
    clear: both;
    margin-top: 5px;
    text-align: center;
}
#accessibility {
    position: absolute;
    top: -10000px;
}

h1 {
    font-family: Arial, georgia, sans-serif;
    color: #20727D;
    font-size: 160%; /* 135% */
    font-weight: bold;
    padding-bottom: 0;
    padding-top: 0;
}
h2 {
    color: #20727D;
    font-size: 120%;
    font-style: italic;
    padding-bottom: 0;
    padding-top: 0;
}
h1 a, h2 a {
    color: #20727D;
    border: 0px;
    text-decoration: none;
}
h3 {
    font-size: 110%;
    font-weight: bold;
    padding-bottom: 0;
    padding-top: 0;
}
h3 a {
    border: 0px;
    font-weight: bold;
    text-decoration: none;
}
h3.waveheading {
  font-size: 110%;
/*  border-bottom: 1px solid #13a7c5; */
  margin-top: 2px;
  padding-top: 0;
  color: #696969;
  line-height: 24px;
  background: url(http://www.soundscaping.net/gfx/soundscaping_wave_border.png) no-repeat top right;
}
h4 {
    font-weight: normal;
    border: 0px;
    font-size: 95%;
}
h4 a {
    text-decoration: none;
}
h5 {
    font-size: 85%;
    border: 0px;
    margin: 0;
    padding: 0;
}
a,
#content a, #content a:link,
#content a:active, #content a:visited {
    color: #20727D;
    text-decoration: none;
}
a:hover {
    color: #20727D;
    text-decoration: underline;
}
.sidelines-body p {
    font-size: 85%;
    padding: 0;
    margin: 0;
}
#content .byline {
    font-size: 85%;
    color: #696969;
    padding: 0;
    margin: 0;
}
#content h1 {
    font-family: Georgia, serif;
    color: #20727D;
    font-size: 160%;
    font-weight: bold;
    padding: 0;
    margin: 0;
}
.caps {
    letter-spacing: 0.1em;
    font-size: 90%;
}
.bluedelim {
    background-color: #20727D;
    color: #20727D;
    width: 100%;
    height: 1px;
}

#content hr {
    background-color: #20727D;
    color: #20727D;
    width: 100%;
    height: 1px;
}

img.divider {
    align: center;
    margin-top: 2em;
    margin-bottom: 2em;
}

.comments_error { 
    background-color: #ffa 
}

div.comments_error {
    border: 1px solid #cc8;
    padding : 0.3em;
}

/* Live search */
#LSResult {
    position: absolute;
    background-color: #13a7c5;
    border: 1px solid #13a7c5;
    width: 300px;
}
#LSShadow { padding: 5px; }
#LSRes { background-color: #FFFFFF; }
.LSRow { padding: 0 5px;
border-bottom: 1px solid #ffffff;
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff;
background-color: #13a7c5;
  text-align: left;
}
.LSRow a {
  color: #ffffff;
  font-size: 95%;
}

#LSHighlight { background-color: #ffffff; }

#LSHeader {
    padding: 2px 2px 8px;
    color: #ffffff;
    font-weight: bold;
    text-transform: uppercase;
}
#LSHeader div,
#LSHeader a {
    font-size: 90%;
    color: #ffffff;
    text-transform: uppercase;
}
.lsDate {
  display: block;
  color: #ffffff;
}

div.mem_list {
    text-decoration: none;
}
div.mem_list_head {
    color: #20727D;
    font-size: 100%;
    font-weight: bold;
    padding: 5px 0 5px 0;
    text-decoration: none;
    text-transform: uppercase;
}
div.mem_list_column {
    text-decoration: none;
}
div.mem_list_column > a {
    text-decoration: none;
}

/* Latest section articles list */

div.latestSection{
    width: 100%;
    margin-bottom: 10px;
}
div.latestSectionEntry {
    width: 100%;
}
div.latestSectionEntry a {
    margin: 5px;
    font-size: 115%;
    font-weight: bold;
}

/* Image and details box */

div.image-details-container {
}

div.image-details-box {
  border: 1px solid #696969;
  margin: 0 0 5px 10px;
  padding: 0;
  width: 250px;
  float: right;
}

div.image-box {
  margin: 0;
  padding: 0;
}

.more-pictures {
  margin: 0;
  padding: 0 3px;
  font-size: 85%;
  font-style: italic;
  color: #696969;
}

div.details-box {
  padding: 2px 3px;
  margin: 0;
}

.details-legend {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 90%;
  color: #6CDBEF;
}

.details-text {
  font-size: 90%;
  color: #696969;
  font-weight: bold;
}

/* footer */ 

#footer {
  clear: both;
}

#footer,
#footer-content div {
  font-size: 85%;
  font-weight: normal;
  color: #000000;
}
#footer,
#footer-content div a {
  color: #20727D;
}


/* Lightbox addendum */

.lightbox {
  z-index: 999;
}

.lightbox a,
.lightbox img {
    border: 0 !important;
}

.lightbox a img,
.lightbox img {
    padding: 0;
    width: 250px;
}


/* latest news */

#latest-news {
  padding: 0 5px;
  float: left;
}
.latest-news-item div {
  margin-left: 190px;
}
.latest-news-item {
  width: 100%;
  margin-bottom: 10px;
  float: left;
}
.latest-news-item:nth-of-type(2n) {
  background-color: #f2f2f2;
  padding-top: 5px;
}
#latest-news p,
.latest-news-item p {
  font-size: 90%;
  margin: 0;
  padding: 0;
}
#latest-news img,
.latest-news-item img {
  width: 180px;
  margin-right: 10px;
  margin-bottom: 5px;
  display: inline;
  text-align: left;
  float: left;
}
#latest-news h3,
.latest-news-item h3 {
  font-size: 120%;
  border-bottom: 1px solid #13a7c5;
  margin-top: 0;
  padding-top: 0;
  color: #696969;
}
.latest-news-item h4 {
  color: #13a7c5;
  font-size: 110%;
  font-weight: bold;
  margin: 0;
  padding: 0;
  margin-bottom: 2px;
  display: inline;
  text-transform: uppercase;
  font-family: Georgia, serif;
}
.latest-news-item a {
  font-size: 90%;
  font-weight: bold;
}
.latest-news-item h5 {
  color: #696969;
  font-size: 110%;
  margin: 0;
  padding: 0;
  margin-bottom: 2px;
  display: inline;
}
.latest-news-item h5 a {
  color: #696969 !important;
  font-size: 100%;
}

/*
.latest-news-item h5 {
  color: #696969;
  font-size: 110%;
  margin: 0;
  padding: 0;
  margin-bottom: 2px;
  display: inline;
}
.latest-news-item a {
  font-size: 90%;
  font-weight: bold;
}
*/

#aboutSite {
  float: left;
  padding: 0 5px;
}
#aboutSite h3 {
  font-size: 120%;
  border-bottom: 1px solid #13a7c5;
  color: #696969;
}
#aboutSite p {
  font-size: 95%;
}


/* jQuery tabs */

#tabvanilla {
  float: left;
  min-height: 300px;
}
#tabvanilla h3 {
  font-size: 120%;
  border-bottom: 1px solid #13a7c5;
  margin-top: 0;
  padding-top: 0;
  color: #696969;
}

.widget {
  float: left;
  margin: 20px 0;  
  padding: 0 5px 5px 5px;  
  background: #ffffff;  
  border: 0px solid #13a7c5;  
  margin-bottom: 15px;
}
  
.widget a {  
  color: #13a7c5;
  text-decoration: none;  
}  
  
.widget a:hover {  
  color: #696969;  
  text-decoration: underline;  
}

.tabnav {
  padding: 0;
  margin: 5px 0 0 0;
  padding-bottom: 2px;
  border-bottom: 1px solid #13a7c5;
}

.tabnav li {
  display: inline;  
  list-style: none;  
  padding: 2px 4px;
  border: 1px solid #13a7c5;
  border-bottom: 0;
  cursor: pointer;
}  
  
.tabnav li a {  
  text-decoration: none;  
  letter-spacing: 0.02em;
  color: #13a7c5;
  font-weight: bold;  
  font-size: 90%; 
  outline: none;  
}  

.tabnav li a:hover,
.tabnav li a:active {  
  color: #696969 !important;
  text-decoration: none;  
}
.tabnav li.ui-tabs-selected a,
.tabnav li.ui-tabs-selected {
  background-color: #13a7c5;
  color: white !important;
  text-decoration: none;  
}
  
.tabdiv {  
  margin-top: 2px;  
  background: #ffffff;  
  border: 0px solid #13a7c5;  
  padding: 5px;  
}
.tabdiv h4 {
  margin: 0;
  margin-top: 3px;
  font-size: 105%;
  font-weight: bold;
  padding: 0;
}
.tabdiv h5 {
  margin: 0;
  margin-top: 15px;
  font-size: 110%;
  font-weight: bold;
  padding: 0;
  color: #696969;
}
.tabdiv div p,
.tabdiv p {
  font-size: 90% !important;
  padding: 0;
  margin: 0;
}
.tabdiv div a {
  font-size: 90%;
  font-weight: bold;
}

.ui-tabs-hide {  
  display: none;  
}

/* Sandbox Gallery Items */
#gallery {
  vertical-align: top;
  width: 100%;
}
#gallery h5 {
  clear: left;
}
.galleryitem {
  width: 195px;
  float: left;
  margin: 0 10px 10px 0;
  background: #ECECEC;
  overflow: hidden;
}
.galleryitemimage {
  height: 190px;
  overflow: hidden;
}
.galleryitemimagelink {
}
.galleryitem img {
  height: 200px;
  opacity: 0.5;
  border: 0;
}
.galleryitem img:hover {
  opacity: 1;
}
.galleryitemtext {
/*  background: url(/gfx/bunn-trans.png) top left; */
  vertical-align: bottom;
  min-height: 200px;
}
.galleryitemtext h4 {
  font-weight: normal;
  font-size: 13px;
  min-height: 26px;
  margin: 5px 0 0 0;
}
.galleryitemtext {
  margin-left: 5px;
  margin-bottom: 15px;
}

/* Sounding OFFF 2009 */

#sounding-offf {
  background: url(/gfx/offf_bgtrans.png);
  height: 331px;
  width: 635px;
}
#sounding-offf div {
  padding: 0;
  margin: 0;
  overflow: hidden;
}
#sounding-offf .feed-item {
  padding: 200px 10px 0 10px;
  height: 131px;
  color: #ffffff;
}
#sounding-offf .feed-item h3 {
  font-family: Georgia, serif;
  font-size: 130%;
  margin-bottom: 0;
  padding-bottom: 3px;
}
#sounding-offf .feed-item p {
  font-family: Georgia, serif;
  margin-top: 0;
  font-size: 105%;
}
#sounding-offf .feed-item p.smaller {
  font-size: 89%;
  font-style: normal;
}
#sounding-offf .feed-item span.quote {
  font-size: 200%;
  font-weight: bold;
}
#sounding-offf .feed-item a {
  color: #ffffff;
}
#sounding-offf .feed-item a:hover {
  color: #e7e7e7;
}

/* Feature abbreviations */

abbr
{
    display: block;
    float: left;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 0;
    background-color: #f0f0f0;
    color: #ffffff;
    font-size: 9px;
    padding: 1px 3px 1px;
    margin: 0 3px 4px 0px;
    font-weight: bold;
    text-transform: uppercase;
}

abbr.none    { display: none; }

abbr.ambient { background-color: #13a7c5; }
abbr.artists { background-color: #696969; }
abbr.clubbing { background-color: #696969; }
abbr.concerts { background-color: #20727D; }
abbr.drone { background-color: #13a7c5; }
abbr.drum-38-bass { background-color: #13a7c5; }
abbr.dubstep { background-color: #13a7c5; }
abbr.electronica { background-color: #13a7c5; }
abbr.features { background-color: #696969; }
abbr.festival { background-color: #20727D; }
abbr.field-recordings { background-color: #13a7c5; }
abbr.from-the-vaults { background-color: #696969; }
abbr.guitar { background-color: #13a7c5; }
abbr.home-listening { background-color: #13a7c5; }
abbr.interviews { background-color: #696969; }
abbr.label { background-color: #696969; }
abbr.laptop { background-color: #13a7c5; }
abbr.minimal { background-color: #13a7c5; }
abbr.mixes { background-color: #696969; }
abbr.modern-classical { background-color: #13a7c5; }
abbr.news { background-color: #696969; }
abbr.noise { background-color: #13a7c5; }
abbr.piano { background-color: #13a7c5; }
abbr.previews { background-color: #696969; }
abbr.records { background-color: #696969; }
abbr.reviews { background-color: #696969; }
abbr.soundspot { background-color: #696969; }
abbr.videos { background-color: #696969; }