/*==================================== 
   General Styles
  ==================================== */
body { font: normal 62.5% Verdana, Arial, Helvetica, sans-serif; color: #333; background: #697A89 url(page_bg.png) repeat-y top center; min-width: 984px; text-align: center; line-height: 1.5em; margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, p { margin: 0 0 10px 0; }
form { display: inline; margin: 0; }
table { font-size: 1.0em; }
input, textarea, select { font: normal 1.0em Verdana, Arial, Helvetica, sans-serif; color: #333; }
a { color: #09f; }
img { border: 0; }
h3 a { display: block; overflow: hidden; }

/*==================================== 
   Wrapper 
  ====================================*/
  
#wrapper { width: 984px; margin: 0 auto; text-align: left; background-color: #fff; }

/*==================================== 
   Accessibility
  ====================================*/

#accessibility { position: absolute; top: -1000px; left: -1000px; }

/*==================================== 
   TopAds 
  ====================================*/

#top_ads { margin: 2px 3px 2px 3px; width: 978px; float: left; clear: both; display: inline;}
  #top_ads .right-advertisement { float: right; display: inline; }
  #top_ads .left-advertisement  { float: left; display: inline; }
  #top_ads h1 { font-size: 2.0em;  display: inline; float: left; margin:0; color:#fff; }  

/*==================================== 
   Navigation
  ====================================*/

#header { float: left; display: inline; clear: both; margin: 0 3px 2px 3px; width: 978px; height: 52px; background: #0164C8 url(nav_bg.png) repeat-x top left; position: relative; }
  
  #header #logo { float: left; display: inline; }

  #header h1 { font-size: 2.0em; width: 200px; display: inline; float: left; margin: 0; }
    #header h1 a { display: block; float: left; display: inline; width: 200px; padding: 15px 5px; height: 52px; background: url(logo.png) no-repeat top left; text-indent: 0px; overflow: hidden; color:#fff; text-decoration:none; }
  
  #header ul { margin: 0; padding: 0; list-style: none; list-style-position: outside; }
    #header ul li { display: inline; margin: 0; padding: 0; background: url(nav_bg.png) repeat-y top left; }
    
      #header ul li div.divider { float: left; display: inline; height: 52px; background: url(nav_divider.gif) repeat-y top left; }
      #header ul li a { float: left; display: inline; color:#fff; font: bold 14px/22px Arial, Helvetica, sans-serif; padding: 15px; background:none; text-decoration:none;}
	   #header ul li a:hover { background:orange; text-decoration:none; }
      
    #header ul li#search { line-height: 1.0em; }
      #header ul li#search h2 { color: #fff; font-size: 1.0em; margin: 11px 7px 4px 7px; }
      #header ul li#search form { float: left; margin: 0 7px 0 7px; }
      #header ul li#search input.text { vertical-align: top; width: 90px; border: 1px solid #ddd; }
      
    #header ul li#rss div.divider a { display: block; color: #fff; text-align: center; padding-top: 10px; width: 21px; height: 40px; margin-left: 5px; background: url(rss_icon.png) no-repeat center 25px; text-decoration: none; float: left; display: inline; }
      
      /* Navigation Items */
      #cinema_nav a, #tv_nav a, #music_nav a, #ulike_nav a, #going_nav a, #hot_nav a, #play_nav a { margin: 0 0 0 1px; height: 52px; background: url(cinema.gif) no-repeat top left; text-indent: -99999px; width: 67px; overflow: hidden; z-index: 0; }
      #cinema_nav a:hover, #tv_nav a:hover, #music_nav a:hover, #ulike_nav a:hover, #going_nav a:hover, #hot_nav a:hover, #play_nav a:hover { background-position: left -52px; background-color: #f60; }
      #cinema_nav a.selected, #tv_nav a.selected, #music_nav a.selected, #ulike_nav a.selected, #going_nav a.selected, #hot_nav a.selected, #play_nav a.selected { background-position: left -52px; background-color: #f60; border-bottom: 2px solid #f60; }
      #tv_nav a     { background-image: url(tv.gif); width: 35px; }
      #music_nav a  { background-image: url(music.gif); width: 54px; }
      #ulike_nav a  { background-image: url(ulike.gif); width: 51px; }
      #going_nav  a { background-image: url(going_out.gif); width: 85px; }
      #hot_nav a    { background-image: url(gossip_plus.gif); width: 80px; }
      #play_nav  a  { background-image: url(play_and_win.gif); width: 89px; }
	  
#review-buttons { border: solid 1px #ccc;; width:100%; height:60px;}


/*==================================== 
   Subnav
  ==================================== */

#sub-nav { float: left; display: inline; width: 978px; margin: 0 3px 2px 3px; background-color: #f60; padding: 3px 0 4px 0; font-size: 1.2em; text-align:right }
  #sub-nav ul { margin: 0 0 0 5px; padding: 0; list-style: none; list-style-position: outside; text-align:left; }
    #sub-nav ul li { margin: 0; padding: 0; display: inline; font-weight: bold; }
      #sub-nav ul li a { color: #fff; text-decoration: none; display: block; float: left; margin-right: 10px; padding-right: 10px; border-right: 1px solid #fff; line-height: 1.2em; }
      #sub-nav ul li.last a { padding: 0; border: none; }
      #sub-nav ul li.selected a, #sub-nav ul li a:hover { color: #000; }

	#sub-nav span { color:#fff; font-size:0.9em; padding-right:5px } 
	#sub-nav span a { color:#fff; font-style:italic }

#sub-nav-new { color:#FFFF00; font-size:8px; float:left; vertical-align:super; margin-left:-8px }
#super-nav-new { color:#FFFF00; display:inline; float:none; font-size:7px; vertical-align:top; margin-left:2px;}

/*==================================== 
   Supernav
  ====================================*/

#supernav  { background-color: #697A89; color: #fff; font-weight: bold; font-size: 1.1em; padding: 5px 0 5px 10px; }
  #supernav a { color: #fff; font-weight: bold; text-decoration: none; }
  #nav { width: 950px; }
  #nav, #nav ul { margin: 0; padding: 0; }
    #nav li { list-style: none; margin: 0; padding: 0; float: left; }
      #nav li a { display: block; margin-right: 6px; padding-right: 6px; background: url(supnav_divider.png) no-repeat top right; }
      #nav li.last a { padding: 0 7px 0 0; margin: 0; background: url(supnav_arrow.png) no-repeat right 5px; }
    
      #nav li ul { position: absolute; width: 180px; left: -999em; z-index: 9999999999; clear: both; margin-left: -5px; }
      #nav li:hover ul, #nav li.sfhover ul { left: auto; background-color: #697A89; padding: 5px 5px 5px 5px; z-index: 9999999999; }
      #nav li:hover ul li, #nav li.sfhover ul li { display: block; float: none; margin: 0 0 5px; height: 12px; z-index: 9999999999; }
      #nav li:hover ul li a, #nav li.sfhover ul li a { float: none; background: none; z-index: 1000; }


/*==================================== 
   HomepageContent
  ==================================== */

#homepage_content { float: left; display: inline; margin: 0 5px 8px 3px; position: relative; width: 853px; }

/*==================================== 
   Homepage
  ==================================== */

#go-see { margin: 0; background: #f60 url(go_see.png) no-repeat top left; height: 23px; text-indent:-99999px; }
#ulike-sign-in { margin: 0; }
  #ulike-sign-in a { background: #f60 url(ulike_sign_in.png) no-repeat top left; height: 23px; text-indent:-99999px; }
#albums { margin: 0; background: #f60 url(albums.png) no-repeat top left; height: 23px; text-indent:-99999px; }
#dvds { margin: 8px 0 0 0; background: #f60 url(dvds.png) no-repeat top left; height: 23px; text-indent:-99999px; }
#the-weather-now { margin: 0; background: #f60 url(the_weather_now.png) no-repeat top left; height: 23px; text-indent:-99999px;  }
#watch-this { margin: 0; background: #f60 url(watch_this.png) no-repeat top left; height: 23px; text-indent:-99999px; }
#gossip { margin: 7px 0 0 0; background: #f60 url(gossip.png) no-repeat top left; height: 23px; text-indent:-99999px; }
#ulike { margin: 0; background: #f60 url(ulike_header.png) no-repeat top left; height: 23px; text-indent: -99999px; }
#whats-hot { margin: 0; background: #f60 url(whats_hot.png) no-repeat top left; height: 23px; text-indent: -99999px; }
#soaps{ margin: 8px 0 0 0; background: #f60 url(soaps.png) no-repeat top left; height: 23px; text-indent: -99999px; }
#gigs { margin: 8px 0 0 0; background: #f60 url(gigs.png) no-repeat top left; height: 23px; text-indent: -99999px; }
#clubbing, #clubbing-nomargin { margin: 8px 0 0 0; background: #f60 url(clubbing.png) no-repeat top left; height: 23px; text-indent: -99999px; }
/*#clubbing-nomargin { margin: 0; }*/
#movie-news { background: #f60 url(movie_news.png) no-repeat top left; height: 23px; text-indent:-99999px; margin: 8px 0 0 0; clear: both; }
#music-news { background: #f60 url(music_news.png) no-repeat top left; height: 23px; text-indent:-99999px; margin: 0; clear: both; }

#go-see-list { margin: 0 0 8px; padding: 0; min-height: 267px; }
  #go-see-list li span.movie-rating { display: block; float: left; width: 60px; margin: 6px 0 0 0; }
  #go-see-list li span.trailer-link a { display: block; float: left; width: 20px; padding: 0 0 0 0; margin: 4px 5px 0 0; background: none }
  #go-see-list li { list-style: none; list-style-position: outside; color: #036; font-size: 1.1em; font-weight: bold; padding: 0 0 1px; clear: both; }
    #go-see-list li a { display: block; width:215px; float: left; padding: 4px 29px 5px 5px; background: url(16x16_orange_go.gif) no-repeat right; color: #036; text-decoration: none; }
	 #go-see-list li a:hover { display: block;  background: #eee url(16x16_orange_go.gif) no-repeat right; color: #0680FA; text-decoration: none; }

#home-left-column { float: left; width: 505px; display: inline; margin-right: 4px; }
  #home-flash { clear: both; margin-bottom: 8px; }
  #home-left-column .sub-home-column { width: 250px; float: left; display: inline; }
  #home-left-column .left-sub-home-column { margin-right: 5px; }

#inner-left-column { float: left; width: 255px; display: inline; margin-right: 4px; }
  #home-flash { clear: both; margin-bottom: 8px; }
  #inner-left-column .sub-inner-column { width: 250px; float: left; display: inline; }
  #inner-left-column .left-inner-column { margin-right: 5px; }  

#home-ad { margin: 0 0 8px 0; }

#home-right-column { float: left; width: 343px; display: inline; }
#inner-right-column { float: left; width: 593px; display: inline; }

#login-form { background: #0164C7 url(home_gradient.png) repeat-x top left; margin: 0 0 8px 0; }
  #login-form form { display: inline; margin: 0; }

  #login-form p { font-size: 1.1em; color: #fff; font-weight: bold; margin: 0 0 5px 5px; clear: both; }
    #login-form p a { color: #f60; text-decoration: none; }

  #login-form ul { float: left; margin: 10px 0 1px 5px; padding: 0 0 0 0; display: inline; list-style-position: outside; }
    #login-form ul li { list-style: none; list-style-position: outside; margin: 0 0 3px 0; padding: 0; width: 160px; _display: inline; }
	/*  #login-form ul li label { display: inline; margin: 0; padding: 0; }*/
    
  #login-form #submit-form { float: left; display: inline; margin: 19px 0 0 12px; }
  #login-form .input { width: 160px; }

#weather-wrap { background: #0164C7 url(home_gradient.png) repeat-x left 23px; position: relative; margin: 0 0 8px 0; }
  #weather-wrap #weather-image { height: 73px; }
  #weather-wrap .rainy { background: url(clear_weather_sun.gif) no-repeat top right; }
  #weather-wrap p { float: left; width: 90px; margin: 13px 0 0 6px; color: #fff; font-size: 1.1em; font-weight: bold; }
  #weather-wrap #temperature { position: absolute; top: 71px; right: 3px; color: #fff; font-weight: bold; font-size: 1.1em; padding: 4px 3px 3px 3px; }


.hot-list { margin: 0; padding: 0; }
  .hot-list li { margin: 0; padding: 6px 0 6px 0; list-style: none; }
	.hot-list li a { display: block; color: #036; font-weight:bold; width: 316px; padding: 4px 25px 5px 0; background: url(16x16_orange_go.gif) no-repeat right; text-decoration: none; }
    .hot-list li a span { font-weight: bold; color: #036; text-decoration:none; }
    .hot-list li a:hover { font-weight: bold; text-decoration:underline;  color: #F60; }
  /*.hot-list li { margin: 0; padding: 6px 5px 6px 0; list-style: none; background: url(16x16_orange_go.gif) no-repeat right; }*/
 /*   .hot-list li .section { font-weight: bold; color: #036; }*/

.gossip-item { float: left; width: 161px; padding: 8px 0 5px 4px; }
  .gossip-item .thumb { float: right; margin: 2px 2px 5px 5px; }
  .gossip-item .leadin { font-style: normal; font-weight: bold; color: #073768; }

/*==================================== 
   Content
  ==================================== */

#content { float: left; display: inline; margin: 0 5px 8px 3px; width: 853px; position: relative; }

/*==================================== 
   Left Column
  ==================================== */
  
#left-column { float: left; width: 343px; margin-right: 5px; clear: left; }

/*==================================== 
   Left Column
  ==================================== */
  
#right-column { float: left; width: 505px; clear: right; }

/*==================================== 
   Left Column
  ==================================== */

.sub-column { float: left; display: inline; width: 250px; }
.sub-left { margin-right: 5px; }

/*==================================== 
   General
  ==================================== */

.odd { background-color: #eee; }

p.highlight, p.home-highlight { background-color: #eee; color: #036; padding: 9px 6px 9px 6px; font-weight: bold; margin: 0 0 12px 0; }
p.home-highlight { margin: 0; }

.item-detail { padding: 8px 5px 1px 5px; }
  .item-detail img.thumb { float: right; margin: 0 -5px 5px 5px; }
  .item-detail img.thumb-left { float: left; margin: 0 10px 5px 0; }
  .item-detail h4 { font-size: 1.0em; color: #036; margin: 0; }
  .item-detail h4.movie-title { font-size: 1.1em; }
  .item-detail h4 a { text-decoration: none; color: #036; margin: 0;}
  .item-detail h4 a:hover { text-decoration: underline; color: #036; margin: 0;}
  .item-detail h4 strong { color: #09f; }
  .item-detail .date { font-size: 1.0em; font-weight: bold; color: #06c; }
  .item-detail .draw { font-size: 1.0em; font-weight: bold; color: #036; }
  .item-detail .subject { color: #06c; font-weight: bold; }
  .item-detail a.more, .gossip-item a.more, .watch-this a.more, .user-review a.more { text-transform: uppercase; font-weight: bold; text-decoration: none; }
  .item-detail .published, .item-detail .author, .user-review .published { display: block; color: #036; }
  .item-detail .author { font-weight: bold; }
  .item-detail .movie-detail, .item-detail .tv-detail { color: #06c; font-weight: bold; } 
  .item-detail strong.best-web { font-weight: bold; color: #036; font-size: 1.1em; }
  .item-detail p.first_web { width: 280px; }
  a.forward, a.back { display: block; margin-bottom: 8px; font-weight: bold; text-decoration: none; padding: 2px 0 3px 25px; background: url(go_icon.png) no-repeat top left; font-size: 1.1em; }
  #top-search a.back { margin-left: 5px; }
  a.back { background-image: url(back_icon.png); }
  .item-detail p.date, .item-detail  p.icons { margin: 0 0 2px; }

.watch-this { padding: 2px 5px 1px 5px; }
  .watch-this .tv-detail { color: #036; font-weight: bold; }

/*==================================== 
   RightAds
  ==================================== */

#right_ads { float: left; display: inline; width: 120px; margin-bottom: 8px; }
  #right_ads #ad-divider { margin-top: 10px; }

  /* Poll */
  #poll { margin-top: 10px; background: #0064C8 url(poll_bg.gif) repeat-x left 23px; text-align: center; }
    #poll h2 { background: #f60 url(poll_header.png) no-repeat top left; text-indent: -9999999px; height: 23px; margin: 0 0 16px 0; text-align: left; overflow: hidden; }
    #poll #poll-question { margin: 0 5px; color: #fff; text-align: left; }
    
    #poll .results { margin: 0 auto 10px auto; color: #fff; text-transform: uppercase; font-weight: bold; width: 86px; }
      #poll .results .percentage { float: left; padding: 0 5px; }
        #poll .results .percent { width: 33px; text-align: center; } 
        #poll .results .percentage .bar { width: 33px; }
        #poll .results .percentage .response { width: 33px; text-align: center; }
        #poll .results .percentage .lblue { background-color: #00AEEF; }
        #poll .results .percentage .dblue { background-color: #06c; }
        
   #voting-button { width: 86px; height: 42px; margin: 0 auto; }
     #voting-button a { display: block; width: 86px; height: 36px; text-indent: -999999px; background: url(vote_here.gif) no-repeat top left; overflow: hidden; }

.exhibition { margin: 0 0 10px 0; }
.exhibition-submit { padding-bottom: 5px !important; }

#permanent { vertical-align: top; }
  #permanent p { float: left; width: 124px; _width: 120px; }
  #permanent label { width: 50px !important;  }


/*==================================== 
   RightHomepageAds
  ==================================== */

#right_homepage_ads { float: left; display: inline; margin-bottom: 8px; width: 120px; }
  
/*==================================== 
   Footer
  ==================================== */
  
#footer { float: left; display: inline; width: 984px; clear: both; }
  #footer #footer-links { float: left; background: #f60 url(footer_bgLogo.gif) no-repeat 955px 0; width: 984px; padding: 6px 0 6px 0; }
    #footer #footer-links ul { margin: 0 0 0 11px; padding: 0; list-style: none; list-style-position: outside; }
      #footer #footer-links ul li { margin: 0; padding: 0; display: inline; }
        #footer #footer-links ul li a { display: block; float: left; color: #fff; font-weight: bold; text-decoration: none; border-right: 1px solid #fff; padding-right: 5px; margin-right: 5px; line-height: 1.2em; }
        #footer #footer-links ul li.last a { margin: 0; padding: 0; border: none; }
        
  #copyright { float: left; padding: 6px 11px; color: #f60; font-weight: bold; }
  #ebow { float: right; padding: 6px 11px; color: #666; font-weight: bold; }
    #ebow a { color: #666; text-decoration: none; }
       
/*==================================== 
   ClearFix
  ==================================== */
.clearfix:after { content:"."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hide from IE Mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE Mac */

.left {
	float:left;
}

.right {
	float:right;
}
.mr5 { 	margin-right:5px;}	
.ml5 { 	margin-left:5px;}		
.mb5 { margin-bottom:5px;}

a.latest_itemName, a.latest_itemHyperText {font-size: 1.0em; color: #036; margin: 0; text-decoration:none; font-weight:bold; }
a.latest_itemName:hover, a.latest_itmeMore:hover, a.latest_itemHyperText:hover {color: #ff6600; text-decoration:underline; }
a.latest_itmeMore {text-transform: lowercase; color: #036; font-weight: bold; text-decoration: none;}
h3, .heading { color:#fff;  font-size:18px; font-weight:bold; background: #f60; display:block; margin: 0; padding:5px 1px;  text-align:left; } 
h3 a, .heading a{ color:#fff; text-decoration:none;  padding:2px; display:block;} 
hr { size:1px; width:95%; text-align:center; }