/* Theme Name: Quick Tv Theme URI: http://www.unionroom.com Author: Union Room Ltd Description: Themed Designed by Paul Freeman, HTML Build and Wordpress Integration by Steven Gibbons. Version: 1.0 */ @charset "utf-8"; /* CSS Document */ * { margin: 0; padding: 0; } html { font-size: 100%; } body { font-size: 62.5%; font-family: Arial, Helvetica, sans-serif; margin: 0; background: #292929 url('./img/bg/gradient.gif') repeat-x top; } p { font-size: 1.1em; color: #666; margin: 0; line-height: 1.5; margin: 0; padding: 0 0 10px 0; text-align: left; } a:focus { outline: none; } a img { border: none!important; } /* ========= Structure ========= */ div#wrapper { margin: 0 auto; width: 950px; } div#containerBtm { width: 950px; height: 12px; background: url('./img/bg/container_btm.gif') no-repeat; } /* ========= Hdr ========= */ div#hdr { height: 114px; background: url('./img/bg/glow.gif') no-repeat top center; } div#hdr div#hdrLeft { width: 595px; } div#hdr div#hdrLeft h1 a { margin: 27px 0 15px 0; width: 181px; height: 35px; background: url('./img/iR/quicktv.gif') no-repeat; } /* ========= Main Menu ========= */ ul.menu { list-style: none; } ul.menu li { float: left; margin: 0 2px 0 0; } ul.menu li#home a { width: 67px; height: 37px; background: url('./img/iR/li_home.gif'); } ul.menu li#features a { width: 82px; height: 37px; background: url('./img/iR/li_features.gif'); } ul.menu li#pricing a { width: 73px; height: 37px; background: url('./img/iR/li_pricing.gif'); } ul.menu li#showcase a { width: 91px; height: 37px; background: url('./img/iR/li_showcase.gif'); } ul.menu li#services a { width: 83px; height: 37px; background: url('./img/iR/li_services.gif'); } ul.menu li#aboutUs a { width: 88px; height: 37px; background: url('./img/iR/li_aboutUs.gif'); } ul.menu li#contactUs a { width: 97px; height: 37px; background: url('./img/iR/li_contactUs.gif'); } ul.menu li#support a { width: 81px; height: 37px; background: url('./img/iR/li_support.gif'); } ul.menu li#support a { width: 81px; height: 37px; background: url('./img/iR/li_support.gif'); } ul.menu li#blog a { width: 57px; height: 37px; background: url('./img/iR/li_blog.gif'); } ul.menu li#login a { width: 65px; height: 37px; background: url('./img/iR/li_login.gif'); } ul.menu li a { background-position: bottom!important; } ul.menu li.active a { background-position: top!important; } ul.menu li a:hover { background-position: top!important; } div#hdr div#hdrRight { width: 355px; height: 123px; z-index: 2; } div#hdr div#hdrRight ul.menu { margin: 77px 0 0 148px; z-index: 10; } div#buck { height: 120px; width: 110px; float: left; margin: -1px 0 0 15px; } div#scrollingTitles { position: absolute; top: 30px; right: auto; width: 353px; text-align: right; font-family: Arial, Helvetica, sans-serif; color: #FFF; font-size: 1.2em; font-weight: bold; } ul#scrollingMessagesList { list-style: none; width: 353px; } ul#scrollingMessagesList li { float: right; width: 353px; text-align: right; display: block; } /* ========= Main Container ========= */ div#container { width: 910px; background: #FFF; border: 5px solid #FCC816; border-width: 5px 5px 0 5px; padding: 15px; } h3 { clear: both; margin: 15px 0; font-size: 4.4em; color: #333; font-weight: normal; text-align: center; } div#newsFeed { border: 1px solid #CCC; padding: 10px 15px; } div#newsFeed h5 { font-size: 1.6em; color: #333; font-style: normal; } div#newsFeed p a { text-decoration: underline; color: #666; font-weight: bold; } div#newsFeed ul { list-style: none; margin: 10px 0 0 0; } div#newsFeed ul li { font-size: 1.1em; font-weight: bold; color: #666; margin: 0; line-height: 1.5; margin: 0; padding: 0 0 10px 0; text-align: left; } div#newsFeed ul li span { color: #999; } div#newsFeed ul li a { text-decoration: underline; color: #666; } div#newsFeed ul li a:hover { text-decoration: none; } div#ftr { height: 278px; background: url('./img/bg/footer.png') no-repeat top center; } div#ftr div.inner { margin: 0 auto; width: 950px; } div#ftr div.inner div#fields { height: 234px; position: relative; } div#ftr div.inner div#fields a#theEuro { top: 70px; right: 255px; position: absolute; width: 134px; height: 151px; background: url('./img/iR/theEurope.png') no-repeat; } div#ftr div.inner div#fields a#techCrunch { top: 40px; right: 0px; position: absolute; width: 141px; height: 172px; background: url('./img/iR/techCrunch.png') no-repeat; } div#ftr div.inner div#fields a#redHerring { top: 60px; right: 150px; position: absolute; width: 96px; height: 133px; background: url('./img/iR/redHerring.png') no-repeat; } div#ftr div.inner div#fields a#nextWeb { top: 60px; right: 390px; position: absolute; width: 96px; height: 166px; background: url('./img/iR/nextWeb.png') no-repeat; } /* ========= Footer Links ========= */ div#ftr div.inner ul { list-style: none; } div#ftr div.inner ul li { float: left; padding: 0 3px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 1.1em; color: #FFF; } div#ftr div.inner ul li.rss { padding: 0 20px 0 0; background: url('./img/bg/rss.gif') no-repeat; background-position: right top } div#ftr div.inner ul li a { font-weight: normal; text-decoration: none; color: #FCC816; } div#ftr div.inner ul li a:hover { text-decoration: underline; } div#structure div#columnLeft { float: left; width: 200px; } div#structure div#columnLeft ul#sideMenu { position: relative; } div#structure div#columnLeft ul#sideMenu, ul#sideMenu ul { list-style: none; width: 200px; } div#structure div#columnLeft ul#sideMenu a { display: block; text-decoration: none; } div#structure div#columnLeft ul#sideMenu li { margin-bottom: 1px; border-bottom: 1px solid #E6E6E6; position: relative; } div#structure div#columnLeft ul#sideMenu li a { background: #F0EEEF; color: #333; font-size: 1.4em; padding: 15px 10px 15px 20px; } div#structure div#columnLeft ul#sideMenu li a span { width: 35px; height: 25px; float: left; margin: -2px 20px 0 0; } div#structure div#columnLeft ul#sideMenu li a:hover span { background-position: bottom!important; } div#structure div#columnLeft ul#sideMenu li a.active, div#structure div#columnLeft ul#sideMenu li a:hover { background: #FCC816 url('./img/bg/sideMenu_rip.gif') no-repeat 100% 14px; } div#structure div#columnLeft ul#sideMenu li a.active span { background-position: bottom!important; } div#structure div#columnLeft ul#sideMenu li ul li { margin: 0; border: 0; } div#structure div#columnLeft ul#sideMenu li ul li a { background: #E4E4E4; color: #333; font-size: 1.1em; padding: 8px 15px; } div#structure div#columnLeft ul#sideMenu li ul li a:hover { background: #FCC816; } div#structure div#columnLeft ul#sideMenu li.top a span#top { display: block; z-index: 3; position: absolute; top: 2px; left: 0; width: 200px; height: 10px; background: url('./img/bg/sideMenu_top.png') no-repeat; } div#structure div#columnLeft ul#sideMenu li.bottom { border: none!important; } div#structure div#columnLeft ul#sideMenu li.bottom a span#btm { display: block; z-index: 3; position: absolute; bottom: 0px; left: 0; width: 200px; height: 10px; background: url('./img/bg/sideMenu_btm.png') no-repeat; } div#structure div#columnRight { float: right; margin: 0 0 0 15px; width: 695px; position: relative; } div#structure div#columnRight h1 { margin: 0 0 20px 0; font-family: Arial, Helvetica, sans-serif; font-size: 4.3em; color: #333; font-weight: lighter; } div#structure div#columnRight h2 { font-family: Arial, Helvetica, sans-serif; font-size: 1.6em; color: #333; font-weight: lighter; } div#structure div#columnRight h3 { text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 2.2em; color: #333; font-weight: lighter; } div#columnRight form { margin: 10px 0 -20px 0; padding: 15px; border: 1px solid #CCC; width: 663px; } * + html div#columnRight form { margin: 10px 0 -5px 0; padding: 15px; border: 1px solid #CCC; width: 663px; } div#columnRight form table { width: 663px; margin: 0; padding: 0; } div#columnRight form table td.col1 { padding: 0 0 0 0; } div#columnRight form table td.col1 img { margin: 7px 50px 0 0; float: right; } div#columnRight form table td { text-align: left; padding: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; color: #666; } div#columnRight form table tbody { position: relative; } div#columnRight form table td input.text { float: left; font-family: Arial, Helvetica, sans-serif; font-size: 1.0em; color: #666; margin: 3px 0 10px 0; border: none; background: #F0EEEF; padding: 5px; width: 220px; } div#columnRight form table td input.file { width: 220px!important; } div#columnRight form table td input.check { margin: 0 10px 0 0; } div#columnRight form table td textarea { margin: 10px 0; font-family: Arial, Helvetica, sans-serif; font-size: 1.0em; color: #666; border: none; background: #F0EEEF; padding: 5px; width: 640px; height: 150px; } div#columnRight form table td a#submit { margin: 0 0 0 -3px; width: 87px; height: 44px; background: url('./img/iR/submit.gif') no-repeat; } div#columnRight form table td img { margin: 7px 0 0 10px; } div#columnRight form table td label { font-weight: bold; } div#columnRight form table td.marginBtm { padding: 0 0 70px 0!important } div#structure div#columnLeft div#social { margin: 15px 0 10px -2px; } div#structure div#columnLeft div#social a { margin: 10px 0; } div#structure div#columnLeft div#social a#twitter { width: 205px; height: 45px; background: url('./img/iR/follow_twitter.gif') no-repeat; } div#structure div#columnLeft div#social a#facebook { width: 205px; height: 45px; background: url('./img/iR/fan_facebook.gif') no-repeat; } div#structure div#columnLeft div#social a#skype { width: 205px; height: 45px; background: url('./img/iR/chat_skype.gif') no-repeat; } div#structure div#columnLeft div#social a:hover { background-position: bottom!important; } /* ========= Blog ========= */ div#feeds ul { list-style: none; margin: 0 0 -40px 0; } div#feeds ul li { margin: 0 0 20px 0; border-bottom: 1px dotted #CCC; padding: 0 0 20px 0; width: 100%!important; } div#feeds ul li h3 { text-align: left; margin: 0 0 3px 0; font-family: Arial, Helvetica, sans-serif; font-size: 1.8em; color: #333; font-weight: lighter; } div#feeds ul li p.meta { font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; color: #666; } div#feeds ul li div.post-image img { border: none; float: left!important; height: auto; width: 170px; max-width: 170px; width: expression(this.width > 170 ? 170: true); margin: 0 15px 0 0; } div#feeds ul li div.post-image { position: relative!important; } div#feeds ul li p a { font-family: Arial, Helvetica, sans-serif; color: #666; text-decoration: underline; } div#feeds ul li p a:hover { text-decoration: none; } div#feeds ul li p a.external { font-weight: bold; } * + html div#feeds ul li span.category a { z-index: 100; position: absolute; top: -1px; left: 0; background: #FCC816; padding: 5px 10px; color: #111; font-size: 1.1em; font-weight: bold; text-decoration: none; } div#feeds ul li span.category a { z-index: 100; position: absolute; top: 0; left: 0; background: #FCC816; padding: 5px 10px; color: #111; font-size: 1.1em; font-weight: bold; text-decoration: none; } div#feeds ul li span.category a:hover { text-decoration: underline; } div#feeds ul li p.meta span.cloud { background: url('./img/bg/comment.gif') no-repeat; width: 17px; height: 16px; margin: 0 0 0 5px; padding: 0 0 0 20px; text-decoration: none; } div#feeds ul li p.meta a { text-decoration: none; } div#feeds ul li p.meta a:hover { text-decoration: underline; } div#feeds ul li h4 { text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 2.2em; color: #333; font-weight: lighter; } div#feeds ul li h5 { margin: 5px 0; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 1.8em; color: #666; font-weight: lighter; } div#feeds ul li a#submitComment { margin: 0; display: block; width: 183px; height: 44px; background: url('./img/iR/submit_comment.gif') no-repeat; } div#feeds ul li a#submitComment:hover { background-position: bottom; } div#feeds p a { font-family: Arial, Helvetica, sans-serif; color: #666; text-decoration: underline; } div#feeds p a:hover { text-decoration: none; } div#displayComments { padding: 20px 0 0 0; } div#displayComments h3 { font-size: 1.4em !important; color: #999 !important; } div#displayComments dl#commentsList { margin: 0!important; padding: 10px 0; list-style: none; } div#displayComments dl#commentsList dd { min-height: 80px; margin: 0 0 10px 0; padding: 25px 25px 55px 106px !important; background-color: #F0EEEF; border: none !important; position: relative; } div#displayComments dl#commentsList dd div.author { position: absolute; top: 15px; left: 25px; } div#displayComments dl#commentsList dd div.author p { width: 60px; text-align: center; } div#displayComments dl#commentsList dd p.commentDate { text-align: right; position: absolute; bottom: 15px; right: 25px; } div#pagination a { position: relative; z-index: 10; clear: both; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 1.1em; color: #666; } div#columnLeft div.blackBox { width: 200px; background: #282828; margin: 20px auto; position: relative; } div#columnLeft div.blackBox span.buck { display: block; width: 70px; height: 150px; background: url('./img/bg/questionBuck.png') no-repeat; top: -13px; right: 10px; position: absolute; } div#columnLeft div.blackTop { background:transparent url('./img/bg/sideMenu_top.png') no-repeat scroll 0 0; height:10px; } div#columnLeft div.blackBottom { background:transparent url('./img/bg/sideMenu_btm.png') no-repeat scroll 0 0; height:10px; } div#columnLeft div.blackBox h3 { text-align: left; margin: 0; font-size: 1.7em; padding: 3px 10px; line-height: 1em; color: #EEEEEE; margin-bottom: 0;} div#columnLeft div.blackBox p { padding: 5px 10px; line-height: 1.2em; color: #EEEEEE;} div#columnLeft div.blackBox input { margin: 5px auto 5px 10px; } div#columnLeft div.blackBox p a { color: #FCC816; text-decoration: none; } div#columnLeft div.blackBox p a:hover { color: #FCC816; text-decoration: underline; } div#columnLeft div.blackBox p a:visited { color: #FCC816; text-decoration: none; } div#columnLeft div.blackBox a#chatNow { margin: 5px auto 30px 7px; display: block; width: 110px; height: 45px; background: url('./img/iR/chat_now.gif') no-repeat; } div#columnLeft div.blackBox a#chatNow:hover { background-position: bottom; } /* ========= Important Classes ========= */ input.btnReplace { visibility: hidden; } img.btnReplace { cursor: pointer; } .fLeft { float: left; } .fRight { float: right; } .tLeft { text-align: left; } .tRight { text-align: right; } .tCentre { text-align: center; } .vTT { vertical-align: text-top; } .cLeft { clear: left; } .noMargin { margin: 0!important; } .noBorder { border: none!important; } #columnTwo li { width: 50%!important; } .imgReplace { background-position: top; background-repeat: no-repeat; display: block; } .imgReplace span { width: 0px; height: 0px; overflow: hidden; display: block; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html .clearfix {height: 1%;} .clearfix { display: inline-block; } /* for IE/Mac */ /* ========= IE Fixes ========= */ * + html div#tabbedContainer div { display: none; margin: 15px 0 20px 0; } * + html div#tabbedContent div#menu ul#tab li a.active span.btm { position: absolute; margin: 0 auto; bottom: -12px; width: 100%; text-align: center; height: 82px; background: url('./img/bg/tab_bg_btm.gif') no-repeat bottom center; } * + html div#tabbedContent { border: 1px solid #CCC; margin: 0 0 20px 0; padding: 0; } * + html div#carousel ul li div.popup ul.options li { margin: -1px 0 0 0; width: 49%; font-size: 1.1em; text-align: left; padding: 6px 0 19px 0; }