/* Theme Name: Sirf v1 Version: 1 Developed for temporary news site. */ /* CSS Document 1/6/09 johnathan.kendall@vitaminkdesign.com */ body{min-height:100%;font-size:62.5%;margin:0;padding:0;line-height:1.6em;text-align:center;} div{text-align:left;} html{height:100%;} html,div,span,applet,object, h1, h2,h3, h4, h5, h6, p,blockquote, pre, a, em,font, img, strong, sub,sup, ol, ul,fieldset,form, label, legend {margin:0;padding:0;border:0;outline:0;vertical-align: baseline;list-style:none outside none;font-family:inherit;white-space:normal;} #f li,#h li {display:inline;} li.blockList{margin:0 0 1em 0;font-size:1em!important;} li li{font-size:1em;} #n li a{display:block;} #h a,#n a,#f a{text-decoration:none;} a:hover{text-decoration:underline!important;} *{background-position:top left;background-repeat:no-repeat;} .inline-list li, .inline li{display:inline;white-space:nowrap!important;} .meta li{float:left;white-space:nowrap;} .meta{overflow:hidden;margin-top:1ex;} /*////////////////////////////////////////////////////////////////////*/ /*MAIN PAGE CANNON /* h = header f = footer c = content n = navigation column p = primary content s = secondary content t = tertiary content*/ /*notes/* Grid information margin and gutters: 11 colom grid (11*90px) margins - 18 - gutter 9 etc (multiples of) /*content positioning method*/ #w{margin:0 auto;text-align:left;width:970px;} #c{overflow:hidden;} #n{float:left} #r{float:left;} #p{float:left;} #h{position:relative;} .tx{padding:1.8em 10px;}/*text boxes*/ #p{min-height:660px;height:auto!important;height:660px;} /*layout types*/ /* 3 coloms left .c2l /* ________________ /* |n | p |s | */ #n{width:260px;} /* |260| 450 |260| */ #p{margin:0 270px 0 0;} /* | | | | */ #r{width:260px;} /* ----------------- */ /* 2 coloms left .c2l - not used /* _________________ /* |n | p | */ .c2l #n{} /* |180| 810 | */ .c2l #p{} /* | | | */ .c2l #r{} /* ----------------- */ /* .c2r [2 coloms right] /* _________________ /* | p | | */ .c2r #n{display:none;} /* | 620 |260| */ .c2r #p{margin:0 20px 0 0;width:620px;} /* | | | */ .c2r #r{width:290px;} /* ----------------- */ /* .c1 [1 coloms] - not used /* _________________ /* | p | */ .c1 #n{display:none;} /* | 990 | */ .c1 #p{margin:0;} /* | | */ .c1 #r{display:none;} /* ----------------- */ #n, #p, #r{/*outline:solid 1px #999;*/min-height:400px;} html{background:#000 url(images/html_bg.gif) repeat top center;} body{background:url(images/body_bg.jpg) repeat-x top center;font-family:verdana,arial,helvetica,sans-serif;padding-bottom:10px;} .hidden{position:absolute;top:-10000px;} a,small{color:#006231;} h3{font-size:1.2em;} /*form styling*/ input.btn{background:#006231;color:#000;border:solid 1px #A7C738;font-weight:bold;color:#fff;font-size:1.1em;padding:0.4ex 1ex;} #w{border-bottom:2px solid #ccc;} #h li,#f li{border-right:solid 1px #666;margin-right:1ex;padding-right:1ex;} #h li.last,#f li.last {border:none;} #h{background:transparent url(images/masthead_bg.jpg?) no-repeat 14px 75px;min-height:263px;padding:20px;} #h a,#h{color:#ccc;} #branding a{display:block;background-image:url(images/sirf_festival_logo.gif);text-indent:-2200px;height:40px;} #utillinks{position:absolute;top:20px;right:20px; width:320px;text-align:right;font-size:1.2em;} #utillinks li{display:inline} div#searchbox{text-align:right;margin-top:6px;} #searchbox .hidden{display:inline;position:static;} #searchbox div{display:inline;} #searchbox #searchsubmit{background:#4d4d4d url(images/searchbg.gif) no-repeat center center;border:solid 1px #808080;width:23px;text-indent:-9000px;height:23px;position:absolute;top:0;right:0;color:#666;} #searchbox input{height:19px;padding:1px;width:185px;background:#4d4d4d;border:solid 1px #808080;color:#fff;overflow:visible;} #searchbox input:focus{color:#000;background-color:#fff;} #searchbox form{position:relative;padding-right:22px;margin:8px 4px 0 0;line-height:19px;vertical-align:bottom;} #h .soon,#h #mainNav{top:277px;position:absolute;font-size:1.4em;color:#fff;text-align:center;} #h #mainNav a{color:#fff;padding:0 8px} ul#mainNav {padding:0;background:#A7C738;line-height:1.4em;margin:0 -30px 0 0;} #h #mainNav li{font-weight:bold;border-right-color:#fff;margin:0;padding:0 7px;text-transform:uppercase;font-size:0.9em;float:left;} #h #mainNav li.first{padding-left:0;}#h #mainNav li.last{padding-right:0;} #c{background:#fff url(images/c_bg.jpg) repeat-x top left;padding:20px 20px;} #r>div,#p,#f .content{border-top:5px solid #000;} #p .content{border-bottom:solid 1px #cccccc;} #p .header .entry{background:transparent url(images/dotted-spacer.gif) repeat-x top left;padding-top:10px} /*#p .header {padding:10px 15px;}*/ /*affiliate links*/ #supportedBy li{float:left;margin-right:30px;font-size:1.1em;font-style:italic;margin-bottom:20px} #supportedBy{border-top:solid 4px #000;clear:both;} #supportedBy h2{font-size:1.8em;padding:5px 10px} #associates{background-image:url(images/dotted-spacer.gif);overflow:hidden;padding-left:10px;padding-top:10px;} #supportedBy a,#supportedBy strong{background-position:top center;padding:80px 5px 5px 5px;display:block;} .link2-biteme a{background-image:url(images/logo-bitetoeat.gif);} .link2-visitstockton a{background-image:url(images/logo-visitstockton.gif);width:196px;text-align:center;} .link2-arc a{background-image:url(images/logo-arc2.gif);text-align:center;width:115px;} .link2-consumer a{background:url(images/logo-consumer.gif) no-repeat center 9px !important;text-align:center;width:80px;} .link2-bbc a{background-image:url(images/logo-bbc.gif);width:120px;text-align:center;} .link2-wall a{background-image:url(images/logo_walls.gif);text-align:center;width:100px;} .link2-arts a{background:url(images/logo_artscouncil.gif) no-repeat center 9px !important;text-align:center;width:110px;} li.link2-arts{margin-left:15px;} .link2-culture a{background-image:url(images/logo-culture.gif);width:131px;margin-right:0!important;text-align:center;} li.link2-culture{margin-right:0!important;margin-left:10px;} li.link2-pingpong a{background:url(images/linkpingpong.jpg) no-repeat 4px center;} li.link2-uktrade a{background:url(images/link2-uktrade.jpg) no-repeat 4px center;} li.link2-reseau a{background:url(images/logo-reseau-en-scene.gif) no-repeat 4px center;width:125px;} li.link2-cfrance a{background:url(images/logo-cultures-france.gif) no-repeat 4px center;width:100px} li.link2-arcade strong{background:url(images/logo-arcade.gif) no-repeat 4px center;width:100px;text-align:center;color:#006231;font-style:normal;font-weight:normal;} li.link2-bbc {margin-right:0px!important;} /*end*/ #r .programmeFeed li{margin-bottom:1ex;} #r .menu-callout{margin-bottom:2em;} #r .menu-callout .content{background:#ededed url(images/dotted-spacer.gif) repeat-x top left;min-height:100px;} #r .newsletter-signup{background-color:#ededed;} #r h2{font-size:1.8em;padding:10px 15px;} #r .newsletter-signup h2{background:url(images/emailer-rosette.gif) no-repeat top right;margin-right:-20px;padding-right:50px;height:60px;margin-bottom:-45px;padding-top:10px;} #r .newsletter-signup h3{margin-bottom:0.5ex;} #r .newsletter-signup .content{background:none;margin-bottom:0;} #r .newsletter-signup .content p{margin-right:60px;margin-bottom:9px;} #r p a{font-style:italic;} #r p {font-size:1.2em;} #r .content{padding:15px 15px 15px 15px;} /*newsletter signup display*/ #r .newsletter-signup label{display:block;border:solid 1px #808080;background:#fff;padding:2px;color:#666;margin-bottom:9px;font-style:italic;} #r .newsletter-signup label input{border:none 1px #fff;width:215px;} #r .newsletter-signup input.btn{margin:0.5ex 0 0 auto;display:block} /*rhc archive*/ #r .archivemenu li{font-size:1.2em;margin-left:2px;list-style:disc inside;margin-bottom:1ex;font-weight:bold;font-style:italic;} #r .archivemenu .genreMenu li{float:left;width:120px;margin-right:20px;text-transform:capitalize;} #r .archivemenu .genreMenu{overflow:hidden;margin-bottom:15px;background:transparent url(images/dotted-vert.gif) repeat-y 130px top;margin-right:-40px;} #r .archivemenu h2{font-size:2.4em;} #r .archivemenu h3{font-weight:normal;margin-bottom:1ex;} /*rh social networks*/ #r .social-networks li{padding-left:70px;background-position:top left;margin-bottom:1em;padding-bottom:10px;position:relative;} #r li#facebook-link{background-image:url(images/facebook-logo.gif);} #r li#flickr-link{background-image:url(images/flickr-logo.gif);} .social-networks li h3 a{position:absolute;left:0;top:0;width:64px;height:64px;} .social-networks li h3 a strong{position:absolute;top:-9000px;} /*rh presentedby*/ .link2-stockton a{background-image:url(images/logo-stockton.gif) ;padding:80px 5px 5px 5px;display:block} /*end*/ .navigation{font-size:1.2em;overflow:hidden;padding:1ex 0;} .navigation a{font-style:italic;} #f {background:#fff;padding:15px 0 0 0;color:#333;} #f .content {padding:10px ;margin:0 10px;background:#ededed;} #f a{/*color:#333;text-decoration:none;*/} #f .credit{text-align:right;} #homepage .header h1{background:transparent url(images/home_header.jpg) no-repeat top left ;text-indent:-2200px;font-size:1.2em;height:113px;margin:0 0 0 7px;} .header {padding:0 0 10px 0;} .header p{font-size:1.2em;margin:10px 15px;} #p .listed .entry{margin-bottom:0;min-height:95px;} h2.dateDiv{margin:5px 10px;text-transform:uppercase;font-family: Helvetica,Arial, sans-serif;} /* wordpress post styling */ .post, #search .listed{padding:20px 15px 1px 15px;/*overflow:hidden;*/background:url(images/dotted-spacer.gif) repeat-x top left;} .post:after{content: "."; display: block; height: 0px; clear: both; visibility: hidden;} .post h2 a small em{color:#666;text-decoration:none;} .post h2 a small strong{text-decoration:underline;font-weight:normal;} .post{} .header h1{font-size:5.2em;font-weight:bold;text-transform:uppercase;font-family:helvetica,arial,sans-serif;letter-spacing:-0.1ex;line-height:0.8em;margin:10px 0 10px 10px;} .header h1 strong{color:#A7C738;white-space:nowrap;} #p a{font-style:italic;} .entry p,.entry ul, .entry ol{font-size:1.2em;line-height:1.8em;margin-bottom:1ex;} .entry ul,.entry ol{padding-left:30px;list-style-position:outside;} .entry ul.inline{padding-left:0;} .entry ul{list-style-type:disc;} .entry ol{list-style-type:decimal;} /*post headlines - list*/ .post h2, .listed h2{font-size:2.4em;color:#000;line-height:1em;margin-bottom:1ex;} #programme .post h2{margin-bottom:0;} #p .post h2 a,#p .listed h2 a{text-decoration:none;color:#000;font-style:normal;} .post h2 a small,.listed h2 a small{display:block;font-size:0.5em;font-weight:normal;margin-top:0.5ex;} .hasThumb .entry img{display:none;} /*post headlines - page*/ a.moreLink {font-size:1.3em;font-weight:normal!important;} .moreLink strong{font-weight:inherit;} .moreLink em{position:absolute;left:-8000px;} .backLink a{font-size:1.3em;text-decoration:none;} /*s*/ .programmeFeed p,.programmeFeed ul,.programmeFeed ul,.programmeFeed ol{ margin-bottom:1em; font-size:1.2em; } .programmeFeed ol{list-style:decimal;} .programmeFeed ol{list-style:disc;} .programmeFeed li{margin-left:15px;} /*img styling */ .alignleft{float:left;} img.alignleft {margin:0 16px 16px 0;} img.alignright{margin:0 0 16px 16px;} div.alignleft{margin:0 5px 5px 0;} div.alignright{margin:0 0 5px 5px;} /*thumb size options*/ .post{position:relative;} .hasThumb{padding-left:180px;} .hasThumb img.postThumb{position:absolute;left:0;top:20px;} #search .hasThumb{padding-left:10px;} strong.newBadge{position:absolute;left:-14px;top:4px;width:64px;height:58px;text-indent:-5000px;background:url(images/newBadge.png) no-repeat top left;display:none;} .hasThumb strong.newBadge{display:block}/*turns off badge if it would obscure the title*/ #programme strong.newBadge{display:none;} .thumb230 .hasThumb {padding-left:246px;} /*div.alignImage{position:relative;padding-left:190px;min-height:245px;} .alignImage .alignleft{position:absolute;left:15px;top:15px;}*/ .alignright{float:right;} p.wp-caption-text{color:#666;} #hypeLink{/*background: url(images/hypeunderline.gif) repeat-x bottom center;text-decoration:none!important;*/font-style:italic;text-decoration:underline!important;} .flickr-gallery .flickr-thumb{width:112px;height:112px;overflow:hidden;float:left;margin:0 10px 10px 0;text-align:center;background:#000;position:relative;} .flickr-gallery .flickr-thumb a{vertical-align:baseline;height:112px;width:112px;display:block;text-align:center;overflow:hidden;} .flickr-gallery {overflow:hidden;height:auto;margin-right:-20px;line-height:112px;} /*single.php*/ img.postImg{display:block;margin-bottom:15px;} ul.meta{font-size:1.3em;margin-bottom:1em;} .meta li{margin-right:1em;} /*maps*/ .gmap{padding:10px;} /*sitemap*/ #sitemap .menu li{margin-left:1em;font-size:1.4em;font-weight:bold;margin-top:1ex;} #sitemap .menu li li{font-size:1em;font-weight:normal;margin-top:0;} #sitemap #p .menu{margin-bottom:6em;} /*menu hilighting*/ #map .m_map a, #programme .m_programme a, #aboutus .m_aboutus a, #carnival .m_carnival a, #gallery .m_gallery a, #contact .m_contact a, #latestnews .m_latestnews a {background:#fff;color:#006231!important;} .navigation a,.flickr-gallery-next a, .flickr-gallery-prev a{background:#006231;color:#fff;min-width:6em;padding:1px 1ex;text-decoration:none;} .flickr-gallery-next a, .flickr-gallery-prev a{font-size:1.3em;} .flickr-gallery-next a{margin-right:19px;} a.skip2content{position:absolute;top:0;left:0;color:#000;z-index:100;} a.skip2content:hover, a.skip2content:active, a.skip2content:focus{visibility:visible;color:#fff} .notFound{padding:15px;}