/********************************************
**  CSS realizzato per: www.NIPOGAMES.it
**  style: Home  - media: Screen
**  Author: Mirko Ennas - www.Pixelforge.it
*********************************************/


/*  Link Archive */
p.link-archive {
  margin: 1px 0 0 0;
  padding: 2px 4px;
  text-align: right;
  background: #7E7E7E;
}
p.link-archive a {
  margin: 0;
  padding: 0 10px 0 0;
  color: #fff;
  font-size: 10px;
  text-decoration: none;
  background: transparent url("../images/link-white2.gif") right center no-repeat;
}
p.link-archive a:hover {
  color: #fc0;
  text-decoration: none;
  background: transparent url("../images/link-yellow2.gif") right center no-repeat;
}


/* CONTENT - TOP ______________________________  */
#cont-top1 {
  margin: 0;
  padding: 0;
  float: left;
  width: 100%;
  background: transparent url("../images/cont-top_background-bottom.jpg") left bottom no-repeat;
}
#cont-top2 {
  margin: 0;
  padding: 0 0 6px 0;
  float: left;
  width: 100%;
  background: transparent url("../images/cont-top_background-top.jpg") left top no-repeat;
}
#ct-sx {
  margin: 0;
  padding: 0;
  float: left;
  width: 462px;
}
#ct-dx {
  margin: 0;
  padding: 0;
  float: right;
  width: 302px;
  /*  border: 1px dashed yellow;       - - - - - - - - - - - - - DEBUG   */
}




/* CONT-TOP */
/*  IN PRIMO PIANO ___________________________ (solo home) */

#main-video h3 {
  margin-bottom: 2px;
  width: 500px;
  background: transparent url("../images/cont-sx_tab-top1.gif") right top no-repeat;
}
#main-video h3 span.hdx {
  color: #fc0;
  background: transparent url("../images/cont-sx_tab-bottom1.gif") right bottom no-repeat;
}



/*  BOX SEARCH _________________________________ */
#box-search-top {
  clear: both;
  margin: -27px 0 6px 1px;
  padding: 0 0 0 0;
  float: left;
  width: 100%;
  background: transparent url("../images/box-etonline-top.gif") left top no-repeat;
}
#box-search-bottom {
  margin: 0 0 0 px;
  padding: 0 0 18px 0;
  float: left;
  width: 100%;
  min-height: 45px;
  background: transparent url("../images/box-etonline-bottom.gif") left bottom no-repeat;
}
#box-search-bottom h3 {
  margin: 0;
  padding: 0 0 0 90px;
  height: 26px;
  line-height: 26px;
  color: #fc0;
  font-size: 13px;
  font-weight: bold;
}

#box-search-bottom h4 {
  margin: 5px 0 0 0;
  padding: 0 0 0 8px;
  line-height: 18px;
  color: #fff;
  font-size: 11px;
  font-weight: bold;

  /*   border: 1px dashed white;      - - - - - - - - - - - - - DEBUG   */
}

#box-search-bottom p.search-abc {
  margin: 0 0 10px 10px;
  padding: 0;
  color: #fff;
  font-size: 10px;
}
#box-search-bottom p.search-abc a {
  color: #fc0;
  text-decoration: underline;
}
#box-search-bottom p.search-abc a:hover {
  color: #fff;
  text-decoration: none;
}

#box-search-bottom div#bsearch-sx {
  width:38%;
  float:left;
  margin-left:5px;
}
#box-search-bottom div#bsearch-dx {
  width:58%;
  float:left;
  margin-left:5px;
}


/*   OTHER CONTENTS  */
#morecont {
  margin: 3px 0 0 0;
  padding: 0;
  float: left;
  background: transparent url("../images/othercont-background.gif") right top repeat-y;

  /*  border: 1px dashed red;      - - - - - - - - - - - - - DEBUG   */
}

#othercont-sx,
#othercont-dx {
  margin: 0;
  padding: 0;
  width: 230px;

}
#othercont-sx {
  float: left;
}
#othercont-dx {
  float: right;
}

/*  OTHER CONTENTS ___________________ Common  */
#gamepreview,
#lasthardware,
#othercontent {
  margin: 0 0 3px 0;
  padding: 0 0 0 0;
}
#gamepreview h3,
#lasthardware h3,
#othercontent h3 {
  margin: 0px 0 0px 0;
  padding: 0;
  width: 100%;
  background: transparent url("../images/tab_cont-sx_a1-top.gif") left top no-repeat;
  /* border: 1px dashed yellow;        - - - - - - - - - - - - - DEBUG   */
}
#gamepreview h3 span.hdx,
#lasthardware h3 span.hdx,
#othercontent h3 span.hdx {
  margin: 0;
  padding: 0 0 0 8px;
  min-height: 26px;
  line-height: 26px;
  display: block;
  color: #fc0;
  font-size: 13px;
  font-weight: bold;
  background: transparent url("../images/tab_cont-sx_a1-bottom.gif") left bottom no-repeat;
}
#gamepreview dl,
#lasthardware dl,
#othercontent dl {
  margin: 1px 0 0 0;
  padding: 4px 4px 4px 4px;
  font-size: 12px;
  color: #000;
  background: #D3D3D3;
  border: 1px solid #7E7E7E;
}
#gamepreview dd a:hover,
#lasthardware dd a:hover,
#othercontent dd a:hover {
  color: #000;
  text-decoration: underline;
}


/*  OTHER CONTENTS ___________________ GamePreview  */
#gamepreview dt {
  padding: 2px 2px 2px 2px;
  font-size: 10px;
  color: #000;
}
#gamepreview dd {
  margin: 0px 0 4px 0;
  padding: 2px 2px 2px 2px;
}
#gamepreview dd a {
  font-weight: bold;
  color: #000;
  text-decoration: none;
}
#gamepreview dd em {
  margin: 0;
  padding: 0;
  font-size: 10px;
  font-style: normal;
  color: #707070;
}


/*  OTHER CONTENTS ___________________ LastHardware  */
#lasthardware dt {
  padding: 2px 2px 2px 2px;
  font-size: 10px;
  color: #000;
    clear: both;
}

#lasthardware dd {
  margin: 0px 0 6px 0;
  padding: 2px 2px 2px 2px;
}
#lasthardware dd a {
  font-weight: bold;
  font-size: 12px;
  color: #000;
  text-decoration: none;
}
#lasthardware dd p.vote {
  margin-top: 2px;
  background: transparent url("../images/vote-background2.gif") left top no-repeat !important;
}




/* IN EVIDENZA */
#main-video {
  margin: 0;
  padding: 3px 0 3px 2px;
  width: 504px;
  float: left;
  background: #737373;
  display:inline;

  /* border: 1px dashed red; ___________________________ DEBUG */
}

#main-video a.vidpreview {
  margin: 0;
  padding: 0 0 19px 0;
  display: block;
  width: 360px;
  float: left;
  /*background: #fff url("../images/cont-top_in-evidenza-vidbar.gif") bottom center no-repeat;*/
}
#main-video a.vidpreview img {
  border: none;
}

#main-video ul {
  margin: 0;
  padding: 0;
  width: 141px;
  list-style-type: none;
  float: left;
}

#main-video ul li {
  margin: 0 0 1px 1px;
  padding: 0;
  width: 138px;
  background: #313131;
  color: #fff;
}
#main-video ul li a,
#main-video ul li a:hover {
  width: 100%;
  text-decoration: none;
  cursor: pointer;
  display: block;
}

#main-video ul li a strong {
  padding: 0 18px 0 4px;
  width: 116px;
  color: #fff;
  font-weight: bold;
  line-height: 30px;
  display: block;
  text-align: right;
  /*  border: 1px dashed yellow;       - - - - - - - - - - - - - DEBUG   */
}

#main-video ul li.active {
  margin-left: 0;
  background: #000;
  height: 76px;
  border-right: 1px solid #000;
}

#main-video ul li.active a,
#main-video ul li a:hover {
  width: 130px;
}

#main-video ul li.active a strong {
  color: #fc0;
}


#main-video ul li a.mainvid1 strong {
  background: #313131 url("../images/in-evidenza_bullet-1a.gif") left center no-repeat;
  font-size:10px;
  text-decoration: underline;
}
#main-video ul li.active a.mainvid1 strong,
#main-video ul li.active a.mainvid1:hover strong,
#main-video ul li a.mainvid1:hover strong {
  text-decoration: underline;
  color: #fc0;
  background: #131313 url("../images/in-evidenza_bullet-1b.gif") left center no-repeat;
}

#main-video ul li a.mainvid2 strong {
  background: #313131 url("../images/in-evidenza_bullet-2a.gif") left center no-repeat;
  font-size:10px;
  text-decoration: underline;
}
#main-video ul li.active a.mainvid2 strong,
#main-video ul li.active a.mainvid2:hover strong,
#main-video ul li a.mainvid2:hover strong {
  text-decoration: underline;
  color: #fc0;
  background: #131313 url("../images/in-evidenza_bullet-2b.gif") left center no-repeat;
}

#main-video ul li a.mainvid3 strong {
  background: #313131 url("../images/in-evidenza_bullet-3a.gif") left center no-repeat;
  font-size:10px;
  text-decoration: underline;
}
#main-video ul li.active a.mainvid3 strong,
#main-video ul li.active a.mainvid3:hover strong,
#main-video ul li a.mainvid3:hover strong {
  text-decoration: underline;
  color: #fc0;
  background: #131313 url("../images/in-evidenza_bullet-3b.gif") left center no-repeat;
}

#main-video ul li a.mainvid4 strong {
  background: #313131 url("../images/in-evidenza_bullet-4a.gif") left center no-repeat;
  font-size:10px;
  text-decoration: underline;
}
#main-video ul li.active a.mainvid4 strong,
#main-video ul li.active a.mainvid4:hover strong,
#main-video ul li a.mainvid4:hover strong {
  text-decoration: underline;
  color: #fc0;
  background: #131313 url("../images/in-evidenza_bullet-4b.gif") left center no-repeat;
}

#main-video ul li a.mainvid4 strong {
  background: #313131 url("../images/in-evidenza_bullet-4a.gif") left center no-repeat;
  text-decoration: underline;
}
#main-video ul li.active a.mainvid4 strong,
#main-video ul li.active a.mainvid4:hover strong,
#main-video ul li a.mainvid4:hover strong {
  text-decoration: underline;
  color: #fc0;
  background: #131313 url("../images/in-evidenza_bullet-4b.gif") left center no-repeat;
}

#main-video ul li a.mainvid5 strong {
  background: #313131 url("../images/in-evidenza_bullet-5a.gif") left center no-repeat;
  font-size:10px;
  text-decoration: underline;
}
#main-video ul li.active a.mainvid5 strong,
#main-video ul li.active a.mainvid5:hover strong,
#main-video ul li a.mainvid5:hover strong {
  text-decoration: underline;
  color: #fc0;
  background: #131313 url("../images/in-evidenza_bullet-5b.gif") left center no-repeat;
}



#main-video ul li.active a span.vidinfo {
  margin: 0;
  padding: 0 0 0 3px;
  display: block;
  width: 127px;
  color: #fff;
  font-size: 10px;
}
#main-video ul li.active a span.viddesc {
  margin: 0;
  padding: 0 0 0 3px;
  display: block;
  width: 127px;
  color: #fc0;
  font-size: 11px;
  font-weight: bold;
}