/* @group Common */ .padding {padding: 14px;} .float-right {float: right;} .float-left {float: left;} .accessibility {display: none;} .no-padding {padding: 0;} .no-left-padding {padding-left: 0;} .no-margin {margin: 0;} .margin-left {margin-left: 14px;} .strong{font-weight:700;color:#fff;} /* @end */ /* @group Typography */ h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5 {font-family: arial,helvetica,clean,sans-serif;color: #fff;font-weight: 400;margin: 0 0 5px;text-transform: uppercase;} h1.normal,.h1.normal,h2.normal,.h2.normal,h3.normal,.h3.normal,h4.normal,.h4.normal,h5.normal,.h5.normal {text-transform: none;} h1, .h1 {font-size: 250%;font-weight:400;} h2, .h2 {font-size: 197%;} h3, .h3 {font-size: 138.5%;} h4, .h4 {font-size: 100%;} h5, .h5 {font-size: 93%;} p {font-size: 93%;} /* @end */ /* @group grid */ .b1 {width: 640px;} .b2 {width: 300px;} .b1 .b1 {width: 310px;} .g1 {width: 580px;} .g2 {width: 360px;} .g1 .g1 {width: 280px;} .g2 .g2 {width: 170px;} .col {float: left;margin: 0 10px;display: inline;} /* @end */ /* @group layout */ html{background:#000;} a{outline:none;} p{margin-bottom:1em;line-height:1.5em;} body {background: #000 url(../images/bg_alt.png) 100% 0 no-repeat;color: #9C9C9C;} #container {width: 960px;margin: 0 auto 30px;} #header {height: 130px;position: relative;} #logo{float: left;} #logo img{border:0;} #address{float: right;margin-top:10px;} #address p{margin: 0;color:#fff;text-align:right;font-size:123.1%;} #navigation {margin-bottom: 10px;width: 960px;background:#000;} #content{width: 960px;} #main-content{width: 560px;float: left;margin-top: 20px;padding:10px;} #sub-content{width: 340px;float: right;margin-top: 20px;padding:10px;} #main-content, #sub-content{background: transparent url(../images/bg_black_70.png) 0 0 repeat;border: 1px dotted #111;} /* @end */ /* @group navigation */ #navigation ul {list-style: none;margin: 0;padding: 0;} #navigation li {float: left;display: inline;margin-right:10px;padding-right: 15px;} #navigation a {display: block;color: #fff;text-decoration: none;font-size: 197%;text-transform: uppercase;font-weight:400;} /* @end */ /* @group utilities */ .timetable.today{margin-bottom:20px;} .timetable.today ul{margin: 0;} .timetable.today li{list-style: none;margin:0 0 10px 0;position: relative;min-height: 85px;border-bottom: 1px solid #151515;} .timetable.today img{position: absolute;left: 0px;top: 0px;border: 1px solid #333;} .timetable.today p{font-size: 93%;margin:0 0 0 145px;color: #e8e8e8;} .timetable.today span{display: block;} .timetable.today span.time{margin-bottom:5px;font-size:93%;} .timetable.today span.class-name{font-weight: 700;} .timetable.today span.strong{font-size: 85%;font-style:italic;} .timetable.today span.instructors{font-size: 85%;} .footer-map{float:right;} /* @group video carousel */ #video-carousel{background: transparent url(../images/bg_black_70.png) 0 0 repeat;padding: 10px;border: 1px solid #151515;} #video-holder{width: 640px;height: 385px;float: left;} #video-row{width: 260px;position: relative;} #video-info{float: right;width: 285px;height: 385px;position: relative;overflow:auto;} #video-info h4{text-transform: none;} #video-info p{font-size: 93%;} #video-thumbs{width:260px;height:385px;position: relative;} /*#video-list{margin: 0;position: absolute;height: 2000em;}*/ #video-list li{background: transparent url(../images/bg_black_dark.png) 0 0 repeat;list-style: none;padding-bottom:5px;height:92px;} #video-list a{outline: none;display: block;float: left;width: 120px;margin-right:10px;} #video-list img{display: block;border: 1px solid #151515;} #video-list div{float: right;width: 130px;} #controls{height: 385px;width: 25px;position: absolute;top: 5px;right: -5px;} #controls #nextPage, #controls #prevPage{background-color: transparent;background-image: url(../images/controls.png);background-repeat: no-repeat;width: 25px;height: 25px;float: left;display: inline;} #controls #nextPage{background-position:0 -401px;position: absolute;bottom: 0;right: 0;} #controls #prevPage{background-position:0 -134px;} #controls #nextPage.disabled{background-position:0 -267px;} #controls #prevPage.disabled{background-position:0 0;} /* @end */ /* @end */ /* @group common */ .page-content{margin-bottom: 15px;} .pagination{border-bottom: 1px dotted #151515;padding-bottom: 10px;} .pagination p{float: left;margin: 0;} .pagination p.pagination-elements{float: right;} .pagination a{text-decoration: none;border-bottom: 1px dotted #941313;color: #941313;} .pagination a.disabled{color: #333;border-bottom: none;} .pagination span{} hr{margin:1em 0;color:#151515;background-color:#151515;height:1px;padding:1px 0;outline:none;border:none;} /* @end */ /* @group homepage */ #home-news{background: #600 url(../images/bg_redfade.png) 0 0 repeat-x;min-height: 325px;padding: 5px;border: 1px solid #300;width: 948px; } #home-news #items{float: right;width: 360px;min-height: 324px;position: relative;} #home-news #items h2{color: #fff;font-size: 250%;} #home-news #items ul{margin: 0;list-style: none;} #home-news #items li{list-style: none;background:#600;padding: 5px;min-height:81px;position: relative;border-bottom: 1px solid #530000;margin-bottom:1px;} #home-news #items li.selected{background: #900 url(../images/chequers_red.gif) 0 0 repeat;}{} #home-news #items h3{text-transform:none;font-size: 93%;font-weight: 700;} #home-news #items h3 a{color: #fff;text-decoration:none;border-bottom:1px dotted #fff;} #home-news #items p{font-size: 85%;margin:0;color: #fff;} #home-news #items div{padding-top: 10px;position: absolute; bottom: 5px;left: 5px;} #home-news #items div span{color: #fff;} #home-news #items .date{font-size: 77%;} #home-news #items .comments{font-size: 77%;} #home-news #items .posted{font-size: 77%;margin-left: 10px;} #main-image{float: left;width: 577px;min-height: 324px;position: relative;} #main-image img{position:absolute;top:0;left:0;} #main-image-slide{background: transparent url(../images/bg_black_dark.png) 0 0 repeat;position: absolute;bottom: 4px;left: 0;padding: 10px;width: 557px;height:80px;} #main-image-slide h3{font-size: 138.5%;color: #fff;} #main-image-slide p{font-size: 100%;margin:0;} #main-image-slide p a{color:#fff;text-decoration:none;} #news-entries{padding:0 6px;} #news-entries ul{margin:0;} #news-entries li{list-style:none;padding:5px 0;margin-bottom:5px;border-bottom:1px dotted #151515;} #news-entries .h2{} #news-entries p{font-size:93%;} #news-entries p.published, #news-entries p.posted{font-size:85%;} #news-entries p a{font-size:93%;color:#941313;text-decoration:none;border-bottom:1px dotted #941313;} #news-entries a.cat-link, #news-entry a.cat-link, #items a.cat-link{color:#fff;text-decoration:none;border-bottom:1px dotted #fff;} #latest-article{list-style:none;padding:5px;margin-bottom:5px;border-bottom:1px dotted #151515;} #latest-article .h2{ } #latest-article .img{float:left;width:280px;} #latest-article .img a{font-size:93%;color:#941313;text-decoration:none;border-bottom:1px dotted #941313;} #latest-article .content{float:right;width:250px;padding: 0 5px 10px;} #latest-article .content p{font-size:93%;margin-bottom:.5em;} #news-entry{padding-left: 6px;} div.img img{padding: 9px;background: #151515;border: 1px solid #222;} /* @end */ /* @group maps */ #map-location{margin-bottom:20px;} #map{width: 336px;height: 200px;border: 2px solid #151515;background: #000 ;} #map.wide-map{width:760px;height:350px;float:left;border:none;} #tfl{display:block; width:187px; height:235px;background:url(http://www.tfl.gov.uk/tfl/gettingaround/journeyplanner/banners/images/jp-panel.gif) #fff no-repeat; font-size:93%;float:right;} /* @end */ /* @group galleries */ ul.thumb_view {margin: 0;} ul.thumb_view li{float: left;list-style: none;background: #151515;border: 1px solid #151515;padding: 5px;} ul.thumb_view h3 {display: inline;text-transform: none;font-size: 93%;} ul.thumb_view .content_block{position: relative;} ul.thumb_view img {margin: 0;background: #151515;padding: 3px;border: 1px solid #151515;} #photo-thumbs{} #photo-thumbs .thumb{margin-bottom:1em;} #photo-thumbs .thumb{float:left;background: #151515 url(../images/bg_black_dark.png) 0 0 repeat;padding:3px;margin:5px 8px;} #photo-thumbs .thumb a{display:block;} #photo-thumbs .thumb a img{display:block;} #photo-holder{background: transparent url(../images/bg_black_dark.png) 0 0 repeat;width:918px;padding:20px;text-align:center;min-height:420px;} ul.display{margin: 0;} ul.display h2{font-size: 100%;text-transform:none;} ul.display a{text-decoration: none;color: #fff;} ul.display li{float: left;width: 173px;margin:0 8px 10px;list-style: none;} ul.display div{background: #151515 url(../images/bg_black_dark.png) 0 0 repeat;padding: 5px;border: 1px solid #151515;min-height:250px;} ul.display img{} /* @end */ /* @group timetable */ #timetable{background: transparent url(../images/bg_black_dark.png) 0 0 repeat;margin-bottom:1em;width:100%;} /*#timetable th{background:#111;padding:5px;border-right:1px dotted #9E0303;border-bottom:1px dotted #9E0303;border-top:1px dotted #9E0303;}*/ #timetable td{vertical-align:top;padding:5px;border-top:1px dotted #222;} #timetable td.day{background:#600;} #timetable td.col-time:hover, #timetable td.col-class:hover{background:#292929;} /*#timetable td div{text-align:left;margin:.5em 0;padding-bottom:1em;min-height:60px;}*/ /*#timetable div span{font-size:85%;}*/ /*#timetable td div p{font-size:93%;font-weight:700;color:#fff;margin:0;}*/ /* @end */ /* @group timetable */ table.membership-table{background: #151515 url(../images/bg_black_dark.png) 0 0 repeat;width:100%;} table.membership-table th{background:#111;padding:5px;} table.membership-table td{vertical-align:top;width:128px;padding:10px;border-top:1px dotted #222;} table.membership-table span{font-weight:700;color:#fff;} table.membership-table p{font-size:93%;font-weight:400;line-height:1.2em;} table#unlimited{margin-bottom:1.5em;border-bottom:1px dotted #222;} /* @end */ /* @group breadcrumb */ ol.breadcrumb{list-style: none;margin: 0;} ol.breadcrumb li{float: left;display: inline;} ol.breadcrumb a{color: #9C9C9C;text-decoration: none;border-bottom:1px dotted #9C9C9C;margin-right: 5px;} /* @end */ /* @group fixes */ /* CLEARING */ .clear:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} .clear {display: inline-table;} /* FILTERS */ /* hide from IE-mac \*/ .clear, .caption {display: block;} /* end hide from IE-mac */ /* @end */ /* @group Instructors */ .team-carousel{margin:0 0 20px 20px;} .team-member{float:left;display:inline;background: #151515 url(../images/bg_black_dark.png) 0 0 repeat;padding:10px;min-height:250px;width:190px;border:1px solid #151515;margin-right:20px;} .team-member .panel{width:190px;height:253px;position:relative;overflow:hidden;} .team-member .panel img{display:block;} .team-member .panel a{display:block;} .team-member .detail{position:absolute;bottom:0;left:0;width:180px;height:70px;padding:5px;background: transparent url(../images/bg_black_dark.png) 0 0 repeat;} .team-member .detail h3{text-transform:none;font-size:100%;;margin-top:10px;} .team-member .detail p{color:#fff;margin:0;} #member-profile .main-photo{float:left; margin:0 1em 1em 0;padding:10px;background:#000000;border:1px solid #292929;} #member-profile .member-detail{width:520px;} #member-profile .member-detail ul{width:70px;float:left;} #member-profile .member-detail li{display:block;font-size:77%;margin-bottom:1em;} #member-profile .member-detail li .time{color:#fff;} .js #main-image img{display:none;} /* @end */ /* @group Notes */ /* - Text Colours - Headings: #333 Summary: #333 Body: #666 Country name: #f6550e - Panel colours - Normal state: #e5e5e5 Rollover state: #f2f2f2 Featured: #ccc - Divider Colour - Divider line: #b2b2b2 */ /* - Font sizes - px % 10 77 11 85 12 93 13 100 14 108 15 116 16 123.1 17 131 18 138.5 19 146.5 20 153.9 21 161.6 22 167 23 174 24 182 25 189 26 197 30 230 */ /* @end */ /* @group cufon */ /*.cufon-active #address{ margin-top:-15px; } .cufon-active #address address p{ font-size:153.9%; } .cufon-active #navigation ul li a{ font-size:189%; }*/ .cufon-active .h1 {font-size: 250%;font-weight:400;} .cufon-active .h2 {font-size: 174%;} .cufon-active .h3 {font-size: 138.5%;} .cufon-active .h4 {font-size: 100%;} .cufon-active .h5 {font-size: 93%;}*/ /* @end */ /* @group Footer */ #footer{margin-top: 20px;padding-top: 10px;border-top: 1px dotted #151515;} #footer .footer-links{float: left;width: 195px;margin-right: 10px;} #footer h4{color: #fff;text-transform: none;} #footer .footer-links ul{margin: 0;} #footer .footer-links li{list-style: none;font-size: 93%;line-height: 1.5em;margin-bottom: 3px;} #footer .footer-links a{color: #fff;text-decoration: none;color:#9C9C9C;} #site-credits{text-align:right;font-size:85%;border-top:1px dotted #333;padding-top:5px;} #site-credits a{color:#fff;text-decoration:none;border-bottom:1px dotted #666;} /* @end */