/* ----------------------------------------------------- */ /* Stylesheet: Time Trumpet */ /* ----------------------------------------------------- */ /* Reset styles */ /* ----------------------------------------------------- */ /* Site font face */ html,body{font-family:'Arial',verdana,tahoma,georgia,sans-serif;} p,li,dt,dd,label,address,th,td,legend,input,select,textarea{font-size:75%;line-height:120%;} th dt, td dt, th dd, td dd, th li, td li, li li, dt dt, dt dd, dd dt, dd dd, legend legend{font-size:100%;} h1,h3,h4,h5,h6,pre,code,input,textarea,select{font-size:1em;} h2{font-size:50%;font-color:##ccccff} /* to avoid ff<1.03 bug (instead of *) and normalise spacing */ html,body,div,pre,form,table,fieldset,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,hr,p,blockquote{margin:0;padding:0;} h1,h2,h3,h4,h5,h6,p,pre{margin-bottom:1em;} /* constant look and cursor */ abbr,acronym{font-style:normal;cursor:help;} a img,:link img,:visited img,fieldset{border:none;} ul,ol,dl{list-style:none;} table{border-collapse:collapse;} td, th{vertical-align:top;} img,object,embed{border:none;vertical-align:bottom;} /* Custom Classes */ /* ----------------------------------------------------- */ /* contain */ .contain:after{content:".";display:block;clear:both;visibility:hidden;height:0;} .contain{display:inline-table;} * html .contain{/* nomac \*/height:1%;/* nomac */} .contain{display:block;}/* should hide from mac but seems to work */ /* Typography */ /* ----------------------------------------------------- */ body { background:#000000 url(../img/bg.jpg); color:#fff; font-family:Tahoma, Arial, sans-serif; } a { color:#ffffff; } /* Layout */ /* ----------------------------------------------------- */ body { text-align:center; width:100%; } #pageWrap { text-align:left; width:750px; margin:0 auto; } #header {margin:0 0 1em 0; height:10em; } #header h1 { margin:5em 0px 0 0; font-weight:normal;} #header .imgDiv { margin:1em 0 0 500px;} #header .titleDiv {width:230px; float:left;} .row { margin:0 0 1em 0; } .episode { float:left; margin:0 20px 0 0; border:2px solid #fff; } .episode .footer { width:196px; padding:10px 15px; min-height:200px; } .episode .imgDiv { margin:0 0 1em 0; } .episode dl { margin:0 0 0 3px; } .episode dt { margin:0 0 0.7em 0; color:#999999; } .episode dd { padding-left:0; color:#999999 !important; background:none !important; } .episode dd a { display:block; padding:0 0 0.7em 15px; } .episode a:hover { color:#fff !important; } .banana { position:relative; width:150px; margin:1em 0px 0 0; font-weight:normal; font-size:75%; } .episode .blank { width:196px; padding:10px 15px;} #footer { text-align:right; padding:0 20px 20px 0; } #footer a { color:#555555; } #footer a:hover { color:#ffffff; } /* Layout of full page */ /* ----------------------------------------------------- */ .fullrow { margin:0 0 1em 0; } .page { float:left; margin:0 20px 0 0; border:2px solid #fff; } .page .footer { width:470px; padding:10px 15px; min-height:200px; } .page .imgDiv { margin:0 0 1em 0; } .page dl { margin:0 0 0 3px; } .page dt { margin:0 0 0.7em 0; color:#999999; } .page dd { padding-left:0; color:#999999 !important; background:none !important; } .page dd a { display:block; padding:0 0 0.7em 15px; } .page a:hover { color:#fff !important; } p { margin-bottom : 10px; } span.caption-image { display : block; } .left { float : left; margin-right : 10px; } .right { float : right; margin-left : 5px; } .mainpromo { margin-bottom : 10px; } /* Episode Specific */ /* ----------------------------------------------------- */ #e1 { border-color:#ff6600; background:#000000 url(../img/bg_e1.gif) no-repeat; } #e1 .footer { background:url(../img/ftr_e1.gif) bottom no-repeat; } #e1 dd a { color:#ff6600; background:url(../img/bullet_e1.gif) no-repeat; } #e2 { border-color:#ffcc33; background:#000000 url(../img/bg_e2.gif) no-repeat; } #e2 .footer { background:url(../img/ftr_e2.gif) bottom no-repeat; } #e2 dd a { color:#ffcc33; background:url(../img/bullet_e2.gif) no-repeat; } #e3 { border-color:#cc00ff; background:#000000 url(../img/bg_e3.gif) no-repeat; } #e3 .footer { background:url(../img/ftr_e3.gif) bottom no-repeat; } #e3 dd a { color:#cc00ff; background:url(../img/bullet_e3.gif) no-repeat; } #e4 { border-color:#33b3cc; background:#000000 url(../img/bg_e4.gif) no-repeat; } #e4 .footer { background:url(../img/ftr_e4.gif) bottom no-repeat; } #e4 dd a { color:#33b3cc; background:url(../img/bullet_e4.gif) no-repeat; } #e5 { border-color:#66cc00; background:#000000 url(../img/bg_e5.gif) no-repeat; } #e5 .footer { background:url(../img/ftr_e5.gif) bottom no-repeat; } #e5 dd a { color:#66cc00; background:url(../img/bullet_e5.gif) no-repeat; } #e6 { border-color:#e41b5b; background:#000000 url(../img/bg_e6.gif) no-repeat; } #e6 .footer { background:url(../img/ftr_e6.gif) bottom no-repeat; } #e6 dd a { color:#e41b5b; background:url(../img/bullet_e6.gif) no-repeat; } /* Biogs Index Specific */ /* ----------------------------------------------------- */ #b1 { border-color:#ff6600; background:#000000 url(../img/bg_e1.gif) no-repeat; } #b1 .footer { background:url(../img/ftr_e1.gif) bottom no-repeat; } #b1 dd a { color:#ff6600; background:url(../img/bullet_e1.gif) no-repeat; } #b2 { border-color:#ffcc33; background:#000000 url(../img/bg_e2.gif) no-repeat; } #b2 .footer { background:url(../img/ftr_e2.gif) bottom no-repeat; } #b2 dd a { color:#ffcc33; background:url(../img/bullet_e2.gif) no-repeat; } #b3 { border-color:#cc00ff; background:#000000 url(../img/bg_e3.gif) no-repeat; } #b3 .footer { background:url(../img/ftr_e3.gif) bottom no-repeat; } #b3 dd a { color:#cc00ff; background:url(../img/bullet_e3.gif) no-repeat; } #b4 { border-color:#33b3cc; background:#000000 url(../img/bg_e4.gif) no-repeat; } #b4 .footer { background:url(../img/ftr_e4.gif) bottom no-repeat; } #b4 dd a { color:#33b3cc; background:url(../img/bullet_e4.gif) no-repeat; } #b5 { border-color:#66cc00; background:#000000 url(../img/bg_e5.gif) no-repeat; } #b5 .footer { background:url(../img/ftr_e5.gif) bottom no-repeat; } #b5 dd a { color:#66cc00; background:url(../img/bullet_e5.gif) no-repeat; } #b6 { border-color:#e41b5b; background:#000000 url(../img/bg_e6.gif) no-repeat; } #b6 .footer { background:url(../img/ftr_e6.gif) bottom no-repeat; } #b6 dd a { color:#e41b5b; background:url(../img/bullet_e6.gif) no-repeat; } #b7 { border-color:#ff6600; background:#000000 url(../img/bg_e1.gif) no-repeat; } #b7 .footer { background:url(../img/ftr_e1.gif) bottom no-repeat; } #b7 dd a { color:#ff6600; background:url(../img/bullet_e1.gif) no-repeat; } #b8 { border-color:#ffcc33; background:#000000 url(../img/bg_e2.gif) no-repeat; } #b8 .footer { background:url(../img/ftr_e2.gif) bottom no-repeat; } #b8 dd a { color:#ffcc33; background:url(../img/bullet_e2.gif) no-repeat; } #b9 { border-color:#cc00ff; background:#000000 url(../img/bg_e3.gif) no-repeat; } #b9 .footer { background:url(../img/ftr_e3.gif) bottom no-repeat; } #b9 dd a { color:#cc00ff; background:url(../img/bullet_e3.gif) no-repeat; } /* Biogs Page Specific */ /* ----------------------------------------------------- */ #p1 { border-color:#ff6600; background:#000000 url(../img/bg_p1.gif) no-repeat; } #p1 .footer { background:url(../img/ftr_p1.gif) bottom no-repeat; } #p1 dd a { color:#ff6600; background:url(../img/bullet_e1.gif) no-repeat; } #p2 { border-color:#ffcc33; background:#000000 url(../img/bg_p2.gif) no-repeat; } #p2 .footer { background:url(../img/ftr_p2.gif) bottom no-repeat; } #p2 dd a { color:#ffcc33; background:url(../img/bullet_e2.gif) no-repeat; } #p3 { border-color:#cc00ff; background:#000000 url(../img/bg_p3.gif) no-repeat; } #p3 .footer { background:url(../img/ftr_p3.gif) bottom no-repeat; } #p3 dd a { color:#cc00ff; background:url(../img/bullet_e3.gif) no-repeat; } #p4 { border-color:#33b3cc; background:#000000 url(../img/bg_p4.gif) no-repeat; } #p4 .footer { background:url(../img/ftr_p4.gif) bottom no-repeat; } #p4 dd a { color:#33b3cc; background:url(../img/bullet_e4.gif) no-repeat; } #p5 { border-color:#66cc00; background:#000000 url(../img/bg_p5.gif) no-repeat; } #p5 .footer { background:url(../img/ftr_p5.gif) bottom no-repeat; } #p5 dd a { color:#66cc00; background:url(../img/bullet_e5.gif) no-repeat; } #p6 { border-color:#e41b5b; background:#000000 url(../img/bg_p6.gif) no-repeat; } #p6 .footer { background:url(../img/ftr_p6.gif) bottom no-repeat; } #p6 dd a { color:#e41b5b; background:url(../img/bullet_6.gif) no-repeat; } #p7 { border-color:#ff6600; background:#000000 url(../img/bg_p1.gif) no-repeat; } #p7 .footer { background:url(../img/ftr_p1.gif) bottom no-repeat; } #p7 dd a { color:#ff6600; background:url(../img/bullet_e1.gif) no-repeat; } #p8 { border-color:#ffcc33; background:#000000 url(../img/bg_p2.gif) no-repeat; } #p8 .footer { background:url(../img/ftr_p2.gif) bottom no-repeat; } #p8 dd a { color:#ffcc33; background:url(../img/bullet_e2.gif) no-repeat; } #p9 { border-color:#cc00ff; background:#000000 url(../img/bg_p3.gif) no-repeat; } #p9 .footer { background:url(../img/ftr_p3.gif) bottom no-repeat; } #p9 dd a { color:#cc00ff; background:url(../img/bullet_e3.gif) no-repeat; } /* Cast Index Specific */ /* ----------------------------------------------------- */ #c1 { border-color:#ff6600; background:#000000 url(../img/bg_e1.gif) no-repeat; } #c1 .footer { background:url(../img/ftr_e1.gif) bottom no-repeat; } #c1 dd a { color:#ff6600; background:url(../img/bullet_e1.gif) no-repeat; } #c2 { border-color:#ffcc33; background:#000000 url(../img/bg_e2.gif) no-repeat; } #c2 .footer { background:url(../img/ftr_e2.gif) bottom no-repeat; } #c2 dd a { color:#ffcc33; background:url(../img/bullet_e2.gif) no-repeat; } #c3 { border-color:#cc00ff; background:#000000 url(../img/bg_e3.gif) no-repeat; } #c3 .footer { background:url(../img/ftr_e3.gif) bottom no-repeat; } #c3 dd a { color:#cc00ff; background:url(../img/bullet_e3.gif) no-repeat; } #c4 { border-color:#33b3cc; background:#000000 url(../img/bg_e4.gif) no-repeat; } #c4 .footer { background:url(../img/ftr_e4.gif) bottom no-repeat; } #c4 dd a { color:#33b3cc; background:url(../img/bullet_e4.gif) no-repeat; } #c5 { border-color:#66cc00; background:#000000 url(../img/bg_e5.gif) no-repeat; } #c5 .footer { background:url(../img/ftr_e5.gif) bottom no-repeat; } #c5 dd a { color:#66cc00; background:url(../img/bullet_e5.gif) no-repeat; } #c6 { border-color:#e41b5b; background:#000000 url(../img/bg_e6.gif) no-repeat; } #c6 .footer { background:url(../img/ftr_e6.gif) bottom no-repeat; } #c6 dd a { color:#e41b5b; background:url(../img/bullet_e6.gif) no-repeat; } #c7 { border-color:#ff6600; background:#000000 url(../img/bg_e1.gif) no-repeat; } #c7 .footer { background:url(../img/ftr_e1.gif) bottom no-repeat; } #c7 dd a { color:#ff6600; background:url(../img/bullet_e1.gif) no-repeat; } #c8 { border-color:#ffcc33; background:#000000 url(../img/bg_e2.gif) no-repeat; } #c8 .footer { background:url(../img/ftr_e2.gif) bottom no-repeat; } #c8 dd a { color:#ffcc33; background:url(../img/bullet_e2.gif) no-repeat; } #c9 { border-color:#cc00ff; background:#000000 url(../img/bg_e3.gif) no-repeat; } #c9 .footer { background:url(../img/ftr_e3.gif) bottom no-repeat; } #c9 dd a { color:#cc00ff; background:url(../img/bullet_e3.gif) no-repeat; } #c10 { border-color:#33b3cc; background:#000000 url(../img/bg_e4.gif) no-repeat; } #c10 .footer { background:url(../img/ftr_e4.gif) bottom no-repeat; } #c10 dd a { color:#33b3cc; background:url(../img/bullet_e4.gif) no-repeat; } #c11 { border-color:#66cc00; background:#000000 url(../img/bg_e5.gif) no-repeat; } #c11 .footer { background:url(../img/ftr_e5.gif) bottom no-repeat; } #c11 dd a { color:#66cc00; background:url(../img/bullet_e5.gif) no-repeat; } #c12 { border-color:#e41b5b; background:#000000 url(../img/bg_e6.gif) no-repeat; } #c12 .footer { background:url(../img/ftr_e6.gif) bottom no-repeat; } #c12 dd a { color:#e41b5b; background:url(../img/bullet_e6.gif) no-repeat; } #c13 { border-color:#ff6600; background:#000000 url(../img/bg_e1.gif) no-repeat; } #c13 .footer { background:url(../img/ftr_e1.gif) bottom no-repeat; } #c13 dd a { color:#ff6600; background:url(../img/bullet_e1.gif) no-repeat; } #c14 { border-color:#ffcc33; background:#000000 url(../img/bg_e2.gif) no-repeat; } #c14 .footer { background:url(../img/ftr_e2.gif) bottom no-repeat; } #c14 dd a { color:#ffcc33; background:url(../img/bullet_e2.gif) no-repeat; } #c15 { border-color:#cc00ff; background:#000000 url(../img/bg_e3.gif) no-repeat; } #c15 .footer { background:url(../img/ftr_e3.gif) bottom no-repeat; } #c15 dd a { color:#cc00ff; background:url(../img/bullet_e3.gif) no-repeat; } #c16 { border-color:#33b3cc; background:#000000 url(../img/bg_e4.gif) no-repeat; } #c16 .footer { background:url(../img/ftr_e4.gif) bottom no-repeat; } #c16 dd a { color:#33b3cc; background:url(../img/bullet_e4.gif) no-repeat; } #c17 { border-color:#66cc00; background:#000000 url(../img/bg_e5.gif) no-repeat; } #c17 .footer { background:url(../img/ftr_e5.gif) bottom no-repeat; } #c17 dd a { color:#66cc00; background:url(../img/bullet_e5.gif) no-repeat; } #c18 { border-color:#e41b5b; background:#000000 url(../img/bg_e6.gif) no-repeat; } #c18 .footer { background:url(../img/ftr_e6.gif) bottom no-repeat; } #c18 dd a { color:#e41b5b; background:url(../img/bullet_e6.gif) no-repeat; }