@charset "utf-8";
/* Markup by Classic Media */
/* http://www.classicmedia.com.au */

/* Defaults */
* {margin:0;outline:0;padding:0}
a, a:visited {color:#039;text-decoration:none}
a:hover {text-decoration:underline}
body {background:url(../images/footer.gif) repeat-x left bottom;font:0.69em Verdana}
html {background:url(../images/bg.gif) repeat-x left top #FFF}
h3 {color:#039;font:bold 1em Verdana}
h3 a {color:#039}
h4 {color:#6A6A6A;font:0.91em Verdana}
h4 a {color:#3B5998}
img, fieldset {border:0}
p {margin:0 0 1em}

/* Containers */
#page {margin:0 auto;width:980px}
#skip {display:none}

/* Header */
#header h1 {background:url(../images/logo.gif) no-repeat;height:74px;float:left;text-indent:-1000em;width:343px}
#header h1 a {display:block;height:100%;width:100%}
#header ul {list-style:none}
#header #top {display:inline;float:right;font-size:0.91em;margin:35px 50px 0 0}
#header #top li {border-left:1px solid #E4EFFD;display:inline;padding:0 20px}
#header #top li.first {border:0}
#header #top li a {color:#E4EFFD}
#header #menu {clear:both;float:left;font-size:1.09em;margin:6px 0 0;width:100%}
#header #menu li {background:url(../images/divider.gif) no-repeat top right;display:inline;float:left;padding:0 2px 0 0}
#header #menu li a {color:#3B5998;display:block;float:left;font-weight:bold;height:23px;padding:10px 20px 0}
#header #menu li a:hover {background:url(../images/menu.gif) repeat-x;text-decoration:none}
#header #submenu {color:#EEE;float:left;font-size:0.91em;margin:9px 0 0;width:100%}
#header #submenu li {border-left:1px solid #D9D9D9;float:left;padding:0 8px}
#header #submenu li.noborder {border:0;padding:0 8px 0 0}
#header #submenu li a {color:#D9D9D9}

/* Login */
#login {clear:both;padding:15px 0 0;width:100%}
#login a {color:#0C63D9}
#login .loggedin {float:left;width:200px}
#login .loggedin img {float:left;margin:0 5px 0 0}
#login form {float:left;width:200px}
#login input {border:1px solid #B0B0B0;color:#666;font:11px Verdana;padding:2px 4px;width:80px}
#login legend {color:#333;font-weight:bold;display:inline;padding:0 0 5px;position:relative;left:-7px}
#login p {margin:0;text-indent:5px}
#login p.first {margin:0px 0 0}
#login .largebanner{width:740;height:90;display:block}
#login img {float:left;margin:0 0 0 25px;border:1px solid #CCC}
#login #rememberme {border:0;width:20px;margin:2px 0 0 0;padding:0 0 0 0}
#login #login-button {border:0;float:left;clear:both;padding:5px 0 0 0;width:auto}

/* Body */
#content {float:left;margin:11px 0 0;width:100%}
#left {float:left;margin:4px 0 0;width:16.3%}
#middle {float:left;margin:0 0 0 4px;width:49%}
#right {float:left;margin:0 0 0 4px;width:33.2%}

/* Default Box */
#content .box {border:3px solid #CED1D6;margin:4px 0 0;overflow:hidden;padding:1px}
#content .box h2 {background:url(../images/heading.gif) repeat-x;color:#000;font:bold 1.09em Arial;padding:7px 8px}
#content .box p {margin:5px}
#content .box img {border:1px solid #000}
#content ul.notice {margin:10px 0 10px 25px}

#content table {width: 95%;margin-left:5px}
#content td {padding: 2px; width: 33%;}
#content tr {background-color: #e9e9e9;}
#content tr:hover {background-color: #f3f3f3;}

/* Join Newsletter */
#left form {margin:5px}
#left #newsletter {margin:5px}
#left #newsletter input {border:1px solid #CCC;padding:2px;width:130px}
#left #newsletter input.radio {border:0;padding:0;width:auto}
#left #newsletter label {clear:both;float:left;font-size:0.91em;margin:3px 0 0}
#left #newsletter strong {font-size:1.09em}
#left #newsletter #submit {border:0;clear:both;float:left;padding:0;margin:10px 0 0 75px;width:auto}


/* Episode */
#middle .episode img {float:left;margin:7px}
#middle .episode dl {float:left;font-size:1.09em;margin:7px 0 0;width:275px}
#middle .episode dt {clear:both;float:left;font-weight:bold;margin:0 0 5px;width:110px}
#middle .episode dt.double {height:33px}
#middle .episode dd {float:right;clear:right;text-align:left;margin:0 0 5px;width:150px}
#middle .episode p {clear:both}

/* List */
#middle .list {clear:both;padding-bottom:20px}
#middle .list .episode-list {background:url(../images/dotted.gif) repeat-x left bottom;float:left;display:inline;margin:0 7px 0 7px;padding:0 0 10px 0;overflow:hidden}
#middle .list ul {overflow:hidden;list-style:none;margin:10px 0 0px 0px}
#middle .list ul li {float:left;width:100px;}
#middle .list ul li.epnum{width:35px;}
#middle .list ul li.title{width:220px;}
#middle .list ul li a {font-weight:bold}
#middle .list img {float:left;margin:10px 0px 0px}
#middle .list p {float:right;width:275px;margin:10px 0 0;}

/* Read More */
#middle .box p.more {margin:1em 0 1em 10px}
#middle .box p.more a {background:url(../images/arrow.gif) no-repeat left 4px;padding:0 0 0 12px}

/* Random Clip */
#middle .clip {float:left;min-height:242px;height:auto !important;height:242px;width:168px}
#middle .clip a {font-weight:bold}
#middle .clip img {margin:7px 7px 10px}
#middle .clip h3 {color:#000;display:inline;margin:10px 0 0 7px}
#middle .clip p {margin:0 0 0 7px;width:100px}
#middle .clip .length {float:left}
#middle .clip p.length {display:inline;margin:10px 0 0 3px}

/* Clip Box */
#middle .clipbox a {font-weight:bold}
#middle .clipbox img {margin:7px 7px 10px}
#middle .clipbox h3 {color:#000;display:inline;margin:10px 0 0 7px}
#middle .clipbox p {margin:0 0 0 7px;width:100px}
#middle .clipbox .length {float:left}
#middle .clipbox p.length {display:inline;margin:10px 0 0 3px}

/* Clips */
#middle .clips-column {margin:0 -1px 10px 5px;text-align:center;clear:both}
#middle .clips-column div {float:left;margin:0 10px 0px 0px;width:140px}
#middle .clips-column a {font:.916em Verdana, Arial, Helvetica, sans-serif}
#middle .clips-column a:hover {text-decoration:underline}
#middle .clips-column p {margin:0 0 3px}
#middle .clips-column p.bottom {color:#4D4D4D;font:normal .916em/0.5em Verdana, Arial, Helvetica, sans-serif;text-decoration:none}
#middle .clips-column img {border:1px solid #CCC;margin:12px 0 0}

/* Past Episodes */
#middle .episodes {clear:both;float:left;margin:2px 0 0;width:472px}
#middle .episodes h3 {font:bold 1.27em Arial}
#middle .episodes h4 {color:#666;font:0.91em Verdana}
#middle .episodes img {float:left;margin:7px 0 0}
#middle .episodes p {float:right;width:270px}
#middle .episodes ul {clear:both;list-style:none}
#middle .episodes ul li {float:left;margin:0 7px 0 0}
#middle .episodes ul img {border:0}
#middle .episode-box {background:url(../images/dotted.gif) repeat-x left bottom;float:left;display:inline;margin:7px;padding:0 0 10px;overflow:hidden}
#middle p.discuss {clear:both;margin:4px 0 0;float:left}
#middle p.discuss a {background:url(../images/arrow.gif) no-repeat left 4px;padding:0 0 0 12px}
#middle p.morecontent {clear:both;float:left;display:inline;margin:2px 0 0 320px;padding:0 0 7px}
#middle p.new {clear:both;float:left;display:inline;margin:2px 0 0 320px;padding:0 0 7px}
#middle p.new a {background:url(../images/arrow.gif) no-repeat left 4px;padding:0 0 0 12px}
#middle p.morepage {clear:both;float:right;display:inline;margin-right:10px}
#middle p.morepage a {padding:0 0 0 0px}

/* News */
#middle .news {clear:both;float:left;margin:4px 0 0;width:472px}
#middle .news h4 {color:#666;font:0.91em Verdana;margin:7px;}
#middle .news p {margin:7px;}

/* Forms */
#middle .form {clear:both;float:left;width:472px;}
#middle .form p {margin:10px 0 10px 7px;}
#middle .form form {margin:10px 0px 10px 0;}
#middle .form label {clear:left;float:left;font-size:0.91em;margin:3px 0px 0 7px;width:180px}
#middle .form input {border:1px solid #CCC;padding:2px;width:180px;margin:5px 0 5px 7px;}
#middle .form select {border:1px solid #CCC;padding:2px;width:50px;margin:5px 0 5px 7px;}
#middle .form select option{padding:0 0 0 5px;}
#middle .form textarea {border:1px solid #CCC;padding:2px;width:450px;height:100px;margin:5px 0 5px 7px;overflow:auto}
#middle .form textarea.videolink {width:300px}
#middle .form #submit {clear:both;float:right;padding:0;margin:5px 7px 0 7px;border:1px solid #bbb;color:#444;width:100px}
#middle .form #videolink {clear:both;float:left;padding:0;margin:5px 7px 0 213px;border:1px solid #bbb;color:#444;width:100px}
#middle .form #registration {clear:both;float:left;padding:0;margin:10px 7px 0 7px;border:1px solid #bbb;color:#444;width:100px}
#middle .form #avatar {clear:both;float:left;padding:0;margin:0px 7px 0px 7px;border:1px solid #bbb;color:#444;width:100px}
#middle .form #newpassword {clear:both;float:left;padding:0;margin:5px 7px 0 63px;border:1px solid #bbb;color:#444;width:130px}
#middle .form #rememberme {border:0;width:20px;margin:4px 0 0 7px;}
#middle .form br {clear:left}
#middle .form strong {font-size:1.09em}
#middle .form .registration {margin:10px 7px 10px 7px}
#middle .form .error {color:#ff0000}
#middle .form .smallError {margin:0px 0 0px 7px;color:#ff0000;font-size:10px}

/* Avatar */
#middle .avatars {margin:0px 0 0 7px;text-align:center;clear:both}
#middle .avatars div {float:left;margin:0 10px 10px 0px;width:80px;text-align:center}
#middle .avatars input {width:auto;border:0px}
#middle .avatars img {border:1px solid #CCC}

/* Middle Others*/
#middle .imgleft {float:left;margin:0px 5px 5px 0;}

/* Recent News */
#right .story h3 {color:#039;font:bold 1em Verdana}
#right .story h4 {font:normal 1em Verdana;margin:0 0 5px}
#right .story {background:url(../images/arrow2.gif) no-repeat 10px 5px;padding:0 10px 0 25px}
#right .story p {margin:0 0 1em;overflow:hidden}
#right .first {background:url(../images/arrow2.gif) no-repeat 10px 15px;padding:10px 10px 0 25px}
#right .more {background:url(../images/dotted.gif) repeat-x left bottom;margin:0;padding:0 0 7px}
#right .more a {background:url(../images/arrow.gif) no-repeat left 4px;padding:0 0 0 12px}
#right p.more-news {background:none;display:inline;float:left;margin:0 0 0 215px}
#right .news {float:left;width:317px}

/* Popular Episodes */
#right .popular {clear:both;float:left;width:317px}
#right .popular-box {clear:both;padding:10px}
#right .popular-box img {float:left}
#right .info {float:left;margin:0 0 0 10px}
#right .popular-box dl {background:url(../images/dotted.gif) repeat-x left bottom;font-size:0.91em;padding:0 0 7px;overflow:hidden;width:175px}
#right .popular-box dt {clear:both;float:left;font-weight:bold;width:100px}
#right .popular-box dd {clear:right;float:right;text-align:left;width:75px}
#right p.more-newest {background:none;clear:both;display:inline;float:left;margin:5px 0 0 120px}


/* Upcoming Episodes */
#right .upcoming-box {clear:both;padding:10px}
#right .upcoming-box img {float:left;border:1px solid #999}
#right .info {float:left;margin:0 0 0 10px}
#right .upcoming-box dl {font-size:0.91em;padding:0 0 7px;overflow:hidden;width:175px}
#right .upcoming-box dt {clear:both;float:left;font-weight:bold;width:100px}
#right .upcoming-box dd {clear:right;float:right;text-align:left;width:75px}
#right .upcoming-box p {margin:5px 0 0 0;font-size:10px}

/* Graphics */
#right .graphics {clear:both;float:left;width:317px}
#right .graphic {clear:both;overflow:hidden;padding:10px}
#right .graphic img {float:left}
#right .graphic .info {float:left;font-size:0.91em;overflow:hidden;width:180px}
#right .graphic h3 {font:bold 1.09em Verdana}
#right .graphic .info p {margin:0}
#right .graphic .info p.added {background:url(../images/dotted.gif) repeat-x left bottom;padding:0 0 7px}
#right p.more-graphics {background:none;float:left;display:inline;margin:0;text-align:right;width:290px}

/* Misc */
#content .mid-ad {float:left;margin:4px 0 0 4px}
#content .right-ad {text-align: center;margin: 6px 0 0 0}

/* Multimedia */
#multimedia .clip h3 {float:left;margin:5px 0 0 7px}
#multimedia .clip h4 {clear:both;margin:0 0 0 7px}
#multimedia .clip p {margin:0 0 0 7px;padding:0;width:90%}
#multimedia .clip p.go {float:right;margin:10px 10px 0 0;text-align:right}
#multimedia .go a {font-weight:normal}

/* Submissions */
#multimedia .submissions {clear:both;float:left;overflow:hidden;width:472px}
#multimedia .sub-box {background:url(../images/dotted.gif) repeat-x left bottom;overflow:hidden;padding:10px 10px}
#multimedia .sub-box h3 {font:bold 1.27em Arial}
#multimedia .sub-box h4 {font:0.82em Verdana}
#multimedia .sub-box p {margin:0 0 1em}
#multimedia .sub-box p.nomargin {margin:0}
#multimedia .sub-box img {float:left;margin:0 10px 0 0}
#multimedia .view {font-size:0.91em}
#multimedia .sub-box p.more a {padding:0 0 0 9px}
#multimedia .nobg {background:none}
#multimedia p.new {padding:5px 0}

/* Multimedia Menu */
#multimedia .multimedia ul {list-style:none;margin:5px 0 5px 10px}
#multimedia .multimedia ul li {background:url(../images/arrow2.gif) no-repeat left center;padding:4px 0 4px 15px}

/* Fanfics */
#multimedia .fanfics {clear:both;float:left;margin:4px 0 0;width:317px}
#multimedia .fanfic p {margin:0}
#multimedia .fanfic {padding:10px 10px 0}
#multimedia .fanfic p.small {background:none;font-size:0.91em;margin:5px 0 0}
#multimedia p.more-fanfic {background:none;margin:0 15px 0 0;text-align:right}

/* Random Quote */
#episode .clip {font-size:0.91em}
#episode .clip h2 {font-size:1.2em}
#episode .clip cite {font-style:normal;float:left;font-weight:bold;margin:5px 0 0 8px}
#episode .clip blockquote {clear:both;padding:10px 0 0;width:100%}
#episode .clip blockquote p {margin:0 10px 1em;width:90%}

/* Community Reviews */
#episode .reviews {clear:both;float:left;width:472px}
#episode .review {background:url(../images/dotted.gif) repeat-x left bottom;margin:10px 10px 0;padding-bottom:10px;overflow:hidden;width:450px}
#episode .reviews p {margin-left:7px;}
#episode .in-review {margin:10px 10px 0;overflow:hidden;width:450px}
#episode .avatar {float:left;margin:0 0 0px;width:90px}
#episode .avatar img {border:1px solid #CCC}
#episode .avatar p {text-align:center;font-weight:bold;margin:2px 0 0}
#episode .avatar p.report a {color:#C00}
#episode .comment h3 {font:bold 1.27em Arial}
#episode .comment p {margin:0 0 1em}
#episode .comment {float:left;margin:0 0 0 10px;width:330px}
#episode .addcomment {float:right}
#episode .comment .rating {float:right;font:bold 1.5em Arial;color:#fff;background:url(../images/rating_bg.gif) no-repeat center center;width:25px;line-height:25px;text-align:center}
#episode .reviews p.read-comment {margin:0 0 0px}
#episode .reviews p.see-all {margin:5px 0 0;text-align:right;width:97%}

/* Episode Menu */
#episode .episodes-menu ul {list-style:none;margin:5px 0 5px 10px}
#episode .episodes-menu ul li {background:url(../images/arrow2.gif) no-repeat left center;padding:4px 0 4px 15px}

/* Episode Options */
#episode .episodes ul {list-style:none;margin:5px 0 5px 10px}
#episode .episodes ul li {padding:5px 0 5px 30px}
#episode .episodes ul li.home {background:url(../images/home.gif) no-repeat left center}
#episode .episodes ul li.add-recommended {background:url(../images/add_favorite.gif) no-repeat left center}
#episode .episodes ul li.remove-recommended {background:url(../images/remove_favorite.png) no-repeat left center}
#episode .episodes ul li.li-review {background:url(../images/write.gif) no-repeat left center}
#episode .episodes ul li.email {background:url(../images/email.gif) no-repeat left center}

/* Episode Links */
#episode .links {overflow:hidden;width:317px}
#episode .links p {color:#8E8E8E}
#episode .links ul {list-style:none;margin:5px 0 5px 10px}
#episode .links ul li {background:url(../images/link.gif) no-repeat left 4px;color:#999;font-size:0.91em;padding:0 0 0 30px}
#episode .links ul li a {color:#3B5998;font-size:1.2em}
#episode .links p a {color:#3B5998;font-size:1.09em}
/* #episode p.more-links {background:url(../images/tv.gif) no-repeat left center;float:left;display:inline;margin:5px 0 5px 10px;padding:0 0 0 20px} */
#episode p.add-link {background:url(../images/tv-add.gif) no-repeat left center;float:left;display:inline;margin:5px 0 5px 10px;padding:0 0 0 20px}

/* Humor and Reference */
#episode .humor ul {list-style:none;font-size:0.91em;margin:5px 0 5px 10px}
#episode .humor ul li {background:url(../images/arrow2.gif) no-repeat left 8px;padding:5px 0 5px 14px}

/* Information Reviews */
#information .reviews {clear:both;float:left;width:472px}
#information .review {background:url(../images/dotted.gif) repeat-x left bottom;margin:10px 10px 0;overflow:hidden;width:450px}
#information .in-review {margin:10px 10px 0;overflow:hidden;width:450px}
#information .avatar {float:left;margin:0 0 10px;width:90px}
#information .avatar img {border:1px solid #CCC}
#information .avatar p {text-align:center;font-weight:bold;margin:2px 0 0}
#information .avatar p.report a {color:#C00}
#information .comment h3 {font:bold 1.27em Arial}
#information .comment p {margin:0 0 1em}
#information .comment {float:left;margin:0 0 0 10px;width:330px}
#information .addcomment {float:right}
#information .comment .rating {float:right;font:bold 1.5em Arial;color:#fff;background:url(../images/rating_bg.gif) no-repeat center center;width:25px;line-height:25px;text-align:center}
#information .reviews p.read-comment {margin:0 0 10px}
#information .reviews p.see-all {margin:5px 0 0;text-align:right;width:97%}

/* Multimedia Menu */
#information .multimedia ul {list-style:none;margin:5px 0 5px 10px}
#information .multimedia ul li {background:url(../images/arrow2.gif) no-repeat left center;padding:4px 0 4px 15px}

/* Fanfics */
#information .fanfics {clear:both;float:left;margin:4px 0 0;width:317px}
#information .fanfic p {margin:0}
#information .fanfic {padding:10px 10px 0}
#information .fanfic p.small {background:none;font-size:0.91em;margin:5px 0 0}
#information p.more-fanfic {background:none;margin:0 15px 0 0;text-align:right}

/* My Account Reviews */
#index .reviews {clear:both;float:left;width:472px}
#index .review {background:url(../images/dotted.gif) repeat-x left bottom;margin:10px 7px 0;overflow:hidden;width:450px}
#index .in-review {margin:10px 10px 0;overflow:hidden;width:450px}
#index .avatar {float:left;margin:0 0 10px;width:90px}
#index .avatar img {border:1px solid #CCC}
#index .avatar p {text-align:center;font-weight:bold;margin:2px 0 0}
#index .avatar p.report a {color:#C00}
#index .comment h3 {font:bold 1.27em Arial}
#index .comment p {margin:0 0 1em}
#index .comment {float:left;margin:0 0 0 0px;width:430px}
#index .addcomment {float:right}
#index .comment .rating {float:right;font:bold 1.5em Arial;color:#fff;background:url(../images/rating_bg.gif) no-repeat center center;width:25px;line-height:25px;text-align:center}
#index .reviews p.read-comment {margin:0 0 10px 0px}
#index .reviews p.see-all {margin:5px 0 0;text-align:right;width:97%}

/* Multimedia Menu */
#index .rightmenu ul {list-style:none;margin:5px 0 5px 10px}
#index .rightmenu ul li {background:url(../images/arrow2.gif) no-repeat left center;padding:4px 0 4px 15px}
#index .rightmenu p {margin:5px 0 5px 7px}

/* Footer */
#footer {clear:both;color:#E0E0E0;font-size:0.91em;padding:42px 0 0;overflow:hidden;height:153px;width:100%}
#footer a {color:#D9D9D9}
#footer p {float:left}
#footer strong {color:#EEE}
#footer ul {list-style:none}
#footer #bottom {float:right}
#footer #bottom li {border-left:1px solid #E4EFFD;display:inline;padding:0 20px}
#footer #bottom li.noborder {border:0}
#footer #seasons {clear:both;float:left;margin:7px 0 0;width:100%}
#footer #seasons li {border-left:1px solid #D9D9D9;display:inline;padding:0 5px}
#footer #seasons li.noborder {border:0;padding:0 5px 0 0}
#bottom-ad {float:left;padding:12px 0 0;text-align:center;width:100%}