/*--------------------------------------------------------- S4/Centric - specific S4C rules for head and foot ----------------------------------------------------------- For page(s): All Last modified: 26/04/2010 Modified by: Andrew Canham, S4C Additional notes: New tab width ---------------------------------------------------------*/ #s4c-head, #s4c-foot, #s4c-foot2 {width:758px;margin:0 auto;font-family:Verdana, Arial, Helvetica, sans-serif;line-height:1.4em;color:#4d4d4d;background:#fff;text-align:left;font-size:1em;} #s4c-head{border-bottom:1px solid #989898;margin:15px auto 1em auto;} #s4c-head img{margin:0 0 10px 0;display:block;} #s4c-head p#lang{width:10em;text-align:right;float:right;margin:0;padding:0;} #s4c-head #nav{margin:0 0 0.5em 0;padding:0;text-align:left;} #s4c-head #nav li{display:inline;} #s4c-head #nav a {padding-right:9px; background:bottom right url(../../img/s4c-slash.gif) no-repeat;} #s4c-head #nav a.nav-end {background:none;} #s4c-head #nav a, #s4c-head p#lang a{font-weight:normal;text-decoration:none;color:#555;} #s4c-head #nav a:link, #s4c-head p#language a:link{font-weight:normal;text-decoration:none;} #s4c-head #nav a:visited, #s4c-head p#lang a:visited{font-weight:normal;text-decoration:none;} #s4c-head #nav a:hover, #s4c-head p#lang a:hover{font-weight:normal;text-decoration:none;color:#878888;} #s4c-head #nav a:active, #s4c-head p#lang a:active{font-weight:normal;text-decoration:none;} #s4c-head #nav a:focus, #s4c-head p#lang a:focus{font-weight:normal;text-decoration:none;} #s4c-head2 {width:758px;margin:0 auto;font-family:Verdana, Arial, Helvetica, sans-serif;color:#4d4d4d;background:#fff;text-align:left;font-size:1em;line-height:1.4em;} #s4c-head2{border-bottom:1px solid #4f4f4f;margin:15px auto 1em auto;padding:0;} #s4c-head2 img{margin:0 0 10px 0;display:block;} #s4c-head2 p#lang{width:10em;text-align:right;float:right;margin:0;padding:0;} #s4c-head2 #nav {margin:0;padding:0;font-size:.9em;border:1px solid #fff;} #s4c-head2 #nav li {background:#dcdde0 url(http://www.s4c.co.uk/img/s4c-tab-left-off.gif) no-repeat top left;display:inline;margin:0 5px 0 0;display:block;float:left;} #s4c-head2 #nav li a {background:url(http://www.s4c.co.uk/img/s4c-tab-right-off.gif) no-repeat top right;padding:4px 0 4px 0;height:15px;display:block;text-decoration:none;color:#4f4f4f;text-align:center;} #s4c-head2 #nav li a:hover {color:#000;} /*tab widths*/ #s4c-head2 #nav li.c_s4c-nav-tab1 {width:4.4em;} #s4c-head2 #nav li.c_s4c-nav-tab2 {width:7.1em;} #s4c-head2 #nav li.c_s4c-nav-tab3 {width:3.5em;} #s4c-head2 #nav li.c_s4c-nav-tab4 {width:7.1em;} #s4c-head2 #nav li.c_s4c-nav-tab5 {width:3.5em;} #s4c-head2 #nav li.c_s4c-nav-tab6 {width:5.4em;} #s4c-head2 #nav li.c_s4c-nav-tab7 {width:5.5em;} #s4c-head2 #nav li.c_s4c-nav-tab8 {width:6em;} #s4c-head2 #nav li.e_s4c-nav-tab1 {width:4em;} #s4c-head2 #nav li.e_s4c-nav-tab2 {width:6.6em;} #s4c-head2 #nav li.e_s4c-nav-tab3 {width:3.5em;} #s4c-head2 #nav li.e_s4c-nav-tab4 {width:6.3em;} #s4c-head2 #nav li.e_s4c-nav-tab5 {width:3.5em;} #s4c-head2 #nav li.e_s4c-nav-tab6 {width:5.4em;} #s4c-head2 #nav li.e_s4c-nav-tab7 {width:4.4em;} #s4c-head2 #nav li.e_s4c-nav-tab8 {width:6.2em;} #s4c-head2 #s4c-head-clear {clear:both;} body#s4c-section1 #s4c-head2 #nav li.c_s4c-nav-tab1, body#s4c-section1 #s4c-head2 #nav li.e_s4c-nav-tab1, body#s4c-section2 #s4c-head2 #nav li.c_s4c-nav-tab2, body#s4c-section2 #s4c-head2 #nav li.e_s4c-nav-tab2, body#s4c-section3 #s4c-head2 #nav li.c_s4c-nav-tab3, body#s4c-section3 #s4c-head2 #nav li.e_s4c-nav-tab3, body#s4c-section4 #s4c-head2 #nav li.c_s4c-nav-tab4, body#s4c-section4 #s4c-head2 #nav li.e_s4c-nav-tab4, body#s4c-section5 #s4c-head2 #nav li.c_s4c-nav-tab5, body#s4c-section5 #s4c-head2 #nav li.e_s4c-nav-tab5, body#s4c-section6 #s4c-head2 #nav li.c_s4c-nav-tab6, body#s4c-section6 #s4c-head2 #nav li.e_s4c-nav-tab6, body#s4c-section7 #s4c-head2 #nav li.c_s4c-nav-tab7, body#s4c-section7 #s4c-head2 #nav li.e_s4c-nav-tab7, body#s4c-section8 #s4c-head2 #nav li.c_s4c-nav-tab8, body#s4c-section8 #s4c-head2 #nav li.e_s4c-nav-tab8 {background:#4f4f4f url(http://www.s4c.co.uk/img/s4c-tab-left-on.gif) no-repeat top left;} body#s4c-section1 #s4c-head2 #nav li.c_s4c-nav-tab1 a, body#s4c-section1 #s4c-head2 #nav li.e_s4c-nav-tab1 a, body#s4c-section2 #s4c-head2 #nav li.c_s4c-nav-tab2 a, body#s4c-section2 #s4c-head2 #nav li.e_s4c-nav-tab2 a, body#s4c-section3 #s4c-head2 #nav li.c_s4c-nav-tab3 a, body#s4c-section3 #s4c-head2 #nav li.e_s4c-nav-tab3 a, body#s4c-section4 #s4c-head2 #nav li.c_s4c-nav-tab4 a, body#s4c-section4 #s4c-head2 #nav li.e_s4c-nav-tab4 a, body#s4c-section5 #s4c-head2 #nav li.c_s4c-nav-tab5 a, body#s4c-section5 #s4c-head2 #nav li.e_s4c-nav-tab5 a, body#s4c-section6 #s4c-head2 #nav li.c_s4c-nav-tab6 a, body#s4c-section6 #s4c-head2 #nav li.e_s4c-nav-tab6 a, body#s4c-section7 #s4c-head2 #nav li.c_s4c-nav-tab7 a, body#s4c-section7 #s4c-head2 #nav li.e_s4c-nav-tab7 a, body#s4c-section8 #s4c-head2 #nav li.c_s4c-nav-tab8 a, body#s4c-section8 #s4c-head2 #nav li.e_s4c-nav-tab8 a {background:url(http://www.s4c.co.uk/img/s4c-tab-right-on.gif) no-repeat top right;color:#fff;} /*new search styling*/ #s4c-head-search {float:right;width:258px;width/**/:/**/ 254px;} #s4c-head-search label {position:absolute;left:-2000px;clear:none;border:0;} div#s4c-lang {float:right;width: 65px;background:url(http://www.s4c.co.uk/img/s4c-lang-bot.gif) bottom left no-repeat;padding:0 0 2px 0;} div#s4c-lang a, div#s4c-lang a:visited, div#s4c-lang a:active {background:url(http://www.s4c.co.uk/img/s4c-lang-top.gif) top left no-repeat #4f4f4f;display:block;width:65px;color:#FFFFFF;font-size:.8em;text-align:center;text-decoration:none;padding:2px 0 0 0;font-weight:normal;} div#s4c-lang a:hover {background:url(http://www.s4c.co.uk/img/s4c-lang-top.gif) top left no-repeat #4f4f4f;display:block;width:65px;color:#9AD310;font-size:.8em;text-align:center;text-decoration:none;padding:2px 0 0 0;font-weight:normal;} #s4c-head-search form {float:left;margin-right:0;text-align:left;padding:0 10px 0 0;height:20px;width:173px;width/**/:/**/ 163px;border-right:1px solid #999999;} #s4c-search-box {width:159px;height:20px;background:url(/img/s4c-search-box.gif) top left no-repeat;float:left;} #s4c-head-search input#searchq {border:0;padding:0;width:128px;color:#555555;float:left;display:inline;margin:2px 0 0 3px;font-size:.9em;background:#e5e5e5;} input#s4c-head-go {float:left;padding:0;margin:0;margin-left/**/:/**/ 3px;display:block;width:24px;height:20px;border:0;} /*end new styling*/ input.s4c-head-go {float:left;padding:0;margin:0;margin-left/**/:/**/ 3px;display:block;width:24px;height:20px;border:0;} /*end new styling*/ #s4c-foot{color:#878888;text-align:right;} #s4c-foot{clear:both;padding-top:1em;} #s4c-foot-links ul li a {padding-right:9px; background:bottom right url(../../img/s4c-slash2.gif) no-repeat;} #s4c-foot-links ul li a.nav-end {background:none;} #s4c-foot-content{border-top:1px solid #989898;margin-bottom:3em;padding:0.7em 0} #s4c-foot-content #stamp{float:right;width:18em;} #s4c-foot-links{float:left;} #s4c-foot-content p{margin:0;padding:0;width:auto;float:right;} #s4c-foot ul{list-style-type:none;margin:0;padding:0;} #s4c-foot ul li{float:left;padding:0 0.5em 0 0;} #s4c-foot ul a{color:#404040;text-decoration:none;} #s4c-foot ul a:link{} #s4c-foot ul a:visited{} #s4c-foot ul a:hover{text-decoration:underline;color:#404040;} #s4c-foot ul a:active{} #s4c-foot ul a:focus{} #s4c-foot ul.bottom{clear:both;list-style-type:none;margin:0;padding:0;} #s4c-foot ul.bottom a{color:#808080;text-decoration:none;} #s4c-foot ul.bottom a:hover{text-decoration:underline;color:#808080;} #s4c-foot-content #stamp a{text-decoration:none;color:#808080;} #s4c-foot-content #stamp a:hover{text-decoration:underline;color:#808080;} #s4c-wrap{clear:both;width:758px;margin:0 auto;text-align:left;} .s4c-hide{width:1px;position:absolute;left:-9999px;} /*directory footer styles*/ div.s4c-foot2-spacer {clear:both;height:10px;background:#fff;} div#s4c-foot2 {padding:0 0 0 0;border-top:1px solid #989898;background:#dadada url(http://www.s4c.co.uk/img/s4c-footer-br.gif) no-repeat bottom right;width:758px;margin:0 auto;color:#4D4D4D;} div#s4c-foot2-content {font-size:.9em;padding:0 0 1em 0;margin:0;border:0;background:transparent url(http://www.s4c.co.uk/img/s4c-footer-bl.gif) no-repeat bottom left;} div#s4c-foot2-links {text-align:left;font-size:.9em;border-right:1px solid #c3c3c3;width:530px;margin:10px 0 10px 20px;float:left;} div#s4c-foot2-links ul {margin:0;padding:0;} div#s4c-foot2-links li {margin:0;padding:0;list-style:none;display:block;float:none;} div#s4c-foot2-links li a {background:0;color:#404040;text-decoration:none;} div#s4c-foot2-links li a:hover {color:#000000;text-decoration:underline;} div#s4c-foot2-links h6 {padding:0;margin:0;font-weight:bold;font-size:1em;color:#4D4D4D;} div#s4c-foot2-links-col1 {float:left;width:139px;padding-right:5px;} div#s4c-foot2-links-col2 {float:left;width:139px;padding-right:5px;} div#s4c-foot2-links-col3 {float:left;width:139px;padding-right:5px;} div#s4c-foot2-links-col4 {float:left;width:89px;padding-right:5px;} div#s4c-foot2-content div#stamp2 {width:170px;margin:10px 10px 10px 0;text-align:right;float:right;padding:0;} div#s4c-foot2-content div#stamp2 p {padding:0;margin:0;color:#4D4D4D;} .s4c-end2 {clear:both;} .s4c-clear {clear:both;} /*end new footer*/ /*If you want to have a 100% background within the template use a div with the ID below before using the #s4c-wrap div/ID Background colours / images must be set in your own CSS file. */ #s4c-wrap-bg{clear:both;width:100%;} /*POortal pages archive drop downs */ h3#archive-link.arrowDown { cursor:pointer; background:url(http://www.s4c.co.uk/img/archive-show.gif) no-repeat center right; border-bottom:none; } h3#archive-link.arrowUp { cursor:pointer; background:url(http://www.s4c.co.uk/img/archive-hide.gif) no-repeat center right; border-bottom:none; } #content ul.genre-list li a span { font-size: 0.8em; font-style:italic }