body { background:#e1e5e4 url(../../images/riffsy/contentbg.jpg); }
a {
  text-decoration:none;
  outline:none;
  color:#ce2c00;
}
.button {
  text-shadow:0 -1px 0 #452215;
  background-color:#c8472b;
  background-image:
    -webkit-gradient(linear,left top,left bottom,from(#dc6c41),to(#c8472b));
  background-image:-webkit-linear-gradient(top,#dc6c41,#c8472b);
  background-image:-moz-linear-gradient(top,#dc6c41,#c8472b);
  background-image:-o-linear-gradient(top,#dc6c41,#c8472b);
  background-image:linear-gradient(to bottom,#dc6c41,#c8472b);
  background-position:left;
  box-shadow:1px 1px 1px #de754b inset;
  border:1px solid #c85535;
  color:white;
}
.button.gray {
  text-shadow:0 -1px 0 #eee;
  background-color:#c8c8c8;
  background-image:
    -webkit-gradient(linear,left top,left bottom,from(#dcdcdc),to(#c8c8c8));
  background-image:-webkit-linear-gradient(top,#dcdcdc,#c8c8c8);
  background-image:-moz-linear-gradient(top,#dcdcdc,#c8c8c8);
  background-image:-o-linear-gradient(top,#dcdcdc,#c8c8c8);
  background-image:linear-gradient(to bottom,#dcdcdc,#c8c8c8);
  background-position:left;
  box-shadow:1px 1px 1px #dedede inset;
  border:1px solid #c8c8c8;
  color:#333;
}

.footer {
  color:#333;
  text-shadow:1px 1px 0 white;
}

.gridtheme { box-shadow:0 1px 3px #414847; }
.gridtheme .gridcontenttheme { background-color:white; }
.gridtheme .gridmetatheme { background-color:#fafafa; }
.gridtheme .gridfadetheme {
  background-image:-webkit-gradient(
    linear,right top,left top,from(rgba(250,250,250,0)),to(#fafafa));
  background-image:-webkit-linear-gradient(
    right,rgba(250,250,250,0) 0,#fafafa 32px,#fafafa);
  background-image:-moz-linear-gradient(
    right,rgba(250,250,250,0) 0,#fafafa 32px,#fafafa);
  background-image:-o-linear-gradient(
    right,rgba(250,250,250,0) 0,#fafafa 32px,#fafafa);
  background-image:linear-gradient(
    to right,rgba(250,250,250,0) 0,#fafafa 32px,#fafafa);
}

.tabs {
  background:white;
  border-bottom:1px solid #cdcdcd;
  font-weight:bold;
}
.tabs .tab {
  color:#323232;
  padding:12px 24px;
  font-size:15px;
}
.tabs .tab.active {
  background:#e1e5e4 url(../../images/riffsy/contentbg.jpg);
  position:relative;
  top:1px;
  padding-bottom:13px;
  border-style:solid;
  border-width:1px 1px 0 1px;
  border-color:#cdcdcd;
  margin-top:-2px;
  text-shadow:1px 1px 1px white;
}

.pagetools {
  padding:12px 0 6px;
}
.pagetools .pagetools-inner {
  padding:2px 12px;
  width:924px;
  background:rgba(255,255,255,.7);
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
}
.pagetools a.pagetool {
  color:white;
  text-shadow:1px 1px 0 #3d4549;
  background:#95a7b2;
  border-color:#a1b4bf #566066 #566066 #a1b4bf;
}
.pagetools a.pagetool:hover { background:#a1b4bf; }
.pagetools .search label {
}
.pagetools .sep {
  background:#8b9ca6;
}

.footer {
}

.header {
  background-color:white;
  box-shadow:0 1px 3px rgba(0,0,0,.2);
  position:relative;
  padding:11px 0;
}
.header a { color:#323232; }
.header .navitems {
  text-shadow:1px 1px 0 #f2f2f2;
}
.header .navitems .navitem a {
  display:inline-block !important;
  background-position:22px center;
}
.header .navitemdrop:hover {
  background:white;
  border-color:#aaa;
}
.header .navitem a.button { color:white; }

.header .dropmenu {
  background:white;
  border-color:#aaa;
}
.header .dropmenu .dropitem:hover {
  background:#ffeee9;
  color:#ce2c00;
}
.header .alertwrapper {
  display:inline-block;
  height:15px;
  line-height:15px;
  padding:1px 0;
}
.header .alertcount {
  color:white;
  font-family:verdana;
  font-size:9px;
  font-weight:bold;
  background-color:#ce2c00;
  text-shadow:none;
  padding:2px 3px;
  line-height:9px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  vertical-align:middle;
}
.header .dropmenu .dropitem .alertcount {
  float:right;
  margin:8px 7px 0 0;
}

.content {
  text-shadow:0 1px 1px white;
}

.channel {
  background-color:#ede9dd;
  border-bottom:1px solid #cdcdcd;
}
.desktopview .channel .channel-inner { padding:18px 0; }

.channel .topcontrib .topnames .topnames-names a {
  color:#323232;
}
.channel .actions {
  /* XXX use DXImageTransform for IE */
  background:rgba(0, 0, 0, 0.3);
  border-color:rgba(0, 0, 0, 0.2);
}
.channel .actions .action {
  color:white;
  border-left-color:rgba(0, 0, 0, 0.2);
  text-shadow:0.1em 0.1em 0.2em black;
}
.channel .actions .action:hover {
  background-color:rgba(255, 255, 255, 0.3);
  color:#48cdf9;
}

.channel .meta .descr .creator,
.channel .meta .descr .creator a {
  color:#525252;
}
.channel .meta .descr .channelid {
  background-color:#ccc;
}

.channelitem .remove {
  background:url(../../images/stream/removeshare.png) left top;
}
.channelitem .channelitempreview {
  background:white;
  border-color:#e0e0e0;
  box-shadow:1px 1px 2px #4c5453;
}
.channelitem h6 {
  text-shadow:1px 1px 0 white;
}
.channelitem.admin .badge {
  background:url(../../images/post/editor.png);
}
.channelitem .mote {
  background:url(../../images/post/mote.png);
}
.channelitem .demote { background-position:right; }

.pagectl .pagectlbtn {
  background:#ce5534;
  color:white;
  text-shadow:1px 1px 1px black;
}
.pagectl .pagectlbtn:hover { background-color:#e25d39; }
.pagectl .pagectlbtn .arrow {
  background:url(../../images/riffsy/pagectlarrowmask.png);
}
.pagectl .pagectlbtn.next .arrow {
  background-position:right center;
}
.pagectl .pagectlbtn.prev .arrow {
  background-position:left center;
}

.search input.text {
  border-color:#a1b4bf;
  color:#323232;
  background:white;
}
.search button {
  background:#cbd8df;
  border-color:#a1b4bf;
}

.zool h2 {
  color:#555;
}
.zool p {
  color:#666;
}

.relatedpost .postdata h5 {
  color:#333;
}

.channellist h1 {
  text-shadow:1px 1px 0 #ccc;
}

.miniriffcollection,
.riffcollection { color:#333; }
.riffcollection .collectionimages {
  background:url(../../images/riffcreator/collectionbg.png);
  background-size:cover;
}
.miniriffcollection .collectionimage,
.riffcollection .collectionimage {
  border-color:white;
  box-shadow:0 0 2px #aaa;
  background-color:#dedede;
}
.miniriffcollection .collectionribboninner,
.riffcollection .collectionribboninner {
  background:#eaeaea;
  border-color:white;
  color:#555;
  text-shadow:1px 1px 0 white;
  box-shadow:0 0 1px #aaa;
}
.riffcollection .collectionribbonwrap {
  background:url(../../images/riffcreator/collectionribbonwrap.png);
}
.miniriffcollection .collectionribbonwrap {
  background:url(../../images/riffcreator/minicollectionribbonwrap.png);
}
.previewtool {
  background:white;
  box-shadow:2px 2px 2px rgba(0,0,0,.5);
  border-color:#aaa;
}
.previewtool .previewtoolarrow {
  background:url(../../images/riffcreator/toolarrow.png);
}
.previewtool.below .previewtoolarrow {
  background-position:top;
}
.previewtool.above .previewtoolarrow {
  background-position:bottom;
}
.previewtool.right .previewtoolarrow {
  background-position:left;
}

/* forms */
.bordered {
  border-color:#6f7a78;
}
.form .field .fieldcontent input.text,
.form .field .fieldcontent textarea,
.form .field .fieldcontent select {
  background:white;
  border-color:#6f7a78;
}

.form .field.bad .fieldcontent input.text,
.form .field.bad .fieldcontent select {
  background:#ffc7c4;
  border-color:#ff3f35;
  color:#42100e;
}
.form .field.good .fieldcontent input.text,
.form .field.good .fieldcontent select {
  background:#d7ffc4;
  border-color:#9bff69;
  color:#1f420e;
}
.form .field.validating .fieldcontent input.text { color:#999; }
.form .field.bad .regnote { color:#a10800; }
.form .field.good .regnote { color:#34a000; }
.form .field .fieldcontent.error { color:#c00; }
.form .alert {
  border-color:#ccc;
  background-color:#eee;
}
.form .smallmsg {
  color:#333;
}


/* user info */

.channelaction .icon {
  display:inline-block;
  vertical-align:bottom;
  margin-right:4px;
}
.channelaction.add .icon {
  background:url(../../images/riffsy/followplus.png);
  width:11px;
  height:12px;
  vertical-align:-1px;
}
.channelaction.remove .icon {
  background:url(../../images/riffsy/checkgreen.png);
  width:14px;
  height:12px;
  vertical-align:-2px;
}

.channel .userinfo .circleavatar {
  display:block;
  background-position:center;
  box-shadow:0 1px 2px #aaa;
  float:left;
}
.desktopview .channel .userinfo .circleavatar {
  width:128px;
  height:128px;
  border:3px solid white;
  -moz-border-radius:64px;
  -webkit-border-radius:64px;
  border-radius:64px;
}
.channel .userinfo .userinfoinner { color:#333; }
.desktopview .channel .userinfo .userinfoinner {
  margin-left:158px;
  padding:18px;
  background:white;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
  box-shadow:0 2px 2px #aaa;
  min-height:98px;
}
.channel .userinfo .username {
  font-weight:bold;
  font-size:28px;
}
.desktopview .channel .userinfo .username {
  margin:0 100px 24px 0;
}
.channel .userinfo .username .useractions { padding-left:8px; }
.channel .useractions .channelaction {
  line-height:29px;
  vertical-align:bottom;
}
.channel .userinfo .userdescr {
  font-size:15px;
  line-height:17px;
}
.channel .userinfo .userdescr .userstats .userstat {
  color:#666;
  font-size:11px;
  font-weight:normal;
  white-space:nowrap;
}

/* collection info */
.channel .collectioninfo {
  position:relative;
}
.channel .collectioninfo .circleavatar {
  width:32px;
  height:32px;
  border:2px solid white;
  -moz-border-radius:38px;
  -webkit-border-radius:38px;
  border-radius:38px;
  display:block;
  background-position:center;
  box-shadow:0 1px 2px #aaa;
  float:left;
}
.channel .collectioninfo .collectioninfoinner {
  color:#333;
  text-align:center;
}
.desktopview .channel .collectioninfo .collectioninfoinner {
  margin:0 192px;
}
.channel .collectioninfo .collectioninfoinner .collectionname {
  font-size:24px;
  font-weight:bold;
}
.desktopview .channel .collectioninfo .collectioninfoinner .collectionname {
  line-height:32px;
}
.channel .collectioninfo .collectioninfoinner .collectiondescr {
  margin-top:8px;
  line-height:15px;
}
.channel .collectioninfo .collectioncreator {
  width:180px;
  height:36px;
}
.desktopview .channel .collectioninfo .collectioncreator {
  position:absolute;
  top:50%;
  left:0;
  margin-top:-18px;
}
.channel .collectioninfo .collectioncreator .circleavatar { float:left; }
.channel .collectioninfo .collectioncreator .collectioncreatorinner {
  margin-left:46px;
}
.channel .collectioninfo .collectioncreator .createdby {
  font-size:11px;
  margin:4px 0;
}
.channel .collectioninfo .collectioncreator .username {
  font-size:13px;
  font-weight:bold;
}
.channel .collectioninfo .collectioncreator .username a { color:#333; }
.channel .collectioninfo .collectionactions {
  position:absolute;
  right:0;
  height:12px;
}
.desktopview .channel .collectioninfo .collectionactions {
  top:50%;
  margin-top:-6px;
}

/* notifications page */
.notifications-page {
  margin:15px 0 50px;
  width:100%;
}
.notifications-page .notifications-box {
  background:white;
  padding:20px;
  box-shadow: 0 2px 4px #444;
  min-height:300px;
}
.notifications-page h3:first-child {
  margin-top:2px !important;
}
.notifications-page h3 {
  margin:25px 0 2px;
}
.notifications-page .action {
  width:100%;
  border-bottom:1px dotted #aaa;
  padding:5px 0;
}
.notifications-page .action.lastnew {
  border-bottom:2px dotted #aaa;
}
.notifications-page .action .avatar {
  float:left;
  margin-right:5px;
}
.notifications-page .action .actiontext {
  line-height:18px;
  height:18px;
  display:inline-block;
}
.notifications-page .action .actiontext .comment {
  font-style:italic;
  color:#555;
}
.notifications-page h2.notice {
  line-height:40px;
}

.banner {
  background:#495257;
  color:white;
  text-shadow:0 1px 1px #333;
}

.scenes .scene .sceneheight {
  opacity:.7;
  filter:alpha(opacity=70);
}
.scene.playing .sceneheight {
  opacity:1;
  filter:none;
}