/* 
   Gulf News : Mobile Stylesheet
   =============================
   Colin Watts, April 09
--------------------------------------------------------------------------------------------------------- */
*
{
  margin:           0;
  padding:          0;
  border:           0;
  outline:          0;
  }
body
{
  background-color: #FFF;
  font:             normal 62.5% Arial, Helvetica, sans-serif;
  color:            #444;
  
  -webkit-text-size-adjust: none;
  }
div.wrapper, ol#navigation, ol#navigation li, ul, ul li, div.media, div.pagination, div.results, div.info, div.article
{
  float:            left;
  width:            100%;
  }
h2#GulfNewsMobile a
{
  float:            left;
  width:            100%;
  height:           42px;
  border-bottom:    1px solid #CCC;
  }
h2#GulfNewsMobile a img
{
  display:          block;
  padding:          8px;
  }
img.masthead
{
  display:          block;
  padding:          8px;
  }
p
{
  margin:           .5em 8px 0;
  font-size:        1.1em;
  }
p.breadcrumb
{
  margin:           0;
  padding:          .5em 4px;
  border:           1px solid #CCC;
  border-width:     1px 0;
  }
a
{
  text-decoration:  none;
  color:            #069;
  }
a:hover
{
  text-decoration:  underline;
  }
p.breadcrumb a
{
  margin:           0 4px;
  font-weight:      bold;
  text-decoration:  underline;
  }
p.breadcrumb a.current
{
  text-decoration:  none;
  }
div.navigation, div.footer
{
  background-color: #5B5A54;
  margin:           8px 0 0;
  padding:          .5em 0 1em;
  }
div.navigation
{
  background-color: #333;
  }
div.navigation p
{
  margin:           .5em 8px 0 5px;
  color:            #FFF;
  }
div.navigation a
{
  margin:           0 3px;
  text-transform:   uppercase;
  font-weight:      bold;
  color:            #FFF;
  }
ol#navigation a
{
  display:          block;
  padding:          4px 8px;
  background-color: #333;
  text-transform:   uppercase;
  font-size:        1.2em;
  font-weight:      bold;
  color:            #FFF;
  border-top:       1px solid #FFF;
  }
ol#navigation a:hover
{
  background-color: #F90;
  }
div.info
{
  border-top:       1px solid #CCC;
  margin:           .5em 0 0;
  padding:          .5em 0;
  }
div.info p
{
  clear:            left;
  margin:           .2em 8px 0;
  }
div.info a
{
  font-weight:      bold;
  }
div.info span
{
  padding:          0 1px;
  text-transform:   uppercase;
  background-color: #FC0;
  font-weight:      bold;
  color:            #C00;
  }
div.article
{
  padding:          0 0 10px;
  }
ul.controls
{
  width:            216px;
  margin:           0 0 0 8px;
  }
ul.controls li
{
  width:            108px;
  }
ul.controls li.right
{
  text-align:       right;
  }
div.article ul.controls a
{
  text-decoration:  none;
  font-size:        1.1em;
  }
div.article ul.controls a:hover
{
  text-decoration:  underline;
  }
div.article img
{
  clear:            left;
  display:          block;
  margin:           .5em 8px 0;
  }
div.article p
{
  margin:           .8em 8px 0;
  font-size:        1.3em;
  line-height:      1.4em;
  }
div.article p.pos
{
  font-weight:      bold;
  color:            #F90;
  }
div.article a
{
  text-decoration:  underline;
  }
form
{
  float:            left;
  padding:          12px 8px;
  }
input.text
{
  float:            left;
  width:            113px;
  border:           1px solid #CCC;
  }
input.button
{
  float:            left;
  margin:           0 0 0 12px;
  padding:          1px 4px;
  background-color: #7DA700;
  font-family:      Arial;
  font-size:        1.1em;
  font-weight:      bold;
  color:            #FFF;
  cursor:           pointer;
  }
h1
{
  margin:           .5em 0 0;
  font-size:        1.8em;
  }
h3
{
  float:            left;
  width:            100%;
  padding:          5px 0;
  background-color: #5B5A54;
  text-transform:   uppercase;
  font-size:        1.2em;
  color:            #FFF;
  }
h3.margin
{
  margin:           .5em 0 0;
  }
h1 span, h3 span
{
  display:          block;
  padding:          0 8px;
  }
ul li
{
  position:         relative;
  list-style-type:  none;
  border-bottom:    1px solid #CCC;
  }
li.highlight
{
  background-color: #EAEAEA;
  height:           44px;
  }
li.more, .noborder, div.footer li
{
  border-width:     0 !important;
  }
ul li a
{
  float:            left;
  width:            100%;
  padding:          8px 0;
  font-size:        1.2em;
  font-weight:      bold;
  }
ul li span.breaking-news { color:#ff0000; display: block; font-weight:bold;font-size:1.2em;padding:0 0 0 8px; }
ul li span.kicker { color:#006699; display: block; font-weight:bold;font-size:1.2em;padding:0 0 0 8px; }
ul.compact li a
{
  padding:          2px 0 8px;
  }
li a span, li span
{
  display:          block;
  padding:          0 8px;
  }
li.highlight a span
{
  padding:          0 8px 0 74px;
  }
li a em
{
  font-style:       normal;
  color:            #F90;
  }
li.more a
{
  font-size:        1em;
  font-weight:      normal;
  }
ul.orange li a
{
  color:            #F90;
  }
ul.red li a
{
  color:            #903;
  }
ul.uc li a
{
  text-transform:   uppercase;
  }
li a img
{
  position:         absolute;
  top:              0;
  left:             0;
  }
div.media, div.results
{
  padding:          0 0 10px;
  border-bottom:    1px solid #CCC;
  }
div.pagination
{
  padding:          .5em 0 .8em;
  }
div.media img
{
  float:            left;
  margin:           0 8px 0 0;
  }
div.media p, div.pagination p
{
  font-size:        1.2em;
  }
div.media a, div.pagination p, div.pagination a, div.results p
{
  font-weight:      bold;
  }
div.results a
{
  margin:           0 4px;
  font-weight:      normal;
  color:            #444;
  }
div.results a.current
{
  color:            #F90;
  }
div.footer li
{
  margin:           4px 0 0;
  }
div.footer li, div.footer li a
{
  padding:          0;
  font-size:        1.1em;
  font-weight:      normal;
  color:            #FFF;
  }
div.footer li a
{
  font-size:        1em;
  }
div.nomargin
{
  margin:           1px 0 0;
  }