@charset "utf-8";
/* CSS Document */

/* global header elements */
body { background-color: #009edb; margin: 0px; font-family: arial, verdana, sans-serif; }
#fameoff-skin { background: #009edb url(http://static.fameoff.com/images/parade/global/fameoff-skin-blue.jpg) no-repeat fixed top center; width: 100% !important; }
div#frame { width: 1010px; margin: 0px auto 0px auto; border: 0px solid red; cursor: default; }
img { image-rendering: optimizeQuality;  /* Firefox 3.6 */ -ms-interpolation-mode: bicubic;   /* Internet Explorer 7.0+ */ }

/* header */
#fo-header { width: 1010px; }
#fo-header .ad-728 { width: 728px; height: 90px; float: right; margin-right: 5px }
#fo-header .logo { width: 234px; float: left; margin-left: 5px }
#fo-header .fo-top { clear:both; }
#fo-header .fo-top .leftcorntop { background: url(http://static.fameoff.com/images/parade/global/top-left-corner.png) no-repeat top left; float:left; width: 26px; height: 26px; position: relative; }
#fo-header .fo-top .centerfill { background: url(http://static.fameoff.com/images/parade/global/center-fill.png) repeat-x; float:left; width: 958px; height: 26px; position: relative; }
#fo-header .fo-top .rightcorntop { background: url(http://static.fameoff.com/images/parade/global/top-right-corner.png) no-repeat top right; float:right; width: 26px; height: 26px; position: relative; }
#login { clear:both; float:right; margin-right: 30px; }
#login a:link, #login a:visited { color: #000; font-size:10px; }
#login a:hover { color: #fff; font-size:10px; }
#login a:active { color: #000; font-size:10px; }

/* Navigation */
#navCont { padding-left: 30px; height: 48px; background:url(http://static.fameoff.com/images/parade/global/scrolling-bg.png) repeat-y; width: 980px; }
#navCont a:link, #navCont a:visited { display: block; text-decoration:none }
#navCont a:hover { display: block; text-decoration:none; }
#navCont a:active { display: block; text-decoration:none }
#navCont .buttonCont { width: 80px; text-align:center; background:url(http://static.fameoff.com/images/parade/global/button-left.png) no-repeat; float:left; height: 32px; position:relative; font-weight:bold; padding: 0px 5px 0px 10px; }
#navCont .buttonContActive { width: 80px; text-align:center; background:url(http://static.fameoff.com/images/parade/global/buttonLeftActive.gif) no-repeat; float:left; height: 32px; position:relative; padding: 0px 5px 0px 10px; font-size:10pt; font-weight:bold; color:#fff; display:block; text-decoration:none; line-height: 24pt; }
#navCont .buttonCloseActive { background:url(http://static.fameoff.com/images/parade/global/buttonCloseActive.gif) no-repeat; height: 32px; width: 5px; float:left; position:relative; margin-right: 5px; }
#navCont .buttonCont a:link, #navCont .buttonCont a:visited { font-size:10pt; font-weight:bold; color:#000; display:block; text-decoration:none; line-height: 24pt; }
#navCont .buttonCont a:hover { font-size:10pt; font-weight:bold; color:#6c6c6c; display:block; text-decoration:none }
#navCont .buttonCont a:active { font-size:10pt; font-weight:bold; color:#666666; display:block; text-decoration:none }
#navCont .button-close { background:url(http://static.fameoff.com/images/parade/global/button-right.png) no-repeat; height: 32px; width: 5px; float:left; position:relative; margin-right: 5px; }
#navCont .button-close-full { background:url(http://static.fameoff.com/images/parade/global/button-right.png) no-repeat; height: 32px; width: 5px; float:right; position:relative; margin-right: 30px; }
#navCont .searchCont-full { float:right; width: 383px; height: 43px; font-size:16px; position:relative; font-weight:bold; padding: 0px 5px 0px 10px; color:#666666; margin-right: 20px; background: url(http://static.fameoff.com/images/parade/global/fameball-search.png) no-repeat }
#searchFameoff { background: url(http://static.fameoff.com/images/parade/global/search-button.gif) no-repeat left top; width: 30px; height: 30px; cursor:pointer; border: none; margin: 8px 108px 0px 0px; float: right; position : absolute}
#searchFameoff:hover { background: url(http://static.fameoff.com/images/parade/global/search-button.gif) no-repeat left bottom; width: 30px; height: 30px; cursor:pointer; border: none  }
#navCont input { color: #999999; font-size: .70em; width:155px; border: 2px solid #999999; margin: 8px 0px 0px 65px; padding: 5px 0px 5px 20px; background: url(http://static.fameoff.com/images/parade/global/mag-icon.gif) no-repeat 1px 0px; background-color: #ffffff }
#searchText { color: #000; font-size:10px; display: inline !important; float:right }

/* Main Content Well */
#fo-content { float:left; background:url(http://static.fameoff.com/images/parade/global/scrolling-bg.png) repeat-y; width: 1010px; clear:both }
#main-well { width: 635px; float: left; margin-left: 20px; padding: 5px; clear:both }
#right-rail { width: 310px; float: right; margin-right: 20px; padding: 5px; }

/* info Conts */
#infoCont {background: #FFFFFF; width: 193px; display:block; border: 4px solid #3b3a3a; padding: 3px; float:left; text-align:center; font-size:16px; font-weight:bold; height: 200px; margin-bottom: 5px; margin-right: 3px}


/* for login form (with story picture) */
#signupCont { width: 600px; background: #FFFFFF; border: 8px solid #3b3a3a; padding: 5px}
#signupCont .banner { background-color: #000; position:relative; margin: 0px 0px 0px 0px; color:#FFFFFF; font-size: 15pt; font-weight:bold; padding: 5px;}
#signupCont .formCont {float: left; width: 257px; height: 270px; border-right: 1px dashed #CCCCCC; position:relative}
#signupCont .hotboxCont {float: right; width: 328px; height: 270px;}
#signupCont .hotboxfade {float: left; height: 270px; width: 90px; background:url(http://static.fameoff.com/images/parade/parade/homepage/hotboxfade.png) repeat-y;}
#signupCont .hotboxtitle { float: right; width: 290px; background: url(http://static.fameoff.com/images/parade/parade/global/hw-pixel.png) repeat; padding: 5px; position:relative; z-index: 2; color:#FFFFFF; font-size: 14pt; font-weight: bold; bottom: 80px}
#signupCont .formCont input[type="text"],
#signupCont .formCont input[type="password"] { border: 2px solid #9f1c12; width: 220px; font-size: 10pt; color:#999; padding: 3px}
#signupCont .formCont input[type="text"]:focus,
#signupCont .formCont input[type="password"]:focus { border: 2px solid #9f1c12; width: 220px; line-height: 16pt; font-size: 10pt; color:#000; padding: 3px}
#signupCont .formCont input[type="submit"]{ border: 1px solid #676767; padding: 3px; width: 100px; line-height: 16pt; font-size: 10pt; font-weight:bold; color:#fff; background-color:#9f1c12; cursor:pointer;}


/* Latest News */
#latestNews { width: 626px; background-color: #3b3a3a; height: 110px}
#latestNews .feature {margin: 7px; float:left;  width: 105px; position:relative}
#latestNews .featureImg { width: 100px; height: 60px; border: 1px solid #CCC; background-color:#000000; margin-bottom: 3px}
#latestNews .featureImg:hover { width: 100px; height: 60px; border: 1px solid #FF9900; background-color:#000000; margin-bottom: 3px}
#latestNews .featurecopy { font-size: 8pt; color: #fff}
/*#latestNews #featureLink {text-decoration: none; display:block; cursor:pointer; float: left }*/
#latestNews .featureLink {text-decoration: none; display:block; cursor:pointer; }



/* LeaderBoard */
#leaderBoard { width: 626px; height: 280px; background: #FFFFFF url(http://static.fameoff.com/images/parade/global/leaderboard-bg.jpg) no-repeat bottom; border: 0px solid #ccc;}
#leaderBoard .banner { background-color: #000; position:relative; margin: 0px 0px 0px 0px; color:#FFFFFF; font-size: 15pt; font-weight:bold; padding: 5px;}
#leaderBoard .bannerInner {width: 580px; line-height: 16pt; margin: auto; margin-top: 10px; background-color: #000; position:relative; color:#FFFFFF; font-size: 16pt; font-weight:bold; padding: 5px;}
#leaderBoard .bannerInner a{color:#75cce7; text-decoration:none; font-size: 10pt;}
#leaderBoard .bannerInner a:hover{color:#1f8bad; text-decoration:none; font-size: 10pt;}
#leaderBoard .topList {margin-top: 0px; float:left; margin-top: 10px; margin-left: 10px;}
#leaderBoard table { width: 190px; font-size: 8pt;}
#leaderBoard .topList .header  { color:#676767; font-size: 10pt; font-weight:bold}
#leaderBoard .topList .nam  { color:#9f1c12}
#leaderBoard .topList .nam  a{ color:#9f1c12}
#leaderBoard .topList .nam  a:hover{ color:#720d05}
#leaderBoard .topList .poi  { color:#545454}

/* Hollywood Wire */
#hw-mod { width: 626px; background-color: #FFFFFF; border: 0px solid #ccc; margin-top: 20px; padding-bottom: 3px;}
#hw-mod .banner { background: #000 url(http://static.fameoff.com/images/parade/homepage/hollywood-wire-head-bg.png) repeat-x; height: 30px; position:relative; margin: 0px 0px 0px 0px; color:#FFFFFF; font-size: 20pt; font-weight:bold; padding: 0px;}
#hw-mod .bannerInner {width: 580px; margin: auto; margin-top: 10px; background-color: #000; position:relative; color:#FFFFFF; font-size: 16pt; font-weight:bold; padding: 5px;}
#hw-mod .bannerInner a{color:#75cce7; text-decoration:none; font-size: 10pt; float: left;}
#hw-mod .bannerInner a:hover{color:#1f8bad; text-decoration:none; font-size: 10pt;}
#hw-mod .postCont a { color: #fff; font-size: 10pt; font-weight: bold; text-decoration: none; display:block; float: left;}
#hw-mod .postCont a:hover {/* for IE */ filter:alpha(opacity=80); /* CSS3 standard */ opacity:0.8; -moz-opacity:0.8; cursor:pointer;}
#hwPost-image {width: 205px; height: 205px; float: left; background-color: #fff; margin-left: 3px; margin-top: 3px;  position:relative;}
#hwPost-image .hwPost-text {width: 175px; height: 60px; background: url(http://static.fameoff.com/images/parade/global/hw-pixel.png) repeat; margin: 3px auto 0px auto; padding: 5px; position:relative; top:131px; }


/* Jason Alexandar Blog*/
#ja-mod { width: 626px; border: 0px solid #ccc; height: 162px; margin-top: 20px; background: #FFFFFF url(http://static.fameoff.com/images/parade/homepage/ja-bg.jpg) no-repeat top;}
#ja-mod .banner { background: #000 url(http://static.fameoff.com/images/parade/homepage/hollywood-wire-head-bg.png) repeat-x; height: 30px; position:relative; margin: 0px 0px 0px 0px; color:#FFFFFF; font-size: 20pt; font-weight:bold; padding: 0px;}
#jamainContent { border: 0px solid #ccc;}
#jamainContent .jaPostTitle {padding: 5px 10px 0px 10px;}
#jamainContent .jaPostTitle a { font-size: 20pt; color:#9f1c12; font-weight: bold; text-decoration:none;}
#jamainContent .jaPostTitle a:hover { font-size: 20pt; color:#79170f; font-weight: bold;}
#jamainContent .jaPostDes { font-size:12pt; color:#676767; padding: 10px}
#jamainContent .jaPostDes a {font-size: 10pt; color:#9f1c12; text-decoration:none; font-weight: bold}
#jamainContent .jaPostDes a:hover {font-size: 10pt; color:#9f1c12; text-decoration:underline; font-weight: bold}

/* RIGHT RAIL */
#dailyTop10 { width: 290px; background-color: #FFFFFF; border: 5px solid #ccc; margin-bottom: 5px;}
#dailyTop10 .banner { background:url(http://static.fameoff.com/images/parade/global/dailyTop10.gif) no-repeat 0 0; float:left; position:relative; width: 300px; height: 58px; margin: 5px 0px 0px -4px;}
#dailyTop10 .topList {margin-top: 69px}
#dailyTop10 table { width: 300px; font-size: 8pt;}
#dailyTop10 .topList .num { color:#b8b8b8; text-align:right;}
#dailyTop10 .topList .nam  { color:#9f1c12}
#dailyTop10 .topList .nam  a{ color:#9f1c12}
#dailyTop10 .topList .nam  a:hover{ color:#720d05}
#dailyTop10 .topList .poi  { color:#9f1c12}

#fameofflogin { width: 292px; background-color: #FFFFFF; border: 5px solid #ccc; margin-bottom: 5px;}
#fameofflogin .login { background-color: #000000;}
#fameofflogin .login table{ color: #fff; text-transform:uppercase; font-size:10pt; font-weight:bold}
#fameofflogin .login input[type="text"] {width: 125px; border: 1pt solid #9f1c12; padding: 4px;}
#fameofflogin .login input[type="password"] {width: 125px; border: 1pt solid #9f1c12; padding: 4px;}
#fameofflogin .signup { background-color: #fff; color: #000}
#fameofflogin .signup table{ color: #000; text-transform:uppercase; font-size:8pt; font-weight:bold}
#fameofflogin .signup input[type="text"] {width: 145px; border: 1pt solid #9f1c12; padding: 2px;}
#fameofflogin .signup input[type="password"] {width: 145px; border: 1pt solid #9f1c12; padding: 2px;}

#photogalleries { width: 290px; background-color: #FFFFFF; border: 5px solid #ccc; margin-bottom: 5px;}
#photogalleries .banner { background:url(http://static.fameoff.com/images/parade/global/galleries-banner.jpg) no-repeat 0 0; float:left; position:relative; width: 300px; height: 42px; margin: 5px 0px 0px -4px;}
#photogalleries #feature {margin: 7px; float:left; width: 82px;}
#photogalleries .featureImg { width: 82px; height: 50px; border: 1px solid #FF9900; background-color:#000000; margin-bottom: 3px}
#photogalleries .featurecopy { font-size: 8pt; color: #000}
#photogalleries #featureLink {text-decoration: none; display:block; cursor:pointer;}
#photogalleries .hotboxtitle { float: right; width: 240px; background: url(http://static.fameoff.com/images/parade/global/hw-pixel.png) repeat; padding: 5px; position:relative; z-index: 2; color:#FFFFFF; font-size: 12pt; font-weight: bold; top: 160px; text-decoration:none;}

#prizing { width: 290px; background-color: #FFFFFF; border: 5px solid #ccc; margin-bottom: 5px;}
#prizing .banner { background: url(http://static.fameoff.com/images/parade/global/prize-banner.jpg) no-repeat 0 0; float:left; position:relative; width: 300px; height: 42px; margin: 5px 0px 0px -4px;}
#prizing #feature {margin: 7px; float:left; width: 82px;}
#prizing .featureImg { width: 82px; height: 50px; border: 1px solid #FF9900; background-color:#000000; margin-bottom: 3px}
#prizing .featurecopy { font-size: 8pt; color: #000}
#prizing #featureLink {text-decoration: none; display:block; cursor:pointer;}

/* footer */
#fo-footer {width:1010px;}
#fo-footer .footer-header { margin: 5px; float:left;}
#fo-footer .celebSearch { margin: 5px; float:right; text-align:right }
#fo-footer .celebSearch form { float: right }
#fo-footer .celebSearch input[type="text"]{ color: #999999; font-size: .70em; height: 16px; width:155px; border: 2px solid #999999; margin-top: 5px; padding-left: 20px; background: url(http://static.fameoff.com/images/parade/global/mag-icon.gif) no-repeat 1px 0px; background-color: #ffffff }
#fo-footer .celebSearch input[type="text"]:focus { color: #000; font-size: .70em; height: 16px; width:155px; border: 2px solid #999999; margin-top: 5px; padding-left: 20px; background: url(http://static.fameoff.com/images/parade/global/mag-icon.gif) no-repeat 1px 0px; background-color: #ffffff }
#fo-footer .fo-BotFoot { clear:both; }
#fo-footer .fo-BotFoot .leftcorntop { background: url(http://static.fameoff.com/images/parade/global/bottom-left-corner.png) no-repeat top left; float:left; width: 26px; height: 26px; position: relative; }
#fo-footer .fo-BotFoot .centerfill { background: url(http://static.fameoff.com/images/parade/global/center-fill-bottom.png) repeat-x -10px -10px; float:left; width: 958px; height: 26px; position: relative; }
#fo-footer .fo-BotFoot .rightcorntop { background: url(http://static.fameoff.com/images/parade/global/bottom-right-corner.png) no-repeat top right; float:right; width: 26px; height: 26px; position: relative; }
#fo-footer .footer-links { background: #7f7f7f; width:990px; clear:both; float: left; margin-left: 10px; position:relative }
#fo-footer .sub-nav { background-color: #919191; padding: 5px 0px 5px 0px; margin-top: 3px; margin-bottom: 5px; }
#fo-footer .sub-nav ul { margin: 0px auto 0px auto; text-align:center; line-height: 16px }
#fo-footer .sub-nav li { display: inline; margin: 0px 20px 0px 20px; }
#fo-footer .sub-nav a:link, #fo-footer .sub-nav a:visited { color: #FFFFFF; text-decoration:none; font-size:10px }
#fo-footer .sub-nav a:hover { font-size: 10px; color: #ff9c00; text-decoration:none; }
#fo-footer .sub-nav a:active { font-size: 10px; color: #FFFFFF; text-decoration:none; }
#fo-footer .genreCont { float: left; position:relative; width: 670px }
#fo-footer .genre { float: left; position: relative; margin: 10px; padding: 10px; }
#fo-footer .genre a:link, #fo-footer .genre a:visited { font-size:8pt; color: #FFFFFF; text-decoration:none; font-weight:bold; }
#fo-footer .genre a:hover { font-size: 8pt; color: #ff9c00; text-decoration:none; font-weight:bold; }
#fo-footer .genre a:active { font-size: 8pt; color: #FFFFFF; text-decoration:none; font-weight:bold; }
#fo-footer .glist { padding: 10px; margin: 0px }
#fo-footer .glist { list-style: none; line-height: 15px; }
#fo-footer .sitemapCont { border-left: 1pt dotted #CCCCCC; float: right; position:relative; width: 292px; padding: 10px; }
#fo-footer .sitemapCont .titleHeader { color: #FFFFFF; text-decoration:none; font-size:12px; text-transform:uppercase; font-weight:bold }
#fo-footer .sitemap { float: left; position: relative; margin: 10px 10px 0px 10px; height: 120px; width: 125px }
#fo-footer .sitemap a:link, #fo-footer .sitemap a:visited { color: #FFFFFF; text-decoration:none; font-size:9pt }
#fo-footer .sitemap a:hover { font-size: 9pt; color: #ff9c00; text-decoration:none; }
#fo-footer .sitemap a:active { font-size: 9pt; color: #FFFFFF; text-decoration:none; }
#fo-footer .sitemap ul { padding: 4pt; margin: 0px }
#fo-footer .sitemap li { list-style: none; line-height: 14px; }