@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document
  /* try to get only articles and not the forum */
  url-prefix("http://hackedgadgets.com/20"),  url-prefix("http://www.hackedgadgets.com/20"), /* articles' uris start with the date */
  url-prefix("http://hackedgadgets.com/page/"), url-prefix("http://www.hackedgadgets.com/page/"), /* older entries: /page/[#] */
  url("http://hackedgadgets.com/"), url("http://www.hackedgadgets.com/") /* the front page only */
{


  /* ### optional style:
       smaller images ALWAYS */
    /* delete this line to enable
    .storyContent img { max-width: 300px !important; }
  /* */

  /* ### optional style:
       smaller images ONLY IF INSIDE A LINK (purpose: try to make smaller only those who seem to link to larger versions) */
    /* delete this line to enable
*/
    .storyContent a img { max-width: 300px !important; }
  /* */

  /* ### optional style:
       smaller images (and hover to make them normal size) */
    /* delete this line to enable
    .storyContent img:not(:hover) { max-width: 300px !important; }
  /* */


  /* ### optional style:
       text wraps around images */ 
*
    /* delete this line to disable */
    .storyContent img { float: left !important; margin: 0.5em !important; }
  /* */




  #headerblock + div:not([class]), /* a solitary link to the forum */
  #headerblock,
  #leftside,
  #rightside,

  .moosecandy,  /* ads? */

  div.nav a + p /* empty space */

  { display: none !important; }
  
  html,
  body
  {
    background: white !important;
    color: black !important;
    font-size: inherit !important;
  }

  h1, h2, h3, h4, h5, h6,
  .centreblock,
  .navigation,
  .storyContent
  {
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
    border: 0 !important;
    color: inherit !important;
    font-size: inherit !important;
    clear: both !important; /* in case of .storyContent floats */
  }
  .more-link { display: block !important; clear: both !important; } /* in case of .storyContent floats */

  .storyContent p
  {
    text-indent: 1em !important;
    margin: 0.8em !important;
    padding: 0 !important;
  }
  .storyContent img
  {
    border: 1px solid black !important;
    height: auto !important; /* for optional styles above */
  }
  .storyContent li { list-style-position: inside !important; } /* prevent overlap with floating images */


  h2 { color: #B5A58C !important; } /* date */
  .meta /* author, date, labels */
  {
    opacity: 0.5 !important;
  }
  h2 { margin-bottom: 0.5em !important; }
  .meta
  {
    font-size: 80% !important;
    margin-right: 4em !important; /* room for comments link */
  }
  .meta * { font-size: inherit !important; }

  .storytitle,
  #comments
  {
    background: #D1C6B4 !important;
    padding: 0.2em 4em 0.2em 0.5em !important; /* 4em on right for comments link */
    margin: 0 !important;
  }
  .storytitle * { margin: 0 !important; }
  #comments,
  .storytitle a
  { color: black !important; }


  /* permalink already in header,
     hide feed/social crap,
     show comments link (for displaying the number) elsewhere */
  .storyLinks
  {
    height: 0 !important;
    overflow: hidden !important;
  }

  .storyLinks a[title^="Comment on"]
  {
    position: absolute !important;
    top: 0.2em !important;
    right: 0.5em !important;
    color: black !important; /* it's inside the title header now */
/*    font-weight: bold !important; /* match header */
  }

  .storytitle > a
  /*,.storyLinks a[title^="Comment on"]*/
  {
    font-size: inherit !important;
  }


  a:link, a:visited { text-decoration: underline !important; }
  .storytitle a:not(:hover),
  .storyLinks a[title^="Comment on"]:not(:hover),
  .nav a:not(:hover)
  { text-decoration: none !important; }

}

@-moz-document /* just article pages */
  url-prefix("http://hackedgadgets.com/20"),  url-prefix("http://www.hackedgadgets.com/20")
{

  /* related links */
  p + hr,
  p + hr + h3,
  p + hr + h3 ~ a,
  p + hr + h3 ~ br,
  p + hr + h3 ~ br + p,
/*  p + hr + h3 ~ br + p + hr,*/

  .commentlist li cite + br /* slim dateline */

  { display: none !important; }

  .commentlist { margin: 0 !important; padding: 0 !important; }
  .commentlist a:not(:hover) { text-decoration: none !important; }
  .commentlist li
  {
    margin: 0 !important;
    padding: 0.5em 0.2em !important;
    list-style-position: inside !important;
    font-size: 80% !important;
  }
  .commentlist li > p
  {
    font-size: 125% !important;
    margin: 0.5em !important;
  }
  .commentlist li.alt
  {
   background: #eee !important;
  }

} /* 20090509 */