h1
{
  font-family  :  verdana, arial, sans-serif;
  font-weight  :  bold;
  font-size    :  21px;
  color        :  #222222;
  
  margin       :  0px 0px 5px 0px;
  padding      :  0px;
}

h2
{
  font-family  :  verdana, arial, sans-serif;
  font-weight  :  bold;
  font-size    :  15px;
  color        :  #033f6d;
  
  margin       :  0px 0px 10px 0px;
  padding      :  0px;
}

h3
{
  font-family  :  verdana, arial, sans-serif;
  font-weight  :  bold;
  font-size    :  30px;
  color        :  #9fc8e8;
  
  margin       :  0px 0px 25px 0px;
  padding      :  0px;
}

form
{
  margin  :  0px;
}

form td
{
  font-family  :  verdana, arial, sans-serif;
  font-size    : 12px;
}

label
{
  font-family  :  verdana, arial, sans-serif;
  font-weight  :  bold;
  font-size    :  13px;
  color        :  #3a3a3a;
}

input.textbox, textarea.textarea
{
  width   :  176px;
  border  :  solid 1px #bacfea;
}

hr
{
  border-top     :  solid 1px #ffffff;
  border-left    :  solid 1px #ffffff;
  border-right   :  solid 1px #ffffff;
  border-bottom  :  dotted 1px #9a9a9a;
  padding        :  0px;
  margin         :  15px 0px 15px 0px;
  _margin        :  10px 0px 10px 0px;
  #margin        :  10px 0px 10px 0px;  
  font-size      :  1px;
}

#Paging a:hover
{
  color  :  #004276;
}

#Paging a.block:hover, #Paging a.selected, #Paging a.selected:hover
{
  color       :  #ffffff;
  background  :  #004276;
}

#Header
{
  background  :  url('../images/today/header-bg.jpg') repeat-x;
  height      :  83px;
}

#StoryLinks
{
  padding     :  50px 15px 0px 0px;
  text-align  :  right;
  background  :  url('../images/today/gray-block.jpg') 70px 53px no-repeat;
}

#StoryLinks a
{
  font-family      :  verdana, arial, sans-serif;
  font-size        :  11px;
  color            :  #1D1D1D;
  
  text-decoration  :  underline;
}

#StoryLinks a:hover
{
  font-family      :  verdana, arial, sans-serif;
  font-size        :  11px;
  color            :  #000000;
  
  text-decoration  :  none;
}

#Header ul
{
  margin      :  0px 0px 0px 20px;
  padding     :  0px;
  list-style  :  none;
}

#Header ul li
{
  float    :  left;
  margin   :  54px 4px 0px 0px;
  padding  :  0px;
}

#Header ul li a
{
  font-family      :  verdana, arial, sans-serif;
  font-weight      :  bold;
  font-size        :  12px;
  color            :  #777777;
  text-decoration  :  none;

  float            :  left;
  background       :  url('../images/today/buttons-left-bg.jpg') no-repeat left top;
  margin           :  0px;
  padding          :  0px 0px 0px 5px;
}

#Header ul li a span
{
  float       :  left;
  display     :  block;
  background  :  url('../images/today/buttons-right-bg.jpg') no-repeat right top;
  padding     :  7px 15px 7px 10px;
}

#Header ul li a span
{
  float  :  none;
}

#Header ul li a:hover, #Header ul li a.selected, #Header ul li a.selected:hover
{
  font-family          :  verdana, arial, sans-serif;
  font-weight          :  bold;
  font-size            :  12px;
  color                :  #777777;
  text-decoration      :  none;

  background           :  #ffffff url('../images/today/buttons-left-bg.jpg') no-repeat left top;  
  background-position  :  0% -27px;
}

#Header ul li a:hover span, #Header ul li a.selected span, #Header ul li a.selected:hover span
{
  background-position  :  100% -27px;
}

#SearchBar
{
  margin      :  0px auto 0px auto;
  width       :  970px;
  background  :  #ffffff;
  height      :  41px;
}

#SearchBar #frmSearch
{
  padding   :  0px;
  margin    :  5px 0px 5px 0px;
  border    :  solid 5px #f5f5f5;
  float     :  right;
  height    :  21px;
  overflow  :  hidden;
}

#SearchBar input.textbox
{
  font-family  :  verdana, arial, sans-serif;
  font-weight  :  bold;
  font-size    :  13px;
  color        :  #d0d0d0;
  
  border       :  solid 1px #f3f3f3;
  width        :  276px;
  padding      :  2px 2px 2px 5px;
  margin       :  0px;
  float        :  left;
}

#SearchBar input.button
{
  float       :  right;
  width       :  22px;
  height      :  21px;
  background  :  #6c6c6c;
  border      :  none;
  padding     :  0px;
  margin      :  0px;
}

#SearchBar #MyStories, #SearchBar #PageLabel
{
  float  :  left;
}

#PageLabel
{
  display       :  block;
  line-height   :  41px;
  
  font-family   :  verdana, arial, sans-serif;
  font-weight   :  bold;
  font-size     :  13px;
  color         :  #626262;
}

#MyStories ul
{
  margin      :  16px 0px 0px 50px;
  padding     :  0px;
  list-style  :  none;
}

#MyStories ul li
{
  float    :  left;
  margin   :  0px 2px 0px 0px;
  padding  :  0px;
}

#MyStories ul li a
{
  font-family      :  verdana, arial, sans-serif;
  font-size        :  12px;
  color            :  #ffffff;
  text-decoration  :  none;

  float            :  left;
  background       :  url('../images/today/tabs-left-bg.jpg') no-repeat left top;
  margin           :  0px;
  padding          :  0px 0px 0px 8px;
}

#MyStories ul li a span
{
  float       :  left;
  display     :  block;
  background  :  url('../images/today/tabs-right-bg.jpg') no-repeat right top;
  padding     :  6px 15px 5px 7px;
}

#MyStories ul li a span
{
  float  :  none;
}

#MyStories ul li a:hover, #MyStories ul li a.selected, #MyStories ul li a.selected:hover
{
  font-family          :  verdana, arial, sans-serif;
  font-size            :  12px;
  color                :  #ffffff;
  text-decoration      :  none;
  
  background           :  url('../images/today/tabs-left-bg.jpg') no-repeat left top;
  background-position  :  0% -25px;
}

#MyStories ul li a:hover span, #MyStories ul li a.selected span, #MyStories ul li a.selected:hover span
{
  background-position  :  100% -25px;
}

#BodyArea
{
  position    :  relative;
  margin      :  0px;
  padding     :  0px 0px 50px 0px;
  background  :  url('../images/today/body-bg.jpg') repeat-x;
}

#Profile, #Info
{
  padding-top  :  20px;
}

#Info
{
  font-family  :  verdana, arial, sans-serif;
  font-size    :  11px;
}

#Info b
{
  font-size  :  13px;
}

#PopularCategories b
{
  display       :  block;
  line-height   :  25px;
  padding-left  :  10px;
  background    :  #000000;
  margin        :  15px 0px 5px 0px;
  
  font-family   :  verdana, arial, sans-serif;
  font-size     :  13px;
  color         :  #ffffff;
}

#PopularCategories a
{
  font-family      :  verdana, arial, sans-serif;
  font-size        :  11px;
  color            :  #282828;
  
  text-decoration  :  none;
  
  display          :  block;
  background       :  #fdfdfd;
  border-bottom    :  dotted 1px #f6f6f6;
  line-height      :  20px;
  heigth           :  20px;
  padding-left     :  8px;
}

#PopularCategories a:hover
{
  font-family      :  verdana, arial, sans-serif;
  font-size        :  11px;
  color            :  #ffffff;
  
  text-decoration  :  none;
  
  display          :  block;
  background       :  #004276;
  border-bottom    :  solid 1px #032b4a;
  line-height      :  20px;
  heigth           :  20px;
  padding-left     :  8px;
}

#Stories
{
  border  :  solid 1px #dadada;
  margin  :  0px 0px 20px 0px;
}

#Stories b
{
  display        :  block;
  line-height    :  32px;
  padding-left   :  15px;
  border-bottom  :  solid 1px #dadada;
  
  font-family    :  verdana, arial, sans-serif;
  font-size      :  13px;
}

#Stories td
{
  cursor  :  pointer;
}

#Stories a
{
  font-family      :  verdana, arial, sans-serif;
  font-size        :  11px;
  color            :  #282828;
  
  text-decoration  :  none;
  
  display          :  block;
  background       :  #fdfdfd;
  border-top       :  solid 1px #dadada;
  line-height      :  26px;
  heigth           :  26px;
  padding-left     :  10px;
}

#Stories a:hover
{
  font-family      :  verdana, arial, sans-serif;
  font-size        :  11px;
  color            :  #ffffff;
  
  text-decoration  :  none;
  
  display          :  block;
  background       :  #004276;
  border-top       :  solid 1px #dadada;
  line-height      :  26px;
  heigth           :  26px;
  padding-left     :  10px;
}

div.hSeparator
{
  height      :  3px;
  background  :  #e6e6e6;
  margin      :  20px 0px 20px 0px;
}

.votes
{
  font-family  :  verdana, arial, sans-serif;
  font-size    :  11px;
  text-align   :  center;
}

.story, .story td
{
  font-family  :  verdana, arial, sans-serif;
  font-size    :  11px;
  color        :  #333333;  
}

.story span
{
  color  :  #848484;
}

.story span a
{
  font-family      :  verdana, arial, sans-serif;
  font-weight      :  bold;
  font-size        :  11px;
  color            :  #383838;
  
  text-decoration  :  none;
}

.story span a:hover
{
  font-family      :  verdana, arial, sans-serif;
  font-weight      :  bold;
  font-size        :  11px;
  color            :  #000000;
  
  text-decoration  :  underline;
}

a.story
{
  font-family      :  verdana, arial, sans-serif;
  font-size        :  18px;
  font-weight      :  bold;
   color            :  #000000;
  
  text-decoration  :  underline;
}

a.story:hover
{
  font-family      :  verdana, arial, sans-serif;
  font-size        :  18px;
  font-weight      :  bold;
   color            :  #000000;
  
  text-decoration  :  none;
}

.story .bigText
{
  font-size  :  12px;
}

.story .storyDetails
{
  font-family  :  verdana, arial, sans-serif;
  margin-left  :  5px;
}

.story .icon
{
  border  :  solid 1px #222222;
  margin  :  0px 10px 10px 0px;
  float   :  left;
}

.story .category
{
  font-family  :  verdana, arial, sans-serif;
  font-size    :  12px;

  clear        :  both;
  margin-top   :  20px;
}

.story .category div
{
  float         :  right;
  word-spacing  :  4px;
  font-family   :  verdana, arial, sans-serif;
}

#Comments
{
  margin-left  :  10px;
}

.storyComments td img
{
  width   :  48px;
  height  :  48px;
  border  :  solid 4px #dfdfdf;
}

.storyComments td div
{
  float  :  right;
}

.storyComments td b a
{
  font-family      :  arial, helvetica, sans-serif;
  font-weight      :  bold;
  font-size        :  12px;
  color            :  #075bd5;
  
  text-decoration  :  underline;
}

.storyComments td b a:hover
{
  font-family      :  arial, helvetica, sans-serif;
  font-weight      :  bold;
  font-size        :  12px;
  color            :  #222222;
  
  text-decoration  :  none;
}

.storyComments td span
{
  color  :  #888888;
}

#Comments #Paging
{
  margin-top   :  0px;
  padding-top  :  0px;
}

#frmComments .textarea
{
  width          :  99%;
  height         :  120px;
  margin-bottom  :  10px;
}

.noRecord
{
  background  :  #f9f9f9;
  border      :  solid 1px #f0f0f0;
  color       :  #cccccc;
}

input.button
{
  font-family  :  arial, helvetica, sans-serif;
  font-size    :  12px;
  color        :  #ffffff;

  background   :  #47669c;
  border       :  solid 1px #415379;
  margin       :  0px;
  padding      :  1px 6px 1px 6px;
  #padding     :  1px 2px 1px 2px;
  _padding     :  1px 2px 1px 2px;
  cursor       :  pointer;
}

#frmStory input.textbox, #frmStory textarea.textarea
{
  padding  :  3px;
  width    :  440px;
}

#frmStory .smallText td
{
  font-size  :  11px;
}

#Glider div.scroller
{ 
  width     :  630px; 
  height    :  220px;
  overflow  :  hidden;
}

#Glider div.scroller div.section
{
  width     :  630px;
  height    :  220px;
  overflow  :  hidden;
  float     :  left;
  padding   :  0px;		
}

#Glider div.scroller div.content
{
  width  : 10000px;
}

#Glider div.controls
{
  margin-top  :  3px;
}
		
#Glider div.controls a
{
  font-family      :  verdana, arial, sans-serif;
  font-size        :  11px;
  color            :  #555555;
  
  text-decoration  :  none;
  
  display          :  block;
  background       :  #f6f6f6;
  float            :  left;
  margin-right     :  3px;
  border           :  solid 1px #888888;
  padding          :  2px 5px 2px 5px;
}

#Glider div.controls a:hover
{
  font-family      :  verdana, arial, sans-serif;
  font-size        :  11px;
  color            :  #000000;
  
  text-decoration  :  none;
  
  display          :  block;
  background       :  #cccccc;
  float            :  left;
  margin-right     :  3px;
  border           :  solid 1px #555555;
  padding          :  2px 5px 2px 5px;
}
