/* Theme Name: Screentest Theme URI: http://www.screentestfest.org/ Description: The mongrel that is the Screentest WP theme. Version: 2 Author: James A Grieve/Rupert Madden-Abbott Author URI: http://design.grybs.com/ */ /* Screentest Colours Dark Blue: #4A608C Light Blue: #9FAFCE Dark Orange: #e26a2b Light Orange: #F59D5E */ /* Reset **************************************/ body, div, h1, h2, h3, p, ul, li {margin: 0; padding:0;} img {border: 0;} hr {display: none;} /* Typography *******************/ body {font-size:62.5%; font-family:'Lucida Grande', Verdana, Arial, Sans-Serif; background:#000; color:#eee;} #page {text-align: justify;} h2 {font: normal 24px Impact, sans-serif; color: #fff; text-transform: uppercase;} h3 {font-size: 16px; color: #fff;} h4 {font-size:14px; color:#fff; margin:0;} a:link, a:visited {text-decoration: none; color:#4A608C;} a:hover, a:active {color:#9FAFCE; cursor:pointer} ul {list-style-position:inside} *:first-child+html .sidebar ul {list-style-position:outside} p, td, li {font-size: 13px;} /* Header Typography ***************/ #headerimg span {font-size: 1px; color: #000;} /* Sidebars Typography *****************************/ /* Utility */ .clear {clear:both;} .alignright {float:right; margin: 10px 0 10px 10px;} .alignleft {float:left; margin: 10px 10px 10px 0;} .aligncenter {margin: 10px auto 10px auto; text-align:center;} .highlight {color:#e26a2b !important;} a.highlight {color:#e26a2b !important;} a.highlight:hover {color:#F59D5E !important;} /* Layout ************************/ #page {width:990px; padding: 0 5px 0; margin: -28px auto 0 auto;} /* Header Layout ****************************/ #headerimg span {background:#000 url('images/masthead.jpg') top left no-repeat; display:block; width:990px; height:350px; margin-bottom:-60px;} #headerimg .description {display: none;} /* Sidebars Layout *****************************/ .sidebar {list-style:none; display:block} .sidebar ul {list-style:none;} /* Sidebar 1 Layout *******************/ #sidebar1 {width:680px; position:relative; height:50px;} #sidebar1 li {float:left; height:30px;} #sidebar1 a {padding-right:16px; font-weight:bold;} #sidebar1 ul {visibility:hidden; position:absolute; left:0; top:25px; width:680px; height:18px;} #sidebar1 li:hover ul, #sidebar1 a:hover ul {visibility:visible;} #sidebar1 a:hover {_height: 0;} #sidebar1 table {position:absolute; top:0; left:0; border-collapse:collapse;} /* Sidebar 2 Layout *******************/ #sidebar2 {float:left; width:190px; list-style:none; margin:0; padding:0; text-indent:none;} #sidebar2 li {float:left; width:190px;} #sidebar2 a {display: block; height:75px; text-indent:-9999px; zoom:normal !important;} #sidebar2 #rsslink {background:url('images/rss_grunge.png') top left no-repeat} #sidebar2 #twitterlink {background:url('images/twitter_grunge.png') top left no-repeat} #sidebar2 #facebooklink {background:url('images/facebook_grunge.png') top left no-repeat} #sidebar2 #myspacelink {background:url('images/myspace_grunge.png') top left no-repeat} /* Sidebar 3 Layout *******************/ #sidebar3 {display:block; width:200px; margin-right:20px; float:left;} #sidebar3 img {margin-bottom:20px;} /* Sidebar 5 Layout *******************/ #sidebar5 {height:50px;} #sidebar5 li {float:left;} #sidebar5 a {margin-right:40px; font-weight:bold; display:block;} /* Footer Layout **************************/ #footer {display: block; clear: both; width: 1000px; padding: 20px 0px;} #footer p {color: #333; clear: both;} #footer p {text-align:center;} #sponsors {margin: 0 0 20px 0;} #sponsorsbg {width:940px; margin:0; padding: 0 30px; background:url(images/sponsorbg.jpg) top left repeat-y;} #sponsorstop {background: url(images/sponsortop.jpg) top left no-repeat; height:51px; width:1000px;} #sponsorsfoot {background: url(images/sponsorfoot.jpg) bottom left no-repeat; height:51px; width:1000px;} #sponsors ul, #sponsors li {list-style:none; margin:0; padding:0;} #sponsors li {display:inline-block; margin: 0 15px 15px 0;} #sponsors ul li a {display: inline-block; text-indent:-7000px;} #ubu a {width:181px; height:111px; background: url('images/sponsors/ubu_sprite.png') 0 0 no-repeat;} #ubu a:hover {background: url('images/sponsors/ubu_sprite.png') 0 -111px no-repeat;} #leopard a {width:158px; height:127px; background: url('images/sponsors/leopard_sprite.png') 0 0 no-repeat;} #leopard a:hover {background: url('images/sponsors/leopard_sprite.png') 0 -127px no-repeat;} #enlightened a {width:156px; height:129px; background: url('images/sponsors/enlightened_sprite.png') 0 0 no-repeat;} #enlightened a:hover {background: url('images/sponsors/enlightened_sprite.png') 0 -129px no-repeat;} #production a {width:305px; height:65px; background: url('images/sponsors/production_sprite.png') 0 0 no-repeat;} #production a:hover {background: url('images/sponsors/production_sprite.png') 0 -65px no-repeat;} #aesthetica a {width:333px; height:60px; background: url('images/sponsors/aesthetica_sprite.png') 0 0 no-repeat;} #aesthetica a:hover {background: url('images/sponsors/aesthetica_sprite.png') 0 -60px no-repeat;} #shooting a {width:231px; height:86px; background: url('images/sponsors/shooting_sprite.png') 0 0 no-repeat;} #shooting a:hover {background: url('images/sponsors/shooting_sprite.png') 0 -86px no-repeat;} #lfa a {width:94px; height:212px; background: url('images/sponsors/lfa_sprite.png') 0 0 no-repeat;} #lfa a:hover {background: url('images/sponsors/lfa_sprite.png') 0 -212px no-repeat;} #ecu a {width:128px; height:155px; background: url('images/sponsors/ecu_sprite.png') 0 0 no-repeat;} #ecu a:hover {background: url('images/sponsors/ecu_sprite.png') 0 -155px no-repeat;} #adband a {width:231px; height:85px; background: url('images/sponsors/adband_sprite.png') 0 0 no-repeat;} #adband a:hover {background: url('images/sponsors/adband_sprite.png') 0 -85px no-repeat;} #bafta a {width:443px; height:80px; background:url('images/sponsors/bafta_sprite.png') 0 0 no-repeat;} #bafta a:hover {background: url('images/sponsors/bafta_sprite.png') 0 -80px no-repeat;} #shorts a {width:277px; height:71px; background:url('images/sponsors/shorts_sprite.png') 0 0 no-repeat;} #shorts a:hover {background: url('images/sponsors/shorts_sprite.png') 0 -71px no-repeat;} #prs a {width:164px; height:121px; background:url('images/sponsors/prs_sprite.png') 0 0 no-repeat;} #prs a:hover {background: url('images/sponsors/prs_sprite.png') 0 -121px no-repeat;} #encounters a {width:240px; height:82px; background:url('images/sponsors/encounters_sprite.png') 0 0 no-repeat;} #encounters a:hover {background: url('images/sponsors/encounters_sprite.png') 0 -82px no-repeat;} /* Index ******************/ #about, #news {width:380px; float:left; margin-right:20px;} /* News **********************************/ #news .awp_nav {display:none;} #news #awp_loop .awp_nav {display:block;} #news #throbberawp_loop {float:right; z-index:50} .awp_nav a:link, .awp_nav a:visited {color:#e26a2b} .awp_nav a:hover, .awp_nav a:active {color:#F59D5E} .news {margin-bottom:20px;} .news h3 {margin:0;} .news p {font-weight:normal !important;} /* Pages ******************/ #content {float:left; width:560px; margin-right:20px;}http://www.screentestfest.org.uk/wp-admin/theme-editor.php /* Contact Us ********************/ span.name {font-weight: bold;} span.role {padding-left: 20px; color: #3A445A; font-style: italic;} span.address {display: block; color: #4A608C; font-size: 12px; padding-left: 10px;} a.dir {padding-left: 10px;} .nominations h4 {color:#4A608C} /* Schedule ********************/ #schedule .time, #schedule .room, #schedule .event {border:1px solid #e26a2b} #schedule .event {background-color:#9FAFCE;} #schedule {color: #4A608C} #schedule .event a {color:#4A608C;} #schedule .event a:hover {color:#e26a2b;} #schedule {position:relative; width:560px; font-size:12px} .day1 {height:840px;} .day2 {height:1540px;} .day3 {height:640px;} #schedule #times {position:absolute; top:40px; width:560px;} .day1 #times {height:800px;} .day2 #times {height:1500px;} .day3 #times {height:600px;} #schedule .time {width:558px; height:98px;} #schedule #rooms {position:absolute; left:50px; width:510px;} .day1 #rooms {height:840px;} .day2 #rooms {height:1540px;} .day3 #rooms {height:640px;} #schedule .room {float:left; width:168px; color:} .day1 .room {height:838px;} .day2 .room {height:1538px;} .day3 .room {height:638px;} #schedule #events {position:relative; left:50px; top:40px; width:510px;} .day1 #events {height:800px;} .day2 #events {height:1500px;} .day3 #events {height:600px;} #schedule .event {position:absolute; padding:5px; width:158px; text-align:left;} #schedule .event span {display:block; margin-bottom:10px;} #schedule #event1 {left:0px; top:50px; height:201px;} #schedule #event3 {left:0px; top:300px; height:188px;} #schedule #event4 {left:340px; top:500px; height:288px;} #schedule #event5 {left:0px; top:0px; height:123px;} #schedule #event6 {left:0px; top:150px; height:123px;} #schedule #event7 {left:0px; top:300px; height:123px;} #schedule #event8 {left:0px; top:450px; height:123px;} #schedule #event9 {left:0px; top:600px; height:123px;} #schedule #event10 {left:0px; top:1000px; height:138px;} #schedule #event11 {left:170px; top:0px; height:123px;} #schedule #event12 {left:170px; top:150px; height:123px;} #schedule #event13 {left:170px; top:300px; height:123px;} #schedule #event14 {left:170px; top:450px; height:123px;} #schedule #event15 {left:170px; top:600px; height:123px;} #schedule #event16 {left:340px; top:200px; height:88px;} #schedule #event17 {left:340px; top:350px; height:88px;} #schedule #event18 {left:340px; top:475px; height:88px;} #schedule #event19 {left:340px; top:600px; height:88px;} #schedule #event20 {left:340px; top:750px; height:238px;} #schedule #event21 {left:340px; top:1150px; height:338px;} #schedule #event22 {left:0px; top:100px; height:123px;} #schedule #event23 {left:0px; top:250px; height:123px;} #schedule #event24 {left:0px; top:400px; height:123px;} #schedule #event25 {left:170px; top:100px; height:123px;} #schedule #event26 {left:170px; top:250px; height:123px;} #schedule #event27 {left:170px; top:400px; height:123px;} #schedule #event28 {left:340px; top:50px; height:88px;} #schedule #event29 {left:340px; top:150px; height:188px;} #schedule #event30 {left:340px; top:350px; height:138px;} /* Accommodation ********************/ #accommodation {width:560px; text-align:left;} #accommodation td {width:102px; padding:5px;} /* Buy Tickets ****************/ .buytickets {width:560px; text-align:center; margin:20px 0;} .buytickets td {padding:10px 0;} form.hidden {display:none;} /* Posts ******************/ .post small {font-size: 11px; text-align: left; margin-left: 25px; color: #5A647A;} .post h2 a:link, .post h2 a:hover, .post h2 a:visited, .post h2 a:active {color: #fff;} #comment{width: 600px;} .entry ul {margin-bottom: 20px;} h2 {margin-bottom: 19px;} h3 {margin-bottom: 16px;} p {margin-bottom: 13px;} small {margin-bottom: 13px;}