/*
    CSS LAYOUT

    GENERIC
    HEADER
      MENU
      LOGO
    CONTENT
    FOOTER

  ---------------------------------

    COLORS
    Body Background:       #0c0c0c
    Main Text:             #ffffff
    Menu bg:               #1d1d1d
    Orange menu:           #ed8101
    Blue menu:             #3b7fb2
    Orange border:         #a45b04
    Green border:          #66a461
    Blue border:           #6188a4
    Gray border:           #313131
    Red border:            #af1c1c
    Blue date:             #57616c
    Green date:            #597755
    Gray date:             #232323
    Olddate text:          #1d1d1d
    Default link:          #96cbfd
    Default link hover:    #67b6ff

*/

/* =GENERIC
   ----------------------------------------------------*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
}


body {
  background: #0c0c0c url(/images/background.gif);
  color: #fff;
  font-family: Arial, helvetica, sans-serif;
  height: 100%;
}
 
em {
  font-style: italic;
}

strong {
  font-weight: bolder;
}

acronym {
  cursor: help;
}

a {
  color: #96cbfd;
}

.ended {
  color: #FF2A00;
}

.stophand {
	vertical-align: middle;
}
pre, .pre {
  border: 3px solid #6188a4;
  padding: 15px;
  background: transparent url(/images/bg_blue.png) repeat scroll 0%;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  font-family: tahoma,arial,verdana,helvetica;
  font-size: 8pt;
  line-height: 169%;
}

pre {
	overflow: auto;
}

.pre {
	margin-bottom: 15px;
}

a:hover {
  color: #67b6ff;
  text-decoration: underline;
}

a[href^="http"] {
  padding-right: 13px;
  background: url(/images/externallink.png) no-repeat 100% 0; 
}

a[href^="http"]:hover {
  padding-right: 13px;
  background: url(/images/externallink.png) no-repeat 100% -100px; 
}

h2 {
  border-bottom: #fff 1px solid;
  padding-bottom: -8px;
  margin-bottom: 10px;
  font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 24pt;
  line-height: 20pt;
  letter-spacing: -1pt;
}

h3 {
  margin-top: 30px;
  font-weight: bold;
  font-family: "Trebuchet MS",Arial,helvetica,sans-serif;
}

h4 {
  margin-top: 15px;
  font-weight: bold;
  font-family: "Trebuchet MS",Arial,helvetica,sans-serif;
}

p, div {
  font-family: Verdana, Arial, helvetica, sans-serif;
  font-size: 13px;
  line-height: 130%;
}

p {
  margin: 0 10px 15px 10px;
}

input[type="text"],input[type="password"] {
  background: #fff url(/images/inputbg.png) no-repeat;
  padding: 3px;
  border: 1px solid #000;
}

input[type="submit"] {
  font-weight: bold;
  border: 1px solid #66a461;
  margin: 0;
  padding: 4px 8px;
  min-height: 25px;
  background: #fff;
}

span.u {
  font-decoration: underline;
}

html {
  height: 100%;
}

#container {
  position: relative;
  min-height: 100%;
}

* html #container {
  height: 100%; 
}

/* =HEADER
   ----------------------------------------------------*/

#header {

}

#header h1 {
  display: none;
}

  /* =HEADER/MENU
     ----------------------------------------------------*/
     
  #oldbrowser {
    background: #ee0707 url(/images/oldbrowser.gif) no-repeat;
    color: #fde4e4;
    padding: 5px 40px;
    font-weight: bold;
    font-size: 11px;
  }
  
  #oldbrowser a {
    color: #fde4e4;
    background: transparent;
    padding: 0;
  }
  
  #oldbrowser a:hover {
    color: #fff;
  }

  #menu {
    border-top: 3px solid #3b7fb2;
    border-bottom: 2px solid #ed8101;
    background: #1d1d1d;
    height: 32px;
  }
  
  #menu ul {
    float: left;
    width: 100%;
    font-family: "Trebuchet MS", arial, helvetica, sans-serif;
    text-transform: uppercase;
  }
  
  #menu ul li {
    display: inline;
    float: left;
    list-style-type: none;
  }
  
  #menu ul a {
    display: block;
    padding: 0 10px;
    line-height: 32px; 
    height: 32px;
    color: #fff;
    font-size: 13px;
    text-decoration: none;
  }
  
  #menu ul #user a {
	padding: 0;
  }
  
  #menu ul .activeuser {
    background: #3b7fb2;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
  } 

  #menu ul a.active {
    background: #ed8101;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
  } 
  
  #menu ul a:hover {
    text-decoration: underline;
  }

  #user {
    padding: 0 10px 0 21px ;
    line-height: 32px; 
    color: #fff;
    font-family: Verdana, arial, helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    text-transform: none;
    background: #3b7fb2 url(/images/nick_padding.gif) no-repeat center left;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
  }
  
  #menu #login {
    display: none;
  }
  
  #menu #login form, #menu label, #menu input {
    font-size: 10pt;
    font-family: arial, verdana;
    text-transform: none;
    padding: 0;
    margin: 0;
    height: 32px;
    line-height: 32px;
    vertical-align: middle;
  }
  
  #menu #login input {
    line-height: 10pt;
    height: 11pt;
    border: 3px solid #fff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background: #fff;
  }

  #menu #login fieldset {
    padding: 0 10px;
    line-height: 26px;
    height: 26px;
  }
  
  #menu #login #loginbutton {
    width: 23px;
    height: 23px;
    border: 0;
    margin: 0 0 0 5px;
    background: url(/images/loginbutton.gif) no-repeat;
    outline: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
  }
  
  #menu #login #loginbutton:hover {
    background: url(/images/loginbutton.gif) no-repeat 0 -23px;
  }

  /* =HEADER/LOGO
     ----------------------------------------------------*/

  #logo {
    background: url(/images/bg_orange.png);
    border-bottom: 1px solid #a45b04;
    vertical-align: middle;
    height: 120px;
  }

  #logo img {
    margin: 15px;
    float: left;
  }
  
  #logo #adsense {
    padding: 15px 0 0 277px;
  }
  
/* =INFOBOX
   ----------------------------------------------------*/
   
#infobox {
  background: url(/images/bg_green.png);
  border-bottom: #66a461 1px solid;
  height: 35px;
  line-height: 35px;
  text-align: center;
  font-size: 16pt;
  font-family: Tahoma;
}

#infobox.error {
  background: url(/images/bg_red.png) !important;
  border-bottom: #af1c1c 1px solid !important;
}



/* =CONTENT
   ----------------------------------------------------*/

#content {
  padding: 15px 20px 40px 20px;
}


#monthnav, #monthnav_lite {
  height: 24pt;
  margin: 15px 0;
}

#monthnav ul {
	text-align: center;
}

#monthnav ul, #monthnav_lite ul, #navigation ul li {
	list-style: none;
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS", arial, helvetica, sans-serif;
}

#monthnav ul li, #monthnav_lite ul li {
	display: inline;
}

#monthnav ul a {
    padding: 0 15px;
    color: #fff;
    text-decoration: none;
    vertical-align: baseline;
    line-height: 24pt;
}

#monthnav ul a:hover {
    text-decoration: underline;
}

#monthnav_lite {
    margin: -100px 0 0;
    padding: 0 10px 30px;
}

#monthnav_lite ul a:hover {
    text-decoration: none;
    color: #fff;
}

#monthnav_lite a, #monthnav_lite li {
    text-decoration: none;
    font-size: 120px;
    font-family: arial, helvetica, sans-serif;
    color: #4c6585;
}

#monthnav_lite .prev {
 float: left;
}

#monthnav_lite .next {
    float: right;
}

#monthnav .step2 {
    font-size: 12pt;
}

#monthnav .step1 {
    font-size: 18pt;
}

#monthnav .step0 {
    font-size: 24pt;
}


#calcontainer table {
  width: 100%;
}

#calcontainer td {
  overflow: hidden;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  background: url(/images/bg_blue.png);
  border: #6188a4 1px solid; 
  height: 71pt;
  font-size: 8pt;
  font-family: tahoma,Arial,helvetica,sans-serif;
}

#calcontainer td div {
  padding: 10px 10px 10px 16px;
  font-size: 8pt;
  font-family: Tahoma,Arial,helvetica,sans-serif;
}

#day1, #day7 {
  width: 15%;
}

#day2, #day3, #day4, #day5, #day6 {
  width: 14%;
}

#weekdays th {
  background: url(/images/bg_weekday.png);
  border: 0;
  border-bottom: 1px solid #a45b04;
  text-align: center;
  height: 21px;
  -moz-border-radius: 0x;
  -webkit-border-radius: 0x;
  min-height: 20px;
}

#weekdays div {
  width: 100%;
  height: 20px;
  text-indent: -5000px;
  margin-bottom: -5px;
}

#day1 div {
  background: url(/images/monday.png) no-repeat bottom center;
}

#day2 div {
  background: url(/images/tuesday.png) no-repeat bottom center;
}

#day3 div {
  background: url(/images/wednesday.png) no-repeat bottom center;
}

#day4 div {
  background: url(/images/thursday.png) no-repeat bottom center;
}

#day5 div {
  background: url(/images/friday.png) no-repeat bottom center;
}

#day6 div {
  background: url(/images/saturday.png) no-repeat bottom center;
}

#day7 div {
  background: url(/images/sunday.png) no-repeat bottom center;
}


.watched {
  margin-left: -12px;
  margin-right: 2px;
}
.watched img {
  border: 0;
  width: 10px;
  height: 10px;
}

.showlist .watched {
    margin: 0;
}

.newseason {
  color: #feae34 !important;
}

.oldday, .olddayhover {
  background: url(/images/bg_gray.png) !important;
  border: #313131 solid 1px !important;
/*   color: #1d1d1d; */
  color: #999999;
}

.today {
  background: url(/images/bg_green.png) !important;
  border: #66a461 solid 1px !important;
}

.notmonthday {
  background: transparent;
  visibility: hidden;
}

#calcontainer .daynum {
  font-size: 72pt;
  font-family: garamond;
  letter-spacing: -15px;
  z-index: -1;
  margin-top: -34px;
  margin-left: -17px;
  padding-top: 0;
  margin-bottom: -65pt;
  color: #57616c;
}

.today .daynum {
  color: #597755 !important;
}

.oldday .daynum {
  color: #232323 !important;
}

.feeds p {
  padding: 10px 0 15px 0;
}

.feeds img.floatleft {
  float: left;
  margin: 0 5px 0 0;
}

.feeds ul {
  margin-left: 211px;
}

.feeds ul li {
  font-size: 13px;
  font-weight: bold;
  margin-left: 25px;
}

.feeds ul li ul {
  margin-bottom: 10px;
  margin-left: 15px;
}

.feeds ul li ul li {
  font-weight: normal;
  height: 22px;
  line-height: 20px;
  font-size: 85%;
}

.feeds strike {
  color: #96cbfd;
  font-decoration: underline;
}

.formatinfo {
/*  display: -moz-inline-box;
  display: inline-block;*/
  background: url(/images/info.png) no-repeat;
  height: 16px;
  width: 16px;
  font-size: 10px;
  text-indent: -5000px;
  vertical-align:bottom;
  overflow: hidden;
  margin-left: 10px;
}

a.tooltipme {
  position: relative;
  z-index: 24;
  padding: 0;
  background: transparent;
}

a.tooltipme img {
  vertical-align: middle;
}

a.tooltipme span{
  display: none;
}

a.tooltipme:hover {
  z-index: 25;
  color: #aaaaff;
  padding: 0;
  background: transparent;
}

a.tooltipme:hover span.tooltip{
  display: block;
  position: absolute;
  top: 15px;
  left: 0;
  padding: 0;
  width: 200px;
  color: #fff;
  line-height: 11px;
  text-align: left;
  text-decoration: none;
  filter: alpha(opacity:90);
  KHTMLOpacity: 0.80;
  MozOpacity: 0.80;
  opacity: 0.80;
}

a.tooltipme span.tooltip strong {
  font-size: 120%;
}

a.tooltipme:hover span.top{
  display: block;
  padding: 30px 8px 0;
  background: url(/images/tooltip.png) no-repeat top;
}
a.tooltipme:hover span.middle{
  display: block;
  padding: 0 8px;
  font-size: 10px;
}
a.tooltipme:hover span.bottom{
  display: block;
  padding:3px 8px 10px;
  color: #548912;
  background: url(/images/tooltip.png) no-repeat bottom;
}


.settings select {
  background: #000;
  color: #fff;  
  border: 0;
  font-family: Verdana, Arial, helvetica, sans-serif;
  font-size: 13px;
  border: 1px solid #464646;
}

.settings .showselectbox {
  overflow: hidden;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  background: url(/images/bg_blue.png);
  border: #6188a4 1px solid; 
  min-height: 50px;
  font-size: 10pt;
  font-family: tahoma,Arial,helvetica,sans-serif;
  padding: 15px 10px;
  margin-top: 15px;
}

.settings .showselectbox h3 {
  font-size: 72pt;
  line-height: 72pt;
  font-family: garamond;
  letter-spacing: -15px;
  z-index: -1;
  color: #57616c;
  margin-top: -34px;
  margin-left: -17px;
  padding-top: 0;
  margin-bottom: -65pt;
}

.settings .showselectbox label {
    cursor: pointer;
    display: inline-block;
    margin: 0;
    padding: 3px 0 0;
    width: 250px;
}

.settings .showselectbox label:hover {
  font-weight: bold;
}

.settings .submitbutton {
  text-align: center;
  padding: 35px 0 10px 0;
}

.register #register input, .register #register label, .login input, .login label, .reset input, .reset label {
  line-height: 10pt;
  font-size: 10pt;
}

.register #register input, .login input, .reset input {
  height: 11pt;
  padding: 3px;
  border: 1px solid #000;
  margin-bottom: 7px;
  background: url(/images/inputbg.png) no-repeat;
}

.register #register label.error, .reset label.error {
	margin-left: 10px;
	width: auto;
	display: inline;
	color: #fd3c3c;
  vertical-align: super;
}

.register #register input.error, .reset input.error {
  border: 1px solid #fd3c3c;
}

.register #register label.valid {
  background: url(/images/valid.png) no-repeat;
  padding-left: 16px;
  height: 16px;
}

.register #register input.valid {
  border: 1px solid #00CC00;
}

.login #login {
  margin-bottom: 30px;
}

.showedit fieldset {
	padding: 10px;
  background: url(/images/bg_blue.png);
  border: #6188a4 1px solid;
  margin-bottom: 25px;
}

.showedit legend {
  font-weight: bold;
  font-size: 12pt;
  font-family: arial,verdana,helvetica;
}

.about ul {
  padding-left: 30px;
}

#showcontainer span {
  width: 39px;
  display: block;
  float: left;
}

#showcontainer span img {
  width: 12px;
  height: 12px;
}


.showlist .show {
	margin: 0 auto;
	text-align: left;
	width: 955px;
	background: transparent url(/images/showlistbg.png) repeat-x;
	border: 1px solid #252525;
	height: 164px;
	margin-bottom: 2px;
	padding: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.showlist .show img.poster {
	border: 2px solid #1a2d41;
	float: left;
	width: 470px;
	height: 160px;
	background: transparent url(/images/shows/shows_placeholder.jpg) no-repeat;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.showlist .show img.tick {
	margin-right: 4px;
}
.showlist .show h2 {
	color: #70b9ef;
	border-bottom: 0;
	font-family: Trebuchet MS,Arial,Helvetica,sans-serif;
	font-size: 25px;
	font-weight: normal;
	letter-spacing: -1px;
	line-height: 25px;
	margin-bottom: 1px;
}

.showlist .show div {
	padding-left: 480px;
}

/* =FOOTER
   ----------------------------------------------------*/
   
#footer {
  height: 20px;
  line-height: 20px;
  position: relative:
  margin-top: -20px;
  background: #000;
  border-top: 1px solid #464646;
  color: #888;
  font-size: 10px;
  text-align: center;
}

#footer #footerimg {
  position: relative;
  vertical-align: right;
  float: right;
  right: 0;
  bottom: 0;
  margin-top: -60px;
}