/* General HTML Elements */

body {
  margin: 0px;
  background: #fff;
 }
img { border: 0px }
p, div, body, td { font: 12px "Lucida Grande", arial, sans-serif; line-height: 140%; }
p { padding: 0px; margin: 5px 0px 10px 0px; }
h1, legend { font: 900 15px "Lucida Grande", verdana, arial, sans-serif; line-height: 140%; padding: 0px; margin: 0px 0px 10px 0px }
h2 { margin: 0px; }
h3 { color: #C10005; padding: 0px; margin: 5px 0px 5px 0px }
td { vertical-align: top }
fieldset { border: none; border-top: 1px solid #D20005; padding: 0px; margin: 0px; }
legend { vertical-align: middle }

a:link, a:visited, a:active { color: #fff; font-weight: bold; text-decoration: none }
a:hover { text-decoration: underline; } 
#main a:link, #main a:visited, #main a:active { color: #B70004; font-weight: bold; text-decoration: none }
#main a:hover { text-decoration: underline; } 

/* Site Construct */

#site 
  { background: #4e5559; text-align: center; padding-top: 10px; }
.blackout { background: #000 }
.container 
  { width: 950px; margin: 0px auto; position: relative; text-align: left; }
#header 
  { height: 152px; background: transparent url('/i/BG-Top.jpg') top center no-repeat; }
#logo, #logo2
  { position: absolute; top: 5px; left: 0px; width: 450px; height: 75px; 
    background: transparent url('/i/LogoRed.jpg') no-repeat; }
#logo2
  {
    background: transparent url('/i/Logo.jpg') no-repeat;
  }
#topad 
  { position: absolute; top: 10px; left: 480px; width: 468px; height: 60px; border: 1px solid #f00; text-align: center; 
    background: #484f52; color: #fff; font-size: 150%; }
#marquee 
  { position: absolute; top: 105px; left: 18px; height: 34px; width: 640px; background: #D20005; color:#fff; text-indent: 20px }
#marquee a 
  { color: #ff0 }
#marquee h2
  { margin-top: 6px; font-size: 12px; }
#igoogle
  { left:710px; position:absolute; top:108px; }
#email
  { float: right; }
#imgsource
  { font-size: 8px; }
#content 
  { background: transparent url('/i/BG.jpg') top center repeat-y; }
#main 
  { width: 913px; margin-left: 20px; }
#footer 
  { padding: 20px 0px 10px 0px; background: #4E5659; text-align: center; color: #D6D6D6; font-size: 10px }
#footer a:link, #footer a:visited, #footer a:active 
  { color: #fff }
#footer span { display: none }

/* Content */

#topstory {
  height: 280px;
  position: relative;
 }
#topimage {
  width: 296px; height: 242px; 
  background: #434a4e;
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  top: 10px; left: 0px;
 }
#toptext {
  position: absolute;
  width: 320px; height: 242px;
  top: 10px; left: 310px;
 }
#toptext h1 { 
  font: 900 26px "Lucida Grande", Arial, sans-serif; 
  line-height: 32px; 
  margin: 0px; padding: 0px; 
 }
h1#nextpage {
  float: right; 
  width: 40%; 
  text-align: right;
 }
h1#prevpage {
  float: left;
  width: 40%; 
  text-align: left;
 }
/* Stories Section */

div.stories 
  { padding-top: 20px; border-top: 1px dotted #999; clear: both; }
div.stories label 
 { display: block; font-weight: bold; text-align: right; float: left; width: 15%; clear: both; padding-right: 5px; }
div.stories div.data 
  { float: left; width: 80%; margin-bottom: 10px; }
div.stories input
  { width: 50% }
div.stories input, div.stories select, div.stories div
  { font-size: 9px }

.stories .imagebox
  { margin-top: 20px; height: 75px; width: 75px; float: left; cursor: pointer; overflow: hidden; background: #434a4e; z-index: 1; position: relative; }

.stories .imagebox .image 
  { height: 65px; width: 75px; cursor: pointer; overflow: hidden; background: #434a4e; z-index: 1; }

.stories .imagebox .movie, .stories .imagebox .photo, .stories .imagebox .story
  { height: 10px; width: 75px; float: left; cursor: pointer; overflow: hidden; background: #434a4e; z-index: 1; position: relative; }

.stories .imagebox:hover .movie, .stories .imagebox:hover .photo, .stories .imagebox:hover .story
  { background-position: 0% 100%; }

.stories .imagebox .movie { background-image: url('/i/icon-movie.png');}
.stories .imagebox .photo { background-image: url('/i/icon-photo.png'); }
.stories .imagebox .story { background-image: url('/i/icon-story.png'); }

.stories h2 
 { font-weight: bold; font-size: 14px; line-height: 120%; font-family: "Lucida Grande", arial, sans-serif; color: #434A4E; float: left; width: 200px; margin: 20px 0px 0px 10px; height: 34px; overflow: hidden }
.stories h3 
 { font-weight: normal; font-size: 11px; line-height: 120%; font-family: "Lucida Grande", arial, sans-serif; color: #5F676A; float: left; width: 200px; margin: 2px 0px 0px 10px; height: 26px; overflow: hidden; }
.stories h4
 { text-align: right; font-weight: normal; font-size: 10px; font-family: "Lucida Grande", arial, sans-serif; color: #5F676A; float: left; width: 200px; margin: 5px 0px 0px 10px; }

.stories .story-news1, .stories .story-showbiz1, .stories .story-elections1, .stories .story-technology1, .stories .story1,
.stories .story-news2, .stories .story-showbiz2, .stories .story-elections2, .stories .story-technology2, .stories .story2
 { height: 110px; width: 295px; float: left; line-height: 140%; }
.stories .story-news1, .stories .story-showbiz1, .stories .story-elections1, .stories .story-technology1, .stories .story1
 { margin-right: 24px; }
.story-news1, .story-news2 
 { background-image: url('/i/box-news.png'); background-repeat: no-repeat }
.story-showbiz1, .story-showbiz2 
 { background-image: url('/i/box-showbiz.png'); background-repeat: no-repeat }
.story-elections1, .story-elections2 
 { background-image: url('/i/box-elections.png'); background-repeat: no-repeat }
.story-technology1, .story-technology2 
 { background-image: url('/i/box-technology.png'); background-repeat: no-repeat }
.story-articles
 { background-image: url('/i/box-articles.png'); background-repeat: no-repeat }
.story-photos
 { background-image: url('/i/box-photos.png'); background-repeat: no-repeat }
.story-videos
 { background-image: url('/i/box-videos.png'); background-repeat: no-repeat }
.story-linkedvideos
 { background-image: url('/i/box-videolinks.png'); background-repeat: no-repeat }

/* Sidebar */
#col #filters div div { background-position: 20px 0px; text-align: left }
#col hr { color #434a4e; height: 1px; background: #434A4E; border: 0px solid #434a4e; }
#col h1 { font: 300 18px "Lucida Grande", arial, sans-serif; line-height: 55px; text-indent: 17px; color: #fff;  
          background: transparent url('/i/col-gray.jpg') no-repeat; height: 55px;  }
#col h2 { font: 300 18px "Lucida Grande", arial, sans-serif; line-height: 35px; text-indent: 17px; color: #fff; margin: 0px 0px 10px 0px; padding: 0px }
#col ul { margin: 0px; padding: 0px 0px 16px 0px; }
#col li { list-style: none; line-height: 150%; }
#col li a:link, #col li a:visited, #col li a:active { display: block; border-bottom: 1px dotted #999 }
#col li a:hover { text-decoration: none; color: #f40 }
#col .box { background: #dfe0e0 url('/i/col-contentbox.jpg') no-repeat; margin-left: 21px; width: 200px; }
#col .box > div { padding: 10px; }
#col-blogwatch-header { background: transparent url('/i/col-blogwatch-header.jpg') 1px 0px no-repeat; height: 11px; }
#col-blogwatch-footer { background: transparent url('/i/col-blogwatch-footer.jpg') 1px 0px no-repeat; height: 11px; }
#col-blogwatch { background: #c10005; width: 236px; margin-left: 1px; }
#col-blogwatch h2 { border-bottom: 1px dashed #fff }
#col-blogwatch ul { margin-left: 20px; }
#col-blogwatch h1 { color: #fff }
#col-blogwatch li a:link, #col-blogwatch li a:visited, #col-blogwatch li a:active { color: #fff; text-decoration: none; display: block; border-bottom: 1px dotted #fff; font-size: 9px; }
#col-blogwatch li a:hover { color: #ff0; }
#col-userpoll { text-align: center; }
#col-ad { text-align: center; }
#skyscraper-ad 
  { margin: 0px auto; width: 160px; height: 600px; border: 1px solid #fff;
    background: #484f52; }