* {
  padding: 0;
  margin: 0;
  font-size: inherit;
  font-family: inherit;
  color: inherit;
  z-index: inherit;
}

BODY {
  background-color: #d6d6d6;
  font-size: 12px;
  color: #ddd2b8;
  font-family: arial, helvetica,  sans-serif;
}

a, a:visited { text-decoration: none; }
a:hover { text-decoration: none; color: #ff0033; }

/*
a img { border: solid 1px transparent; }
a:hover img { border: solid 1px #ff0033; }
*/

.placeholder { border: solid 1px #333; background-color: #ccc; color: red; } 

/* ---------------- GENERIC CLASSES FOR WRITERS ------------------------------ */
.floatRight { float: right; margin-left: 10px; }
.floatLeft { float: left; margin-right: 10px; }
.clear { clear: both; }
.youtube { clear: both; width: 460px; overflow: hidden; }
.marginBottom { margin-bottom: 20px; }
.hidden { display: none; }




P { padding: 7px 0px; }
IMG { border: none; }
UL, OL { padding-left: 30px; }


#pixOfTheDay .seeMore a:hover, #breakingNews .seeMore:hover { text-decoration: none; color: #FF0033 !important; }

#top_banner { 
  position: absolute;
  right: 9px; top: 9px;  
  z-index: 10;
  width: 728px;  height: 90px;
} 



#container {
  background: transparent url('../graphics/x17online_drop.png') top left  repeat-y;
  position: relative;
  left: 50%;
  margin-left: -578px;
  margin-top: 70px;
  width: 1156px;
  padding: 0px 35px;
  z-index: 10;
}


/* ------------------- TOP ----------------------- */
#topBox { 
  background: transparent url('../graphics/x17-online-logo-top3.jpg') top left no-repeat;
  width: 1087px; height: 105px;
  position: relative;
  margin-top: -70px;
  z-index: 12;
}
#topBox a#logo { 
  display: block;
  margin-let: 10px;
  width: 285px;
  height: 111px;
}
#topBox .right {
  position: absolute;
  right: 10px;
  top: 10px;
  font-weight: bold;
  color: #000;
}
#topBox .right span { 
  position: relative; top: -12px; 
}
#topBox .right img { margin: 0px 3px; }

#topCap { position: relative; left: 50%; margin-left: -613px; z-index: 10; }


/* ------------------- SEARCH  ----------------------- */
.search { 
  height: 55px; 
  position: absolute;
  right: 18px; bottom: 6px;
  width: 400px;
}
.search .top strong { 
  display: block;
  float: left;
  color: #32faff;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: bold;
  line-height: 30px;
  position: relative;
  margin-left: 20px;
}
.search input { 
  height: 30px; border: none;
  background-color: transparent; 
  width: 290px;
  color: #000;
  line-height: 30px;
  margin-left: 15px;
}
.search ul { list-style-type: none; margin: 0; clear: left; padding-left: 90px; }
.search li { float: left; }
.search li a { 
  display: block; 
  height: 24px; 
  color: #000; 
  line-height: 24px; 
  padding: 0px 10px; 
  font-weight: bold;
}
.search li a.selected { color: #fff;  }




/* ------------------- MENU  ----------------------- */
#menu { 
  margin: 2px 0px 30px 0px; 
  background-color: #000;
  width: 1085px;
  height: 31px;
}
#menu ul { list-style-type: none; padding: 0; margin-left: 10px; }
#menu ul li { float: left; margin: 0px; background-color: #000; }
#menu ul li a { 
  display: block; 
  height: 31px; 
  color: #34fbfe; 
  line-height: 31px; 
  text-transform: uppercase;
  padding: 0 10px;
  font-size: 16px;
  border-right: solid 2px #fff; 
}
#menu ul li.last .social { margin-top: 8px; position: relative; }


#menu ul li.last .social .facebook { 
  height: 16px; width: 16px;
  display: inline-block;
  background: transparent url('../graphics/main-sprites.png') -176px 0px no-repeat;
  text-indent: -9999px;
}

#menu ul li.last .social .twitter { 
  height: 16px; width: 16px;
  display: inline-block;
  background: transparent url('../graphics/main-sprites.png') -176px -17px no-repeat;
  text-indent: -9999px;
}

#menu ul li.last .social .rss { 
  height: 16px; width: 16px;
  display: inline-block;
  background: transparent url('../graphics/main-sprites.png') -158px -17px no-repeat;
  text-indent: -9999px;
}
#menu ul li.last .social .email { 
  height: 16px; width: 16px;
  display: inline-block;
  background: transparent url('../graphics/main-sprites.png') -158px 1px no-repeat;
  text-indent: -9999px;
}





#menu ul li.last #cse-search-form { 
  position: absolute;
  right: 5px; top: 0px;
  width: 200px; height: 28px; line-height: 28px;
}
#menu ul li.last #cse-search-form .gsc-clear-button { 
  display: none;
}
#menu .last .gsc-search-button {
  border-color: transparent;
  color: #fff;
  height: 28px;
  line-height: 28px;
  padding: 0px;
}

#menu li.last .gsc-input input { height: 14px; margin-top: 2px; color: #000;
}

#menu ul li.last a { border-right: none; }
#menu ul li.last .social a { width: auto; display: inline; }
#menu ul li.last .social img { height: 18px; }

#menu .belowNav { 
  background-color: #d3d3d3;
  position: relative;
  top: -23px;
  width: 1085px;
  display: none;
  /*
  -moz-box-shadow: 0px 3px 4px #c8c8c8;
  -webkit-box-shadow: 0px 3px 4px #c8c8c8;
  box-shadow: 0px 3px 4px #c8c8c8;
  */
  z-index: 100;

}
#menu li:hover .belowNav {  display: block; }
#menu .belowNav ul {
  list-style-type: none; padding: 0; 
  background-color: #d3d3d3;
  height: 24px;
}
#menu .belowNav ul li { float: left; margin: 0px 10px; background-color: transparent; width: auto; }
#menu .xtrasSub ul li, #menu .aboutSub ul li, #menu .pollsSub ul li  { float: right; }
#menu .belowNav ul li a { 
  color: #000;
  line-height: 24px;
  height: 24px;
  font-size: 11px;
  font-weight: bold;
  text-transform: none;
  border: none;
  padding: 0px 5px;
  background-color: transparent;

}
#menu .belowNav a.selected { color: #ff2841; }
#menu .belowNav li a:hover { text-decoration: none; color: #999999; background-color: transparent; }
#menu .belowNav li:hover { background-color: transparent; }

#menu { position: relative; }
#menu .belowNav { 
  position: absolute;
  left: 0px;
  top: 30px;
}

/* specific belowNav sections */
#menu .pollsSub ul li { float: left  }
#menu .pollsSub ul li:first-child { margin-left: 690px;  }

#menu ul li:hover { 
  background-color: #009999;
  color: #31fcff;
}
#menu a:hover { text-decoration: none; }
#menu ul li.last:hover { background-color: transparent; }

#menu li.selected a { 
  background-color: #fff;
  color: #009999;
  border: solid 1px #c8c8c8;
  border-right: solid 1px #c8c8c8;
  height: 29px; line-height: 29px;
  /*
  -moz-box-shadow: 0px 3px 4px #c8c8c8;
  -webkit-box-shadow: 0px 3px 4px #c8c8c8;
  box-shadow: 0px 3px 4px #c8c8c8;
  */
  position: relative;
}



/* ------------------- MAIN  ----------------------- */
#main {
  float: left;
  width: 725px;
  margin-left: 10px;
  margin-right: 10px;
}
#main.wide { width: 1040px; }
/* #main .contain { padding: 5px; } */

#main #topBoxModule { 
  margin-right: 18px;
  float: left;
}

#main .left { 
  float: left;
  margin-right: 19px; 
  margin-top: 5px;
}
.subPage #main .left { margin-top: 0px; }


/* ------------------- SUB CONTENT ----------------------- */
#subContent { 
  color: #000;
  padding-left: 20px;
}
#subContent H1 { 
  font-size: 20px;
  font-weight: bold;
  text-transform: uppercase;
  background-repeat: no-repeat;
  height: 43px;
  width: 250px;
  text-indent: -20000px;
}
#subContent a { color: #ff2841; }




/* ------------------- RIGHT COL  ----------------------- */
#rightcol { 
  float: left;
  width: 315px;
}

#rightcol .ad { 
  color: #d6d6d6;
  font-size: 9px;
  width: 315px;
}

#rightcol .ad .contain {
  width: 300px;
  padding: 5px;
  border: solid 1px #d6d6d6;
}

#rightcol .item { margin-top: 12px; margin-bottom: 12px; }
#rightcol .item:first-child { margin-top: 0px; }

/* ------------------- LEFT COL AD ------------------- */

.left .ad { 
  color: #d6d6d6;
  font-size: 9px;
  width: 175px;
  margin-bottom: 25px;
  border: solid 3px #d6d6d6;
}

#main .left .ad .contain {
  padding: 5px 5px 5px 6px;
}

.left .item { 
  margin: 15px 0px;
}





/* ------------------- FOOTER  ----------------------- */
#footer { 
  background-color: #000;
  width: 1086px;
  position: relative;
  margin-top: 15px;
  height: 90px;
}
#footer .contain { padding: 0px 23px; }
#footer .logo { margin-top: 5px; }
#footer .menus { 
  float: left;
  margin-bottom: 10px;
}
#footer .menus .top { text-transform: uppercase; }
#footer .menus ul {
  list-style-type: none;
  margin: 10px 0px 0px 0px;
  padding: 0;
}
#footer .menus ul li { 
  display: block;
  float: left;
  padding: 1px 10px 1px 10px;
  border-right: solid 1px #00D5D7;
}
#footer .menus a { color: #00D5D7; }
#footer .menus ul.top a { color: #00d5d7; font-size: 15px; } 
#footer .menus ul.top  li {  border-right: solid 1px #00d5d7; }
#footer .menus ul li.last { border-right: none; }
#footer .copy {
  color: #fff;
  position: absolute;
  left: 670px; top: 3px;
}
#footer .copy a { color: #00d5d7; }

#footer .right { 
  position: absolute;
  right: 23px; top: 10px;
}

/* -- new google search box tweaks -- */
#container td.gsc-input input { height: 23px; margin-left: 0px; background: none; }
td.gsc-search-button input { width: auto; background-color: #000; color: #34FBFE; text-transform: uppercase; }
#container form.gsc-search-box { padding: 0px; margin: 0px; }

.search { right: 10px; width: 410px; }
#footer .search { top: 70px; right: -10px; margin-top: 10px; }

#bottomCap { position: relative; left: 50%; margin-left: -578px; }



#footer .icons .rss { 
  width: 31px; height: 31px; display: inline-block; 
  background: transparent url('../graphics/main-sprites.png') -126px 0px no-repeat;
  text-indent: -9999px;
}
#footer .icons .twitter { 
  width: 31px; height: 31px; display: inline-block; 
  background: transparent url('../graphics/main-sprites.png') -94px 0px no-repeat;
  text-indent: -9999px;
}
#footer .icons .email { 
  width: 31px; height: 31px; display: inline-block; 
  background: transparent url('../graphics/main-sprites.png') -32px 0px no-repeat;
  text-indent: -9999px;
}


/* --------------------- MODULES ------------------------ */

#topModule { 
  float: left; width: 702px; height: 363px; overflow: hidden; position: relative; z-index: 50;
}

#topModule img.mainImg { position: absolute; left: 0px; top: 0px; z-index: 60; border: solid 1px #756f65; width: 518px; height: 361px;  }

#topModule p.caption {
  position: absolute; display: block; bottom: 1px; left: 1px;
  width: 474px;
  color: #fff;
  background: transparent url('../graphics/top-module/black-translucent.png') top left;
  padding: 14px 30px 14px 14px;
  font-size: 16px;
  z-index: 60;
}
#topModule p.caption span.exclusive { color: #FF0033; text-transform: uppercase; }

#topModule > ul { 
  list-style-type: none; 
  position: absolute;
  width: 217px;
  height: 100%;
  right: 0px; top: 1px; 
  display: block;
  z-index: 80;
}
#topModule > ul > li { 
  position: relative;
  height: 55px; 
  overflow: hidden;
  display: block;
  background-color: #ccc;
  color: #000;
  font-weight: bold;
  cursor: pointer;
  padding: 5px 5px 14px 112px;
  background: transparent url('../graphics/top-module/item-bg.png') top right no-repeat;
}
#topModule > ul > li.selected { 
  background: transparent url('../graphics/top-module/red-arrow.png') top left no-repeat;
}

#topModule > ul > li  img { 
  position: absolute; right: 110px; top: 0px;
  width: 65px; height: 65px;
}




#pixOfTheDay { 
  position: relative;
  float: left;
  width: 314px;
  height: 408px;
  overflow: hidden;
}
#pixOfTheDay .main {
  position: absolute;
  /* padding-top: 29px;  */
  margin-top: 29px;
  width: 296px;
  margin-left: 10px;
  z-index: 20;
  border: solid 1px #000;
}
#pixOfTheDay .header { 
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 40;
}
#pixOfTheDay .caption {
  position: absolute;
  bottom: 15px;
  left: 0px;
  font-weight: bold; 
  font-size: 12px;
  color: #000;
  z-index: 60;
  width: 314px;
  /* remove these to put back white box */
  bottom: 0px;
  left: 10px;
}
#pixOfTheDay .caption .contain { padding: 0px 10px;  }
#pixOfTheDay .caption .text { 
  width: 314px;
  /* background:url("/graphics/text-box-bg.png") repeat-y scroll left top transparent; */

  /* remove these lines to put back the white box */
  background: url("../graphics/vid-caption-bg2.png") repeat scroll left top transparent;
  color: #fff;
  padding: 5px 0px;
  width: 296px;
  font-size: 13px;
}
 
.caption .boxTop, .caption .boxBottom { display: none; } /* remove to put back white box */

#pixOfTheDay .seeMore { 
  z-index: 60;
  position: absolute;
  right: 10px;
  top: 8px;
  color: #fff;
  font-weight: bold;
}
#pixOfTheDay .small {font-size: 11px; }
#pixOfTheDay .item { display: none; }


#galleryTile { margin: 23px 0px 5px 0px; text-align: center; }


#latestVideos, #Latest_Videos {
  /* background: #fff url(/graphics/latest-videos-header.png) top left no-repeat; */
  width: 175px;
  border-bottom: solid 1px #919191;
}

#Latest_Videos .header { 
  width: 175px; height: 38px; display: inline-block;
  background: transparent url('../graphics/main-sprites.png') -95px -100px no-repeat;
}


#latestVideos UL, #Latest_Videos UL { 
  list-style-type: none;
  padding: 0;
}
#latestVideos li, #Latest_Videos li { 
  padding: 8px 0px 8px 0px;
  border-bottom: solid 1px #919191;
  cursor: pointer;
  text-align: center;
}
#latestVideos li a, #Latest_Videos li a { color: #000; }
#latestVideos li:hover, #Latest_Videos li:hover  { 
  background-color: #eee;
}
#latestVideos li img.pic, #Latest_Videos li img.pic {
  width: 174px; height: auto;
  margin: 0 0 5px 0;
}



#breakingNews { 
  width: 317px;
  position: relative;
  }
#breakingNews .header { z-index: 50; position: relative; }
#breakingNews .contain { 
  z-index: 35; 
  position: relative;
  top: -14px;
}
#breakingNews table { 
  padding: 0;
  margin: 5px 8px 0 14px;
  width: 295px;
  background-color: #fff;
  border-right: solid 1px #969696;
  border-left: solid 1px #969696;
  border-bottom: solid 1px #969696;
}
#breakingNews td { 
  padding: 8px 5px 8px 5px;
  border-bottom: solid 1px #919191;
}
#breakingNews td:first-child { padding-right: 0px; }
#breakingNews .item1 td { padding-right: 8px; }
#breakingNews td a, #breakingNews li p { color: #000; }
#breakingNews td p { padding-top: 0px; }
#breakingNews .seeMore { position: absolute; top: 10px; right: 5px; color: #fff; z-index: 60; font-weight: bold; }
#breakingNews td:hover { background-color: #eee; }

#breakingNews td img { width: 65px; height: 65px; margin-right: 5px; }
#breakingNews .item1 td img { width: 125px; height: 125px; }
#breakingNews td h3 { font-size: 14px; }
#breakingNews .item1 h3 { font-size: 16px; padding-top: 0px; padding-bottom: 5px; }
#breakingNews td .date { font-size: 10px; color: #000; }

#breakingNews td .topTable  { border: none; margin: 0px; width: auto;  }
#breakingNews .topTable td { border: none; color: #000; padding: 0px; }


#celebStreetStyle { 
  width: 175px;
}
#celebStreetStyle .title { 
  background-color: #000;
  padding: 5px;
}
#celebStreetStyle .h2 a { 
  color: #ff2840;
}
#celebStreetStyle .caption { 
  background-color: #31fdfe;
  padding: 5px;
  color: #000;
}


#videoOfTheDay { 
  position: relative;
}
#videoOfTheDay .header { z-index: 50; position: relative; }
#videoOfTheDay .contain { z-index: 40; position: relative; top: -8px; left: 10px; }
#videoOfTheDay embed { 
  z-index: 10;
}
#videoOfTheDay:hover .title { display: none; }
#videoOfTheDay .title { 
  background: transparent url('../graphics/vid-caption-bg2.png') top left;
  position: absolute;
  bottom: 26px;
  width: 300px;
  z-index: 20;
  display: block;
}
#videoOfTheDay .title .contain { 
  padding: 10px;
  color: #fff;
  left: 0px;
  top: 0px;
}
#videoOfTheDay a { 
  position: absolute;
  right: 10px; top: 10px;
  z-index: 40;
  color: #fff; 
  font-weight: bold;
}


/* --- 2012 version of module --- */
#Video_of_the_Day { 
  position: relative;
}
#Video_of_the_Day .header {
  width: 213px; height: 37px; display: inline-block;
  background: transparent url('../graphics/main-sprites.png') -276px -101px no-repeat;
  z-index: 50; position: relative;
  text-indent: -9999px;
  }
#Video_of_the_Day .contain { z-index: 40; position: relative; top: -8px; left: 10px; }
#Video_of_the_Day embed { 
  z-index: 10;
}
#Video_of_the_Day:hover .title { display: none; }
#Video_of_the_Day .title { 
  background: transparent url('../graphics/vid-caption-bg2.png') top left;
  position: absolute;
  bottom: 26px;
  width: 300px;
  z-index: 20;
  display: block;
}
#Video_of_the_Day .title .contain { 
  padding: 10px;
  color: #fff;
  left: 0px;
  top: 0px;
}
#Video_of_the_Day a { 
  position: absolute;
  width: 101px; height: 22px; line-height: 22px;
  right: 1px; top: 5px;
  z-index: 40;
  color: #fff;  background-color: #000;
  text-align: right;
  font-weight: bold;
}

#Video_of_the_Day a span.whiteArrow { 
  width: 10px; height: 10px; display: inline-block; padding-right: 4px;
  background: transparent url('../graphics/main-sprites.png') 0px -13px no-repeat;
}






#latestPhotos, #Latest_Photos { 
  width: 175px;
  border-bottom: 1px solid #CBCBCB;
}

#Latest_Photos > .header { 
  width: 174px; height: 39px; display: inline-block;
  background: transparent url('../graphics/main-sprites.png') -95px -140px no-repeat;
}

#latestPhotos UL, #Latest_Photos UL { list-style-type: none; padding: 0; }
#latestPhotos li, #Latest_Photos li { 
  padding: 10px;
  border-bottom: solid 1px #cbcbcb;
  text-align: center;
}
#latestPhotos li img, #Latest_Photos li img {  width: 125px; margin: 0 0 5px 15px;   }
#latestPhotos li a, #Latest_Photos li a { color: #000; }

.pollModule {
  background-color: black; position: relative; width: 315px; margin: auto auto; clear: both;
}
.pollModule .header {
  z-index: 20; position: relative;
  width: 92px; height: 73px; 
  background: transparent url('../graphics/main-sprites.png') 0px -100px no-repeat;
}
.pollModule .contain { 
  padding: 10px;
  color: #000;
  background-color: #fff;
  border: solid 1px #808080;
  border-top: none;
}
.pollModule table td { padding: 3px; }
.pollModule .pollImage {
  z-index: 30;
  position: absolute;
  right: 1px;
  top: 1px;
}
.pollModule h3 { font-size: 16px; font-weight: bold; }
.pollModule .buttons { list-style-type: none; margin: 0; padding: 0; }
.pollModule .buttons li { 
  background-color: #000;
  padding: 4px;
  color: #fff;
  margin: 2px;
  cursor: pointer;
  float: left;
  font-weight: bold;
  text-transform: uppercase;
}
.pollModule .poll_bar { background-color: #ff2841; display: block; float: left; margin-right: 10px; }
#container .pollModule ul { background-color: transparent; background: none; }
#posts .pollModule .contain { background-color: #fff; }

#topCelebs, #Top_Celebs {
  width: 175px;
}
#topCelebs .contain, #Top_Celebs .contain { 
  border-bottom: solid 1px #8c8c8c;
  color: #000;
  margin: 0px 5px 0px 9px;
}
#topCelebs ul, #Top_Celebs ul { list-style-type: none; padding: 0; }
#topCelebs li, #Top_Celebs li { 
  text-align: center;
  padding: 15px 0px 15px 0px;
  font-weight: bold;
  background: transparent url('../graphics/top-celebs-bg-light.png') top left repeat-y;
}
#topCelebs li:hover, #Top_Celebs li:hover { 
  background: transparent url('../graphics/top-celebs-bg-dark.png') top left repeat-y;
  color: #eee;
}
#topCelebs li:hover a , #Top_Celebs li:hover a { text-decoration: none; color: #eee; }
#topCelebs li img, #Top_Celebs li img { margin-bottom: 10px; }


/* -- SWITCH TO SPRITES below -- */
  #Top_Celebs .header { width: 174px; height: 41px; background: transparent url('../graphics/top-celebs-sprites.jpg') top left no-repeat; }

  #Top_Celebs li a >  div { width: 124px; height: 124px; background-image: url('../graphics/top-celebs-sprites.jpg'); background-position: 0px 0px; background-repeat: no-repeat; margin-left: 15px; }
  #Top_Celebs div.lindsay { background-position: 0px -46px; }
  #Top_Celebs div.rihanna { background-position: 0px -174px; }
  #Top_Celebs div.miley { background-position: 0px -302px; }
  #Top_Celebs div.britney { background-position: 0px -432px; }
  #Top_Celebs div.beyonce { background-position: 0px -560px; }
  #Top_Celebs div.angelina { background-position: 0px -687px; }
  #Top_Celebs div.brad { background-position: 0px -800px; }
  #Top_Celebs div.rob { background-position: 0px -944px; }
  #Top_Celebs div.kim { background-position: 0px -1074px; }
  #Top_Celebs div.bieber { background-position: 0px -1201px; }
  #Top_Celebs div.paris { background-position: 0px -1329px; }
  #Top_Celebs div.katie { background-position: 0px -1456px; }
  #Top_Celebs div.tom { background-position: 0px -1583px; }




.hs_title { display: none; }
#hot_stories, #hottestGalleries { 
  color: #000;
  margin-top: 23px;
  width: 317px;
}
.bubbleTop, #hottestGalleries .bubbleTop { 
  width: 317px;
  height: 11px;
  background: transparent url('../graphics/bubble-top.png') top left no-repeat;
}
.bubbleBottomRight, #hottestGalleries .bubbleBottom { 
  width: 317px;
  height: 27px;
  margin-bottom: 10px;
  background: transparent url('../graphics/bubble-bottom-right.png') top left no-repeat;
}
.bubbleBottomLeft{ 
  width: 317px;
  height: 27px;
  margin-bottom: 10px;
  background: transparent url('../graphics/bubble-bottom-left.png') top left no-repeat;
}
#hot_stories p.title, #hottestGalleries p.title { 
  background: transparent url('../graphics/bubble-bg.png') top left repeat-y;
  padding: 0px 7px 7px 12px;
  font-size: 18px;
  color: #ff0033;
}
#hot_stories ul, #hottestGalleries ul {
  list-style-type: none;
  padding: 0;
}
#hot_stories ul li, #hottestGalleries ul li { 
  background: transparent url('../graphics/bubble-bg.png') top left repeat-y;
  padding: 2px 8px 2px 12px;
}

#hottestGalleries ul.galleries { 
  background: transparent url('../graphics/bubble-bottom-left.png') bottom left no-repeat;;
}



.faceOff, #FaceOff { width: 314px; }
.faceOff .options, #FaceOff .options { 
  width: 314px; height: 52px;
  line-height: 52px;
  font-weight: bold;
  font-size: 20px;
  background: transparent url('../graphics/face-off-names-bg.jpg') top left no-repeat;
  text-align: center;
  color: #000;
}
.faceOff .options span:first-child,
#FaceOff .options span:first-child { margin-right: 20px; }
.faceOff .face_off_vote,
.faceOff .face_off_results,
#FaceOff .face_off_vote,
#FaceOff .face_off_results { 
  display: inline; cursor: pointer; white-space: nowrap;
}
.faceOff .below_face_off, #FaceOff .below_face_off { 
  background: transparent url('../graphics/face-off-bottom-bg.jpg') top left;
  padding-bottom: 10px;
}
.faceOff table.face_off_results, #FaceOff table.face_off_results { 
  font-weight: bold;
  color: #000;
  margin: 10px;
}
.faceOff td.name, #FaceOff td.name { font-size: 14px; }
.faceOff .face_off_results .face_off_bar,
#FaceOff .face_off_results .face_off_bar { height: 18px; background-color: #c50031; display: block; float: left; margin-right: 10px; }



#hotTopix { 
  color: #000;
  border: solid 1px #cbcbcb;
  width: 314px;
}
#hotTopix strong {
  font-size: 14px;
  margin: 10px 10px 0px 5px;;
  display: block;
}
#hotTopix ul { 
  border-bottom: solid 1px #cbcbcb;
  padding: 0px 10px 10px 15px;
  margin: 5px;
}
#hotTopix ul li { margin-bottom: 3px; }




#X17_Tweets, #celebTweets, #Celeb_Tweets { 
  margin-top: 23px;
  color: #000;
}

#X17_Tweets .header, #Celeb_Tweets .header { 
  width: 317px; height: 11px; display: inline-block;
  background: transparent url('../graphics/main-sprites.png') 0px -58px no-repeat;
}

#X17_Tweets .bottom, #Celeb_Tweets .bottom { 
  width: 317px; height: 27px; display: inline-block;
  background: transparent url('../graphics/main-sprites.png') 0px -71px no-repeat;
}

#X17_Tweets .contain, #celebTweets .contain, #Celeb_Tweets .contain { 
  background: transparent url('../graphics/bubble-bg.png') top left repeat-y;
  width: 317px;
}
#X17_Tweets ul, #celebTweets ul, #Celeb_Tweets ul {
  list-style-type: none;
  margin: 0px 15px 0px 15px;
  padding: 0;
}
#X17_Tweets ul li, #celebTweets ul li, #Celeb_Tweets ul li { 
  padding: 10px 0px 10px 0px;
  border-bottom: solid 1px #a9a9a9;
}
#X17_Tweets .date, #celebTweets .date , #Celeb_Tweets .date { color: #a9a9a9; font-size: 10px; }



/* -------------------- POSTS ----------------------------- */

#main #posts { 
  float: left; 
  margin-top: 25px;
  width: 509px;
  position: relative;
  background: transparent  url('../graphics/blog-box-bg.png') top left repeat-y;
  color: #000;
  margin-bottom: 20px; 
}
#posts .boxTop {
  position: absolute;
  left: 1px; top: -7px;
  width: 506px; height: 8px;
  background: transparent url('../graphics/main-sprites.png') 0px -35px no-repeat;
}
.contain .boxBottom {
  position: absolute;
  bottom: 0px; left: 1px; 
  width: 506px; height: 9px; 
  background: transparent url('../graphics/main-sprites.png') 0px -46px no-repeat;

}
#posts .contain {
  background-color: #ccc; 
  margin: 2px 6px 10px 4px;
  position: relative; top: -2px;
  z-index: 20;
}
.post { 
  position: relative;
  border: solid 1px #000;
  background-color: #fff;
  padding: 10px;
  margin: 0 4px 25px 4px;
}
.post:last-of-type { 
  margin-bottom: 10px;
}

.post .seeMore { margin-top: 15px; }


.post .seeMore span.arrow { 
  width: 13px; height: 11px; display: inline-block;
  background: transparent url('../graphics/main-sprites.png') 0px 0px no-repeat;
}
.post .seeMore span.hover { 
  background: transparent url('../graphics/main-sprites.png') -13px 0px no-repeat;
}


.post p .continueReading {
  width: 14px; height: 11px; display: inline-block;
  background: transparent url('../graphics/main-sprites.png') -15px 0px no-repeat;
}

#posts .post .seeMore .contain { margin-top: 10px; background-color: transparent; }


#posts .post h1 { 
  color: #000;
  font-size: 24px;
  font-weight: bold;
  text-transform: uppercase;
  /* margin-bottom: 15px;  */
}

#posts .post .x17exclusive_auto font { color: #FF0033; }
#posts .post .x17exclusive_auto em { color: #FF0033; }
#posts .post .x17exclusive_auto span { color: #FF0033; }

.x17exclusive, span.exclusive { color: #ff0033; }

#posts .post h1:hover a { color: #00CCCC; text-decoration: none; }
#posts .post h1 a { 
  /* font-family: "Arial Black", arial; */
  font-family: arial;
  
}

#posts .post embed { border: solid 1px #19596b; }


.post .entry-more-link { text-align: right; clear: both; padding-top: 0px; margin-top: -5px;  }
.entry-more-link a { color: #ff2841; font-weight: bold; } 

.post .entry-bottom {
  padding-bottom: 10px;
  margin-bottom: 20px;
  border-bottom: solid 1px #000; 
}

.post .blogpostcategory {
  margin-top: 20px;
  padding-top: 20px;
  border-top: solid 1px #000;
}

.post .links a {  color: #ff2841; font-weight: bold; }

.post .gallery { 
  /* border-top: dashed 1px #808080; */
  margin-top: 20px;
}
.post .gallery p a { color: #000; }
.post .gallery p strong a.hover { color: #ff0033; }

.post .galleryArrow { 
  display: inline-block; width: 13px; height: 11px;
  background: transparent url('../graphics/main-sprites.png') -15px 0 no-repeat;
}

.post ul { background:none repeat scroll 0 0 #EDEDED; margin: 10px; padding: 10px; list-style-position: inside; }

.post .date-header { margin-bottom: 15px; font-weight: normal; }

.post .entry-body p { text-align: justify; }
.post p a, .post p a:visited { color: #00a9a8; }

.post .links { float: left; margin-top: 2px; }
.post .right { text-align: right; }
.post .social { display: inline; line-height: 20px; }
.post .comments { line-height: 20px; }

/* .post embed { margin-left: 20px; } */

.post .entry-body .postImg { border: solid 1px #333; margin-bottom: 10px;  }

.post .entry-more-link a, .post .entry-more-link a:visited { color: #FF2841; }

.post .quote { 
  margin: 10px;
  padding: 10px;
  background-color: #ededed;
  clear: both;
}

.belowBlogAd {
}

.seeMore .arrow { padding-left: 5px; }

.ad1 { margin-left: 20px; margin-bottom: 20px; }

.pageNav { width: 500px; position: relative;  }

.previewImage { width: 100px; margin: 5px; border: solid 1px #fff; }
.previewImage:hover { border: solid 1px #ff0033; }


#x17Exclusives { 
  width: 315px;
  color: #000;
}
#x17Exclusives ul {  list-style-type: none; padding: 0;  } 
#x17Exclusives ul li { margin: 0 8px; padding: 8px 0; border-bottom: solid 1px #000; }
#x17Exclusives ul li a { font-weight: bold; font-size: 14px; }
#x17Exclusives ul li:hover a { color: #ff0033; }



/* testing ... */
#menu { background-color: transparent; }
#menu ul { width: 1086px; background-color: #000; margin-left: 0px; height: 31px; }
#menu li { width: 110px; text-align: center; }
#menu ul li a { padding: 0px; }


#contactForm input { width: 300px; }
#contactForm textarea { width: 300px; }
#contactForm .human input { width: auto; }
#contactForm .submit input { width: auto; }
.required { color: #ff2841; }


.searchForm li a { cursor: pointer; }


.galleryPreview strong { color: #ff2841; }


#faceOffPage .faceOff { 
  float: left;
  margin: 20px;
  -moz-box-shadow: 3px 3px 6px #c8c8c8;
  -webkit-box-shadow: 3px 3px 6px #c8c8c8;
  box-shadow: 3px 3px 6px #c8c8c8;
}

#faceOffPage .pagination { 
  border-top: solid 1px #000;
  text-align: center;
  color: #000;
  padding: 5px;
  width: 660px;
  margin-left: 20px;
}
#faceOffPage .pagination A { 
  color: #000;
}



#posts .blogAd .contain {
  border: solid 1px #000; padding: 10px; margin: 0px 5px 20px 5px;
  background-color: #fff;
}

#videoPage { position: relative; background-color: #000; }
#videoPage img.header { position: absolute; left: -9px; top: -12px;  }
#videoPage .player { float: left; margin: 40px 25px 10px 30px; }
#videoPage .topVideos { float: left; width: 480px; margin-top: 35px;
  border-bottom: solid 2px #3f3f3f;
  border-top: solid 2px #3f3f3f;
}
#videoPage .topVideos .previewCol .preview { width: 80px; }
#videoPage .topVideos td { padding: 4px; margin: 1px; }
#videoPage .topVideos td h2 a { font-weight: bold; color: #fff; }
#videoPage .topVideos .descriptionCol { color: #fff; padding: 3px 7px;  }
#videoPage .topVideos td p { padding: 0px;  }
#videoPage .topVideos td { border-bottom: solid 1px #7f7f7f;  }
#videoPage .topVideos .last td { border-bottom: none;  }
#videoPage .topVideos .active td { background-color: #333333; }

#videoPage .search {
  position: absolute; right: 0px; top: 0px;
  text-align: right;
  color: #ff0033;
  width: 480px;
}
#videoPage .search img { position: absolute; top: 6px; right: 260px; z-index: 110; cursor: pointer; }
#videoPage .search .qry {
  position: absolute; right: 25px; top: 5px;
  background-color: #fff; width: 230px; height: 24px;
  padding-left:30px;
  z-index: 100;
}
#videoPage .search label { position: absolute; top: 10px; right: 290px; font-size: 14px; }

#videoPage .below { background-color: #fff; padding: 15px; border: solid 1px #808080; }
#videoPage .upNow { font-size: 16px; font-weight: bold; }
#videoPage .upNow span { color: #ff0033; }
#videoPage .postedOn { float :left; margin: 15px 20px 0 0; }
#videoPage .tags { float: left; margin: 15px 0 0 0; }
#videoPage .tags ul { list-style-type: none; padding-left: 0px; display: inline;  }
#videoPage .tags li { display: inline; border-right: solid 1px #ff0033; padding: 0 5px;  }
#videoPage .tags li.last { border-right: none; }

#videoPageAd { margin-top: 20px; }

#moreVideos { margin: 20px 0 20px 0; }
#moreVideos .contain  { 
  border: solid 1px #808080; margin-left: 12px; padding-top: 10px; 
}
#moreVideos .vid { float: left; width: 150px; margin: 0 8px 10px 8px; text-align: center; }
#moreVideos .vid img { width: 150px; margin-bottom: 5px; border: solid 1px #fff; }
#moreVideos .vid:hover img { border: solid 1px #ff0033; }
#moreVideos .vid a { color: #000; }
#moreVideos .vid:hover a { color: #ff0033; text-decoration: none;  }

.entry-body small { font-size: 11px; }


#commentsArea h2 { margin-top: 25px; font-weight: bold; text-transform: uppercase; border-top: solid 1px #000; padding-top: 15px; }

.searchForm strong.sub { cursor: pointer; }
.searchForm strong.sub2 { cursor: pointer; }


#celebTweets .contain, #Celeb_Tweets .contain {
height: auto;
padding-left: 5px;
}
#celebTweets .twtr-hd, #Celeb_Tweets .twtr-hd { display: none; }
#celebTweets .twtr-ft, #Celeb_Tweets .twtr-ft { display: none; }



#twitter .contain {
height: auto;
padding-left: 5px;
}
#twitter .twtr-hd { display: none; }
#twitter .twtr-ft { display: none; }


.paginate { font-weight: bold; }






/* ------- CHANGE TO LEFT ALIGN PAGES ------- */
/*
div#container { 
  left: auto;
  margin-left: 0px;
  position: static;
} */



/* ---------  TOP MODULE ARCHIVE PAGE ---------- */
#topModuleArchive { 
  padding: 15px; 
  color: #000;
}

#topModuleArchive .story {
  clear: both; 
  border-bottom: 1px dashed #000000;
  height: 77px;
  clear: both;
  color: #000000;
  display: block;
  padding: 10px 0;
  position: relative;
}
#topModuleArchive .story img.mainImage { float: left; margin-right: 15px; width: 75px; height: 75px; }
#topModuleArchive .story img.video {  width: 133px; height: 75px; }
#topModuleArchive .header img { float: left; }
#topModuleArchive .header .contain img { float: none; }
#topModuleArchive .header .contain {
  color: #fff;
  margin: 14px 0 0 0;
  padding-right: 10px;
  background-color: #000;
  float: left;
  width: 407px;
  height: 33px;
  line-height: 34px;
  text-align: right;
  font-size: 14px;
}
#topModuleArchive .header .contain a { padding: 0px 10px; }
#topModuleArchive .header select option { color: #000; }
#topModuleArchive .story .morelink img { width: auto; height: auto; }
#topModuleArchive .story .morelink { 
  bottom: 5px;
  color: #FF0033;
  float: right;
  position: absolute;
  right: 0;
  text-transform: uppercase;
}
#topModuleArchive .belowList { 
  text-align: right;
  margin: 20px 0px;
  color: #000;
}
#topModuleArchive .belowList a { padding: 0px 10px; }
#topModuleArchive .header select { color: #000; }

#topModuleArchive .story .listingsTxt strong { font-size: 16px; }






/* ----- social buttons on stories ----- */
.post .socialButtons {
  display: none;
  width: 210px;
  float: right;
  margin-left: 10px;
}
.post .date-header { margin-top: 15px; }
.post .postsoc { 
  width: 80px;
  float: right;
  margin-top: 15px;
  
}
.post .socialButtons iframe { float :left; margin-left: 5px; }


#liveButton {
position: absolute;
z-index: 100;
top: 0px;
left: 475px;
height: 111px;
overflow: hidden;
}

#liveStreamPopup {
text-align: center;
}
#liveStreamPopup #streamVid, #liveStreamPopup #streamSoc {
margin: auto auto;
padding: 10px 0px;
text-align: center;
width: 480px;
}



/* --- alternate centering, to avoid problems with phones --- */
#container { 
  position: relative;
  left: 0%;
  margin-left: 0px;
  margin: auto auto;
  padding-top: 70px;
}




/* ---- outbrain ads ---- */
.post .entry-bottom { margin-bottom: 10px; }
#outbrain ul { background-color: #fff; }
#outbrain .outbrain_ad_li { color: #009999; }
#outbrain .outbrain_ad_li a, #outbrain .outbrain_ad_li span { color: black; }
#outbrain .outbrain_rec_li { color: #009999; }
#outbrain .outbrain_rec_li a, #outbrain .outbrain_rec_li span { color: black; }

#outbrain .outbrain_dual_reg_ul_class  { margin-right: 10px; }





/* ----- homepage feature stuff ----- */
#homepageFeature {
  color: #000;
  text-align: center;
  width: 1039px;
  padding-bottom: 15px;
  margin: 0 0 30px 18px;
  border-bottom: solid 1px #000;
}
#homepageFeature h1 { font-size: 300%; text-transform: uppercase; }
#homepageFeature h2 { font-size: 200%; margin: 10px 0 10px 0; text-transform: uppercase;}
#homepageFeature h3 { font-size: 150%; }
#homepageFeature a { font-weight: bold; color: #FF2841; font-size: 140%; }




/* ---- CSS center plate module ---- */
.networkCenterAd {
  color: #d6d6d6;
  font-size: 9px;
  width: 472px;
  margin-left: 9px;
}
.networkCenterAd > .contain { 
  border: solid 1px #d6d6d6;
  padding: 5px;
  width: 460px;
}


.pw_size_24 { float: left; }



/* .entry-bottom > .right { padding-right: 40px; } */
.entry-bottom > .right > a.comments { margin-right: 10px; }

.postsoc .ra1-pw { width: 60px !important; float: left;  }



#rightcol .fixed { position: fixed; top: 0; }
#rightcol .fixedBottom { position: fixed; bottom: 0; }



#taboola-below-main-column { margin-top: 1em; }

.zergnet { margin-bottom: 1em; }

#yappa-comments-frame { margin-top: 1em; }