/*
Theme Name: Gleespace
Theme URI: http://gleespace.com/
Description: The custom wordpress theme for gleespace.com.
Version: 1.0
Author: Razorfish
Author URI: http://3dinfinity.com/lisa/
Tags: glee,

*/

html, body {margin:0; padding:0; font-family:Arial; font-size:11px;}
body {background:#fff;}

#feed {width:150px;font-size:12px;font-family:Calibri,Arial;padding:33px 5px 0 5px !important;}
#feed a.feedentry {display:block;text-decoration:none!important;color:#FCFADE;padding:3px 0 3px 0;border-bottom:1px solid #7C7C7C;}
#feed a.feedlink {text-decoration:underline;color:#97dbfe;}
#feed .feeddate {display:block;font-size:11px;color:#c0c0c0;}

a {color:#0066cc;} /*698739*/

#ad1 {position:absolute;top:0px;width:470px;height:62px;z-index:4;left:50%;margin-left:-470px;}
#logo {position:absolute;top:88px;background:url(images/logo.png) no-repeat;width:350px;height:74px;z-index:-1;left:50%;margin-left:-440px;}
#cast {background:url(images/cast.png) no-repeat;position:absolute;top:0px;width:581px;height:224px;z-index:-1;left:50%;margin-left:-75px;}
#container {position:relative;margin:66px auto 0 auto;background:url(images/backdrop_mid.png) repeat-y;position:relative;top:161px;width:990px;}
#top {position:absolute;top:-80px;left:0;right:0;background:url(images/backdrop_top.png) no-repeat;min-height:134px;z-index:2;}

#credits {clear:both;text-align:center;padding:25px 20px 10px 20px;}
#credits address {display:inline;}
#credits address:before {content:'webmaster\40';}
#credits address:after {content:'gleespace.com';}

#content {position:relative;top:-20px;width:616px;margin:0 0 0 10px;padding:0 0 0 15px;float:left;z-index:3;font-size:12px;}
#content .row {clear:left;}
#content .left {clear:left;}
#articles {width:384px;float:left;}
.article {position:relative;float:left;padding:10px 16px 6px 1px;width:175px;}
.article img {border:none;}
.article .title {padding:5px 35px 0 0px;font-weight:bold;font-size:12px;display:block;float:left;}
.article .title a {color:#000;text-decoration:none;}
.article .audio-video {position:absolute;top:99px;right:16px;width:42px;z-index:4;}
.article .audio {margin:4px 0 0 5px;width:16px;height:14px;background:url(images/audio_video_icon.png);display:block;float:right;}
.article .video {margin:4px 0 0 5px;width:16px;height:14px;background:url(images/audio_video_icon.png) -16px 0px no-repeat;display:block;float:right;}
.article .category {clear:both;display:block;}
.article .description {display:block;}
.article .description a {color:#ef5b02;}
.article .description p {margin:0;padding:0;}
#feature {position:relative;border:1px solid #87837d;width:610px;height:291px;}
#feature .image {border:1px solid #ececed;background:#181818;}
#feature .image img {position:relative;border:1px solid #2b2b2b;margin:6px 25px 6px 25px;}
#feature .caption {position:absolute;left:27px;bottom:8px;background:url(images/caption_bg.png);width:520px;height:46px;color:#fff;border-top:1px solid #000;z-index:4;padding:6px 10px 6px 10px;}
#feature .caption a {color:#9acd34;}
#feature .caption .title a {font-size:18px;font-weight:bold;text-decoration:none;display:block;}
#feature .caption .category {position:absolute;top:0;right:0;padding:8px 8px 0 0;font-size:12px;}
#feature .caption .description {font-size:12px;}
#feature .caption .description p {margin:0;padding:0;}

#news {position:relative;top:0;float:right;width:212px;margin:10px 10px 0 0;font-size:12px;}
#news h2 {background:url(images/rssFeedIcon.png) no-repeat;font-size:16px;border-bottom:1px solid #c0c0c0;margin:0 0 5px 0;padding:0px;}
#news h2 a {display:block;padding:0 3px 0 36px;color:#000;text-decoration:none;}
#news .title {clear:both;font-weight:bold;}
#news .description {clear:both;display:inline;}
#news .description p {margin:0;padding:0 0 8px 0;}
#news .date {float:left;width:67px;border-right:1px solid #cccccc;margin:0 5px 0 0;font-size:11px;color:#000;font-weight:bold;}
#news .date .day {padding:0 2px 0 2px;color:#EF5B02;}
#news .date .month {}
#news .date .year {}

#navigation {width:100px;height:23px;margin:27px 0 0 36px;float:left;background:url(images/nav_bg.gif) no-repeat;}
#navigation a.button {position:relative;display:block;width:27px;height:23px;float:left;z-index:4;}
#navigation a.home:hover, #navigation a.home-selected {background:url(images/nav_bg.gif) 0px -23px;}
#navigation a.tv:hover, #navigation a.tv-selected {background:url(images/nav_bg.gif) -27px -23px;}
#navigation a.heart:hover, #navigation a.heart-selected {background:url(images/nav_bg.gif) -54px -23px no-repeat;}

#menu {position:relative;width:323px;top:-62px;right:17px;float:right;z-index:3;font-size:12px;font-family:Calibri,Arial;}
#schedule {background:url(images/schedule_title.png) 8px 0px no-repeat;width:160px;border-right:1px solid #454545;float:left;color:#fcfade;}
#schedule a {color:#ff9900;}
#schedule ul {margin:0;padding:34px 6px 0 4px;}
#schedule li {list-style:none;padding:4px 0 4px 0;border-bottom:1px solid #7c7c7c;}
#schedule li .date {font-weight:bold;display:block;}
#schedule li div {padding:0 0 0 6px;}
#schedule li .episode {padding:0 6px 0 0;}
#schedule li .cd {background:url(images/cd.png) no-repeat;width:20px;height:20px;display:block;float:left;}
#schedule li .dvd {background:url(images/dvd.png) 0px 2px no-repeat;width:22px;height:17px;display:block;float:left;}
#schedule li .description {}

#playlist {background:url(images/playlist_title.png) 15px 0px no-repeat;float:right;width:161px;margin:0;padding:34px 0 0 0;border-left:1px solid #7d7d7d;color:#c4dfad;}
#playlist a {color:#9acd34;}
#playlist .title {font-weight:bold;}
#playlist .title a {text-decoration:none;}
#playlist ol {padding:0 2px 0 23px;margin:0;}
#playlist li {margin:0 0 0 0;padding:4px 1px 4px 0px;}

#video {clear:both;width:323px;height:188px;}
#video .title {height:20px;border-bottom:1px solid #454545;}
#video .title .swish {background:url(images/video_bg.png) right no-repeat;height:20px;padding:0 39px 0 6px;float:left;color:#fff;line-height:20px;font-size:11px;font-family:Arial;font-weight:bold;}
#video .description {clear:both;position:relative;height:164px;border-top:1px solid #848484;border-bottom:1px solid #454545;}
#video .description img {width:323px;height:164px;}
#video .description .caption {position:absolute;bottom:0;color:#fff;width:318px;height:28px;border-top:1px solid #000;background:url(images/caption_bg.png);z-index:4;font-family:Arial;line-height:26px;padding:0 0 0 5px;}
#video a {color:#9acd34;}
#video .options {position:absolute;bottom:0;right:0px;height:28px;width:323px;z-index:4;}
#video .options a {position:relative;display:block;float:right;background:url(images/video_options.png) no-repeat;width:35px;height:16px;margin:5px 5px 0 5px;}
#video .options .hulu {background-position:0px 0px !important;}
#video .options .fox {background-position:0px -16px !important;}

#twitter {background:url(images/twitter_title.png) no-repeat;width:160px;border-right:1px solid #454545;float:left;color:#fcfade;min-height:37px;}

#tags {background:url(images/tags_title.png) no-repeat;float:right;width:161px;margin:0;padding:34px 0 0 0;border-left:1px solid #7d7d7d;color:#c4dfad;min-height:37px;}
#tags a {color:#ffe56b;display:block;padding:0 5px 5px 8px;}

#search .text {background:url(images/search_bg.png);width:420px;height:19px;border-left:1px solid #827e78;border-top:1px solid #827e78;border-right:1px solid #bbbbbb;border-bottom:1px solid #bbbbbb;padding:2px 0 0 4px;color:#2c2c2c;}
#search .submit {position:relative;top:1px;margin:-4px;background:url(images/search_button.png);width:26px;height:23px;border:none;text-indent:-100px;}



.post h2 {padding:2px 0 2px 0;margin:0;font-size:20px;display:block;}
.pagination {padding:20px 0 0 0;}

.tab {text-align:center;}
.tab .video {border:1px solid #87837D;}
.tab .video a {color:#9ACD34;}
.tab .video p {margin:1px;padding:10px;background:#181818;color:#fff;}
.tab .caption {font-size:12px;}
.tab .caption .title {font-size:13px;padding:0 5px 0 0;font-weight:bold;}
.tab .caption .title:after {content:':';}

#tab-list {width:400px;float:left;}

#episode-list {float:right;width:210px;}
#episode-list ul {margin:0;padding:0;list-style:none;}
#episode-list ul li {padding:8px;position:relative;border-bottom:1px solid #e8e8e8;margin:0 0 1px 0;}
#episode-list ul li:hover {background:#cccccc;}
#episode-list ul li.activeli {background:#ffb23f;border:1px solid #fff !important;}
#episode-list ul li.activeli:after {content:url(images/selection-arrow.gif);position:absolute;top:40%;left:-26px;}
#episode-list ul li img {border:none;}
#episode-list ul li .caption .title {font-size:12px;font-weight:bold;display:block;padding:0 0 3px 0;}
#episode-list .audio-video {position:absolute;top:97px;right:7px;width:45px;z-index:4;}
#episode-list .audio {margin:4px 0 0 5px;width:16px;height:14px;background:url(images/audio_video_icon2.png);display:block;float:right;}
#episode-list .video {margin:4px 0 0 5px;width:16px;height:14px;background:url(images/audio_video_icon2.png) -16px 0px no-repeat;display:block;float:right;}

#tab-list h3, #tabs-list h3, #episode-list h3 {padding:0;margin:10px 0 5px 0;font-size:16px;text-decoration:none !important;}

#meta {padding:0 0 5px 0;border-bottom:1px solid #cccccc;margin:0 0 10px 0;}
#meta .date {float:left;text-align:center;width:38px;border-right:1px solid #cccccc;margin:0 10px 0 0;padding:5px 0 5px 0;}
#meta .date .day {font-size:22px;line-height:20px;color:#FF9900;display:block;font-weight:bold;}
#meta .date .month {font-size:12px;color:#666666;font-weight:bold;text-transform:uppercase;}
#meta .date .year {font-size:10px;color:#666666;font-weight:bold;}
#meta .header {padding:0 0 5px 0;}
#meta .header h1 {color:#181818;margin:0 0 3px 0;}
#meta .header h1 .edit {font-size:12px;display:inline;padding:0 0 0 10px;}
#meta .header h1 .edit:before {content:'[ ';}
#meta .header h1 .edit:after {content:' ]';}
#meta .header .category {padding:0 0 3px 0;}
#meta .header:after {clear:both;}

textarea#comment {width:590px;}
#respond {padding:10px 0 0 0;clear:both;}

.navigation {clear:left;}
.navigation a {color:#000;}
.navigation h3 {text-decoration:none !important;font-size:9px;text-transform:uppercase;}
.navigation .alignleft {float:left;width:185px;text-align:left;border:1px solid #FFB23F;padding:5px;background:#FFE56B;}
.navigation .alignright {float:right;width:185px;text-align:right;border:1px solid #FFB23F;padding:5px;background:#FFE56B;margin-right:7px;}

#archive-list ul {clear:both;position:relative;margin:0;padding:0;list-style:none;}
#archive-list ul li {position:relative;padding:6px;border:1px solid #e8e8e8;margin:0 0 1px 0;}
#archive-list ul li:hover {border:1px solid #cccccc;}
#archive-list ul li img {border:none;}
#archive-list ul li .caption {float:right;width:260px;}
#archive-list ul li .caption .title {font-size:12px;font-weight:bold;display:block;padding:3px 0 0 0px;}
#archive-list ul li a.play:after {content:url(images/video_play.png);position:absolute;z-index:4;margin-left:-196px;margin-top:60px;}
#archive-list .audio-video {position:absolute;top:5px;right:7px;width:45px;z-index:4;bottom:0;}
#archive-list .audio {margin:4px 0 0 5px;width:16px;height:14px;background:url(images/audio_video_icon2.png);display:block;float:right;}
#archive-list .video {margin:4px 0 0 5px;width:16px;height:14px;background:url(images/audio_video_icon2.png) -16px 0px no-repeat;display:block;float:right;}

.gallery a {float:left;margin:0 10px 0 0;}
.gallery img {border:none;}
tr.bonus {background-color:#fffb98;}
tr.bonus2 {background-color:#98e3ff;}
tr.bonus3 {background-color:#ffb497;}
td {vertical-align:top;}
h4 {font-family:Arial;font-size:13px;}

#content h3 {margin:8px 0 2px 0;line-height:20px;text-decoration:underline;}
#content .subsection {padding:1px 8px;color:#505050;}
#content .subsection h4 {margin:8px 0 2px 0;color:#000;}
#content .subsection ul, ol {margin:2px 0 2px 0;padding:0 0 2px 25px;line-height:20px;}
#content .subsection ol li {margin:0px;}
.price {color:#009600;}
.media td {border:1px solid #cacaca;margin:0 6px 0 0;padding:3px;}

.slideshow .sliderbutton {float:left; width:32px; padding-top:124px}
.slideshow .sliderbutton img {cursor:pointer;background:#666}
.slider {float:left; position:relative; overflow:auto; width:500px; height:281px; border:2px solid #fff; background:#fff}
.slider ul {position:absolute; list-style:none;top:0;left:0;margin:0;padding:0;}
.slider li {float:left; width:500px; height:281px; padding-right:10px}

.slideshow .pagination {float:left; list-style:none; height:60px; margin:0 0 0 40px;}
.slideshow .pagination li {float:left; cursor:pointer; padding:0; border:1px solid #fff; margin:0 5px 0 0; text-align:center; color:#222}
.slideshow .pagination li:hover {background:#0066CC; border:1px solid #0066CC; color:#000}
.slideshow li.current {border:1px solid #0066CC; background:#0066CC}

/* test */
#tabs-list {float:left;}
.tabs {background:#181818;padding:5px;margin:0px;}
.tab {position:relative;border:1px solid #87837D;text-align:center;color:#fff;padding:5px;}
.tab .caption {position:absolute;left:32px;bottom:5px;background:url(images/caption_bg.png);width:520px;height:36px;color:#fff;border-top:1px solid #000;z-index:4;padding:6px 10px 0px 10px;}
.tab .caption a {color:#9acd34;}
.tab .caption .title a {font-size:18px;font-weight:bold;text-decoration:none;display:block;}
.tab .caption .description {font-size:12px;}
.tab .caption .description p {margin:0;padding:0;}
.tabs-nav {clear:both;margin:0;padding:1px;list-style:none;border:1px solid #cccccc;width:100%;}
.tabs-nav li {padding:6px;border:1px solid #e8e8e8;margin:0 0 1px 0;}
.tabs-nav li.activeli {background:#ffb23f;border:1px solid #ffb23f !important;}
.tabs-nav li .caption {float:right;width:200px;}
.tabs-nav li .caption .title {color:#000;font-size:12px;font-weight:bold;display:block;padding:3px 0 0 0px;}
.tabs-nav a img {border:none;}
.thumbs-nav {clear:both;margin:0;padding:5px 0 5px 0;list-style:none;}
.thumbs-nav li.activeli img {border-color:#F90 !important;}
.thumbs-nav li img {width:69px;height:35px;float:left;border:2px solid #fff;padding:2px;}
.content a img {border:none;}
#spotlight-nav {list-style:none;}

#song-list {border:1px solid #cccccc;max-height:510px;overflow-x:hidden;overflow-y:auto;}

a.amazon {display:block;background:url(/wordpress/wp-content/uploads/2010/02/badge_amazon.gif) no-repeat;padding:0 0 0 65px;margin:0 0 5px 10px;line-height:15px;font-size:11px;font-weight:bold;text-decoration:none;}
a.itunes {display:block;background:url(/wordpress/wp-content/uploads/2010/02/badge_itunes.gif) no-repeat;padding:0 0 0 65px;margin:0 0 0px 10px;line-height:15px;font-size:11px;font-weight:bold;text-decoration:none;}
.clickable {cursor:pointer;}
span.ad {display:block;padding:5px 0 0 0;}
.affiliate {padding:0 0 5px 10px;display:inline;}

/* table */
.sortable {border-left:1px solid #c6d5e1; border-top:1px solid #c6d5e1; border-bottom:none;}
.sortable th {background:url(images/header-bg.gif); text-align:left; color:#cfdce7; border:1px solid #fff; border-right:none;font-size:11px; padding:6px 8px 8px}
.sortable td {padding:4px 6px 6px; border-bottom:1px solid #c6d5e1; border-right:1px solid #c6d5e1}
.sortable .head span {background:url(images/sort.gif) 7px center no-repeat; cursor:pointer; padding-left:18px}
.sortable .desc, .sortable .asc {background:url(images/header-selected-bg.gif)}
.sortable .desc span {background:url(images/desc.gif) 7px center no-repeat; cursor:pointer; padding-left:18px}
.sortable .asc span {background:url(images/asc.gif) 7px  center no-repeat; cursor:pointer; padding-left:18px}
.sortable .head:hover, .sortable .desc:hover, .sortable .asc:hover {color:#fff}
.sortable .evenrow td {background:#fff}
.sortable .oddrow td {background:#ecf2f6}
.sortable td.evenselected {background:#ecf2f6}
.sortable td.oddselected {background:#dce6ee}

.subtitle {height:20px;border-bottom:1px solid #454545;}
.subtitle .swish {background:url(images/video_bg.png) right no-repeat;height:20px;padding:0 39px 0 6px;float:left;color:#fff;line-height:20px;font-size:11px;font-family:Arial;font-weight:bold;}

/* accordion */
.acc {list-style:none; color:#033;margin:0;padding:0;}
.acc h3 {border:1px solid #9ac1c9; padding:6px 4px 8px; font-weight:bold; margin:3px 0 0 0; cursor:pointer; background:url(images/header.gif);font-size:12px;text-decoration:none !important;line-height:14px !important;}
.acc h3:hover {background:url(images/header_over.gif)}
.acc .acc-section {overflow:hidden; background:#fff}
.acc .acc-content {background:#fff}

ul.emboss {padding:0;margin:0;list-style:none;}
ul.emboss li {padding:3px 3px 3px 10px;border-bottom:1px solid #a1a1a1;}
ul.emboss li a {display:block;text-decoration:none;font-weight:bold;}

table.cast {width:100%;}
table.cast td.actor {background:url(images/ellipsis.gif) bottom repeat-x;}
table.cast td.actor a {font-weight:bold;background:#fff;color:black;}
table.cast td.character a {display:block;}
table.cast th {padding-top:5px;}