/*   
Theme Name: Streetfilms
Theme URI: http://streetfilms.org/
Description: 
Author: OpenPlans - Andy Cochran, Chris Abraham
Author URI: http://openplans.org/
Version: 1.0
*/


/* Livable Streets Initiative styles */
@import url('lsi/style-lsi.css');


html, body {
    background: #454443;
    color: #404040;
    min-width: 980px;
    font-family:"Helvetica Neue",Arial,Helvetica,sans-serif;
    }

a:link, a:visited {
    color:#604dbf;
    text-decoration:none;
    }
a:hover {
    text-decoration:underline;
    }

h1, h2, h3, h4, h5, h6 {
    font-family: Georgia,serif;
    font-style: italic;
    font-weight: normal;
    }


/* -------------------------------------------------------------- 
   Utility Classes
-------------------------------------------------------------- */   

.nobreak {
    white-space: nowrap;
    }
.noshow {
    display: none;
    }
.leftwise {
    float: left;
    }
.rightwise {
    float: right;
    }

/* self clearing float */
 .selfclear:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }
.selfclear {
    display: inline-block; /*silly IE 7 */
    }
.selfclear {
    display: block;
    }

/* Alpha transparency for IE6 */
* html .pngfix {
    zoom: 1;
    behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1 ?  (this.runtimeStyle.backgroundImage = "none", this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')", this.src = "../img/transparent.gif") : (this.origBg = this.origBg ? this.origBg :  this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''), this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='" + (this.currentStyle.backgroundRepeat=='no-repeat' ? 'crop' : 'scale') +"')", this.runtimeStyle.backgroundImage = "none")),this.pngSet=true));
    }

/* we can't easily class these inthe markup */
* html ul#category-nav li a,
#streetfilms-series-info .series-button {
    zoom: 1;
    behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1 ?  (this.runtimeStyle.backgroundImage = "none", this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')", this.src = "../img/transparent.gif") : (this.origBg = this.origBg ? this.origBg :  this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''), this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='" + (this.currentStyle.backgroundRepeat=='no-repeat' ? 'crop' : 'scale') +"')", this.runtimeStyle.backgroundImage = "none")),this.pngSet=true));
    }

#access select#cat {
font-size: 12px;
margin: 3px 0 0 2px;
height: 33px;
width: 180px;
}


.figure {
    background-color: #EDEDED;
    border: 1px solid #DFDFDF;
    float: right;
    line-height: 1.1em;
    margin: 0 0 0.75em 0.75em;
    padding: 0.3em 0 0;
    text-align: center;
    }
.figure img, img.alignright, img.alignleft, img.alignmiddle {
    border: 1px solid #BFBEBC;
    float: none;
    margin: auto;
    }
.alignleft {
    float: left;
    margin: 0 1em 0.2em 0;
    }
.alignright {
    float: right;
    margin: 0 0 0.2em 0.5em;
    }
img.alignright {
    float: right;
    margin: 0 0 0.2em 0.5em;
    }
img.alignleft {
    float: left;
    margin:0 1em 0.2em 0;
    }
img.aligncenter,
img.alignmiddle {
    display:block;
    float:none;
    margin:1em auto;
    width:auto !important;
    }
.alignmiddle {
    clear:both;
    float:none !important;
    margin-left:auto;
    margin-right:auto;
    }
.figure img {
    margin:0;
    }


/* -------------------------------------------------------------- 
   Header
-------------------------------------------------------------- */   

#wrapper {
    background: #e5e4e1 url(img/wrapper-bg-tile.png) 0 0 repeat-x scroll;
    }

.container {
    width: 980px;
    margin: 0 auto;
    }

#container {
    position:relative;
    width:980px;
    margin:0 auto;
    padding:55px 0 20px;
    background:#f6f5f2 url(img/container.png) 0 0 repeat-x scroll;
    }

#masthead {
    float: right;
    width: 340px;
    height: 219px;
    margin: 0 20px 0 0;

    }

* html #masthead {
    margin: 0 10px 0 0;
}

#branding {
    }

#blog-title {
    width:340px;
    height:39px;
    background:transparent url(img/streetfilms-logo.png) 0 0 no-repeat scroll;
    margin: 15px 0 0;
    }
#blog-title a {
    display:block;
    width:340px;
    height:34px;
    text-indent:-9999px;
    text-align:left;
    }
#blog-description {
    color: white;
    margin-left: 8px;
    font-size: 1.8em;
    font-style: italic;
    font-family: Georgia,serif;
    font-weight: normal;
    line-height: 2.5;
    height: 47px;
    width:340px;
    white-space: nowrap;
    }
#access {
    clear:both;
    height:40px;
    }
div.skip-link {
    display: none;
    }
.menu ul {
    width:340px;
    margin:0;
    position:absolute;
    top:55px;
    right:20px;
    font-size: 1.2em;
    }
.menu ul li {
    float: left;
    list-style:none;
    margin:0 15px 0 0;
    }
.menu ul li a:link,
.menu ul li a:visited {
    color:#fff;
    text-decoration:none;
    }
.menu ul li a:hover {
    text-decoration:underline;
    }

/* Category Dropdown Menu */
ul#category-nav {
  float: right;
  width: 151px;
  height: 34px;
  list-style: none;
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  line-height: 34px;
  background: transparent url(img/category.png) left top no-repeat scroll;
  position: relative; 
  z-index: 500;
  overflow: hidden;
  margin: 3px 0;
}
ul#category-nav:hover {
  background-position: right top;
  overflow: visible;
}
ul#category-nav li {
  float: left;
  width: 100%;
}
ul#category-nav li.select-a-category span {
  padding: 0 12px;
}
ul#category-nav:hover li.select-a-category {
  height: 31px;
}
ul#category-nav li.select-a-category:hover {
  background: transparent url(img/category.png) left top no-repeat scroll;
  cursor: default;
}
ul#category-nav li a:link,
ul#category-nav li a:visited  {
  display: block;
  color: #fff;
  text-transform: capitalize;
  background: #666;
  border-top: 1px solid #595959;
  padding: 0 12px;
}
ul#category-nav li  a:hover  {
  text-decoration: none;
  background-color: #a99de1;
}

ul#category-nav li.current-cat {
  position: absolute;
  top: 0;
  left: 0;
  background: transparent url(img/category.png) left top no-repeat scroll;
  height: 31px;
  width: 100%;
}
ul#category-nav:hover li.current-cat {
  background-position: right top;
}
ul#category-nav:hover li.current-cat:hover {
  background-position: left top;
}
ul#category-nav li.current-cat a:link,
ul#category-nav li.current-cat a:visited,
ul#category-nav li.current-cat a:hover {
  background: transparent;
  border: 0;
}


/* -------------------------------------------------------------- 
   Posts & Pages
-------------------------------------------------------------- */   

#search-results,
.attachment,
.post,
.page {
    min-height: 300px;
    height: auto !important;
    height: 320px;
    }
    
.attachment,
.post,
.page {
    float: left;
    width: 580px;
    margin: 0 0 20px 20px;
    padding: 9px 0;
    background: #fff url(img/post-bg-tile.gif) 0 0 repeat-y scroll;
    border-top: 1px solid #bfbebc;
    border-bottom: 1px solid #bfbebc;
    position: relative;
    z-index: 2;
    }

* html .attachment,
* html .post,
* html .page {
    margin: 0 0 20px 10px;
    }

#single {
    float: left;
    width: 580px;
    margin: 0 0 20px 20px;
    }

* html #single {
    margin: 0 0 20px 10px; 
    }

#single .post {
    margin: 0 0 20px 0;
    }

* html #single .post {
    margin: 0 0 10px 0;
    }

.post .entry {
    float: left;
    margin: 20px 0 0 20px;
    width: 455px;
    }

* html .post .entry {
    margin: 20px 0 0 10px;
    }

.page .entry {
    margin: 11px 20px;
    }

.entry-thumb {
    float: left;
    }

.entry-title {
    display: inline;
    *padding: 0 0.5em 0 0; /* targets IE6 & 7 */
    }

* html .entry-title {
    padding: 0 0.5em 0 0;
    }

.entry-title a:link, 
.entry-title a:visited {
    color: #404040;
    }

.entry-title a:hover {
    color: #604dbf;
    }

.entry-meta {
    color: #808080;
    display: inline;
    }

*:first-child+html .entry-meta .nobreak { /*IE7*/
    white-space: normal;
    }

* html .entry-meta .nobreak { /*IE6*/
    white-space: normal;
    }


.entry-meta a {
    color: #9086c0;
    }

.entry-meta .meta-sep {
    color: #bfbebc;
    }

.entry-date abbr {
    border: 0;
    text-transform: none;
    letter-spacing: 0;
    font-size: 1em;
    }

.entry-content {
    margin-top: 10px;
    margin-bottom: 11px;
    }

.entry-content .more-link,
.entry-content .more-link a {
    display: inline;
    font-size: 0.95em;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: underline;
    }

.entry-footer {
    clear: both;
    margin: 0 20px 11px;
    padding: 0;
    border-top: 1px solid #e5e4e1;
    }

.entry-footer .entry-meta {
    display: block;
    margin: 10px 0 0;
    padding: 0;
    }

.entry-footer:hover .entry-meta {
    color: #404040;
    }

.entry-footer:hover .entry-meta a {
    color: #604dbf;
    }


/* -------------------------------------------------------------- 
   Entry Utility - Comments / Share / Email / Embed
-------------------------------------------------------------- */   

.entry-utility {
    float: right;
    width: 65px;
    margin: 20px 20px 20px 0;
    }

* html .entry-utility {
    margin: 20px 10px 20px 0;
    }

.browser-content .entry-utility {
    margin-bottom: 0;
    }

* html .browser-content .entry-utility {
    margin-bottom: 0;
    }

.entry-utility label {
    display: block;
    margin: 0;
    padding: 0;
    font-size: 11px;
    }
.entry-utility p {
    margin-bottom: 1em;
    }

.entry-utility form.cform {
    margin-bottom: 1em;
    }

/* Comments */
#streetfilms-news .entry-meta a.comments-link {
padding: 1px 0 0 20px;
background: url(img/comment.gif) center left no-repeat;
}


.entry-utility a.comments-link {
    display: block;
    height: 52px;
    background: url(img/utility-comments-r2.png) left top no-repeat scroll;
    font-family: Georgia,serif;
    font-weight: bold;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    margin: 0;
    }

.entry-utility a.more-link {
    display: block;
    height: 19px;
    background: url(img/sfilms-more-bttn.png) left top no-repeat scroll;
    margin: 0 0 5px;
    }

.entry-utility a.comments-link span {
    display: none;
    }

/* Share */
.share-utility {
    position: relative;
    z-index: 50;
    margin-bottom: 5px;
    }

.share-utility a.share-link {
    display: block;
    margin: 0;
    height: 21px;
    background: url(img/utility-share-r2.png) left top no-repeat scroll;
    overflow: hidden;
    text-indent: -9999px;
    }

.share-utility h4 {
    margin: 0 0 10px 10px;
    height: 19px;
    width: 65px;
    background: url(img/utility-share-r2.png) left bottom no-repeat scroll;
    overflow: hidden;
    text-indent: -9999px;
    cursor: pointer;
    }

.share-permalink {
    width: 300px;
    height: 40px;
    overflow: hidden;
    float: left;
    }

/* Email */
.email-utility {
    position: relative;
    z-index: 50;
    }

.email-utility a.email-link {
    display: block;
    margin: 0;
    height: 21px;
    background: url(img/utility-email-r2.png) left top no-repeat scroll;
    overflow: hidden;
    text-indent: -9999px;
    }

.email-utility h4 {
    margin: 0 0 10px 10px;
    height: 19px;
    width: 65px;
    background: url(img/utility-email-r2.png) left bottom no-repeat scroll;
    overflow: hidden;
    text-indent: -9999px;
    cursor: pointer;
    }

ol.cf-ol {
    list-style: none;
    margin: 0 10px;
    }

.cf_info {
    margin: 0 10px;
    font-weight: bold;
    color: #604dbf;
    }

.failure {
    background-color: #9086C0 !important;
    color: #fff !important;
    padding: 4px 6px !important;
    }

ol.cf-ol li {
    margin: 0 0 0.5em;
    }

ol.cf-ol label.cf-after {
    display: inline;
    padding-left: 0.5em;
    }

ol.cf-ol input.single {
    width: 230px;
    margin-right: 0.5em;
    }

ol.cf-ol textarea.area {
    width: 300px;
    height: 50px;
    }

ol.cf-ol span.reqtxt,
ol.cf-ol span.emailreqtxt {
    color: #808080;
    font-size: 10px;
    line-height: 10px;
    }

p.linklove {
    text-indent: -9999px;
    line-height: 1px;
    line-height: 1px;
    margin: 0;
    padding: 0;
    }

fieldset.cf_hidden {
    display: none;
    }

img.captcha {
    vertical-align: text-top;
    margin: 0 0 -1em 0.5em;
    }

/* Embed */
.embed-utility {
    position: relative;
    }

.entry-utility div.active {
    z-index: 55;
    }

.embed-utility a.embed-link {
    display: block;
    margin: 0 0 5px;
    height: 21px;
    background: url(img/utility-embed-r2.png) left top no-repeat scroll;
    overflow: hidden;
    text-indent: -9999px;
    }

.embed-utility h4 {
    margin: 0 0 10px 10px;
    height: 19px;
    width: 65px;
    background: url(img/utility-embed-r2.png) left bottom no-repeat scroll;
    overflow: hidden;
    text-indent: -9999px;
    cursor: pointer;
    }

.embed-utility label#subtitle-label {
    display: inline;
    margin-right: 20px;
}

.embed-utility span#subtitle-checkbox-wrap {
    float: right;
}

.embed-utility .embed-code-w-subs {
    display: none;
}

.entry-utility div.embed-code input.embed-code {
    width: 340px;
    padding: 10px;
    }

/* HD Request */
.hd-request-utility {
    position: relative;
    z-index: 50;
    }

a.hd-request-link {
    display: block;
    margin: 0 0 5px;
    height: 58px;
    background: url(img/utility-hd-r2.png) left top no-repeat scroll;
    overflow: hidden;
    text-indent: -9999px;
    }

.hd-request-utility h4 {
    margin: 0 0 10px 10px;
    height: 58px;
    width: 65px;
    background: url(img/utility-hd-r2.png) left bottom no-repeat scroll;
    overflow: hidden;
    text-indent: -9999px;
    cursor: pointer;
    }

.terms-of-use {
    margin: 0 10px 10px 10px;
    height: 100px;
    overflow: auto;
    border: 1px solid #e5e4e1;
    background-color: #f6f5f2;
    }

.terms-of-use h5 {
    margin: 10px;
    }


/* Misc Entry Utility Stuffs  */
.entry-utility a.comments-link:hover,
.entry-utility a.share-link:hover,
.entry-utility .st_sharethis_custom:hover,
.entry-utility a.email-link:hover,
.entry-utility a.embed-link:hover,
.entry-utility a.more-link:hover,
.entry-utility a.hd-request-link:hover,
.entry-utility a.active,
.entry-utility h4:hover {
    background-position: right top;
    text-decoration: none;
    }

.entry-utility .util-tool {
    position: absolute;
    z-index: 998;
    top: -10px;
    left: -10px;
    width: 400px;
    display: none;
    padding: 9px 0 1px;
    background: #fff url(img/utility-tool-tile.gif) 0 0 repeat-y scroll;
    border-top: 1px solid #bfbebc;
    border-bottom: 1px solid #bfbebc;
    }

.entry-utility .util-tool p {
    margin-right: 10px;
    margin-left: 10px;
    }

ul.share-link-bonanza {
    margin: 0 0 0 10px;
    list-style: none;
    font-size: 1em;
    }
ul.share-link-bonanza li {
    float: left;
    width: 120px;
    margin: 0 10px 10px 0;
    }
ul.share-link-bonanza li a {
    padding: 10px 10px 10px 34px;
    display: block;
    }
ul.share-link-bonanza .facebook {
    background: #f6f5f2 url(img/social_media_mini_icons/facebook.png) 10px center no-repeat scroll;
    }
ul.share-link-bonanza .twitter {
    background: #f6f5f2 url(img/social_media_mini_icons/twitter.png) 10px center no-repeat scroll;
    }
ul.share-link-bonanza .myspace {
    background: #f6f5f2 url(img/social_media_mini_icons/myspace.png) 10px center no-repeat scroll;
    }
ul.share-link-bonanza .digg {
    background: #f6f5f2 url(img/social_media_mini_icons/digg.png) 10px center no-repeat scroll;
    }
ul.share-link-bonanza .delicious {
    background: #f6f5f2 url(img/social_media_mini_icons/delicious.png) 10px center no-repeat scroll;
    }
ul.share-link-bonanza .stumbleupon {
    background: #f6f5f2 url(img/social_media_mini_icons/stumble.png) 10px center no-repeat scroll;
    }
ul.share-link-bonanza .reddit {
    background: #f6f5f2 url(img/social_media_mini_icons/reddit.png) 10px center no-repeat scroll;
    }
ul.share-link-bonanza .mixx {
    background: #f6f5f2 url(img/social_media_mini_icons/mixx.png) 10px center no-repeat scroll;
    }
ul.share-link-bonanza li a:hover {
    background-color: #e5e4e1;
    text-decoration: none;
    }

.entry-utility a.util-close {
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
    display: block;
    width: 18px;
    height: 18px;
    background: url(img/utility-close.gif) left top no-repeat scroll;
    text-indent: -9999px;
    }
.entry-utility a.util-close:hover {
    background-position: left bottom;
    }

.entry-utility input#email-this-sender, 
.entry-utility textarea#email-this-comment, 
.entry-utility textarea#email-this-recipients, 
.entry-utility textarea.embed-code {
    width: 350px;
    }


/* -------------------------------------------------------------- 
   Sibling Pages Menu
-------------------------------------------------------------- */   

#sibling-pages-menu {
    clear: both;
    line-height: 1.9;
    list-style: none;
    margin: 0 0 20px;
    padding: 0;
    float: left;
    width: 100%;
    }

#sibling-pages-menu li {
    float: left;
    }

#sibling-pages-menu li a:link,
#sibling-pages-menu li a:visited {
    background-color: #f6f5f2;
    float: left;
    padding: 0 6px;
    margin: 0 5px 0 0;
    }

#sibling-pages-menu li a:hover {
    background-color: #bfbebc;
    color: #f6f5f2;
    text-decoration: none;
    }

ul.about li.about a,
ul.meet-the-team li.meet-the-team a,
ul.faq li.faq a,
ul.history li.history a,
ul.testimonials li.testimonials a {
    background-color: #9086c0 !important;
    float: left;
    font-weight: bold;
    color: #fff;
    padding: 0 6px;
    margin: 0 5px 0;
    }


/* -------------------------------------------------------------- 
   Comments
-------------------------------------------------------------- */   

#comments {
    clear: both;
    }

#comments-header {
    margin-top: 20px;
    margin-bottom: 20px;
    }

#comments-header:after {
    content: ":";
    }

ol.commentlist {
    list-style: none;
    margin: 0;
    padding: 0;
    }

ol.commentlist li {
    background: url(img/divider-sidebar.gif) 0 0 repeat-x scroll;
    padding: 20px 0 0;
    }

ol.commentlist .avatar,
ol.commentlist .thumbnail  {
    margin: 0 0 20px 20px;
    float: left;
    }

* html ol.commentlist .avatar,
* html ol.commentlist .thumbnail  {
    margin-left: 10px;
    }

ol.commentlist div {
    float: right;
    width: 490px;
    }

ol.commentlist cite {
    font-style: normal;
    font-weight: bold;
    }

ol.commentlist .commentmetadata {
    display: block;
    margin: 0 0 0.8em;
    }

ol.commentlist .commentmetadata a {
    color: #808080;
    }

.comment-permalink {
    background: url(img/comments-permalink.png) right center no-repeat scroll;
    padding-right: 18px;
    }

#respond {
    background:transparent url(img/divider-sidebar.gif) repeat-x scroll 0 0;
    padding-top: 22px;
    margin-top: 20px;
    margin-bottom: 20px;
    }

#respond:after {
    content: ":";
    }

#comment-form {
    }

#comment-form p {
    margin-left: 90px;
    margin-bottom: 10px;
    line-height: 1.2;
    }

#comment-form p + p {
    margin-top: 0;
    }

#comment-form label {
    float: left;
    width: 130px;
    margin: 0 20px 0 0;
    }

#comment-form input#author,
#comment-form input#email,
#comment-form input#url,
#comment-form input#mcspvalue,
#comment-form textarea#comment {
    width: 326px;
    padding: 6px;
    }

#comment-form input#submit {
    margin-left: 150px;
    }

small.required {
    color: #808080;
    }

p.oc-login input.oc-log-comment {
    margin: 0 0.5em 0 0;
    }


/* -------------------------------------------------------------- 
   Player
-------------------------------------------------------------- */   

#moogaloop {
    text-align: center;
    margin: 0 10px;
    background-color: white;
    z-index: 1;
    }


/* -------------------------------------------------------------- 
   Features
-------------------------------------------------------------- */   

#features {
  margin: 0 -10px 20px -20px;
  background-color: #bfbebc;
   -webkit-border-top-left-radius: 14px;
  -webkit-border-top-right-radius:  4px;
       -moz-border-radius-topleft: 14px;
      -moz-border-radius-topright:  4px;
           border-top-left-radius: 14px;
          border-top-right-radius:  4px;
}
#features-nav {
  list-style-type: none;
  padding: 0;
  margin: 0;
  float: left;
}
#features-nav li {
  float: left;
  margin: 0;
}

#features-nav li a:link,
#features-nav li a:visited  {
  display: block;
  text-align: center;
  color: #404040;
  line-height: 28px;
  font-size: 13px;
  font-weight: bold;
  text-transform: capitalize;
  padding: 0 14px;
  background: #bfbebc url(img/features-li-gradient.png) 0 0 repeat-x scroll;
  border: 1px solid #bfbebc;
  border-left: 0;
}
#features-nav li:first-child a:link,
#features-nav li:first-child a:visited  {
  border-left: 1px solid #bfbebc;
  -webkit-border-top-left-radius: 4px;
      -moz-border-radius-topleft: 4px;
          border-top-left-radius: 4px;
}
#features-nav li a:hover  {
  text-decoration: none;
  color: #604dbf;
}

#features-nav li.current-feature a:link,
#features-nav li.current-feature a:visited,
#features-nav li.current-feature a:hover {
  background: #a89ce0 url(img/features-li-current-gradient.png) 0 0 repeat-x scroll;
  color: #fff;
  border: 0;
  padding: 1px 14px;
}


/* -------------------------------------------------------------- 
   Thumbnail Browser
-------------------------------------------------------------- */   

.browser-content {
/*    background: url(img/illus2-features-50pct.jpg) no-repeat 595px 266px; */
    }

#sfilms-home #browser {
    padding: 0 10px 0px 20px;
}

#browser {
    position: relative;
    clear: both;
    margin: 0 20px;
    background: #BFBDB5;
    padding: 0 10px 15px 20px;
    }
h3#browser-header {
    background: transparent url(img/icon-reel-22.png) 0 50% no-repeat scroll;
    margin: 0;
    padding: 15px 0 15px 30px;
    color: #2a2059;
    }

* html h3#browser-header {
    background-image: url(img/icon-reel-22-ie6.png);
    }

h3#browser-header:after {
    content: ":";
    }

#browser ul {
    margin: 0;
    padding: 0;
    }

#browser ul li {
    display: inline;
    }

#browser ul li.thumbnail a,
#browser ul li.coming-soon {
    background: #f6f5f2;
    float: left;
    width: 172px;
    height: 172px;
    margin: 0 10px 10px 0;
    color: #404040;
    overflow: hidden;
    position: relative;
    }
#browser ul li.coming-soon {
    background: #f6f5f2 url(img/coming-soon.png) 11px 11px no-repeat scroll;
}

#browser ul li.thumbnail a:hover {
    background: #fff;
    text-decoration: none;
    }

#browser a img {
    margin: 11px 11px 5px;
    }

#browser a .thumbnail-meta {
    margin: 0 11px;
    line-height: 1;
    }

#browser a .entry-title {
    display: block;
    font-family:"Helvetica Neue",Arial,Helvetica,sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    line-height: 14px;
    margin: 0 10px;
    color: #808080;
    }
#browser ul li.coming-soon .entry-title {
    display: block;
    font-family:"Helvetica Neue",Arial,Helvetica,sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    line-height: 14px;
    margin: 116px 10px 0;
    color: #808080;
    }

#browser a:hover .entry-title {
    color: #404040;
    }

#browser a span.runtime {
    color: #808080;
    line-height: 1.2;
    margin-left: 0.4em;
    font-weight: normal;
    }

#browser a span.new-post {
    position: absolute;
    top: 0;
    left: 0;
    width: 53px;
    height: 53px;
    background: transparent url(img/new-post.png) 0 0 no-repeat scroll;
    text-indent: -9999px;
    }

* html #browser a span.new-post {
    background-image: url(img/new-post.gif);
    }


/* -------------------------------------------------------------- 
   Series
-------------------------------------------------------------- */   
#series {
    float: left;
    width: 580px;
    margin: 0 0 20px 20px;
    }

* html #series {
    margin: 0 0 20px 10px; 
    }

#series .post {
    margin: 0 0 20px 0;
    }

* html #series .post {
    margin: 0 0 10px 0;
    }

#series .series-browser {
    padding-left: 0;
    padding-right: 0;
    margin: 0;
    position: relative;
    }
#series .series-browser ul {
    margin: 0 0 0 20px;
    padding: 0;
    }
#series h3#browser-header {
    background: #604dbf url(img/streetfilms-series-header.png) 20px 16px no-repeat scroll;
    margin: 0 0 10px;
    padding: 12px 20px 13px 155px;
    color: #d4ccff;
    }
#series h3#browser-header:after {
    content: none;
    }
#series h3#browser-header a {
    color: #d4ccff;
    }

div.content div.series .xoxo {
    position: relative;
    top: -20px;
}

#streetfilms-series-info {
    background: #fff;
    border: 1px solid #BFBEBC;
    margin: 0 0 20px;
    padding: 0 20px;
    }
#streetfilms-series-info h2.widgettitle {
    background: #604dbf url(img/streetfilms-series-header.png) 10px 10px no-repeat scroll;
    width: 340px;
    height: 32px;
    margin: 0 0 20px;
    position: relative;
    top: -1px;
    left: -21px;
    text-indent: -9999px;
    }

body#sfilms-series ul.xoxo li.widget_search {
    background: url(img/divider-sidebar.gif) 0 0 repeat-x scroll;
    padding: 20px 0;
    }

#streetfilms-series-info .series-button {
    display: block;
    width: 300px;
    height: 34px;
    background: transparent url(img/series-bttn.png) left top no-repeat scroll;
    text-align: center;
    color: #404040;
    line-height: 29px;
    font-size: 13px;
    font-weight: bold;
    text-transform: capitalize;
    cursor: pointer;
    }
#streetfilms-series-info .series-button:hover {
    text-decoration: none;
    background-position: 0 -34px;
    color: #604dbf;
    }

/* -------------------------------------------------------------- 
   Page Navigation
-------------------------------------------------------------- */   

#browser-nav {
    position: absolute;
    top: 12px;
    right: 20px;
    }
#browser-nav .index-of-all {
  position: relative;
  line-height: 28px;
  color: #2A2059;
}

ul.page-numbers {
    clear: both;
    text-align: center;
    line-height: 1.9;
    list-style: none;
    margin: 0;
    padding: 0;
    float: left;
    }

ul.page-numbers li {
    float: left;
    }

ul.page-numbers li a:link,
ul.page-numbers li a:visited {
    background-color: #f6f5f2;
    float: left;
    padding: 0 6px;
    margin: 0 0 0 5px;
    }

ul.page-numbers li a:hover {
    background-color: #bfbebc;
    color: #f6f5f2;
    text-decoration: none;
    }

ul.page-numbers li .current {
    background-color: #9086c0;
    float: left;
    font-weight: bold;
    color: #fff;
    padding: 0 6px;
    margin: 0 0 0 5px;
    }

ul.page-numbers li .dots {
    margin: 0 0 0 5px;
    }

#nav-below {
    border-top: 1px solid #e5e4e1;
    padding: 20px 0 10px;
    margin-right: 20px;
    margin-left: 20px;
    text-align: center;
    }

#nav-below ul.page-numbers {
    display: inline;
    float: none;
    }

#nav-below ul.page-numbers li {
    display: inline;
    float: none;
    }

#nav-below ul.page-numbers li a:link,
#nav-below ul.page-numbers li a:visited,
#nav-below ul.page-numbers li .current {
    margin: 0 2px 0 0;
    padding: 4px 6px;
    display: inline;
    float: none;
    }

#nav-below ul.page-numbers li .dots {
    margin: 0 2px 0 0;
    display: inline;
    float: none;
    }


/* -------------------------------------------------------------- 
   Related Tags
-------------------------------------------------------------- */   

#browser-related-tags {
    float: left;
    clear: left;
    width: 592px;
    margin: 20px 0 0 20px;
    }

* html #browser-related-tags {
    margin: 20px 0 20px 10px;
    }

#browser-related-tags h3 {
    background: transparent url(img/related-above.gif) 10px 0 no-repeat scroll;
    margin: -20px 20px 0.5em;
    padding-top: 40px;
    }

#browser-related-tags h3:after {
    content: ":";
    }

#browser-related-tags .tag-cloud {
    margin: 0 20px 20px;
    }


/* -------------------------------------------------------------- 
   Streetfilms News
-------------------------------------------------------------- */   

#streetfilms-news {
    float: left;
    width: 580px;
    margin: 0 0 20px 20px;
    padding-top: 30px;
    }

* html #streetfilms-news {
    margin: 0 0 20px 10px; 
    }

h3#streetfilms-news-header {
    display: inline;
    }

div.news-post {
    background: url(img/divider-sidebar.gif) left bottom repeat-x scroll;
    padding: 1em 0 1em 0;
    margin: 1em 0;
}

div.news-post:first-child {
    padding-top: 0;
    margin-top: 0;
}

#streetfilms-news .entry-meta {
    }

#streetfilms-news .news-content {
    margin-top: 10px;
    }

#streetfilms-news .entry-footer {
    margin: 0 0 11px;
    }


/* -------------------------------------------------------------- 
   Streetfilms Community Videos
-------------------------------------------------------------- */   

#streetfilms-community {
    clear: left;
    background: #e5e4e1;
    }

* html #streetfilms-community {
    margin: 0 0 0 10px;
    }

h3#streetfilms-community-header {
    background: transparent url(img/icon-clapper-32.png) 0 50% no-repeat scroll;
    margin: 2px 20px 0;
    padding: 18px 0 15px 40px;
    float: left;
    }

* html h3#streetfilms-community-header {
    margin: 2px 20px 0 10px;
    background-image: url(img/icon-clapper-32-ie6.png);
    }

h3#streetfilms-community-header:after {
    content: ":";
    }

h3#streetfilms-community-header a:link,
h3#streetfilms-community-header a:visited {
    color: #f6f5f2;
    }

h3#streetfilms-community-header a:hover {
    color: #bfb2ff;
    }

a#all-community-videos {
    float: right;
    color: #bfb2ff;
    margin: 20px;
    }

#community-videos {
    clear: both;
    list-style: none;
    padding: 0;
    }

#community-videos .tubepress_container {
  margin: 0 10px;
  width: auto;
}

#community-videos .tubepress_thumb {
    width: 170px;
    height: 155px;
    float: left;
    margin: 0;
    }

#community-videos div.tubepress_thumb a img {
    margin: 0 0 5px;
    padding: 0;
    border: 1px solid #696969;
    }

#community-videos .tubepress_thumb .tubepress_meta_group {
    line-height: 1em;
    font-size: 1em;
    }

#community-videos .tubepress_thumb .tubepress_meta_group {
    padding: 0;
    width: 140px;
    margin-right: auto;
    margin-left: auto;
    }

#community-videos .tubepress_thumb .tubepress_meta_group .tubepress_meta_title a {
    color: gray;
    font-weight: bold;
    display: block;
    font-size: 1em;
    height: 2.5em;
    line-height: 1.2em;
    margin: 4px 0 0.3em;
    overflow: hidden;
    padding: 0;
    text-decoration: none;
    }

#community-videos .tubepress_thumbnail_area,
#community-videos .tubepress_thumbs { 
    margin-bottom: 0;
}

#community-videos .tubepress_thumbnail_area { 
    margin-top: 0;
}


#community-videos .tubepress_thumb dl.tubepress_meta_group dd.tubepress_meta_title a:hover {
    color: #404040;
    }

#community-videos .tubepress_thumb dl.tubepress_meta_group dd.tubepress_meta_title br {
    display: none;
    }

span.tubepress_meta {
    color: #909090;
    font-style: normal;
    }

.tubepress_thumb a  {
    color: #bfb2ff;
    }

/* shadowbox  */
#sb-body { 
    border: 1px solid #696969 !important; 
    }
#sb-title-inner, #sb-info-inner { 
    font-family: Georgia,serif !important; 
    font-style: italic !important; 
    color: #BFB2FF !important; 
    }
#sb-title, #sb-title-inner { 
    height: auto !important; 
    }
div.sb-message {
    font-family:"Helvetica Neue",Arial,Helvetica,sans-serif;
    font-size:12px;
    padding:10px;
    text-align:center;
    }
#sb-nav a#sb-nav-close {
    background: transparent url(img/sb-close.gif) left top no-repeat scroll !important;
    display: block !important;
    width: 44px !important;
    height: 32px !important;
    }

#youtube-contribute {
    margin: 0 20px 20px;
    border-top: 1px solid #393939;
    padding-bottom: 10px;
    }

#youtube-contribute h4 {
    margin-top: 0;
    padding: 20px 0 0;
    border-top: 1px solid #696969;
    }

#youtube-contribute form .cf-ol {
    margin: 0;
    padding: 0;
    }

#youtube-contribute form .cf-ol label {
    margin: 0 0 0.6em;
    }

#youtube-contribute form .cf-ol .reqtxt {
    display: none;
    }

#youtube-contribute form .cf-ol input,
#youtube-contribute form .cf-ol textarea {
    float: left;
    width: 200px;
    padding: 6px;
    }

#youtube-contribute .cf_info { 
    margin: 0;
    color: #bfb2ff;
}

/* -------------------------------------------------------------- 
   Search Results
-------------------------------------------------------------- */   

#search-results {
    float: left;
    width: 580px;
    margin: 0 0 20px 20px;
    padding: 9px 0;
    background: #fff url(img/post-bg-tile.gif) 0 0 repeat-y scroll;
    border-top: 1px solid #bfbebc;
    border-bottom: 1px solid #bfbebc;
    }

* html #search-results {
    margin: 0 0 20px 10px; 
    }

#search-results-header {
    margin: 10px 20px 10px;
    }

#search-results-header span {
    font-family:"Helvetica Neue",Arial,Helvetica,sans-serif;
    font-weight: bold;
    font-style: normal;
    font-size: 0.9em;
    }

div.search-sort-results {
    margin: 0 20px 20px;
    }

div.search-sort-results span {
    float: left;
    text-transform: uppercase;
    }

div.search-sort-results ul {
    list-style: none;
    float: left;
    margin: 0 0 0 0.5em;
    }

div.search-sort-results ul li {
    float: left;
    }

div.search-sort-results ul li a {
    background-color: #f6f5f2;
    float: left;
    padding: 0 6px;
    margin: 0 5px 0 0;
    }

div.search-sort-results ul li a:hover {
    background-color: #bfbebc;
    color: #f6f5f2;
    text-decoration: none;
    }

div.search-sort-results ul li.selected a {
    background-color: #9086c0 !important;
    float: left;
    font-weight: bold;
    color: #fff;
    padding: 0 6px;
    }


#search-results .post,
#search-results .page {
    float: none;
    width: auto;
    margin: 0 20px;
    min-height: 100px;
    height: auto !important;
    height: 100px;
    padding: 20px 0;
    background-image: none;
    border-top: 1px solid #bfbebc;
    border-bottom: 0;
    }

#search-results .hilite {
    color: #000;
    border-bottom: 2px solid #c9c4f1;
    }

#search-results .page .entry-title {
    display: block;
    margin-top: 0;
    }

#search-results .post .entry {
    float: right;
    margin: 0;
    width: 380px;
    }


/* -------------------------------------------------------------- 
   Streetfilms Store - DVD Forms
-------------------------------------------------------------- */   

#free-dvd-form {
    }

#free-dvd-form p {
    margin-bottom: 20px;
    line-height: 1.2;
    }

#free-dvd-form p + p {
    margin-top: 0;
    }

#free-dvd-form label {
    float: left;
    width: 150px;
    margin: 0;
    }

#free-dvd-form input,
#free-dvd-form textarea {
    width: 240px;
    padding: 6px;
    }

#free-dvd-form select {
    }

#free-dvd-form input.indented {
    margin-top: 10px;
    margin-left: 150px;
    }

#free-dvd-form input#dvd-form-submit {
    margin-top: 0;
    margin-left: 150px;
    width: auto;
    }


/* -------------------------------------------------------------- 
   Sidebar & Widgets
-------------------------------------------------------------- */   

#sidebar {
    float: right;
    clear: right;
    width: 340px;
    margin: 20px 20px 10px 0;
    position: relative;
    z-index: 1;
    }

* html #sidebar {
    margin: 20px 0 10px 0;
    }

ul.xoxo {
    list-style: none;
    margin: 0;
    }

ul.xoxo li.widget {
    background: url(img/divider-sidebar.gif) 0 0 repeat-x scroll;
    padding: 20px 0 0;
    }

#sidebar ul.xoxo li.widget_comm_widget {
    background: transparent;
    padding: 0;
    }

#sidebar ul.xoxo li#streetfilms-top-20 {
    background: transparent;
    padding-top: 10px;
    }


ul.xoxo li h2 {
    margin: 0 0 20px;
    }

ul.xoxo li h2:after {
    content: ":";
    }

.widget_search {
    float: right;
    background-image: none;
    padding: 0;
    margin: 4px 0;
    }

body#sfilms-single ul.xoxo li.widget_search {
    background: url(img/divider-sidebar.gif) left bottom repeat-x scroll;
    margin: 0 0 20px;
    width: 181px;
    }

.widget_search h2,
.widget_search label {
    display: none;
    }

#searchform {
    background: url(img/searchform.png) 0 0 no-repeat scroll;
    height: 34px;
    margin: 0;
    font-size: 12px;
    width: 181px;
    }

input#s {
    width: 121px;
    padding: 9px;
    border: 0;
    margin: 1px;
    background: transparent;
    font-family: "Helvetica Neue",Arial,Helvetica,sans-serif;
    }


input#s:focus {
border: 0;
outline-style: none;
outline-width: 0;
}

input#searchsubmit {
    padding: 0;
    }

ul.xoxo li.widget_streetfilmsfollow {
    width: 340px;
    overflow: hidden;
    padding: 20px 0;
    }

ul.xoxo li.widget_streetfilmsfollow ul {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 360px;
    }

ul.xoxo li.widget_streetfilmsfollow ul li {
    float: left;
    margin: 0;
    padding: 0;
    }

ul.xoxo li.widget_streetfilmsfollow li a {
    float: left;
    width: 70px;
    height: 70px;
    background: #e5e4e1 url(img/icon-follow-sprites.png) 0 0 no-repeat scroll;
    margin: 0 20px 0 0;
    text-indent: -9999px;
    }
    ul.xoxo li.widget_streetfilmsfollow li.twitter a { background-position: 0 0; }
    ul.xoxo li.widget_streetfilmsfollow li.twitter a:hover { background-position: 0 -70px; }
    
    ul.xoxo li.widget_streetfilmsfollow li.facebook a { background-position: -70px 0; }
    ul.xoxo li.widget_streetfilmsfollow li.facebook a:hover { background-position: -70px -70px; }
    
    ul.xoxo li.widget_streetfilmsfollow li.podcast a { background-position: -140px 0; }
    ul.xoxo li.widget_streetfilmsfollow li.podcast a:hover { background-position: -140px -70px; }
    
    ul.xoxo li.widget_streetfilmsfollow li.rss a { background-position: -210px 0; }
    ul.xoxo li.widget_streetfilmsfollow li.rss a:hover { background-position: -210px -70px; }

ul.xoxo li.widget_yearly_archives {
    padding: 20px 0 10px;
    }

ul#yearly-archives {
    list-style: none;
    margin: 0;
    width: 350px;
    }

ul#yearly-archives li {
    float: left;
    width: 165px;
    height: 40px;
    margin: 0 10px 10px 0;
    }

ul#yearly-archives li a {
    display: block;
    background: url(img/bttn-archives.png) 0 0 no-repeat scroll;
    height: 40px;
    font-size: 1.5em;
    line-height: 2.1em;
    text-align: center;
    color: #fff;
    }

ul#yearly-archives li a:hover {
    background-position: left bottom;
    text-decoration: none;
    }

ul.xoxo li#yarpp {
    background: #e5e4e1;
    padding: 0;
    margin: 0 0 20px 0;
    position: relative;
    }

ul.xoxo li#yarpp h2 {
    background: transparent url(img/related-left.gif) left center no-repeat scroll;
    position: relative;
    right: 20px;
    padding: 20px 0 20px 40px;
    }

* html ul.xoxo li#yarpp h2 {
    }

ul.xoxo li#yarpp ul {
    list-style: none;
    margin: -20px 20px 0; 
    padding: 0 0 20px; 
    }

ul.xoxo li#yarpp li {
    background: #f6f5f2;
    margin-top: 10px;
    }

ul.xoxo li#yarpp li a img {
    float: left;
    margin: 10px;
    }

ul.xoxo li#yarpp li p {
    line-height: 1;
    margin: 0 10px 10px 110px;
    color: #808080;
    }

ul.xoxo li#yarpp li p.title {
    font-weight: bold;
    padding: 10px 0 0;
    }

ul.xoxo li#yarpp li span.meta-sep {
    color: #bfbebc;
    }

ul.xoxo li#yarpp img.yarpp-thumb {
    width: 90px;
    height: 60px;
    }

ul.xoxo li#yarpp .yarpp-none {
    margin: 0 20px;
    position: relative;
    bottom: 25px;
    }

ul.xoxo li#streetfilms-top-20 ol {
    color: #bfbfbc;
    height: 160px;
    overflow: auto;
    margin: 0 0 20px 0;
    }

ul.xoxo li#streetfilms-top-20 ol li {
    margin: 0 1em 0.5em 2.4em;
    font-weight: bold;
    }

* html ul.xoxo li#streetfilms-top-20 ol li {
    margin-left: 3em;
    }

ul.xoxo li#streetfilms-top-20 ol li span {
    color: #404040;
    font-weight: normal;
    }

.browser-content ul.xoxo li#streetfilms-top-20 {

    }

a#sfilms-donate-button:link,
a#sfilms-donate-button:visited {
  display: block;
  height: 34px;
  text-indent: -9999px;
  background: transparent url(img/donate-bttn-feature.png) left top no-repeat scroll;
  margin-top: -11px;
  margin-left: 10px;
  width: 240px;
    }

a#sfilms-donate-button:hover {
    background-position: left bottom;
}



ul.xoxo li#streetfilms-on-twitter {

    }

ul#stream-list {
    list-style: none;
    margin: 0;
    }
li.activity_feed_streetfilms_twitter {
    margin: 0 0 10px;
    padding: 0 0 10px;
    border-bottom: 1px solid #e5e4e1;
    }

li.activity_feed_streetfilms_twitter .source {
    display: block;
    color: #808080;
    }

li.activity_feed_streetfilms_twitter .source a {
    color: #9086c0;
    }

div#activity-feed-footer {
    margin-bottom: 20px;
    }

#melkjug-stream {
    float: left;
    margin: 0 0.5em 0 0;
    }

#melkjug-powered {
    float: left;
    }

#melkjug-powered .powered-by {
    float: left;
    }

#melkjug-powered a {
    background: transparent url(img/logo-melkjug.png) center center no-repeat scroll;
    text-indent: -9999px;
    float: left;
    width: 63px;
    height: 16px;
    margin: 0 0 0 0.5em;
    }

#newsletter-signup p input {
    padding: 6px;
    width: 200px;
    margin-bottom: 2px;
    }

#newsletter-signup p {
    margin-bottom: 0.6em;
    }

#newsletter-signup form p {
    display: inline;
    }

#newsletter-signup label {
    display: none;
    }

#transcript blockquote { 
    margin: 1em 0;
}

#show_transcript { 
    background: url(img/transcript-icon.png) left center no-repeat scroll;
    padding: 10px 0 10px 26px;
}

#transcript blockquote > :first-child:before {  content:""; }

#link_to_curriculum { 
    background: url(img/curriculum.png) left center no-repeat scroll;
    padding: 10px 0 10px 30px;
}

/* tables */
table.tablesorter {
	font-family:arial;
	background-color: #CDCDCD;
	margin:20px 0pt 15px;
	width: 100%;
	text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #c6bef1;
	border: 1px solid #FFF;
	padding: 8px 20px 8px 8px;
        line-height: 1.1em;
}
table.tablesorter thead tr .header {
	background-image: url(img/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}
table.tablesorter tbody td a {
        display: block;
}

table.tablesorter tbody tr.odd td {
	background-color:#f3f3f3;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(img/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(img/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
    background-color: #c6bef1;
}

/* Sponsor Support Quilt */
#support-quilt {
    list-style: none;
    margin: 0;
    float: left;
    width: 100%;
}
#support-quilt li {
    float: left;
    margin: 0 30px 20px 0;
}
#support-quilt li a {
    display: block;
    height: 86px;
    text-indent: -9999px;
}
#support-quilt .recycle-a-bicycle a {
    background: url(img/sponsorlogos/recycle-a-bicycle.png) 0 0;
    width: 77px;
}
#support-quilt .sf-bike-coalition a {
    background: url(img/sponsorlogos/sf-bike-coalition.png) 0 0;
    width: 134px;
}
#support-quilt .bicycle-habitat a {
    background: url(img/sponsorlogos/bicycle-habitat.png) 0 0;
    width: 81px;
}
#support-quilt .feul a {
    background: url(img/sponsorlogos/feul.png) 0 0;
    width: 125px;
}
#support-quilt .adam-white a {
    background: url(img/sponsorlogos/adam-white.png) 0 0;
    width: 101px;
}
#support-quilt .itdp a {
    background: url(img/sponsorlogos/itdp.png) 0 0;
    width: 222px;
}
#support-quilt .nacto a {
    background: url(img/sponsorlogos/nacto.png) 0 0;
    width: 87px;
}
#support-quilt li a:hover {
    background-position: 0 bottom;
}

p.question {
font-size: 1.2em;
}

table#curriculum-films {
width: 100%;
}

table#curriculum-films td {  
vertical-align:top; 
height: 5em;
} 
table#curriculum-films p {  
margin: 0; 
} 
table#curriculum-films, 
table#curriculum-films td {  
border: 0; 
}

.st_sharethis_custom { 
background: url(img/utility-sharethis.png) no-repeat scroll left top transparent;
    margin: 0;
    height: 19px;
    width: 65px;
    display: block;
    overflow: hidden;
    cursor: pointer;

}

#banner-ad {
    float: left;
    clear: left;
    width: 579px;
    margin: -9px 0 0.9em 21px;
    }

div#single div#moogaloop span.mirosubs-tabTextShare { 
    display: none !important;
}

/* -------------------------------------------------------------- 
   Add This styles
-------------------------------------------------------------- */   

a.addthis_button_facebook_like  {
width: 87px;
}

a.addthis_button_tweet {
width: 109px;
}

a.addthis_button_google_plusone {
width: 72px;
}

a.addthis_button_email,
a.addthis_button_compact {
line-height: 17px; 
text-decoration:none; 
margin:2px 8px 0 0;
}

.at15t_email {
margin-right: 4px;
}

a.addthis_button img {
margin-top: 1px;
}

a.addthis_button_twitter_follow_native {
margin-bottom: 10px;
}

div.addthis_toolbox { 
margin-top: 6px;
}

div.addthis_toolbox a.twitter-button { 
float: right;
display: block;
text-indent:-9999px;
background: transparent url(img/home-twitter-bttn.png) 0 0 no-repeat;
width: 62px;
height: 20px;
}

div.addthis_toolbox a.facebook-button { 
float: right;
display: block;
text-indent:-9999px;
background: transparent url(img/home-facebook-bttn.png) 0 0 no-repeat;
width: 75px;
height: 20px;
}


/* -------------------------------------------------------------- 
   Index Widgets
-------------------------------------------------------------- */   
#index-widgets { 
  float: right;
  width: 340px;
  position: relative;
  right: 20px;
  overflow: hidden;
}

div#social-buttons {
  clear: both;
  width: 360px;
  height: 40px;
  margin-top: 0;
}
#social-buttons .follow-sfilms {
  float: left;
  line-height: 20px;
  color: #E5E4E1;
  font-size: 12px;
}
#right-topnav .twitter-button { 
  float: left;
  text-indent:-9999px;
  background: transparent url(img/twitter-bird-light-bgs.png) 0 0 no-repeat;
  display: block;
  height: 24px;
  width: 30px;
  padding: 0 2px;
  margin-top: 6px;
}

#right-topnav .facebook-button { 
  float: left;
  text-indent:-9999px;
  background: transparent url(img/f_logo.png) 0 0 no-repeat;
  display: block;
  height: 30px;
  width: 30px;
  padding: 0 2px;
  margin-top: 3px;
}

#social-buttons .addthis_button_google_plusone {
  position: relative;
  left: 80px;
}

.nice-button, a.nice-button:link, a.nice-button:visited {
    float: left;
    -moz-box-shadow: inset 0px 36px 35px -10px #C3B9FD;
    -webkit-box-shadow: inset 0px 36px 35px -10px #C3B9FD;
    box-shadow: inset 0px 36px 35px -10px #C3B9FD;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:1px solid #988BDA;
    display:inline-block;
    color:#ffffff;
    font-size:13px;
    height: 34px;
    font-weight:bold;
    padding:0 0 0 5px;
    margin: 3px 1px 1px;
    width: 148px;
    line-height: 34px;
    text-decoration:none;
}.nice-button:hover, a.nice-button:link:hover, a.nice-button:visited:hover {
    background-color:#988BDA;
}.nice-button:active {
    position:relative;
    top:1px;
}

.nice-button span{
height: 33px;
padding-left: 40px;
display: block;
}

#buy-button span {
background: transparent url(img/icon-download.png) 6px 7px no-repeat;
}

#browse-button span {
background: transparent url(img/icon-browse.png) 12px 7px no-repeat;
}

a.series-button-sqr {
  float: left;
  display: block;
  text-indent:-9999px;
  width: 160px;
  height: 125px;
  margin: 0 0 8px 0;
     -moz-box-shadow: 0 0 10px #c1c0bd; /* Firefox */
  -webkit-box-shadow: 0 0 10px #c1c0bd; /* Safari, Chrome */
          box-shadow: 0 0 10px #c1c0bd; /* CSS3 */
}
a#mba-button { 
  background: transparent url(img/serieslink-mtba.jpg) 0 0 no-repeat;
}
a#my-nyc-button { 
  background: transparent url(img/serieslink-mystory.jpg) 0 0 no-repeat; 
  position: relative;
  left: 20px;
}
a#donation-drive { 
  background: transparent url(http://www.streetsblog.org/wp-content/uploads/2012/09/sod1.gif) 0 0 no-repeat; 
  position: relative;
  left: 20px;
}
a#sotf-button { 
  background: transparent url(img/sotf-160x125.gif) 0 0 no-repeat; 
  position: relative;
  left: 20px;
}
a.series-button-sqr:hover {
     -moz-box-shadow: 0 0 10px #777; /* Firefox */
  -webkit-box-shadow: 0 0 10px #777; /* Safari, Chrome */
          box-shadow: 0 0 10px #777; /* CSS3 */
}

a#sfilms-dvd-button {
  clear: both;
  display: block;
  height: 50px;
  background: transparent url(img/bttn-sfilms-dvd.png) left top no-repeat scroll;
  text-indent: -9999px;
  margin-bottom: 20px;
}

a#sfilms-dvd-button:hover {
    background-position: left bottom;
}

#splash-div {
left: 50%;
top: 50%;
position: relative;
margin-top: -180px;
margin-left: -373px;
width: 747px;
height: 360px;
background: url('http://www.streetsblog.org/wp-content/themes/woonerf/img/donate-splash/2011_wintercampaign_popup.png') 0 0 no-repeat scroll;
border: 3px solid white;
}

#splash-div .donate-button { 
height: 47px;
width: 242px;
float: left;
margin: 273px 10px 0 473px;
background: url('http://www.streetsblog.org/wp-content/themes/woonerf/img/donate-splash/give.png') 0 0 no-repeat scroll;
}

#splash-div .enter-site-button { 
float: left;
height: 23px;
width: 149px;
display: block;
background: url('http://www.streetsblog.org/wp-content/themes/woonerf/img/donate-splash/dontgive.png') 0 0 no-repeat scroll;
margin-left: 528px;
margin-top: 3px;
}

#enterOption, #darkBackgroundLayer { 
display: none;
}

div.mini-bio {
font-style: italic;
margin-top: 24px;
}

div.mini-bio {
line-height: 1.3em;
               }

#content div.mini-bio p.author-description {
margin-bottom: 0.5em;
 }

p.author-description img { 
float: left;
margin: 0 10px 5px 0;
}

table#list-films ul.post-categories {
list-style: none;
margin: 0;
}

table#list-films ul.post-categories li {
line-height: 1.1em;
margin: 3px 0;
}