@namespace url(http://www.w3.org/1999/xhtml);

/* inner, iframe'd document 
   -- this is likely to screw something else up 
      or fail when the number changes, 
      but for now it works fine
*/

@-moz-document 
  domain("s1947.gridserver.com"),
  url("http://s1947.gridserver.com/keepvid.php")
{
  body { font-weight: bold !important; }
  a:link    { color: #556DD0 !important; }
  a:visited { color: gray    !important; }
  a ~ a:after { content: ": " attr(href) !important; }
}

/* outer document */

@-moz-document 
  domain("keepvid.com"), 
  domain("www.keepvid.com") 
{

  * {
    display: none !important;
    border: 0 !important;
    background: none !important;
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
  }

  body {
    display: block !important;
    background: white !important;
    color: black !important;
    text-align: center !important;
    padding: 1em !important;
  }

  div.site_header h2 b { display: inline !important; }

  div.body_container,

  div.site_header, 
  div.site_header h2,

  div.chooser_form_container, 
  div.chooser_form_container div,
  div.chooser_form_container form,

  div#download_container,
  div#download_container *,
  iframe#keepWindow
  {
    display: block !important;
    width: 100% !important;
  }

  form#chooser_form_2 input[name="url"] {
    display: block !important;
    border: 1px solid #637415 !important;
    background: #E1E3D1 !important;
    margin: 0.5em auto 0 !important;
    width: 100% !important;
  }

  div#download_container p {
    border: 1px solid #BBC390 !important;
    width: auto !important;
  }

  iframe#keepWindow {
    outline: 1px solid #BBC390 !important;
    height: 5em !important;
    width: 100% !important;
  }

}

