.imagestrip {
  display:block;
  background-position:center left;
  background-size:cover;
  background-color:white;
}

.desktopview .signupbanner-inner,
.desktopview .tabs-inner,
.desktopview .content-inner,
.desktopview .channel-inner,
.desktopview .header-inner,
.desktopview .pagetools-inner,
.desktopview .footer-inner {
  width:948px;
  margin:0 auto;
}
.desktopview .content-inner { padding:0 38px; }

.layout {
  min-height:100%;
  height:auto !important;
  height:100%;
}
.footer {
  margin-top:-28px;
  position:relative; /* defeats rendering bug */
  height:28px;
  font-size:11px;
  font-weight:bold;
  line-height:28px;
}
.layout .footerpush { height:28px; }

.desktopview .footer .linkbar .copyright { float:left; }
.desktopview .footer .linkbar .links { float:right; }

.header { height:32px; }
.header-inner { position:relative; }
.header .logo { width:56px; }
.desktopview .header .logo { float:left; }
.desktopview .header .logo img.reduxlogo { margin:5px 0; }

.header .navitems {
  font-size:15px;
  line-height:18px;
  margin:0 200px 0 112px;
  font-weight:bold;
}
.header .navitems.nosearch { margin-right:0; }
.header li { list-style:none; }
.header .navitems .navitem {
  float:left;
  position:relative;
  padding:6px;
  margin:-1px 12px -1px 0;
}
.header .navitems .navitem a {
  display:block;
}
.header .navitems img {
  vertical-align:bottom;
}
.header .navitemcategories { width:128px; }
.header .navitemprofile {
  min-width:124px;
  max-width:200px;
}
.header .navitemprofile .navitemuser {
  overflow:hidden;
  white-space:nowrap;
}
.header .navitemdrop:hover {
  padding:5px;
  border-width:1px 1px 0;
  border-style:solid;
}
.header .navitemdrop .droparrow { margin-left:8px; }
.header .navitem.naviteminvite,
.header .navitem.navitemaddriff {
  float:right;
  margin-right:0;
  padding-right:0;
}
.header .navitem.naviteminvite .button {
  padding:6px 18px;
  margin:-6px 0;
}
.header .navitem.naviteminvite .button {
  font-size:14px;
}

.header .dropmenuanchor {
  position:absolute;
  bottom:0;
  left:-1px;
  width:100%;
}
.header .dropmenu {
  position:absolute;
  width:100%;
  top:0;
  left:0;
  z-index:10;
  display:none;
  font-size:12px;
  border-width:0 1px 1px;
  border-style:solid;
}
.header .navitem:hover .dropmenu { display:block; }
.header .dropmenu .dropitem a {
  padding:4px 12px;
  margin:1px 0;
}
.header .search { float:right; }
.header .prog {
  float:right;
  font-size:15px;
  line-height:28px;
}

.content {
}
.layout .content .content-inner {
  position:relative;
}

.channelitem {
  float:left;
  position:relative;
}
.channelitem.collectionchannelitem {
  margin:0 24px 24px;
  width:182px;
}
.channelitem.riffsyuserchannelitem,
.channelitem.userchannelitem {
  margin:0 2px 12px;
  width:154px;
}
.channelitem .remove {
  display:none;
  position:absolute;
  top:-4px;
  right:-4px;
  width:18px;
  height:18px;
}
.channelitem:hover .remove {
  display:block;
}
.channelitem .channeliteminner {
  display:block;
}
.channelitem .channelitempreview {
  border-width:1px;
  border-style:solid;
  padding:6px;
  margin-bottom:6px;
  position:relative;
  font-size:0;
}
.channelitem h6 {
  padding:0 7px;
  line-height:14px;
  height:28px;
  overflow:hidden;
}
.channelitem.admin .badge {
  position:absolute;
  top:0;
  left:0;
  width:57px;
  height:57px;
}
.channelitem .mote {
  position:absolute;
  bottom:10px;
  right:0;
  width:18px;
  height:18px;
  display:none;
}
.channelitem:hover .promote,
.channelitem.admin:hover .demote { display:block; }
.channelitem.admin:hover .promote { display:none; }

.pagetools {
  overflow:hidden;
  white-space:nowrap;
}
.pagetools .pagetool {
  display:inline-block;
  vertical-align:bottom;
  margin:3px 0;
}
.pagetools a.pagetool {
  line-height:26px;
  font-weight:bold;
  border-width:1px;
  border-style:solid;
  padding:0 12px;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  border-radius:2px;
}
.pagetools .right {
  float:right;
  margin-bottom:-3px;
}
.pagetools .search label {
  font-weight:bold;
  padding-right:4px;
}
.pagetools .sep {
  width:1px;
  height:20px;
  margin:6px 12px;
  display:inline-block;
}

.pagectl {
  padding:12px;
  overflow:hidden;
}
.pagectl .pagectlbtn {
  padding:12px 24px;
  font-size:16px;
  line-height:16px;
  font-weight:bold;
  position:relative;
}
.pagectl .pagectlbtn .arrow {
  width:21px;
  height:42px;
  position:absolute;
  top:-1px;
}
.pagectl .pagectlbtn.next {
  float:right;
  padding-right:36px;
}
.pagectl .pagectlbtn.next .arrow {
  right:0;
}
.pagectl .pagectlbtn.prev {
  float:left;
  padding-left:36px;
}
.pagectl .pagectlbtn.prev .arrow {
  left:0;
}

.channels { padding:24px 0; }

.search { padding:2px 0; }
.search input.text {
  padding:4px;
  font-size:12px;
  width:150px;
  height:14px;
  border-width:1px;
  border-style:solid;
}
.search input.text.gray {
  font-style:italic;
}
.search button {
  width:24px;
  height:24px;
  padding:4px;
  border-width:1px 1px 1px 0;
  border-style:solid;
  vertical-align:bottom;
}
.search button img {
  vertical-align:-2px;
}

.tabs .tab {
  float:left;
}
.tabs .tab.right { float:right; }

.zool {
  width:50%;
  margin:24px auto;
  text-align:center;
}
.zool h2 {
  font-size:24px;
}
.zool p {
  font-size:16px;
  line-height:18px;
  margin-top:6px;
}

.miniriffcollection,
.riffcollection {
  position:relative;
  display:block;
}
.miniriffcollection {
  width:118px;
  height:81px;
}
.riffcollection {
  width:182px;
  height:137px;
}
.miniriffcollection .collectionimages,
.riffcollection .collectionimages {
  position:absolute;
  bottom:0;
  left:0;
}
.miniriffcollection .collectionimages {
  min-height:75px;
  margin:0 auto;
  margin:6px 6px 0;
}
.riffcollection .collectionimages {
  min-height:124px;
  margin:0 4px;
  width:150px;
  padding:12px 12px 1px;
}
.miniriffcollection .collectionimage,
.riffcollection .collectionimage {
  border-width:3px;
  border-style:solid;
  font-size:0;
  overflow:hidden;
}
.riffcollection .collectionimage {
  width:142px;
  height:80px;
}
.miniriffcollection .collectionimage {
  width:100px;
  height:48px;
}
.miniriffcollection.createcollection .collectionimage .collectionaddicon {
  background:url(../../images/riffcreator/riffsourceadd.png) top;
  width:60px;
  height:60px;
  position:absolute;
  top:50%;
  left:50%;
  margin-top:-30px;
  margin-left:-30px;
}
.miniriffcollection.createcollection:hover .collectionimage .collectionaddicon {
  background-position:bottom;
}
.miniriffcollection .collectionribbon,
.riffcollection .collectionribbon {
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
}
.miniriffcollection .collectionribboninner,
.riffcollection .collectionribboninner {
  border-width:1px;
  border-style:solid;
  -moz-border-radius:0 0 3px 3px;
  -webkit-border-bottom-left-radius:3px;
  -webkit-border-bottom-right-radius:3px;
  border-radius:0 0 3px 3px;
  position:relative;
}
.riffcollection .collectionribboninner { padding:12px; }
.miniriffcollection .collectionribboninner { padding:6px }
.miniriffcollection .collectionribbonwrap,
.riffcollection .collectionribbonwrap {
  position:absolute;
  left:0;
}
.riffcollection .collectionribbonwrap {
  width:182px;
  height:5px;
  top:-5px;
}
.miniriffcollection .collectionribbonwrap {
  width:118px;
  height:3px;
  top:-3px;
}
.riffcollection .collectionribbon .collectionname {
  font-size:14px;
  line-height:16px;
}
.miniriffcollection .collectionribbon .collectionname {
  font-size:11px;
  line-height:13px;
}
.riffcollection .collectionribbon .collectioncount {
  line-height:14px;
  margin-top:2px;
}

.sharebuttons .sharebutton {
  display:inline-block;
  vertical-align:bottom;
}
.sharebuttons .sharebutton.googleplus { width:55px; }


.signupbanner {
  background:#ddd;
  border:1px solid #ccc;
}
.signupbanner-inner {
  padding:12px 0;
}
.bannerwrapper { height:60px; }
.banner {
  width:812px;
  margin:0 auto 24px;
  padding:12px 18px;
  -moz-border-radius:0 0 3px 3px
  -webkit-border-bottom-left-radius:3px;
  -webkit-border-bottom-right-radius:3px;
  border-radius:0 0 3px 3px;
  font-size:13px;
  box-shadow:0 2px 4px rgba(0,0,0,.4);
  z-index:1;
}
.banner.fixed {
  position:fixed;
  top:0;
  left:50%;
  margin-left:-424px;
}
.banner .bannertitle {
  font-size:17px;
  font-weight:bold;
  margin-bottom:6px;
}
.banner .banneractions { float:right; }
.banner .banneractions .button {
  font-size:16px;
  padding:6px 24px;
  line-height:34px;
}