/* Theme Name: TV Knight Theme URI: http://www.tvknight.co.uk Description: TV Knight Version: 1.0 Author: Rokk Media Author URI: http://www.rokkmedia.co.uk */ @font-face {font-family: "Rockwell Light"; src: url('/wp-content/themes/tvknight/fonts/rockwelllight.otf');} @font-face {font-family: "Rockwell"; src: url('/wp-content/themes/tvknight/fonts/rock.TTF');} /*Cufon.set('fontFamily', 'Rockwell') Cufon.set('fontFamily', 'Rockwell Std')*/ * {margin: 0; padding: 0; text-decoration: none; border: none;} h1, h2, h3, h4, h5, h6 {font-weight: normal;} .morevideos { display: block; margin-top: 20px; font-family: Rockwell; font-size: 40px; color: #17439f; text-indent: 30px; text-transform: lowercase; line-height: 36px; float: left; background-image: url(images/headingarrow.jpg); background-repeat: no-repeat; background-position: left 20px; } .cboth {clear: both;} a.button {background: url(images/buttonarrow.jpg) no-repeat 95% 50% #22a4da; color: #FFFFFF; text-decoration: center; padding: 4px 30px 5px 9px; border: 1px solid #7dc9e9; font-weight: bold; font-size: 15.95px; text-transform: lowercase;} a.arrowlessbutton {background-color: #22a4da; color: #FFFFFF; text-decoration: center; padding: 4px 9px 5px 9px; border: 1px solid #7dc9e9; font-weight: bold; font-size: 15.95px; text-transform: lowercase;} body {background: url(images/background_body.jpg) no-repeat center 20px #17439f; font-family: "Lucida Grande", Verdana, Arial, sans-serif; font-size: 14px; color: #070935;} #topbar {width: 100%; height: 52px; line-height: 52px; color: #FFFFFF; background-color: #22a4da; font-size: 16px; text-transform: lowercase;} #topbar .content {width: 970px; margin: 0px auto;} #topbar p {padding-left: 162px; z-index:10;} #topbar a {color: #FFFFFF;} #topbar a:hover {color: #2A3674;} #holder {width: 970px; margin: 0px auto;} #header {width: 970px; height: 194px; display: block; margin: 0px auto; margin-bottom: 24px; position: relative;} #header #logo {width: 278px; height: 226px; cursor: pointer; position: absolute; left: -73px; top: -37px;} #header #numbers {background:url("images/numbers.png") no-repeat scroll 0 0 transparent; color:#cfdef1; font-size:10px; height:40px; left:212px; padding-top:97px; position:absolute; text-align:center; top:65px; width:576px; z-index:2;} #header #numbers a{color:#cfdef1;} #header #award {background:transparent url(images/Awards2010.png) no-repeat scroll 0 0; height:235px; position:absolute; right:-22px; top:-14px; width:203px; z-index:1;} #navigation {width: 970px; margin: 0px auto; margin-bottom: 16px;} #navigation ul {list-style: none; text-align: center;} #navigation ul ul {position: absolute; left: -9999px; background: url(images/navdropdown.png) no-repeat bottom right #6b1578; padding: 15px 10px; z-index: 999; width: 264px; -moz-border-radius: 8px;} #navigation ul ul ul {position: absolute !important; left: -9999px !important; width: 264px; border: 1px solid fuchsia; -moz-border-radius: 3px;} #navigation li:hover ul {position: absolute; left: -8px; top: 19px;} #navigation ul ul li:hover ul {position: absolute; left: 250px !important; top: 0px !important;} #navigation ul li {display: inline; margin-right: 4px; padding-right: 3px; border-right: 1px solid #e5d8e7; position: relative;} #navigation ul li:last-child {margin-right: 0px; padding-right: 0px; border-right: none;} #navigation ul ul li {display: block; position: relative; margin-bottom: 12px; border: none; text-align: left;} #navigation ul ul ul li {margin-bottom: 7px; border: none; border-bottom: 1px solid #999999} #navigation ul li a {color: #FFFFFF; font-size: 17px; text-transform: uppercase; padding: 3px 7px;} #navigation ul li a:hover { background-color: #035183; -moz-border-radius: 6px; color: #FFFFFF; } #navigation ul ul li a {color: #FFFFFF; font-size: 16px; padding: 0px; padding-left: 20px !important; display: block;} #navigation ul ul a:hover {background: url(images/navarrow.gif) no-repeat left center;} #navigation ul ul ul a {color: #FFFFFF; font-size: 16px; padding: 0px !important; font-weight: normal;} #feature {width: 970px; height: 334px; background: url(images/background_feature.png) no-repeat; border-bottom: 4px solid #FFFFFF; position: relative;} #feature #feature_left {width: 490px; float: left; margin-left: 24px; margin-right: 15px; padding-top: 40px;} #feature #feature_left .welcome {margin-bottom: 64px;} #feature #feature_left .welcome span {display: block; text-transform: lowercase;} #feature #feature_left .welcome span.welcome {font-size: 45px; color: #f78f1e; margin-bottom: -39px;} #feature #feature_left .welcome span.tvknight {font-size: 89px; color: #17439f; margin-bottom: -36px;} #feature #feature_left .welcome span.slogan { font-size: 27px; color: #22a4da; font-family: Rockwell; font-weight: bold; margin-top: 12px; } #feature #feature_left .description {} #feature #feature_left .description p {font-size: 16px; line-height: 21px; color: #17439f;} #feature #feature_right {width: 435px; height:318px; float: left; background: url(images/home_video_bg.png) no-repeat top center; margin-top:15px;} #feature #feature_right .video {padding-left:18px; padding-top:3px; } #topcorners {width: 970px; height: 15px; background: url(images/background_topcorners.png) no-repeat;} #topcornersalt {width: 970px; height: 15px; background: url(images/background_topcornersalt.png) no-repeat;} #videopage {width: 963px; margin: 0px auto; background: url(images/background_videopage.jpg) no-repeat top center #17439f; border-left: 4px solid #FFFFFF; border-right: 3px solid #FFFFFF; padding-bottom: 15px;} #videopage #video_left { margin-left: 23px; width: 630px; padding-top: 26px; float: left; } #videopage #video_left span.category {display: block; font-size: 26px; color: #17439f; font-family: Verdana;} #videopage #video_left h1 {color: #17439f; font-size: 32px; font-weight: normal; font-family: Verdana; margin-bottom: 20px;} #videopage #video_left .video { background:url("images/internal_video_bg.png") no-repeat scroll center top transparent; height:415px; margin-left:-38px; padding-left:39px; padding-top:6px; width:660px; } #videopage #video_right { width: 250px; float: right; margin-right: 20px; margin-left: 20px; position:relative; padding-top:77px; } #videopage #video_right h2{ background: url(images/related.png) top left no-repeat; text-indent:-9999px; margin-bottom:20px; } #video-footer { background-image: url(images/video-footer.gif); background-repeat: no-repeat; height: 38px; width: 963px; display: block; } #inside {padding: 0px 3px 0px 3px; background: #FFFFFF;} #inside .section {margin-bottom: 30px; padding-bottom: 25px; border-bottom: 6px solid #fbd2a3;} #inside .section .section-title {border-bottom: 1px dotted #e4d5e7; padding-bottom: 15px; margin-bottom: 15px;} #inside .section .section-title h2 {font-family: Rockwell; font-size: 36px; color: #17439f; background: url(images/headingarrow.jpg) no-repeat left; text-indent: 30px; text-transform: lowercase; float: left;} #inside .section .section-title h2 span {color: #2a3674;} #availablereaders {background: url(images/background_availablereaders.jpg) repeat-x top left #FFFFFF; height: 210px; border-bottom: 18px solid #FFFFFF;} #availablereaders .section-title {margin-bottom: 10px;} #availablereaders .section-title h2 {font-family: Rockwell; font-size: 40px; color: #17439F; background: url(images/arrow_availablereaders.gif) no-repeat left; text-indent: 30px; text-transform: lowercase; line-height: 36px; float: left;} #availablereaders .section-title h2 span {color: #2a3674;} #availablereaders .content {padding-left: 20px; padding-top: 23px;} #availablereaders ul#readers {list-style: none; border-top: 1px dotted #d0dced; border-bottom: 1px dotted #d0dced; padding: 16px 0px 16px 40px;} #availablereaders ul#readers li {float: left; width: 155px; margin-right: 25px;} #availablereaders ul#readers li:last-child {margin-right: 0px;} #availablereaders ul#readers li img {float: left; margin-right: 10px;} #availablereaders ul#readers span {display: block;} #availablereaders ul#readers span.name {color: #2c5cb2; font-size: 14px; font-weight: bold;} #availablereaders ul#readers span.available {color: #2c5cb2; font-size: 14px; font-weight: bold;} #availablereaders ul#readers span.pin {color: #ff8400; font-size: 12px; font-weight: bold;} #availablereaders ul#readers a.profile {color: #17439f; font-size: 12px; font-weight: bold;} #availablereaders ul#readers a:hover.profile {text-decoration: underline;} #featuredvideos {background: url(images/background_featuredvideos.jpg) no-repeat; height: 273px; margin-bottom: 5px;} #featuredvideos .section-title {margin-bottom: 17px;} #featuredvideos .section-title h2 {font-family: Rockwell; font-size: 40px; color: #FFFFFF; background: url(images/arrow_featuredvideos.jpg) no-repeat left; text-indent: 30px; text-transform: lowercase; line-height: 36px; float: left;} #featuredvideos .section-title h2 span {color: #2a3674;} #featuredvideos .content {padding-left: 24px; padding-top: 20px;} #featuredvideos ul#videos {list-style: none; padding-left: 10px;} #featuredvideos ul#videos li {float: left; margin-right: 0px; padding-right: 0px; height: 180px; width:170px; overflow: hidden; text-align:center;} #featuredvideos ul#videos li.vid5 {margin-right: 0px !important; padding-right: 0px !important; border: none !important;} #featuredvideos ul#videos li img {background #FFFFFF; padding: 0px; border: 3px solid #ffffff;} #featuredvideos ul#videos li h3 {color: #FFFFFF; font-size: 15px; line-height: 16px;} #featuredvideos ul#videos li h3 a {color: #FFFFFF;} #featuredvideos ul#videos li h3 a:hover {text-decoration: underline;} #featuredvideos .jcarousel-prev {width: 25px; height: 25px; background: url(images/slideleft.gif) no-repeat; cursor: pointer; position: absolute; top: 58px; left: -23px; z-index: 10;} #featuredvideos .jcarousel-next {width: 25px; height: 25px; background: url(images/slideright.gif) no-repeat; cursor: pointer; position: absolute; top: 58px; right: -50px; z-index: 10;} #channels {background: url(images/background_channels.jpg) no-repeat; height: 111px;} #channels ul {list-style: none; padding-left: 20px;} #channels ul li {float: left; color: #FFFFFF; font-size: 13px; font-weight: bold; text-transform: uppercase; height: 81px; line-height: 81px;} #channels ul li.channels { font-family: Rockwell; font-size: 36px; font-weight: normal; text-transform: lowercase; margin-right: 57px; line-height: 72px; } #channels ul li.astrology { margin-right: 57px; } #channels ul li.tarot { margin-right: 57px; } #channels ul li.psychic { margin-right: 57px; } #channels ul li.readers { margin-right: 80px; } #channels ul li a {color: #FFFFFF;} #sections {padding: 0px 20px 0px 15px;} #sections .top-rated {} #sections .top-rated ul {list-style: none;} #sections .top-rated ul li {width: 218px; float: left; margin-right: 19px; margin-bottom: 19px; height: 76px; overflow: hidden;} #sections .top-rated ul li.vid4 {margin-right: 0px !important;} #sections .top-rated ul li.vid8 {margin-right: 0px !important;} #sections .top-rated ul li.vid12 {margin-right: 0px !important;} #sections .top-rated ul li.vid16 {margin-right: 0px !important;} #sections .top-rated ul li img {background-color: #FFFFFF; padding: 3px; border: 1px solid #0072bc; float: left; margin-right: 4px;} #sections .top-rated a.play {float: left; width: 17px; height: 17px; background: url(images/playbutton.gif) no-repeat; margin-right: 8px;} #sections .top-rated a.title {float: left; display: block; width: 113px; color: #070935;} #sections .top-rated a:hover.title {text-decoration: underline;} #sections .tutorials {} #sections .tutorials ul {list-style: none;} #sections .tutorials ul li {width: 218px; float: left; margin-right: 19px; margin-bottom: 19px; height: 76px; overflow: hidden;} #sections .tutorials ul li.vidend {margin-right: 0px !important;} #sections .tutorials ul li.vid4 {margin-right: 0px !important;} #sections .tutorials ul li.vid8 {margin-right: 0px !important;} #sections .tutorials ul li.vid12 {margin-right: 0px !important;} #sections .tutorials ul li img {background-color: #FFFFFF; padding: 3px; border: 1px solid #0072bc; float: left; margin-right: 4px;} #sections .tutorials a.play {float: left; width: 17px; height: 17px; background: url(images/playbutton.gif) no-repeat; margin-right: 8px;} #sections .tutorials a.title {float: left; display: block; width: 113px; color: #070935;} #sections .tutorials a:hover.title {text-decoration: underline;} #sections .psychics {border-bottom:none !important; margin-bottom:0px!important; padding-bottom:40px;} #sections .psychics ul {list-style: none;} #sections .psychics ul li {width: 218px; float: left; margin-right: 19px; margin-bottom: 19px; height: 76px; overflow: hidden;} #sections .psychics ul li.vidend {margin-right: 0px !important;} #sections .psychics ul li.vid4 {margin-right: 0px !important;} #sections .psychics ul li.vid8 {margin-right: 0px !important;} #sections .psychics ul li.vid12 {margin-right: 0px !important;} #sections .psychics ul li img {background-color: #FFFFFF; padding: 3px; border: 1px solid #0072bc; float: left; margin-right: 4px;} #sections .psychics a.play {float: left; width: 17px; height: 17px; background: url(images/playbutton.gif) no-repeat; margin-right: 8px;} #sections .psychics a.title {float: left; display: block; width: 113px; color: #070935;} #sections .psychics a:hover.title {text-decoration: underline;} #sections .best-web {} #sections .best-web ul { list-style: none; } #sections .best-web ul li { float:left; height:76px; margin-bottom:19px; margin-right:19px; overflow:hidden; width:218px; } #sections .best-web ul li.last { margin-right: 0px !important; float: left; } #sections .best-web ul li.vidend {margin-right: 0px !important;} #sections .best-web ul li.vid4 {margin-right: 0px !important;} #sections .best-web ul li.vid8 {margin-right: 0px !important;} #sections .best-web ul li.vid12 {margin-right: 0px !important;} #sections .best-web ul li img {background-color: #FFFFFF; padding: 3px; border: 1px solid #0072bc; float: left; margin-right: 4px;} #sections .best-web a.play {float: left; width: 17px; height: 17px; background: url(images/playbutton.gif) no-repeat; margin-right: 8px;} #sections .best-web a.title {float: left; display: block; width: 113px; margin-bottom: 5px; color: #070935;} #sections .best-web a:hover.title {text-decoration: underline;} #sections .best-web p.snippet {color: #22a4da; line-height: 18px; font-size: 13px; margin-left: 26px; width: 135px; float: left;} #sections .our-psychics {} #sections .our-psychics ul {list-style: none;} #sections .our-psychics ul li {width: 218px; float: left; margin-right: 19px; margin-bottom: 19px;} #sections .our-psychics ul li.last {margin-right: 0px !important;} #sections .our-psychics ul li img {background-color: #FFFFFF; padding: 3px; border: 1px solid #0072bc; float: left; margin-right: 4px;} #sections .our-psychics a.play {float: left; width: 17px; height: 17px; background: url(images/playbutton.gif) no-repeat; margin-right: 8px;} #sections .our-psychics a.title {float: left; display: block; width: 113px; color: #070935;} #sections .our-psychics a:hover.title {text-decoration: underline;} #sections .categories {} #sections .categories ul { list-style: none; } #sections .categories ul li { float: left; margin-bottom: 20px; width: 218px; margin-right: 10px; height: 90px; } #sections .categories ul li img {background-color: #FFFFFF; padding: 3px; border: 1px solid #0072bc; float: left; margin-right: 4px;} #sections .categories a.play {float: left; width: 17px; height: 17px; background: url(images/playbutton.gif) no-repeat; margin-right: 8px;} #sections .categories a.title {float: left; display: block; width: 113px; color: #070935;} #sections .categories a:hover.title {text-decoration: underline;} #related-videos ul { display: block; } #related-videos li { list-style-type: none; display: block; clear: left; margin-bottom: 10px; } #related-videos ul li img { background-color: #FFFFFF; padding: 3px; border: 1px solid #0072bc; float: left; margin-right: 4px; margin-bottom: 10px; } #related-videos a.play {float: left; width: 17px; height: 17px; background: url(images/playbutton.gif) no-repeat; margin-right: 8px;} #related-videos a.title {float: left; display: block; width: 113px; color: #070935;} #related-videos h3 { display: block; } #cat-videos ul { display: block; } #cat-videos li { list-style-type: none; display: block; margin-bottom: 10px; } #cat-videos ul li img { background-color: #FFFFFF; padding: 3px; border: 1px solid #0072bc; float: left; margin-right: 4px; margin-bottom: 10px; } #cat-videos a.play {float: left; width: 17px; height: 17px; background: url(images/playbutton.gif) no-repeat; margin-right: 8px;} #cat-videos a.title {float: left; display: block; width: 113px; color: #070935;} #cat-videos h3 { display: block; } #bottomnumbers {text-align: center; border-bottom: 30px solid #FFFFFF;} #bottomnumbers p.number {font-family: "Rockwell Light"; font-size: 45px; margin-bottom: -7px; color:#22A4DA;} #bottomnumbers p.number span {color: #17439f;} #bottomnumbers p.number span.number {color: #17439f; font-size: 37px;} #bottomnumbers p.terms { font-size: 10px; color: #17439f; margin-top: 0px; } #bottomnumbers p.terms a{ color: #17439f; } #bottomnumbers p.termsmargin { margin-bottom: 25px; font-size: 10px; color: #17439f; margin-top: 0px; margin-right: 0px; margin-left: 0px; } #bottomnumbers p.termsmargin a{ color: #17439f; } #more {padding: 25px 14px 0px 34px; height: 198px; background: url(images/background_more.jpg) repeat-x #d8c7db; font-size: 12px;} #more h2 {font-family: "Rockwell Light"; font-size: 44px; color: #22a4da; text-transform: lowercase;} #more h2 span {color: #17439f;} #more h3 {color: #070935; font-weight: normal; font-size: 16px; margin-bottom: 10px;} #more ul {float: left; margin-right: 55px; color: #0976a7;} #more ul li {margin-left: 20px; margin-bottom: 5px;} #more a {color: #0976a7;} #more a.more {color: #070935; font-weight: bold; text-indent: 6px; display: block;} #more ul.followme {margin-right: 0px !important;} #footer {width: 970px; height: 76px; background: url(images/footer.jpg) no-repeat;} #copyright {margin-top: 50px; color: #c1c5e5; text-align: center; margin-bottom: 20px; font-size: 12px;} #copyright a {color: #c1c5e5;} /* Search Button */ .description #searchbox { position:relative; left:0; } .description #searchbox fieldset.search { width:485px; } .description #searchbox .search input.box { color: #17439F; width: 255px; } .description #searchbox .search button.btn { background-image: url(images/home-search-button.gif); } #searchbox { display:block; left:-10px; margin-bottom:15px; margin-top:15px; position:absolute; top:0; } fieldset.search { border: none; width: 270px; margin-top: 0; margin-right: auto; margin-bottom: 15; margin-left: auto; } .search input, .search button { border: none; float: left; } .search input.box { color: #17439F; font-size: 1.2em; width: 210px; height: 38px; margin-right: 0px; background-color: #FFF; padding-top: 0px; padding-right: 5px; padding-bottom: 0; padding-left: 5px; } .search input.box:focus { outline: none; background-color: #FFF; } .search button.btn { width: 41px; height: 38px; cursor: pointer; text-indent: -9999px; background-image: url(images/search-button.png); background-repeat: no-repeat; background-position: right top; background-color:transparent; margin: 0px; padding: 0px; } .search button.btn:hover { background: url(images/search-button-roll.png) no-repeat bottom right; } #video-info { width: 600px; margin-top: 20px; margin-bottom: 20px; float: left; } /* Video info slider */ .hackadelic-sliderPanel { padding: 5px; color: #FFF; font-family: Verdana, Geneva, sans-serif; display: block; width: 600px; float: left; } a.hackadelic-sliderButton { background: url(images/buttonarrow.jpg) no-repeat 95% 50% #22a4da; color: #FFFFFF; text-decoration: center; padding: 4px 30px 5px 9px; border: 1px solid #7dc9e9; font-weight: bold; font-size: 15.95px; text-transform: lowercase;font-family: "Lucida Grande", Verdana, Arial, sans-serif; margin-bottom:20px; } .entry .hackadelic-sliderPanel { display: block; width: 600px; margin-top:20px; font-family: Verdana, Geneva, sans-serif; color: #FFF; } .textwidget .hackadelic-sliderButton { display: block; margin: .5em; color: #FFF; } .textwidget .hackadelic-sliderPanel { font-family: Verdana, Geneva, sans-serif; background-color: #F0F0E0; color: #FFF; } #hackadelic-sliderNote-1 { color: #FFF; padding: 10px; display: block; width: 600px; float: left; } #hackadelic-sliderNote-1 a { font-weight: bold; color: #CCC; } .furtherinformation a{ background:url("images/buttonarrow.jpg") no-repeat scroll 95% 50% #22A4DA; border:1px solid #7DC9E9; color:#FFFFFF; font-size:15.95px; font-weight:bold; padding:4px 30px 5px 9px; text-transform:lowercase; width:146px; } .collapse { padding:20px; color:#fff; }