@charset "utf-8";

/*  Basic Styles
    Here, we drop the general resets so the masses all fall in line.
--------------------------------------------------------------------------------
 */
html { padding: 0; padding: 0; }
body, table {font-family: Trebuchet MS, Arial, Helvetica, Verdana, Sans-Serif; font-size: 13px; color: #000;  }
body { background: #fff;}
html, body, table, td, form, p, div, h1, h2, h3, h4, h5, h6, ul, ol, pre, img { margin: 0; padding: 0; }
table { border-collapse: collapse; }
h1, h2, h3, h4, h5, h6 { font-weight: bold; font-size: 14px; color: #000; }
h6 { padding: 3px 0 0 0; margin: 0; font-weight: bold; font-size: 14px; color: #cc3333; }
p { font-size: 12px; color: #333; }
strong { font-weight: bold; }
em { font-style: italic; }
/*a { color: #003399; text-decoration: none; }  Darker links
a:hover { text-decoration: underline; color: #0099ff; }*/
a { text-decoration: none; color:#0066cc; }
a:hover { text-decoration: underline; color:#0099ff; }
a img { border: none; }
img { border: none; }
ul { list-style: circle outside; }
li { margin-left: 30px; }
hr { color: #999999; }
/*  
--------------------------------------------------------------------------------
 */
body{ width:1000px; margin: 0 auto;} /*center look*/


/*  (Most) Common Styles
    These are the most common elements found on every page.
--------------------------------------------------------------------------------
 */
#all { float: left; display: inline; width: 1000px; background: #fff; }
#header { float:left; display: inline; width: 1000px; }
  #header #logo { float: left; display: inline; width: 250px; padding: 30px 0px 0px 0px; margin: 0; }
  #header #banner { float: right; display: inline; width: 728px; margin: 0; }
  #header #menu
  {
    float: left; display: inline; width: 1000px;
    background: transparent url("/images/topmenu_containerbg.gif") repeat-x 0px -2px;
    height: 50px;
  }
#body { float:left; display: inline; width: 1000px; }
#footer
{
  float:left; display: inline; width: 1000px;
  margin: 10px 11px 0px 0px; padding: 2px;
  text-align: center; color: #fff;
  background: url("/images/footer-bg.gif") repeat-x;
  border-top: 1px solid #000;
}
  #footer a { color: #fff; }
  #footer a:hover { text-decoration: underline; }
  #footer #sitelinks { padding: 2px 0px; font-size: 10px; font-family: Verdana, Arial, Helvetica, Sans-Serif; }
    #footer #sitelinks a { margin-right: 5px; }
  #footer #copyright { padding: 5px 0px; font-size: 9px; font-family: Arial, Helvetica, Verdana, Sans-Serif; border-top: 1px dotted #336699; }
    #footer #copyright a { text-decoration: underline; }
    #footer #copyright img { vertical-align: middle; }
/*
--------------------------------------------------------------------------------
 */



/*  Top Menu Pt 1
    Code adapted from http://www.alistapart.com/d/horizdropdowns/horizontal.htm
    Part 2 is the JS!
--------------------------------------------------------------------------------
 */
/*  Size and positioning. This is essential stuff, yo.  */
ul#topmenu { float: left; display: inline; padding: 0; margin: 0; height: 32px; }
ul#topmenu li { width: 80px; float: left; display: inline; list-style: none; padding: 0; margin: 0; position: relative; z-index: 100; }
ul#topmenu li ul { padding: 0; margin: 0; position: absolute; left: 0px; top: 28px; display: none; }
ul#topmenu li li { width: 200px; }
ul#topmenu li a { height: 32px; line-height: 32px; display: block; }
ul#topmenu li li a { height: 24px; line-height: 24px; padding: 0px 10px; }

/*  The more colourful aspects of the menu. You can change this without worrying about messing up the CSS too bad. This takes care of the first tier...  */
ul#topmenu li { background: url("/images/topmenu_item.gif") repeat-x top left; text-align: center; font-family: Helvetica, Arial, Verdana; font-size: 13px; }
ul#topmenu li a { background: url("/images/topmenu_itemdivider.gif") no-repeat top left; color: #494949; text-decoration: none; }
ul#topmenu li a:hover { background: url("/images/topmenu_itemhover.gif") repeat-x top left; color: #fff; text-decoration: none; }
ul#topmenu li.unlinked a:hover { background: #c0c0c0; }

/*  ...and here's the prettiness code for the second tier! */
ul#topmenu li li { background: none; font-size: 12px; font-weight: normal; }
ul#topmenu li li a { color: #fff; text-align: left; border-top: 1px dotted #d9a389; }
ul#topmenu li li a.first { border-top: none; }
ul#topmenu li ul { background: #693400 url("/images/topmenu_dropdownbg.gif") repeat-x top left; }
ul#topmenu li ul a { background: transparent; }
ul#topmenu li ul a:hover, ul#topmenu li.unlinked ul a:hover { background: #993300; }

/*  Bonus! This part causes the first tier to remain 'highlighted' as you browse the second tier. Doesn't work in IE6, though.  */
ul#topmenu li:hover { background: url("/images/topmenu_itemhover.gif") repeat-x top left; }
ul#topmenu li.unlinked:hover { background: #c0c0c0; }

ul#topmenu li:hover a { background: none; color: #fff; }

/*  IE needs the following magic words to work.  */
* html ul#topmenu li { float: left; display: inline; height: 1%; }
* html ul#topmenu li a { height: 1%; }

/*  The part that makes the dropdowns appear.  */
ul#topmenu li:hover { z-index: 1000; }
ul#topmenu li:hover ul, ul#topmenu li.over ul { display: block; }

/*  Need to tweak each single button? Here you go.  */
ul#topmenu li#topmenu_item1 a { background: none; }  /*Removes the item divider.*/
ul#topmenu li#topmenu_item3  { width: 130px; }
ul#topmenu li#topmenu_item7 { width: 90px; }
ul#topmenu li#topmenu_item8 { width: 100px; }
ul#topmenu li#topmenu_item5 { width: 130px; }


/*  These are just for decoration.  */
#topmenuDecoLeft { margin-left: 10px; float: left; display: inline; width: 9px; height: 32px; background: url("/images/topmenu_capleft.gif") no-repeat top left; }
#topmenuDecoRight { float: left; display: inline; width: 9px; height: 32px; background: url("/images/topmenu_capright.gif") no-repeat top left; }
.topmenuArrowDown { width: 9px; height: 5px; background: red url("/images/topmenu_arrowdown.gif") no-repeat top left; }

/*
--------------------------------------------------------------------------------
 */



/*  Common Components
    All common components have their styles listed here. Except the Sidebar;
    that gets its own section.
--------------------------------------------------------------------------------
 */
#sectionHeader { width: 100%; background: url("/images/sectionHeader.gif") no-repeat top left; height: 70px; overflow: hidden; }
#sectionHeader h2 {font-family: Helvetica, Sans-Serif; font-size: 26px; font-weight:normal; text-transform: uppercase; color: #cc3333; padding: 15px 0 0 10px; float: left;  display: inline; }
#sectionHeader h2 a { color: #cc3333; }
#sectionHeader #sectionHeader_breadcrumbs { float: left;  display: inline; font-family: Helvetica, Sans-Serif; font-size: 11px; color: #666666; padding: 30px 0 5px 20px; }
#sectionHeader #sectionHeader_breadcrumbs a { color: #666666; text-decoration: none; }
#sectionHeader ul { list-style: none; float: left;  display: inline; width: 100%; background: url("/images/sectionHeader_item.gif") repeat-x top left; min-height: 5px; }
#sectionHeader li { float: left;  display: inline; padding: 0; margin: 0; }
#sectionHeader li a { color: #fff; padding: 3px 20px 4px 20px ; text-decoration: none; display: block; }
#sectionHeader li a:hover, #sectionHeader li a.selected { color: #000; background: url("/images/sectionHeader_itemhover.gif") repeat-x top left; }

#sectionSubHeader { font-family: Helvetica, Sans-Serif; font-size: 24px; font-weight:normal; text-transform: uppercase; color: #cc3333; padding: 10px 0 5px 0; border-bottom: 1px solid #333333; margin-bottom: 10px; }
#sectionSubHeader a { text-decoration: none; color: #cc3333; }
/*
--------------------------------------------------------------------------------
 */



/*  Sidebar
    A sidebar is a place that serves alcohol on the side.
--------------------------------------------------------------------------------
 */
#sidebar { width: 340px; float: right;  display: inline; }
#sidebar .sidebarItem { width: 340px; float: left;  display: inline; margin-bottom: 10px; text-align: center; }

#sidebar .sidebarSearch { height: 31px; background: url("/images/sidebar_searchbg.gif") no-repeat top center; text-align: left; }
#sidebar .sidebarSearch_text { margin-top: 4px; border: 1px solid #cccccc; width: 230px; margin-left: 40px; }
#sidebar .sidebarSearch_button { margin-top: 4px; background: url("/images/sidebar_searchbutton.gif") no-repeat top left; width: 48px; height: 20px; border: none; font-family: Verdana, Sans-Serif; font-size: 10px; color: #444444; }

#sidebar .sidebarRectangularAd {}

#sidebar .sidebarTitleBright
{
  height: 26px;  padding: 2px 10px 0px 10px; text-align: left;
  font-family:Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 18px; font-weight:normal; color: #666666; 
  background: url("/images/common_white-grey-title.gif") repeat-x top left;
}
#sidebar .sidebarTitleBright a, #sidebar .sidebarTitleBright a:hover { color: #666666; }

#sidebar .sidebarTitleDark
{
  height: 26px;  padding: 2px 10px 0px 10px; text-align: left;
  font-family:Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 18px; font-weight:normal; color: #666666; 
  background: #b9b9b9 url("/images/common_grey-gradient-title.gif") repeat-x top left;
  border-bottom: 1px solid #eeeeee;
}
#sidebar .sidebarTitleDark a, #sidebar .sidebarTitleDark a:hover { color: #666666; }

#sidebar .sidebarEvents { background: #1b73a3; padding: 10px 0px; }
#sidebar .sidebarEvents table { width: 320px; margin: 0px auto; border-spacing: 10px 20px; }
#sidebar .sidebarEvents table td { background: #e4f2f5; width: 50%; padding: 2px 5px; }
#sidebar .sidebarEvents table td.sidebarEventsTitle { text-align: left; }
#sidebar .sidebarEvents table td.sidebarEventsTime { border-left: 1px solid #56a3bd; }
#sidebar .sidebarEvents table tr.sidebarEventsEmpty td { background: none; height: 5px; }

#sidebar .sidebarPRWire { list-style: square outside; background: #ffffff url("/images/common_grey-white-bg.gif") top left repeat-x; text-align: left; padding-top: 5px; }
#sidebar .sidebarPRWire li { padding-bottom: 5px; }
#sidebar .sidebarPRWire a, #sidebar .sidebarPRWire a:hover { color: #666666; }

#sidebar .sidebarMostViewed { text-align: left; border: 1px solid #96c3d6; overflow:auto; width: 338px; } /*overflow and width are necessary to 'anchor' the floats.*/
#sidebar .sidebarMostViewed ul { padding: 0; margin: 0; }
#sidebar .sidebarMostViewed li { list-style: none; padding: 0; margin: 0; }
#sidebar .sidebarMostViewed .sidebarMostViewed_sections { float: left;  display: inline; width: 100%; border-bottom: 1px solid #96c3d6; }
#sidebar .sidebarMostViewed .sidebarMostViewed_sections li { float: left; display: inline; border-right: 1px solid #96c3d6; }
#sidebar .sidebarMostViewed .sidebarMostViewed_sections li a { display: block; line-height: 11px; font-size: 11px; padding: 8px 30px; color: #508fa9; font-weight: bold; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; }
#sidebar .sidebarMostViewed .sidebarMostViewed_sections li a:hover { text-decoration: none; }
#sidebar .sidebarMostViewed .sidebarMostViewed_stories { float: left; display: inline; background: url("/images/mostviewed_storiesbg.gif") top left repeat-x; width: 100%; }
#sidebar .sidebarMostViewed .sidebarMostViewed_stories a { color: #003399; }
#sidebar .sidebarMostViewed .sidebarMostViewed_stories a:hover { color: #0099ff; }
#sidebar .sidebarMostViewed .sidebarMostViewed_stories ul { padding: 10px; }
#sidebar .sidebarMostViewed .sidebarMostViewed_stories li { font-size: 13px; line-height: 17px; padding-bottom: 4px; }
#sidebar .sidebarMostViewed .sidebarMostViewed_sections li.show { background: url("/images/mostviewed_sectionshowbg.gif") top left repeat-x; }
#sidebar .sidebarMostViewed .sidebarMostViewed_sections li.show a { color: #003366; }
#sidebar .sidebarMostViewed .sidebarMostViewed_stories ul.show {}
#sidebar .sidebarMostViewed .sidebarMostViewed_sections li.hide {}
#sidebar .sidebarMostViewed .sidebarMostViewed_sections li.hide a {}
#sidebar .sidebarMostViewed .sidebarMostViewed_stories ul.hide { display: none; }
/* Added By Din 23122010: Changing Highest Rated tab to Disqus Popular tab */
#sidebar .sidebarMostViewed .sidebarMostViewed_stories ul.dsq-widget-list {padding:0px}
#sidebar .sidebarMostViewed .sidebarMostViewed_stories ul.dsq-widget-list  a.dsq-widget-thread {font-weight:normal;}
/*
--------------------------------------------------------------------------------
 */