/**
 * A quick nasty restyle of gmail shiny theme, based on the Drupal Admin module.
 * Please consider that the style should be applied against shiny theme only.
 * Drupal Admin module: http://drupal.org/project/admin
 * Author: Sepehr Lajevardi - http://sepehr.ws/
 */

@-moz-document
url-prefix(http://mail.google.com/mail),
url-prefix(https://mail.google.com/mail){
body{background: #333 !important;}
body.editable{background: #fff !important;}

/* mail body footer photos & videos */
div.nH div.hx div.nH div.h7 div.G3 div.G2 div.nH div div.HprMsc div.gs div.hi,
div.nH div.hx div.nH div.h7 div.G3 div.G2 div.nH div div.HprMsc div.gs div.gA,
.remote_iframe_2 *{
  background: #e3e3e3 !important;
  }

.gA .gB table.cf tr td div[role*="button"] span,
td div.mD span.mG span{
  color: #343434 !important;
  text-decoration: none !important;
  border: 0 !important;
  }

/* header navigation background */
div.nH .nH .aC .nH .nH div.qp{
  height: 30px !important;
  background: transparent url(http://img.cdn.sepehr.ws/pub/gmail-userstyle-theme-sprite.png) repeat-x scroll 0 -20px !important;
  border-bottom: 0 !important;
  }

#guser nobr b,
div.nH .nH .aC .nH .nH div.qp a,
div.nH .nH .aC .nH .nH div.qp a *{
  text-decoration: none !important;
  text-shadow: 1px 1px #000;
  }

#guser,
div.nH .nH .aC .nH .nH div.qp #gbar{
  padding-top: 8px !important;
  }

/* header shadow */
/*div.nH .nH .aC .nH .nH div.no{
  background: transparent url(http://img.cdn.sepehr.ws/pub/gmail-userstyle-theme-sprite.pngg) repeat-x scroll 0 -100px;
  height: 10px !important;
  } */

/* header more dropdown */
#gbi{
  -moz-box-shadow: 0 0 5px #000 !important;
  -webkit-box-shadow: 0 0 5px #000 !important;
  }
#gbi *{
  color: #fff !important;
  background-color: #343434 !important;
  }
#gbi a:hover{
  color: #ccc !important;
  }

/* header messages */
div.nH div.aC div.nH div.nH div.no div.nH div.nH div.no div.nH div.nH div.cd table.cf{
  text-shadow: 1px 1px #000 !important;
  -moz-box-shadow: 0 0 10px #000 !important;
  -webkit-box-shadow: 0 0 10px #000 !important;
  }
div.nH div.aC div.nH div.nH div.no div.nH div.nH div.no div.nH div.nH div.cd table.cf tbody tr td *,
div.nH div.aC div.nH div.nH div.no div.nH div.nH div.no div.nH div.nH div.cd div .b8 table.cf tbody tr td *{
  color: #fff !important;
  }

/* GTalk Avatars */
div.nH div.Z8Dgfe div.kf div.kj img.kh{
  -moz-box-shadow: 0 0 3px #000 !important;
  -webkit-box-shadow: 0 0 3px #000 !important;
  }

/* Buzz */
div.nH div.nH div.nH div.Bf div.nH div.nH div.h7 div.Bk div.G3 div.G2 div.nH div.nH .gA,
div.nH div.nH div.nH div.Bf div.nH div.nH div.h7 div.Bk div.G3 div.G2 .nH .H0,
div.nH div.Iz div.fQ1opc{
  background: #e3e3e3 !important;
}

div.nH div.nH div.nH div.Bf div.nH div.nH div.h7 div.Bk div.G3 div.G2 div.nH div.nH .gA,
div.nH div.nH div.nH div.Bf div.nH div.nH div.h7 div.Bk div.G3 div.G2 div.nH div.nH .gA *{
  color: #000 !important;
  text-shadow: 1px 1px #fff !important;  
  text-decoration: none !important;
  }

div.nH div.nH div.nH div.Bf div.nH div.nH div.h7 div.Bk div.G3 div.G2 div.nH div.nH .gA .gB table.gz tr td div span:hover{
  color: #343434 !important;
  }

/* Buzz Title */
div.Iz div.OhPZpb div div.yqOfOe span.z19Dle span.zo a,
div.Iz div.OhPZpb div div.yqOfOe span.z19Dle span.zo a b{
  font-family: dejavu sans !important;
  font-weight: normal !important;
  text-decoration: none !important;
  }

/* Buzz Body & Comments*/
div.Iz div.OhPZpb div div.yqOfOe span.z19Dle,
div.Iz div.OhPZpb div div.yqOfOe span.z19Dle *,
div.nH div.H2 div.Ix span.TSrHSb{
  font-family: dejavu sans !important;
  }

/* Buzz Avatars */
div.Iz span.It img.Is{
  -moz-box-shadow: 0 0 5px #000 !important;
  -webkit-box-shadow: 0 0 5px #000 !important;
  }

/* fix */
.yqOfOe{max-width:97% !important;}
.H4{max-width:90% !important;}

/* Gmail Footer */
div.vI8oZc div.nH div.nH div.nH div.no div.nn div.nH div.ov,
div[role*="contentinfo"], div[role*="contentinfo"] *,
div.ov div.nH div.md span.mj,
.ov .nH .l6, .ov .nH .l6 *,
.ov .nH .mp, .ov .nH .mp *,
.ov .nH .ma *{
  color: #fff !important;
  text-shadow: 1px 1px #000 !important;
  }

/* message sneak peak popup */
div.yo div.C2cg6 div#:2z{
  font-size: 13px;
  }
}

/*** Gmail Mail body footer Media iFrame ***/
@-moz-document 
domain(googleusercontent.com){
  *{background: #e3e3e3 !important;}
}

/*** Gmail Help ***/
@-moz-document 
url-prefix(http://mail.google.com/mail/help),
url-prefix(https://mail.google.com/mail/help){
  *{background: #fff !important;}
}