/*
** 'The Register' layout CSS
**
** by Aaron Crane
**
** Small-screen edition, in attempt to make standard pages viewable on the
** screens of handheld devices.
*/

html {
  background: #666;
  margin: 0;
  padding: 0;
}

body {
  margin: 0;
  padding: 0;
}

#RelatedStuff, .TextAdCol {
  display: none;                /* XXX */
}

#Body .Ad,
#UnderMenuBar + .Ad {
  max-width: 100%;
}

body {
  background: #fff;
  font-family: sans-serif;
  font-size: 11px;
  margin: 0;
  padding: 0;
}

body > p:first-child, #Masthead {
  margin: 0;
  padding: 0;
}

#Article {
  max-width: 100%;
}

img, embed, object, iframe {
  border: none;
  width: auto;
  height: auto;
  max-width: 120px;
}

iframe {
  overflow: hidden;
}

h2 {
  font-size: 14px;
  font-weight: bold;
  margin-top: 0;
}

.Byline {
  margin-top: 4px;
}

#Body p:first-child {
  margin-top: 6px;
}

#MastheadStrap, #Index .Section, #Teaser img, #IndexBtm, #IndexBtm + #Related,
#UnderMenuBar, #MainCols td.Ad, #DistributedComputationTeamLinks, #Copyright,
.YouAreHere, .IconsTop, .IconsBtm, .TopTextLink {
  display: none;
}

#MastheadMain {
  margin: 0;
}

#MastheadMain h1 {
  margin-top: 0;
}

#MastheadMain img, .Ad img, .Ad embed, .Ad object {
  max-width: 100%;
}

#MainCols {
  margin-top: 0;
}

#MainCols, #MainCols tr, #MainCols td {
  display: block;
  width: 100%;
}

.NoCSS {
  display: none;
}

#Body .Ad img {
  max-width: 40%;
}

td {
  display: block;
}

#MastheadStrap #MastheadSearch {
  display: block;
  position: absolute;
  bottom: 32px;
}

.Submit {
  vertical-align: top;
}

#LeftNav,
#LeftNav * {
  display: none;
}

#Teaser:before {
  content: "Top Stories Today";
  font-size: 12px;
  font-weight: bold;
}

#Teaser {
  padding-bottom: 4px;
  border-bottom: 1px solid black;
}

#Index h3, #Teaser h3 {
  margin-top: 6px;
  margin-bottom: 0;
}

#Index .Standfirst, #Teaser .Standfirst {
  margin-top: 2px;
  margin-bottom: 0;
}

#Index .Date {
  margin-top: 1px;
  color: #999;
}

#Index .Label {
  color: #f00;
  padding-right: 2px;
}

#SectionMenu:before {
  content: "Sections";
}

#SubsectionMenu:before {
  content: "Subsections";
}

#SectionMenu:before, #SubsectionMenu:before {
  font-size: 12px;
  display: block;
  margin-bottom: 2px;
  margin-left: -2px;
}

#SectionMenu, #SubsectionMenu {
  margin-left: 6px;
  padding: 0;
}

#SectionMenu li, #SubsectionMenu li {
  text-transform: lowercase;
  display: inline;
  padding: 0;
  margin: 0;
}

#SectionMenu li:after, #SubsectionMenu li:after {
  content: "\20\20";
}

#SectionMenu {
  position: absolute;
  bottom: 48px;
}

#SubsectionMenu {
  position: absolute;
  bottom: 4px;
  margin-bottom: 0;
  padding-bottom: 0;
}

#Footer ul {
  margin: 138px 0 0 0;
  padding: 0;
  background-color: #f00;
  color: #fff;
}

#Footer li {
  display: none;
}

#Content {
  border-bottom: 1px solid black;
}