﻿* {margin:0; padding:0}
body {background:#353435;font-family:Verdana,sans-serif;color:rgb(149,148,149);}
a {color:rgb(239,238,239);text-decoration:none;}
a:hover{text-decoration:underline;color:#55BBCC;}
h1 {color:rgb(239,238,239);margin: 0 0 5px 0;}

#languages {font-size:.8em; text-align: right;float:right;}

#wrapper {width:800px; margin: 0 auto}
#tbm, #slides li {width:800px; height:450px;}
#slides {width:800px; height:450px;position:relative; list-style:none; overflow-y: auto; overflow-x: hidden; overflow : -moz-scrollbars-vertical;}
#slides:hover { cursor:pointer;}

.pagination {list-style:none;width:100%;display:table;margin:10px 0;
-moz-border-radius: 10px;
border-radius: 10px;
background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, rgb(75,74,75)),
    color-stop(0.9, rgb(69,68,69)),
    color-stop(0.1, rgb(63,62,63))
);
background-image: -moz-linear-gradient(
    center bottom,
    rgb(75,74,75) 0%,
    rgb(69,68,69) 90%,
    rgb(63,62,63) 10%
);
background-color: rgb(69,68,69);
}
.pagination li {cursor:pointer;display:table-cell;text-align:center;font-weight:bold;border-color:transparent;border-width:1px 0;border-style:solid;height:16px;}
.pagination li:hover {border-color:#55BBCC;}
li.first{
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 10px;
}
li.last {
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 0px;
}
li#current {
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
}
.pagination li.comments {
-moz-border-radius: 10px;
border-radius: 10px;
width: 36px;
padding-top:4px;
}
li#current, li#past, .pagination li.comments {
background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, rgb(239,238,239)),
    color-stop(0.9, rgb(149,148,149)),
    color-stop(0.1, rgb(239,238,239))
);
background-image: -moz-linear-gradient(
    center bottom,
    rgb(239,238,239) 0%,
    rgb(149,148,149) 90%,
    rgb(239,238,239) 10%
);
background-color: rgb(149,148,149);
}
li.new {color:#55BBCC;}

li.content { width:800px; height:450px; overflow:auto;}

hr{ margin: 16px 0; border: 1px dashed rgb(149,148,149); border-width:1px 0 0 0;color: transparent; background-color: transparent; height: 1px;}

#episodes {list-style:none;width:100%;margin-top:5px;display:table;}
#episodes li {display:table-cell;font-size:.8em;width:150px;}
#episodes li#prev {}
#episodes li#next {text-align:right;}

#episodes ul.list {display:table-cell;text-align:center;}
#episodes ul.list li {display:inline;}

#viral { list-style:none;}
#viral li { margin: 8px 0 3px;; float:left;}
#viral .button { padding-left:20px;font-size:.8em;margin-right:7px; }
#viral .feed { background:url(feed.png) no-repeat left;}
#viral .facebook { background:url(facebook.png) no-repeat left;}
#viral .twitter { background:url(twitter.png) no-repeat left;}
#viral .website{ background:url(website.png) no-repeat left;}

#comments {clear:both;background:#F2F2F2;border:rgb(149,148,149) 5px solid;padding:5px; height:350px;overflow:auto;}

#support { margin: 0 auto 0 auto; width:480px;}
#support .button { padding: 50px 0 10px 0; width: 120px; display:block; float:left; text-align:center;}
#support .feed { background:url(feed-48x48.png) no-repeat center top;}
#support .facebook { background:url(facebook-48x48.png) no-repeat center top;}
#support .twitter { background:url(twitter-48x48.png) no-repeat center top;}
#support .website { background:url(website-48x48.png) no-repeat center top;}

#credits { font-size:.6em;float:right; margin-top: 8px;padding-bottom: 8px;}

.tbox {position:absolute; display:none; padding:14px 17px; z-index:900;color:#000;}
.tinner {padding:15px; -moz-border-radius:5px; border-radius:5px; background:#fff url(preload.gif) no-repeat 50% 50%; border-right:1px solid #fff; border-bottom:1px solid #fff;overflow:hidden;}
.tmask {position:absolute; display:none; top:0px; left:0px; height:100%; width:100%; background:#55BBCC; z-index:800}