@import url(http://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700);

body{
  font-family: 'PT Sans Narrow', sans-serif;
  font-size:1.125em;
  color:#333;
  background:#f3f3f3 url(/layout_imgs/body_bg_content.png) top center repeat-x;
  background:
    url(/layout_imgs/body_bg_content.png) top center repeat-y,
    url(/layout_imgs/body_bg_bars_bottom.png) bottom left repeat-x,
    url(/layout_imgs/body_bg_bars_top.png) top left repeat-x,
    #f3f3f3;
}

#top_bar{
  position:relative;
  top:0; left:0;
  width:100%;
  background:#941a3d;
  opacity: .9;
}
  #top_bar li{
    display:inline-block;
  }
  #top_bar li a{
    display:block;
    color:#fff;
    padding:10px 18px;
    border-right:1px solid #a11c42;
    font-size:1.111em;
    text-decoration:none;
    background:none !important;
  }
  #top_bar li a:hover{
    background:#A03151;
  }

  #top_bar input#q{
    position:absolute;
    right:7px;
    top:7px;
    border:1px solid #737373;
    padding:2px 25px 2px 3px;
    width:180px;
    color:#999;
    font-family:'PT Sans Narrow', sans-serif;
    font-size:.83em;
    letter-spacing:-.01em;
    background:#fff url(/layout_imgs/search_bg.png) 188px 3px no-repeat;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;
  }

#container{
  padding-top:20px;
}


header{ 
  margin-bottom:0px; 
  z-index:2; 
  display:block;
}
  header h1{ 
    float:left;
    margin:0 10px 10px 0;
    line-height:1em;
  }
  header h1 a{
    display:block;
    width:280px;
    height:68px;
    background: url(/layout_imgs/public-reality-radio-hdr-logo.png) no-repeat;
    text-indent:-999999px;
    overflow:hidden;
  }

  header h2{
    clear:both;
    padding:5px 8px;
    font-size:.9em;
    font-weight:normal;
    color:#aaa;
    background: #E7E7E7;
	width:100%;
  }
    header h2 span.location{
      margin-right:2px;
    }
      header h2 span.location::after{ content:':'; }

    header h2 span.stations{
      font-weight:bold;
      margin-right:10px;
    }
    header h2 sup{
      vertical-align:super;
      font-size:.6em;
      margin-left:.2em;
    }


#container[data-page="index"] header h2{
	width:auto;
	margin:0 -10px 0 -10px;
}


/*--- GENERAL NAV STYLES ---*/
nav ul ul {
  position:absolute;
  top:-999em;
  /* left offset of submenus need to match (see below) */
  width:10em;
}
  nav ul ul li {
    width:100%;
  }
  nav ul ul li:hover {
    visibility:inherit; /* fixes IE7 'sticky bug' */
  }

nav ul li {
  float:left;
  position:relative;
}
nav ul a {
  display:block;
  position:relative;
}
  /* hover on item with subs */
  nav ul li:hover ul{
    left:0;
    top:1em; /* match li height */
    z-index:99;
    box-shadow:1px 1px 2px #333;
  }

  /* third level ul */
  nav ul li:hover li ul{
    top:-999em;
  }
  nav ul li li:hover ul{
    left:10em; /* match ul width */
    top:0;
  }

  /* fourth level ul */
  nav ul li li:hover li ul{
    top:-999em;
  }
  nav ul li li li:hover ul{
    left:10em; /* match ul width */
    top:0;
  }

/*--- MAIN SITE NAV ---*/
header nav{
  float:right;
  margin-top:8px;
}
header nav a{
  font-size:1.611em;
  color:#232021;
  text-decoration:none;
  letter-spacing:-.01em;
  padding:8px 12px 15px 12px;
  border-right:1px solid #e6e6e6;
}
  header nav li:last-child a{ border:none; }
  header nav li.has_subs{ background:url(/layout_imgs/nav_arrow_20.png) no-repeat bottom right; }
  header nav li.has_subs.current{ background:url(/layout_imgs/nav_arrow_50.png) no-repeat bottom right; }
  header nav li:hover{ background:#2e4557; }
  header nav li.has_subs:hover{ background:#2e4557 url(/layout_imgs/nav_arrow_100.png) no-repeat bottom right; }
  header nav a:hover,
  header nav li:hover a{ color:#fff; }
  
  /* subnav */
  header nav ul li:hover ul{
    background:#2e4557;
    top:50px;
  }
    header nav ul li:hover ul a{
      font-size:1.333em;
      color:#7098bd;
      padding:12px;
      border:none;
      border-bottom:1px solid #334d61;
    }
    header nav li li a:hover,
    header nav li li.current{
      background:#324B5E !important;
      color:#86B6E0 !important;
    }
    header nav li li.has_subs.current{ background:#324B5E url(/layout_imgs/nav_arrow_50.png) no-repeat bottom right; }


/*--- CRUMB NAV ---*/
nav#crumb{
  background:#b9bd4f;
  padding:0 8px;
  margin-bottom:15px;
  font-size:.555em;/* 10px to get small discs */
}
  #crumb li{
    padding:0 5px 0 0;
    margin-right:20px;
    color:#808212;
    list-style:disc outside none;
  }
  #crumb ul:first-child li,
  #crumb li li{ list-style:none; }

  #crumb a{
    font-size:2.1em;
    color:#808212;
    letter-spacing:-.02em;
    text-decoration:none;
    padding:5px;
  }
  #crumb li.has_subs{ background:url(/layout_imgs/crumb_nav_50.png) no-repeat bottom right; }
  #crumb li:hover{ background:#b9bd4f; }
  #crumb li.has_subs:hover{ background:#b9bd4f url(/layout_imgs/crumb_nav_100.png) no-repeat bottom right; }
  #crumb a:hover,
  #crumb li:hover a{
    color:#5F600D;
  }
  
  /* subnav */
  #crumb ul li:hover ul{
    background:#b9bd4f;
    top:31px;
    width:150px;
  }
    #crumb ul li:hover ul a{
      font-size:2.1em;
      padding:8px 5px;
      border:none;
    }
    #crumb li li{ margin-right:0; padding-right:0; }
    #crumb li li a:hover,
    #crumb li li.current{
      background:#C8CC55 !important;
    }

/*--- SUB NAV ---*/
#sub{ margin-top:8px; }
#sub li{
  float:none;
  margin:0 0 15px 0;
  list-style:none;
}
  #sub a{
    font-size:1.444em;
    color:#4c6f8f;
    text-decoration:none;
    letter-spacing:-.02em;
  }
  #sub a:hover,
  #sub li.current a{
    color:#2e4557;
  }

  #sub li.current{
    color:#2e4557;
    list-style:disc;
    margin-left:20px;
  }


/*--- PROGRAMS DROP-DOWN ---*/
#programs_dropdown{
  position:relative;
  background:#2e4557;
  position:absolute;
  width:800px;
  left:-300px;
  top:50px;
  box-shadow:1px 1px 2px #333;
  display:none;
}
#programs_trigger:hover #programs_dropdown{
  left:-300px;
  z-index:99;
  display:block;
}

#programs_dropdown #programs_subs{
  position:relative;
  top:0;
}
  #programs_dropdown #programs_subs a{
    color:#7098bd;
    padding:10px 8px;
    border:none;
    font-size:1.1em;
    border-bottom:1px solid #334d61;
  }

#programs_dropdown li.search_holder{
  border-bottom:1px solid #334d61;
}
#programs_subs input#programs_menu_search{
  border-radius:5px;
  border:1px solid #999;
  padding:4px 8px 4px 4px;
  margin:10px 8px;
}

#program_results{
  position:absolute;
  top:0; left:180px;
  width:594px;
  height:410px;
  background:#fafafa;
  border:2px solid #2E4557;
  border-left:4px solid #223340;
  padding:0 10px;
  overflow: auto;
}

  #program_results img.loading{
    position:absolute;
    top:5px; right:5px;
  }

  #program_results h5{
    margin:10px 0;
  }

  #program_results ul{
    position:relative;
    display:inline-block;
    vertical-align:top;
    top:auto;
    width:160px;
    padding:0 0 0 0px;
    margin:0 0 0 20px;
    background: none !important;
    box-shadow: none !important;
  }
  #program_results li{
    float:none;
    border:none;
    background:none !important;
    list-style:disc;
    margin:5px 0 10px 0;
    font-size:.5em;
  }
    #program_results li.letter{
      list-style:none;
      font-size:.6666em;
      font-weight:bold;
      color:#000;
      margin:0 0 0 -15px;
    }
    #program_results li.letter_group{
      color:#999;
      margin-bottom:10px;
    }
  #program_results li a{
    border:none;
    font-size:1.7777em;
    padding:0 !important;
    color:#4C677F !important;
    background:none !important;
  }
    #program_results a:hover{
      color:#86B6E0 !important;
    }

    #program_results .logo_link{
      width:134px;
      float:left;
      margin-bottom:10px;
    }
    #program_results .logo_link a.logo{
      width:134px;
      height:134px;
    }
    #program_results .logo_link a.logo img{
      width:134px;
    }
    #program_results .logo_link p{
      height:36px;
    }



/*--- BANNER ---*/
#top_banner{
  clear:both;
  width:100%;
  margin:0;
  text-align:center;
}
  #top_banner a{
    background:none !important;
    padding:0 !important;
  }

/*---  STATIONS AND FOOTER ---*/
#stations{
  display:block;
  font-family:'PT Sans Narrow', sans-serif;
  text-align:right;
  margin-top:60px;
  font-size:2.444em;
  font-weight:bold;
  letter-spacing:-.04em;
  color:#2e4557;
  width:100%;
}
  #stations sup{
    font-size:.34em;
    letter-spacing:0;
    vertical-align:top;
    padding:0 0 0 2px;
  }
  #stations .seperator{
    color:#405d78;
  }


footer{
  position:relative;
  background:#2e4557;
  border-top:6px solid #4c6f8f;
  margin-top:2px;
  padding:10px 0;
  color:#4c6f8f;
  font-size:.888em;
}
  footer p{
    line-height:1.3em;
    margin:0;
  }
  footer a{
    color:#7095bd;
    text-decoration:none;
  }

  footer .now_playing{
    float:left;
    margin-left:10px;
  }
    footer .now_playing ul{ margin-bottom:10px; }
    footer .now_playing li{ 
      margin-bottom:.45em; 
    }
    footer .now_playing .then,
    footer .now_playing .later{
      font-size:.9375em;
    }
    footer .now_playing .now{
      font-weight:bold;
      font-size:1.375em;
      text-transform:capitalize;
    }
    footer .now_playing .next{
      font-size:1.0625em;
    }

    footer #times{
      font-size:.875em;
      margin-top:40px;
    }

  footer .contact{
    float:right;
    text-align:right;
    margin-right:10px;
  }
    footer #credit{
      margin-top:40px;
      font-size:.875em;
    }
    footer #credit a{ color:#3f5b75; }
    footer #credit a:hover{ color:#7095bd; }    


/*--- GENERAL ---*/
h1{
  font-size:1.888em;
  color:#702a23;
  letter-spacing:-.02em;
}
h2{
  font-size:1.722em;
  color:#d99536;
}
  hgroup h2{
    font-size:1.555em;
    color:#4d4d4d;
    letter-spacing:-.02em;
  }
h3{
  font-size:1.555em;
  color:#808212;
}
h4{
  font-size:1.388em;
  color:#666;
}
h5{
  font-size:1.222em;
  color:#333;
}

h1 span, h2 span, 
h3 span, h4 span, h5 span{
  font-weight:normal;
}


p,
blockquote{
  line-height:1.5em;
  margin:0 0 15px 0;
}
p.more,
p.external_feed{
  margin:0 0 5px 0;
}
p.right{
  text-align:right;
}

blockquote{
  position:relative;
  background:#eee;
  padding:10px 20px;
  margin:0 10px 15px 10px;
}
blockquote:before,
blockquote:after{
  content: '\201C';
  font-size:3em;
  line-height:0;
  margin:25px 8px 0 0;
  color:#aaa;
  float:left;
}
blockquote:after{
  float:right;
  content: '\201D';
  margin:-5px 0 0 0;
}

article{
  z-index:1;
}

article ul,
article ol{
  list-style:disc;
  margin:0 0 20px 30px;
  line-height:1.5em;
}
article ol{ list-style:decimal; }

article a{
  color:#4c6f8f;
  text-decoration:none;
}
article a:hover{ text-decoration:underline; }

/* change these with media queries? */
a.tel,
a.tel:hover{
  color:#333;
  text-decoration:none;
  cursor:default;
}

a.external{
  padding-right:18px;
  background:url(/layout_imgs/external.png) no-repeat right;
}

.hidden,
.json{
  display:none;
}

.note{
  color:#666;
  font-size:.95em;
}

pre{
  font-family:Courier;
}

.logo_link{
  display:table;
  margin:0 10px 10px 0;
}
  .logo_link a.logo{
    position:relative;
    display:table-cell;
    vertical-align:middle;
    line-height:0;
    padding:0;
    margin-bottom:2px;
    text-align:center;
    border:none;
  }
    .logo_link img{
      max-width:100%;
      max-height:100%;
    }

  .logo_link p{
    display:table-row;
    padding:0 0 0 0;
    margin:0 0 0 0;
    line-height:1em;
  }
  .logo_link p a{
    padding:0 0 0 0;
    margin:0 0 0 0;
    font-size:.8888em;
    color:#4C6F8F !important;
    letter-spacing:0em;
    border:none;
  }


/*--- HOMEPAGE SCHEDULE ---*/
#homepage_schedule{
  display:block;
  position:relative;
  background: #b9bd4f url('/layout_imgs/now_playing_bg.png') left 50% no-repeat;
  padding:10px 10px 8px 61px;
  margin:15px 0 25px 0;
  clear:both;
}

  #homepage_schedule .logo_link{
    float:left;
    margin-right:15px;
  }
    /* time */
    #homepage_schedule .logo_link p.schedule_time{
      font-weight:bold;
      color:#fff;
      font-size:1.444em;
    }
      #homepage_schedule .now p.schedule_time{
        font-size:2em;
      }
        #homepage_schedule .now p.schedule_time a{
          color:#808212 !important;
          text-decoration:none;
        }
      #homepage_schedule .next p.schedule_time{
        font-size:1.7222em;
      }

    /* logo border */
    #homepage_schedule .logo_link a.logo{
      border:1px solid #808212;
    }

    /* sizing */
    #homepage_schedule .then .logo,
    #homepage_schedule .later .logo{
      width:140px;
      height:105px;
    }
      #homepage_schedule .then img,
      #homepage_schedule .later img{
        max-width:140px;
        max-height:105px;
      }
    #homepage_schedule .now .logo{
      width:300px;
      height:225px;
    }
    #homepage_schedule .next .logo{
      width:200px;
      height:150px;
    }

    /* title link */
    #homepage_schedule p{
      line-height:.9em !important;
    }
    #homepage_schedule .logo_link p a{
      text-decoration:none;
      color:#f3ffc7 !important;
    }
    #homepage_schedule .now p{
      font-size:1.4444em;
    }
    #homepage_schedule .next p{
      font-size:1.1666em;
    }

    /* position */
    #homepage_schedule .then,
    #homepage_schedule .later{
      margin-top:67px;
    }
    #homepage_schedule .next{
      margin-top:41px;
    } 

  #homepage_schedule p.more{
    clear:both;
    text-align:right;
    top:-50px;
    margin:0 0 0 0;
    padding:0 0 0 0;
    font-size:.8888em;
    line-height:1em;
  }
    #homepage_schedule p.more a{
      color:#808212;
      text-decoration:none;
      letter-spacing:-.01em;
    }

  /*--- live ---*/
  #homepage_schedule img.live_show{
    position:absolute;
    /* relative to homepage_schedule since logo_link is table display */
    top:50px; left:225px;
  }
  #homepage_schedule p.live_show{
    font-size:1.2em !important;
    display:block !important;
    margin:5px 0 0 0;
  }
  
/*--- BLOG PREVIEWS ---*/
#blog_preview{
  position:relative;
  margin:0 0 10px 0;
}

.blog_post_excerpt{
  margin:10px 0 0 0;
}
.blog_post_excerpt h2,
.blog_post_excerpt h3{
  font-size:1.4444em;
  letter-spacing:-.02em;
  line-height:.9230em;
}
  .blog_post_excerpt h2 a,
  .blog_post_excerpt h3 a{
    color:#2e4557;
  }

.blog_post_excerpt time{
  display:block;
  font-size:.9444em;
  color:#808080;
  margin:2px 0;
}

.blog_post_excerpt .excerpt p{
  margin-bottom:2px;
}

/*--- CONNECT ---*/
#homepage hgroup{
  margin-top:5px;
}

/* twitter */
#twitter{
  clear:both;
  padding-top:10px;
  position:relative;
border-bottom:1px solid #f00;
}

  #twitter .twtr-hd,
  #twitter .twtr-ft{
    display:none;
  }

  #twitter .twtr-widget{
    font-family: inherit !important;
    font-size: inherit !important;
  }
  #twitter .twtr-widget em{
    font-size: .75em !important;
  }

.fade_to_white{
  position:absolute;
  bottom:0;
  z-index:100;
  width:100%;
  height:32px;
  background:url(/layout_imgs/fade_to_white.png) repeat-x;
 
}

  

/*--- LATEST ---*/
#latest .logo_link{
  margin-bottom:0;
}

#latest p.type{
  font-size:1.2222em;
  font-weight:bold;
  text-align:center;
}

/*--- SCHEDULE ---*/
#schedule{
  min-height:615px;
}

#schedule_loading{
  position:absolute;
  top:0; left:0;
  width:100%;
  height:100%;
  background:#fff;
  opacity:.6;
  z-index:999999;
}
  #schedule_loading p{
    position:absolute;
    top:50%; left:50%;
  }


#schedule_hover{
  display:none;
  position:absolute;
  top:0; left:0;
  width:220px;
  background:#eee;
  background: rgba(238,238,238,.8);
  padding:10px;
  z-index:999999;
  border-radius:5px;
  box-shadow:0px 0px 4px #000;
}
  #schedule_hover img.logo{
    max-width:80px;
    float:left;
    margin-right:10px;
    border:1px dotted #999;
  }
  #schedule_hover p.title{
    font-weight:bold;
    line-height:1em;
    margin:5px 0 0 90px;
  }

/*--- PROGRAMS LISTING ---*/
#program_listing p#letter_jump{
  margin:10px 0;
}
  #program_listing p#letter_jump a{
    padding:0 2px;
  }

#program_listing h2{
  margin:5px;
}
  #program_listing h2.letter_group{
    margin:5px 5px 10px 5px;
    color:#999;
  }

#program_listing p.top_jump{
  margin:0 0 15px 0;
}
  #program_listing p.top_jump a{
    display:block;
    background:#eee;
    border-radius:5px;
    padding:2px 6px;
    font-size:.8888em;
    font-style:italic;
  }

#program_listing .logo_link a.logo{
  /*width:150px;*/
  border:1px dotted #999;
  height:148px;
}
#program_listing .logo_link a.logo img{
  width:150px;
}
#program_listing .logo_link p{
  height:38px !important;
}

/*--- PROGRAM HOME ---*/
nav#sub .logo_link{
  width:100%;
  height:150px;
  border:1px dotted #999;
  margin:0 0 2px 0;
}

nav .social_links{
  margin:0 0 10px 0;
}

.episodes h4,
.hosts h4{
  margin-bottom:5px;
}
ul.small_episodes{
  margin:10px 0 5px 0;
  padding:0 0 0 0;
  list-style:none;
}
.small_episodes li{
  position:relative;
}
  .small_episodes li p{
    max-width:240px;
  }
  .small_episodes .actions{
    position:absolute;
    right:0; top:50%;
    margin-top:-15px;
  }
    .actions .site_icon{
      vertical-align: middle;
      margin:0 0 0 2px;
    }

  .small_episodes p,
  .small_episodes time{
    margin:0 0 0 0;
    padding:0 0 0 0;
    line-height:1em;    
  }

  .small_episodes p{
    font-weight:bold;
    margin:0 0 0 0;
  }
  .small_episodes time{
    display:block;
    font-size:.8888em;
    color:#666;
  }

#comments{
  min-height:300px;
  margin-bottom:20px;
}
  #comments h2{
    margin-bottom:10px;
  }

.categories h3,
.similiar h3{
  margin-bottom:10px;
}

.categories li.main a{
  font-weight:bold;
}

.similiar .logo_link{
  width:143px;
  float:left;
  margin-bottom:10px;
}
.similiar .logo_link a.logo{
  width:143px;
  height:143px;
}
.similiar .logo_link a.logo img{
  width:143px;
}
.similiar .logo_link p{
  height:36px;
}

/*--- HOSTS ---*/
/* program home */
.small_hosts .host{ 
  font-weight:bold;
  clear:left;
  margin:0 0 2px 0;
}
.small_hosts .host img{
  display:inline-block;
  vertical-align:middle;
  margin:0 5px 0 0;
  max-width:60px;
}
.small_hosts .grid_2 .host img{
  max-width:38px;
  margin:0 2px 0 0;
}

.grid_9.hosts .host{
  margin:10px 0;
}

.host .other_programs{
  text-align:right;
}
  .host .other_programs h4{
    font-size:1.111em;
  }
  .host .other_programs .logo_link{
    float:right;
    width:80px;
    text-align:center;
    margin:0 0 0 10px;;
  }
  .other_programs .logo_link a.logo{
    width:80px;
    height:80px;
  }
  .other_programs .logo_link a.logo img{
    width:80px;
  }

/*--- STAFF AND BOARD ---*/
section.staff{
  display:block;
  position:relative;
  width:100%;
  margin:5px 0;
  padding:5px 10px;
  width:680px;
  clear:left;
}
  .staff:nth-child(even){
    background:#f7f7f7;
    border-radius:5px;
  }

  .staff > img,
  .staff p.staff_video{
    float:left;
    clear:left;
    width:215px;
    margin:5px 10px 5px 0;
  }
  .staff p.staff_video{
    margin:0 10px 0 0;
    font-size:.85em;
    text-align:left;
  }

  .staff p.contact{
    margin-bottom:5px;
  }
  .staff p.contact a{
    margin-right:10px;
  }

.staff_video_dialog{
  font-size:.8em;
  text-align:center;
}

/*--- GOOGLE SEARCH ---*/
/* google */
/* make search page full width since there's no right menu */
.search_results{
  width:560px;
  padding-right:20px;
  left:230px;
  min-height:400px;

}
.gsc-control{
  width:100% !important;
  line-height:1.4em;
}

#branding{
  width:120px;
  float:right;
}

table.gsc-resultsHeader{
  display:none;
}
.gsc-results{
  margin-top:15px;
  padding-top:15px;
  border-top:1px solid #c8c8c8;
}
a.gs-title{
  font-weight:bold;
}

/*--- DAY CALENDAR ---*/
/*--- Specific Setup for the text and integrated layout ---*/
.day_calendar{
  float:left;
  margin:-2px 10px 0 0;
  font-weight:bold;
  color:#333;
  font-size:21px;
}
/*--- General Setup ---*/
.day_calendar{
  display:block;
  width:58px;
  height:33px;
  background:url(/layout_imgs/calendars.png) no-repeat;
  text-align:center;
  padding-top:22px;
}
  .day_calendar span.month{
    display:none;
  }
  .jan{ background-position:0 0; }
  .feb{ background-position:-63px 0; }
  .mar{ background-position:-123px 0; }
  .apr{ background-position:-184px 0; }
  .may{ background-position:0 -59px; }
  .jun{ background-position:-63px -59px; }
  .jul{ background-position:-123px -59px; }
  .aug{ background-position:-184px -59px; }
  .sep{ background-position:0 -114px; }
  .oct{ background-position:-63px -114px; }
  .nov{ background-position:-123px -114px; }
  .dec{ background-position:-184px -114px; }


/*--- ICONS ---*/
.site_icon,
.social_icon{
  display:inline-block;
  background:url(/layout_imgs/site_icons.png) top left no-repeat;
  overflow:hidden;
  text-indent:-999999px;
}
  /* site icons */
  .site_icon.listen{
    width:12px; height:17px;
  }
  .site_icon.facebook{
    width:7px; height:16px;
    background-position:0 -17px;
  }
  .site_icon.twitter{
    width:17px; height:11px;
    background-position:0 -33px;
  }
  .site_icon.donate{
    width:8px; height:17px;
    background-position:0 -44px;
  }
  .site_icon.listen_green{
    width:16px; height:22px;
    background-position:0 -61px;
  }
  .site_icon.listen_blue{
    width:14px; height:20px;
    background-position:0 -83px;
  }
  .site_icon.seperator{
    width:6px; height:31px;
    background-position:0 -101px;
  }
  .site_icon.download{
    width:15px; height:17px;
    background-position:0 -134px;
  }
  .site_icon.blog_post{
    width:22px; height:10px;
    background-position:0 -151px;
  }

  /* social icons */
  .social_icon{ 
    background:url(/layout_imgs/social_icons.png) no-repeat; 
    margin-right:2px;
  }
  .icon_42{ width:42px; height:42px; }
  .icon_32{ width:32px; height:32px; }
  .icon_24{ width:24px; height:24px; }
  
  h1 .social_icon, h2 .social_icon, 
  h3 .social_icon, h4 .social_icon, h5 .social_icon{
    margin-left:4px;
    vertical-align:bottom;
  }
  /*
  0,0 -42px,0 -74px,0, 42px going down
  */
  .flickr.social_icon{ background-position:0 0; }
    .flickr.icon_32{ background-position:-42px 0; }
    .flickr.icon_24{ background-position:-74px 0; }
  .facebook.social_icon{ background-position:0 -42px; }
    .facebook.icon_32{ background-position:-42px -42px; }
    .facebook.icon_24{ background-position:-74px -42px; }
  .youtube.social_icon{ background-position:0 -84px; }
    .youtube.icon_32{ background-position:-42px -84px; }
    .youtube.icon_24{ background-position:-74px -84px; }
  .linkedin.social_icon{ background-position:0 -126px; }
    .linkedin.icon_32{ background-position:-42px -126px; }
    .linkedin.icon_24{ background-position:-74px -126px; }
  .apple.social_icon{ background-position:0 -168px; }
    .apple.icon_32{ background-position:-42px -168px; }
    .apple.icon_24{ background-position:-74px -168px; }
  .qik.social_icon{ background-position:0 -210px; }
    .qik.icon_32{ background-position:-42px -210px; }
    .qik.icon_24{ background-position:-74px -210px; }
  .vimeo.social_icon{ background-position:0 -252px; }
    .vimeo.icon_32{ background-position:-42px -252px; }
    .vimeo.icon_24{ background-position:-74px -252px; }
  .rss.social_icon{ background-position:0 -294px; }
    .rss.icon_32{ background-position:-42px -294px; }
    .rss.icon_24{ background-position:-74px -294px; }
  .email.social_icon{ background-position:0 -336px; }
    .email.icon_32{ background-position:-42px -336px; }
    .email.icon_24{ background-position:-74px -336px; }
  .podcast.social_icon{ background-position:0 -378px; }
    .podcast.icon_32{ background-position:-42px -378px; }
    .podcast.icon_24{ background-position:-74px -378px; }
  .twitter.social_icon{ background-position:0 -420px; }
    .twitter.icon_32{ background-position:-42px -420px; }
    .twitter.icon_24{ background-position:-74px -420px; }
  .android.social_icon{ background-position:0 -462px; }
    .android.icon_32{ background-position:-42px -462px; }
    .android.icon_24{ background-position:-74px -462px; }
  .wprrstream.social_icon{ background-position:0 -504px; }
    .wprrstream.icon_32{ background-position:-42px -504px; }
    .wprrstream.icon_24{ background-position:-74px -504px; }
  .showwebsite.social_icon{ background-position:0 -546px; }
    .showwebsite.icon_32{ background-position:-42px -546px; }
    .showwebsite.icon_24{ background-position:-74px -546px; }
  .googleplus.social_icon{ background-position:0 -588px; }
    .googleplus.icon_32{ background-position:-42px -588px; }
    .googleplus.icon_24{ background-position:-74px -588px; }