@import url("menu.css");

/*--RESET -------------------------------------------------------------------------------------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, 
pre, a, code, del, em, img, small, strike, strong, dl, dt, dd, ol, ul, li, 
fieldset, form, label, table, caption, tbody, tfoot, thead, tr, th, td 
{margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; background: transparent; }

body { line-height: 1; }
ol, ul { list-style: none; }

blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }


/*--Body format --------------------------------------------------------------------------------*/

body{ behavior:url("../inc/csshover.htc"); font-family:Arial, Helvetica, sans-serif; line-height: 18px; font-size: 12px; text-align: left; background:url(../img/bg/main-shadow.jpg) #333 center repeat-y; color: #000; }

h1,h2,h3,h4,h5,h6{ padding: 0 0 10px; font-weight:lighter; font-weight:bold; text-transform:uppercase; }

h1{ font-size: 17px; line-height:22px; }
h2{ font-size: 16px; color:#000; }
h3{ font-size:16px; color:#333; font-weight:normal; }
h3 bold{ color:#000; font-weight:bold; }
h4{ font-size:16px; color:#e30100; }
h5{ font-size:14px; color:#7e0300; padding:0 0 5px; }

p{ padding: 0 0 15px; }

.clear:after{ content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clear{ clear:both; }


/*--Links ---------------------------------------------------------------------------------*/

a, a:visited{ text-decoration: none; color:#000; }
a:hover{ text-decoration:underline; }
a:active{ color:#900; }

a.submit{ background:url(../img/btn/submit.jpg) center center no-repeat; display:block; width:54px; height:22px; }

/*--Main frame -----------------------------------------------------------------------------*/

#wrapper{ margin: 0 auto; width:990px; }
span.nav-arrows{ position:absolute; right:6px; top:0; }

/*-- Header --------------------------------------------------------------------------------*/

#top-menu{ display:block; background:url(../img/bg/top_bg.gif) top repeat-x; height:23px; overflow:hidden; }
#top-menu li{ display:inline; padding:0 10px; background:url(../img/bg/top_nav_sep.jpg) center left no-repeat; margin-top:-5px; position:relative; top:-5px; }
#top-menu li.image{ top:0px; }
#header a{ color:#fff; }

#banner{ background:#2c0203 url(../img/bg/banner-gradient.jpg) top left no-repeat; height:194px; color:#fff; }
#logo{ float:left; width:256px; margin-top:6px; }
#header-right{ position:relative; float:left; width:728px; padding-right:6px; text-align:right; margin:6px 0; }

#bookmarks{ float:left; width:85px; text-align:left; display:inline; }

#user-menu{  float:left; width:643px; position:relative;  }
#user-menu a{ margin:0 6px; line-height:20px; }
#user-menu #items{ padding-right:160px;}
#user-menu #search{ float:right; position:absolute; top:-2px; right:0;  }
#user-menu #search input{ width:120px; height:16px; float:left; padding:3px 0 4px 2px; border:1px solid #000; border-right:none; }
#user-menu #search a{ background:url(../img/btn/search.gif) top center no-repeat; float:left; display:block; width:33px; height:25px; margin:0; }
#user-menu #search a:hover{ background-position:bottom center; }

#quotes{ background:url(../img/bg/quotes-light.jpg) center center no-repeat; height:32px; overflow:hiden; text-align:center; line-height:32px; }

/*--Left side-bar ------------------------------------------------------------------------------*/

#left-side-bar{ float:left; width:198px; }
#headlines-content .top-corners{ background-image:url(../img/bg/sidebar-top-corners.gif); }
#headlines-content .back-content{ background:url(../img/bg/sidebar-gradient.jpg) top center no-repeat #3d3d3e; padding:6px 6px 0; }
#headlines-content .bottom-corners{ background-image:url(../img/bg/sidebar-bottom-corners.gif); }
.headlines{ background-color:#fff; padding:0 5px; }
/* .headlines a{ color:#000; display:block; padding:5px; text-transform:uppercase; line-height:15px; font-size:11px; font-weight:bold; } */
.headlines a{ color:#000; display:block; padding:5px; text-transform:uppercase; font-size:11px; font-weight:bold; }
.headlines a.blue{ color:#335299; }
.headlines a.red, .headlines a span{ color:#820000; }
#headlines-content a.active{ padding:0 0 0 15px; background:url(../img/icons/red-arrow.png) left 2px no-repeat; color:#990000; }
#headlines-content #headlines-nav{ position:relative; background-color:#fff; padding:6px; }
#headlines-content #headlines-nav span.nav-arrows{ top:6px; }

#perso-ads{ padding:5px; }
.perso-ad{ margin:10px 0; }

/*--Container ------------------------------------------------------------------------------*/

#container{ background:url(../img/bg/container-gradient.jpg) top repeat-x #666; padding:6px; border-top:1px solid #666; }

#content .top-corners{ background-image:url(../img/bg/content-top-corners.gif); }
#content .bottom-corners{ background-image:url(../img/bg/content-bottom-corners.gif); }
#content{ float:left;width:470px; margin:0 6px; }
#content h1{ background:url(../img/bg/content-title-gradient-corners.jpg) top center no-repeat #101010; padding:10px; font-style:italic; color:#fff; }
#content .back-content{ padding:0 6px; background-color:#fff; }

#content.black .top-corners{ background-image:url(../img/bg/content-black-top-corners.gif); }
#content.black .back-content{ background:url(../img/bg/sidebar-gradient.jpg) top repeat-x #3d3d3e; padding:6px 6px 0; }
#content.black .bottom-corners{ background-image:url(../img/bg/content-black-bottom-corners.gif); }



#content-info{ background:url(../img/bg/top-bar.jpg) top left no-repeat; height:30px; overflow:hidden; color:#fff; }
#content-info #num-comments{ text-align:center; width:106px; float:left; line-height:28px; }
#content-info #meter-bar{ position:relative; float:left; line-height:28px; overflow:hidden; width:227px; }
#content-info #meter-bar img#bar{background:url(../img/bg/thermometer-bar.png) left center no-repeat; margin:4px 0 0 19px; }
#content-info #meter-bar #percent{ position:absolute; top:0; right:23px; font-weight:bold; }
#content-info #strike{ display:block; width:125px; float:left; color:#fff; text-decoration:underline; line-height:28px; text-align:center; }
#content-info #strike:hover{ text-decoration:none; }


#meta{ position:relative; margin:10px 4px; }
#meta .date{ position:absolute; right:0; }

#entry{ padding:0 4px; }
#entry #extra span{ color:#820000; text-transform:uppercase; }
#entry #extra{ background:url(../img/bg/extra.jpg) top center no-repeat; height:48px; padding:10px; margin-bottom:5px; }
#entry a{ color:#900; }

#strike-back{ margin-top:15px; }
#strike-back .top-corners{ background-image:url(../img/bg/strike-back-top-corners.gif); }
#strike-back .bottom-corners{ background-image:url(../img/bg/strike-back-bottom-corners.gif); }
#strike-back .back-content{ background:url(../img/bg/strike-back-gradient.jpg) top repeat-x #d2d2d2; padding:10px 10px 4px; }
#strike-back #strike-back-info{ font-weight:bold; background:url(../img/bg/strike-bar-gradient.jpg) repeat-x top; height:32px; padding:6px; text-transform:uppercase; font-size:11px; line-height:14px; }
#strike-back #strike-back-info a.red{ color:#900; }

#comments .comment{ margin:3px 0; background-color:#fff; border:1px solid #000; line-height:15px; padding-bottom:6px; }
#comments .comment .user-image{ float:left; width:103px; text-align:center; padding:6px 0 0; }
#comments .comment .user-image{ float:left; width:103px; text-align:center; padding:6px 0 0; }
#comments .comment .user-image img{ margin-bottom:6px; }
#comments .comment .comment-info{ float:left; width:333px; }
#comments .comment .comment-info .reputation-bar{ background:url(../img/bg/comment-grey-gradient.jpg) top repeat-x; position:relative; }
#comments .comment .comment-info .reputation-bar.good{ background-image:url(../img/bg/comment-green-gradient.jpg); }
#comments .comment .comment-info .reputation-bar.bad{ background-image:url(../img/bg/comment-red-gradient.jpg); }
#comments .comment .comment-info .reputation-bar .comment-num-box{ float:left; position:absolute; right:47px; top:2px; background:url(../img/bg/comment-num-box.png) center center no-repeat; width:34px; line-height:20px; overflow:hidden; text-align:center; }
#comments .comment .comment-info .comment-title{ position:relative; padding:6px; border-bottom:1px solid #000; color:#666; }
#comments .comment .comment-info .comment-title span{ position:absolute; top:3px; right:6px; font-size:10px; }
#comments .comment .comment-info .comment-title span a{ text-decoration:underline; color:#666; }
#comments .comment .comment-info .comment-title span a:hover{ color:#900; }
#comments .comment .comment-info .user-comment{ padding:6px 6px 0 6px; }
#comments .comment .comment-info .user-comment a.more{ color:#900; }

#page-nav{ margin:8px 0 0; }
#page-nav a{ font-weight:bold; display:inline-block; padding:0 2px; }
#page-nav a:hover{ text-decoration:underline; }

/*--News archives page ------------------------------------------------------------------------------*/


/*--Right side-bar ------------------------------------------------------------------------------*/

#right-side-bar{ float:left; width:298px; }
#right-col{ background-color:#030303; margin:6px 0; }
#right-col .top-corners{ background-image:url(../img/bg/right-sidebar-top-corners.gif); }
#right-col .bottom-corners{ background-image:url(../img/bg/right-sidebar-bottom-corners.gif); }
#right-col .back-content{ padding:6px 6px 0; }

ul.slideshow{ width:274px; padding:6px; background-color:#fff; float:left; display:block; }
ul.slideshow li{ float:left; width:59px; margin:4px; display:inline; }
ul.slideshow li a{ line-height:12px; display:block; font-size:10px; font-weight:bold; }
ul.slideshow li a:hover{ text-decoration:none; }

ul.slideshow.three-cols li{ width:83px; }
.right-col-element{ margin-bottom:10px; position:relative; }

#most-popular .list-content{ background-color:#fff; padding:6px; font-size:11px; text-transform:uppercase; font-weight:bold; }
#most-popular td { padding-left:3px 3px 3px 6px; }
#most-popular td a{ font-weight:bold; padding:3px; display:block; }
#most-popular td.number-row{ padding:3px 3px 3px 10px; }

.social-link{ margin-top:4px; }

#daily-boobies .boobies{ background:url(../img/bg/boobies-of-the-day.jpg) top left no-repeat; text-align:center; width:286px; height:86px; padding:8px 0; overflow:hidden; }
#daily-boobies .boobies img { margin-top: 5px; }

/*-- Footer --------------------------------------------------------------------------------*/

#footer{ background:url(../img/bg/footer-gradient.jpg) top repeat-x #666; padding:30px 20px; }
#footer p{ color:#fff; padding:0 0 10px; }
#footer a{ font-weight:bold; color:#fff; }

/*-- Custom --------------------------------------------------------------------------------*/

.top-corners, .bottom-corners{ height:6px; background-position:center top; background-repeat:no-repeat; overflow:hidden; }

img.align-right{ margin:0 0 1em 1em; float:right }
img.align-left{ margin:0 1em 1em 0; float:left; }

.category a{ text-align:center; color:#000; }
.category a.active{ background:url(../img/icons/red-arrow.png) left 1px no-repeat; padding-left:15px; color:#900; }


input.text{ border:1px solid #000; padding:3px 3px 4px; float:right; }

.bubble-links a{ position:relative; text-decoration:underline; }
.bubble-links a:hover{ text-decoration:none; }
.bubble-links a:hover div{ display:block; }
.bubble-links a div{ display:none; position:absolute; bottom:0; left:30px; z-index:9999; background:url(../img/bg/pop-up-bubble.png) center center no-repeat; width:124px; height:56px; text-align:center; padding:38px; line-height:11px; font-size:10px; }
.bubble-links a div p{ text-decoration:none; padding:0; }

.white-background{ background-color:#fff; padding:6px; }

.nav-links{ position:relative; margin-top:6px; }
.nav-links a{ text-transform:uppercase; color:#7e0300; font-weight:bold; }
.nav-links a.next{ position:absolute; right:0; background:url(../img/icons/red-arrow.png) right center no-repeat; padding-right:20px; }
.nav-links a.previous{ background:url(../img/icons/red-arrow-left.png) center left no-repeat; padding-left:20px; }




/*-- Nex Added --------------------------------------------------------------------------------*/
div.comment div.avatar_pic {
  background-color: black;
  background-position: center center;
  background-repeat: no-repeat;
  cursor: pointer;
  display: block;
  height: 90px;
  width: 89px;
  display: block;
  margin: 0 0 5px 6px;
}

div#memoryscroller { color: #000; }

div#headlines-content table.headlines tr.article td { width: 176px; }

/* headline nav arrows will be shown by js, so non-js users don't see */
div#headlines-nav span.nav-arrows img {
  display: none;
  cursor: pointer;
}

div#headlines-content td.row0 { background-color: #fff; }
div#headlines-content td.row1 { background-color: #ececec; }

div#headlines-content div.container { height: 1155px; overflow: hidden; }

div.comment div.comment_full { display: none; }
div.comment_reply div.comment_full { display: block; }
div.comment_reply div.comment_excerpt { display: none; }

div.comment a.show_full_comment { cursor: pointer; }

div.comment div.reply_form { display: none; }

table#post_comment { padding-bottom: 20px; }
table#post_comment input.submit { margin-top: 10px; }


div#comments div.comment { padding-bottom: 0px; }

/* --------------------------- comment replies ------------------------- */

div.reply_count {
  cursor: pointer;
  background: transparent url(/img/bg/gradient-replies.gif) top left repeat-x;
  height: 27px;
}

div.reply_count div.left {
  position: relative;
  top: 4px;
}

div.reply_count img { 
  position: relative;
  top: 3px; 
  left: 2px;
}

div.comment_reply {
  background-color: #fff;
  background-image: none;
  margin-bottom: 8px;
}



#comments .comment { margin:3px 0; background-color:#fff; border:1px solid #000; line-height:15px; }
#comments .comment_reply .comment-info{ float:left; width:313px; padding-bottom:6px; }
#comments .comment_replies{ background:url(../img/bg/stripe-reply.gif) repeat; padding:10px 10px 3px; }
#comments .comment_replies .reply{ background-color:#fff; margin-bottom:7px; }
#comments .comment_replies .reply .comment-info{ width:310px; margin-right:3px; }
.comment_replies-tab{ height:27px; line-height:27px; background:url(../img/bg/gradient-replies.gif) repeat-x top; margin-top:10px; padding:0 8px; }
.comment_replies-tab a{ background:url(../img/icons/red-arrow-bottom.png) left 2px no-repeat; padding-left:18px; color:#810100; }



span.nav-arrows img { cursor: pointer; }


/* --- rt col review boxes - base stuff --- */

div.right-col-element{ 
  overflow: hidden;
  position: relative;
  height: 161px;
}

div.right-col-element span.nav-arrows img {
  display: none;
}

div.right-col-element ul.slideshow { 
  width: auto;
  height: 117px;
  left: 0px;
  position: absolute;
}


div.right-col-element ul.slideshow li { 
  height: 117px;
  width: 59px;
  text-align: center;
}

div.right-col-element ul.slideshow li a {
  display: inline;
  /*line-height: 8px;*/
  font-size: 11px;
  font-weight: normal;
}

div.right-col-element ul.slideshow li a img {
  width: 59px;
  height: 83px;
}



/* --- rt col trailers/vids box --- */
div#latest-trailers-videos div.container { 
  width: auto;
  left: 0px;
  position: absolute;
  height: 240px;
  overflow: hidden;
  background-color: white;
}

div#latest-trailers-videos { 
  height: 272px;
  overflow: hidden;
  position: relative;
}

div#latest-trailers-videos ul.three-cols { 
  float: left;
  width: 130px;
  height: 258px;
  position: relative;
  overflow: hidden;
}


div#latest-trailers-videos ul.three-cols li {
  height: 117px;
  width: 130px;
  text-align: center;
  margin: 0 4px 0px 4px;
}


div#latest-trailers-videos ul.three-cols li img {
  width: 130px;
  height: 83px;
}



/* --- rt col latest podcasts --- */
div#latest-podcast-shows { 
  height: 162px;
  overflow: hidden;
  position: relative;
}

div#latest-podcast-shows ul.three-cols { 
  width: auto;
  position: relative;
  height: 123px;
}


div#latest-podcast-shows ul.three-cols li {
  width: 130px;
  text-align: center;
  margin: 2px;
  height: 123px;
}


div#latest-podcast-shows ul.three-cols li img {
  width: 130px;
  height: 100px;
}




/* ---- latest columns ---- */
/* div#latest-columns .container, */
div.right-col-element .container { 
  overflow: hidden; 
  height: 130px;
  width: 274px;
  position: relative;
  border-right: solid 8px white;
}
div#latest-columns li { width: 83px; height: 100px; }
div#latest-columns li img { width: 83px; height: auto; }
div#latest-columns ul.slideshow { 
  float: none;
  list-style-type: none;
  position: relative;
  overflow: visible;
  left: 0px;
  width: 1370px;
}
div#latest-columns { height: 143px; }


div#most-popular, div#daily-boobies {
  height: auto;
}

div#most-popular div.list-content {
  min-height: 258px;
}

div#latest-review div.container { height: 129px; }
div#dvd-clinic-review div.container { height: 129px; }
div#latest-podcast-shows div.container { height: 140px; }

/* --- most popular --- */
div#most-popular tr.row2 td { background-color: #ececec; }

div#most-popular table.headlines {
  width: 100%;
  display: none;
}
div#most-popular table.one-day{
  display: block;
}

.headlines a {
  text-transform: none;
}

div#entry p { margin: 12px 0px; padding: 0; }

div.comment { display: none; }

.down-list {
  display: none;
  z-index: 100;
}

div#extra { margin-top: 15px; }

div#page-nav img { cursor: pointer; }
div#page-nav span.pages a.sel { color: #990000; }


div.comment_replies { display: none; }

div.comment div.rand1 { background-image: url(/images_talkback/grey_avatar.jpg); }
div.comment div.rand2 { background-image: url(/images_talkback/red_avatar.jpg); }
div.comment div.rand3 { background-image: url(/images_talkback/yellow_avatar.jpg); }
div.no_avatar { 
  background-position: top left;
  background-repeat: no-repeat;
  width: 90px;
  height: 90px;
  margin-left: 6px;
  cursor: pointer;
}

div.bubble-links { margin-top: 10px; }

div.comment-info { margin-bottom: 5px; }


/* ---- news archive ---- */
div.archives table.headlines { margin-bottom: 15px; }
div.archives table.headlines td a { padding: 2px 5px; }
div.archives div.nav-links { top: -15px; }
div.archives div.nav-links a { display: none; }


div#logo { position: relative; }

div#logo img#blurb { position: absolute; left: 139px; top: 10px; }

div#quotes { position: relative; z-index: 10; }
div#quotes img.clickable { position: absolute; left: 13px; top: 2px; z-index: 15; }

div#meta { margin: 10px 4px 0px 4px; }



div#entry div#extra {
  background: white url(/img/bg/extra-tidbit-mid.jpg) top left repeat-y;
  padding: 0;
  width: 452px;
  height: auto;
  position: relative;
}
div#extra img.bottom { 
  position: absolute;
  left: 0px;
  bottom: 0px;
  z-index: 5;
}
div#extra p { 
  position: relative;
  z-index: 20; 
  margin: -5px 10px 10px 10px;
  padding-bottom: 10px;
}



.headlines a{ color:#000; display:block; padding:5px; line-height:14px; font-size:12px; font-weight:bold; }

#most-popular .list-content{ background-color:#fff; padding:6px; font-weight:bold; }


p.source {
  float: left;
}
div#extra { margin-top: 0px; }




div#container div#comments div.comment_positive div.reputation-bar { background-image: url(/img/bg/comment-green-gradient.jpg); }
div#container div#comments div.comment_negative div.reputation-bar { background-image: url(/img/bg/comment-red-gradient.jpg); }

#wrapper { overflow: hidden; }



/* ----------------- poll box -------------------------- */
div#poll {
  width: 393px;
  margin: 15px 0px 15px 25px;
}

div#poll h3 { 
  font-size: 20px;
  font-weight: bold;
  text-transform: none;
  margin: 10px;
  text-align: center;
}


/* ------------------ poster related -------------------- */
#posterRelated img, #posterRelated object { 
  margin-bottom: 10px;
  width: 450px;
}


/* ------------------ static page 2010 -------------------- */
#static-content{ float:left;width:660px; margin:0 6px; }
#static-content .top-corners{ background-image:url(../img/bg/static-content-top-corners.gif); }
#static-content .bottom-corners{ background-image:url(../img/bg/static-content-bottom-corners.gif); }
#static-content h1{ background:url(../img/comiccon2010_header.jpg) top center no-repeat; height:60px; font-style:italic; color:#fff; }
#static-content .back-content{ padding:0 6px; background-color:#fff; }

#static-entry{ padding:0 0px; }
#static-entry a{ color:#900; }

div#comiccon-banner { position: relative; z-index: 10; background:#2c0203 url(../img/ComicCon_2010_banner.jpg) top left no-repeat; height:28px;}
div#comiccon-banner img.clickable { position: absolute; left: 13px; top: 2px; z-index: 15; }




#social { 
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: right;
}
#social div { margin: 2px; } 
#social #mfc { position: relative; top: 7px; }



/* ------------------------ previous columns -------------------- */
#previousColumns { text-align: center; margin-top: 15px; }
#previousColumns ul { list-style-type: none; padding: 0; }
#previousColumns li { float:left; padding: 3px; width: 140px; }
#previousColumns p { padding: 0; }
#previousColumns strong { font-size: 14px; font-weight: bold; }
#previousColumns a { color: #000; }
#previousColumns img { border: none; }