Adaptive Design - Media Queries

AdaptiveDesign.css

/* Plonk as many of these as you need for each device/context and they will be
applied when the media query defined is met.*/

@media screen and (max-width: 320px)
{
  /* all styles for this query size go here. */
  
  /*
  for mobile, get of as many floats as possible sot hey sit on top 
  of eachother down the page nicely.
  
  */
  
  /* some typical rules for mobile devices are to stack content that is floated */
  float: none;
  width: inherit;
  
  
}