/* Site styles for Blast 2 (on IE, only >= 6) */ .dbg { background:#fff; color:#000; font-size:10pt } .osmdebug { background:#ff0; color:#000; left:0px; opacity:0.9; height:300px; overflow:auto; position:absolute; top:300px; width:700px } .cat-content .osmdebug { top:600px } .cat-events .osmdebug { top:800px } .osmdebug pre { font-size:10pt } .called-from-javascript { display:none } #blq-content form label .glow-errorMsg, form label .error { color:#f00; font-weight:bold } /*------------------------------------------------------- COMMON --*/ /* fix needed for some versions of BLQ 55!! (Identity login position correction) */ #blq-mast { /*width:640px*/ } #blq-container-inner { background-color:#000 } #blq-main { background-color: #000; color: #fff; font-family:Verdana,Geneva,Kalimati,sans-serif; padding:0; position:relative; } #blq-main a:link, #blq-main a:visited { color:#2CBEEF; font-weight:bold; text-decoration:none } #blq-main a:hover, #blq-main a:active { color:#fff; text-decoration:none } #blq-content a:link, #blq-content a:visited { color:#0d8bb5 } #blq-content a:hover, #blq-content a:active { color: #000;} .cat-home #main-content a:hover, .cat-home #main-content a:active { color: #fff;} #blast-links a:hover, #blast-links a:active, #rhn-nav a:hover, #rhn-nav a:active { color: #fff;} #blq-main p { font-size:1.0em } /* override a stray VisionApps ratings style */ /* GENERAL USE STYLES (PG) */ .clear_both { clear:both;} .clear_none { clear:none;} .grey-border { border: 1px solid #d3d3d3; } .float_left { float: left;} .float_right { float: right;} .one_third { float: left; width: 150px;} /* submit buttons as links */ .submit-as-link, .no-action { display:-moz-inline-box } /* needs doing better! */ .submit-as-link, .no-action { display:inline-block } .submit-as-link input { background:none; border:0 none; color:#0d8bb5; cursor:pointer; font-family:Verdana,Geneva,Kalimati,sans-serif; font-size:1.2em; font-weight:bold; padding:0 } .submit-as-link:hover input, .submit-as-link.hover input { color:#000 } .no-action .label { font-size:1.0em; font-weight:bold } /* submit btns with fancy backgrounds (20px high btn, with drop-shadow 2px right, 3px below). Check examples below */ .submit-btn { background:#1083a9 no-repeat; height:23px } .submit-btn input { background:#1083a9 no-repeat } .submit-btn:hover, .submit-btn.hover { background-position:0 -23px } .submit-btn input { background:none; border:0 none; color:#fff; cursor:pointer; font-family:Verdana,Geneva,Kalimati,sans-serif; font-weight:bold; padding:2px 0 0 0 } /*----------------------------------- THUMBNAILS --*/ /* controls the display of individual thumbnails, with overlays etc */ /* Note: items receiving background are actually 164px wide incl. border+padding */ /* NOTE: .item padding top & left are crucial for frame alignment and should not be overridden in derived contexts */ .item { padding-top:1px; padding-left:3px; position:relative } .item .thumb .image { background:none; height:93px; left:3px; position:absolute; top:1px; width:166px } .item .thumb .image a { border:none; display:block; font-weight:normal } .item .thumb .image img { border:none; display:block } .thumb p.info { background:no-repeat 0 0 url(/staticarchive/86be4ca27d2274c90cb8c50ba8cbf275abd544da.gif); height:93px; line-height:1.2; margin:0; position:relative; width:166px; zoom:1 } .thumb p.info a { display:block; height:81px; left:1px; overflow:hidden; padding:5px; position:absolute; top:1px; width:154px; zoom:1 } .thumb p.info .text { left:-2500px; position:absolute; width:1px; } .thumb p.info a:hover .text { position:static; width:auto } .thumb .caption { background:transparent no-repeat 0 0 url(/staticarchive/1f76d6453d51b904201f3e779e4e1a0e8ac9f443.png); bottom:0; display:block; left:0; padding:2px 2px 4px 22px; position:absolute; width:164px; width:140px; zoom:1 } .thumb p.info a:hover { background:transparent 0 0 no-repeat url(/staticarchive/df3df26eb79b6e8859c4f539df28ab9be39e3c4d.png); cursor:pointer } .thumb p.info .caption, .thumb p.info .text { color:#fff; font-weight:normal } /*.thumb p.info .text { line-height:1.2 }*/ .thumb p.info .user-attrib { display:block; margin-top:4px } .thumb p.info .user { font-weight:bold } .item p.extra-info { color: #666666; line-height:1.2; padding:10px 0 0 0 } .medium-audio .thumb .caption { background-position:0 0 } .medium-image .thumb .caption { background-position:-166px 0 } .medium-video .thumb .caption { background-position:-332px 0 } .medium-writing .thumb .caption { background-position:-498px 0 } .medium-audio .thumb a:hover .caption { background-position:0 -50px } .medium-image .thumb a:hover .caption { background-position:-166px -50px } .medium-video .thumb a:hover .caption { background-position:-332px -50px } .medium-writing .thumb a:hover .caption { background-position:-498px -50px } /*------------------------------------------------------- MASTHEAD --*/ #masthead { background:#000 0 0 no-repeat; color:#fff; height:117px; position: relative; width:974px } /* for background image selection, see masthead include HTML */ #masthead a.homepage-link { background:none; display:block; left:12px; height:78px; position:absolute; top:20px; width:254px } #masthead a span { display:block; height:76px; width:252px; z-index:-1 } #masthead .beta { color:#fff; font-weight:bold; left:275px; position:absolute; top:37px } .feedback #masthead .beta { display:none } #masthead .tagline { left:266px; position:absolute; top:73px } #masthead .tagline img { display:block } #country-title { font-size:2em; left:270px; position:absolute; top:80px } #country-title span.wales, #country-title span.scotland { display:none } .region-scotland #country-title span.scotland { display:inline } .region-wales #country-title span.wales { display:inline } /*------------------------------------------------------- LOCAL NAV --*/ #blq-local-nav { border-top:solid 1px #fff; font-family:Verdana,Geneva,Kalimati,sans-serif; font-size:1.0em; line-height:2.3em; margin:0 auto; overflow:hidden; padding:0; width:946px; zoom:1 } /* layout */ #blq-local-nav .site-menu { display:inline; float:left } #blq-local-nav .region-menu { display:inline; float:right } #blq-local-nav .region-menu .title { display:inline; float:left } #blq-local-nav .region-menu ul { display:inline; float:left } #blq-local-nav ul { min-height:32px; text-align:left } #blq-local-nav ul li { display:-moz-inline-box } #blq-local-nav ul li { display:inline-block; margin:0 9px 0 0 } #blq-local-nav ul li a { display:block } #blq-local-nav ul li a:link, #blq-local-nav ul li a:visited { } #blq-local-nav ul li a:hover, #blq-local-nav ul li a:active { } #blq-local-nav .region-menu li { font-weight:bold; margin:0 0 0 9px } #blq-local-nav .region-menu li a { padding:0 } /* menu item icons */ #blq-local-nav ul.site-menu li a { background:no-repeat 0 1.0em url(/staticarchive/0e345c772998104590e45bef72321496f7e93071.gif); padding:0 0 0 12px; } #blq-local-nav ul.site-menu li a { background-position:0 0.95em } #blq-local-nav ul.site-menu li.nav-upload a { background:no-repeat 0 0.8em url(/staticarchive/ad0a583ed6c74de4a4f50577efb1a4c1aa9da0c6.gif); padding:0 0 0 15px; } /* show category */ .cat-home #blq-local-nav ul li.nav-home a { color:#fff; cursor:default } .cat-browse #blq-local-nav ul li.nav-browse a { color:#fff; cursor:default } .cat-events #blq-local-nav ul li.nav-events a { color:#fff; cursor:default } .cat-about #blq-local-nav ul li.nav-about a { color:#fff; cursor:default } .cat-competitions #blq-local-nav ul li.nav-competitions a { color:#fff; cursor:default } .cat-contact #blq-local-nav ul li.nav-contact a { color:#fff; cursor:default } .cat-upload #blq-local-nav ul li.nav-upload a { color:#fff; cursor:default } /* show region */ #blq-local-nav .region-menu { font-size:0.9em } .region-uk #blq-local-nav .region-menu li.region-uk a { color:#fff; cursor:default } .region-scotland #blq-local-nav .region-menu li.region-scotland a { color:#fff; cursor:default } .region-wales #blq-local-nav .region-menu li.region-wales a { color:#fff; cursor:default } /*------------------------------------------------------- BROWSE/SEARCH NAV --*/ #nav-search { display:inline; float:right } #nav-search { background:no-repeat 0 0 url(/staticarchive/4c01a12a596868e8190e288eacc9ebe3025ea3f9.png); border-bottom:solid 1px #a5a5a5; color:#fff; margin:0 10px 0 0; padding:4px 0 4px; width:207px } #nav-search h2, #nav-search h3 { font-weight:normal; padding:3px 0 6px 0} #related h2 { font-weight:normal; padding:3px 0 16px 0} /*-------------- BROWSE --*/ #nav-search #fm-browse { display:block; margin:0 0 0 8px; overflow:hidden; zoom:1 } #nav-search #fm-browse input { color:#fff } #nav-search #fm-browse input#search-text { background:#fff; border:solid 1px #1083a9; border-right:none; color:#000; display:inline; float:left; height:18px; padding:0 4px; width:130px; width:122px } #nav-search #fm-browse .submit-btn { background-image:url(/staticarchive/f434063dc9058e308c7b03938081bbd2efbab5b2.gif); display:inline; float:left; text-align:left; width:62px } #nav-search #fm-browse input.submit { font-size:0.9em; width:60px } /*-------------- FILTER --*/ #nav-search #filter { clear:left; font-family:Verdana,Geneva,Kalimati,sans-serif; margin:6px 0 0 0 } /* collapsible filter for content page */ /* Note: items with position:relative appear even when container height is 0. So we need to override them */ .collapse-container h2.collapse-heading { display:none } /* override this for content pages where we want the item collapsed */ .js-collapse .cat-content .collapse-container h2.collapse-heading { display:block } .js-collapse .cat-content .collapse-container #filter { height:0px; overflow:hidden; position:relative } .js-collapse .cat-content #nav-search #filter.collapse-block .categories a.btn { position:static } .js-collapse .cat-content #nav-search #filter.collapse-block .categories a.btn span { display:none } .js-collapse .cat-content #nav-search .collapse-container.open #filter { height:auto } .js-collapse .cat-content #nav-search .collapse-container.open #filter .categories a.btn { position:relative } .js-collapse .cat-content #nav-search .collapse-container.open #filter .categories a.btn span { display:block } #nav-search h2.collapse-heading a:link, #nav-search h2.collapse-heading a:visited { color:#2CBEEF } #nav-search h2.collapse-heading a:hover, #nav-search h2.collapse-heading a:active { color:#ffffff } #nav-search h2.collapse-heading { margin:8px 0 0 8px } .js-collapse #nav-search h2.collapse-heading { background:0 3px no-repeat url(/staticarchive/501fc7409568cb476f987c4e2596df2951424a4f.gif); padding:0 0 0 12px; } .js-collapse #nav-search .open h2.collapse-heading { background-image:url(/staticarchive/106b8ff002064d6196aeb574355cc6b74fc4b804.gif) } /* Can also use: ... #nav-search #filter .categories span.btn { float:left; display:inline; position:relative } */ #nav-search #filter .category { border-bottom:solid 1px #A5A5A5; padding:0 0 6px 7px } /* list items are 167 x 24 */ /* need to avoid borders to use nested absolute positioning */ #nav-search #filter ul { background:#9F9F9F 1px 1px repeat-y url(/staticarchive/9d85fc8012426872ab698f0ba0e3a8447c043f31.gif); border:0 none; height:240px; padding:1px; width:191px; zoom:1 } #nav-search #filter ul.topics { background-image:url(/staticarchive/a16a4516c7358e46f3650351f606b86508d88d53.gif); background-position:-19px 1px; width:171px } #nav-search #filter .taxonomy ul { visibility:hidden } #nav-search #filter .taxonomy ul.selected { visibility:visible } #nav-search #filter .categories { color:#000; font-size:0.9em; overflow:hidden; position:relative; zoom:1 } #nav-search #filter .categories li { display:inline; float:left; height:24px; margin:0; padding:0; width:191px }/* don't use overflow/zoom containment - triggers IE6/7 list-item-gap bug */ #nav-search #filter .categories a { display:inline; float:left; height:16px; padding:5px 0 3px 8px; width:159px } #nav-search #filter .categories a:link, #nav-search #filter .categories a:visited { color:#0d8bb5 } #nav-search #filter .categories a:hover, #nav-search #filter .categories a:active { color:#000 } #nav-search #filter .categories a .count { color:#000; font-weight:normal } /* alernative method here is to position:absolute to the right for the counts, above the button */ #nav-search #filter .category .submit-btn { background:none; height:24px; height:19px; padding:5px 0 0 4px; position:relative; width:191px; width:187px } /* note: letter spacing < 0.05em seems to be ignored by IE6 */ #nav-search #filter .category .submit-btn { background-position:100% 0; background-repeat:no-repeat } #nav-search #filter .category .submit-btn label { font-size:1.0em; font-weight:bold; visibility:hidden } #nav-search #filter .category .submit-btn input { background:none; border:none; color:#0d8bb5; cursor:pointer; font-family:Verdana,Geneva,Kalimati,sans-serif; font-size:1.0em; font-weight:bold; height:24px; left:0; margin-top:-1px; padding:0 9px 0 2px; position:absolute; top:0px; text-align:left; width:191px } #nav-search #filter .category .submit-btn input { padding:0 0 0 2px } /* For Firefox 2/3 when JS is active we can use Glow class additions to tweak position */ body[class*="gecko"] #nav-search #filter .category .submit-btn input { margin-top:-3px } /* note: there parent .even/.odd must be overwritten */ #nav-search #filter .category ul .even .submit-btn { background-image:url(/staticarchive/40e57915c6c5d4b37d194d2471d130026cff7363.gif) } #nav-search #filter .category ul .odd .submit-btn { background-image:url(/staticarchive/adb60d3e4fd6dc91a308b960bae0bf0f6dd53683.gif) } #nav-search #filter .categories .even .submit-btn { background-image:url(/staticarchive/40e57915c6c5d4b37d194d2471d130026cff7363.gif) } #nav-search #filter .categories .odd .submit-btn { background-image:url(/staticarchive/adb60d3e4fd6dc91a308b960bae0bf0f6dd53683.gif) } #nav-search #filter .categories .subjects .even .submit-btn { background-image:url(/staticarchive/40e57915c6c5d4b37d194d2471d130026cff7363.gif) } #nav-search #filter .categories .subjects .odd .submit-btn { background-image:url(/staticarchive/adb60d3e4fd6dc91a308b960bae0bf0f6dd53683.gif) } #nav-search #filter .categories .subjects .topics .even .submit-btn, #nav-search #filter .categories .subjects .topics .odd .submit-btn { background-image:none } #nav-search #filter .category ul .submit-btn:hover, #nav-search #filter .category ul div.hover { background-position:100% -24px } #nav-search #filter .category ul .submit-btn:hover input, #nav-search #filter .category ul div.hover input { color:#000 } /* overrides for levels with "up" buttons */ #nav-search #filter .categories .subjects { left:193px; position:absolute; top:0 } #nav-search #filter .categories .selected { left:0px; z-index:1 } #nav-search #filter .categories .subjects .topics { left:193px; position:absolute; top:0 } #nav-search #filter .categories .subjects .topics.selected { left:20px } #nav-search #filter .categories .subjects li { width:171px } #nav-search #filter .categories .subjects .submit-btn { width:167px } #nav-search #filter .categories .subjects .submit-btn input { width:171px } #nav-search #filter .categories .subjects li.categories-btn { height:240px; margin-left:0; overflow:hidden; position:relative; width:20px } #nav-search #filter .categories li.categories-btn input { position:relative } #nav-search #filter .categories li.categories-btn input:hover, #nav-search #filter .categories li.categories-btn input:focus, #nav-search #filter .categories li.categories-btn.hover input { left:-20px } #nav-search #filter .categories li.subject-btn input { position:relative } #nav-search #filter .categories li.subject-btn input:hover, #nav-search #filter .categories li.subject-btn input:focus, #nav-search #filter .categories li.subject-btn.hover input { left:-21px } #nav-search #filter .categories .subjects .topics li { width:150px } #nav-search #filter .categories .subjects .topics .submit-btn { letter-spacing:-0.05em; width:146px } #nav-search #filter .categories .subjects .topics .submit-btn input { letter-spacing:-0.05em; width:150px } #nav-search #filter .categories .subjects .topics .submit-btn.hidden { display:none } #nav-search #filter .categories .subjects .topics .submit-btn-inactive { } #nav-search #filter .categories .subjects .topics .submit-btn-inactive label { visibility:visible } #nav-search #filter .categories .subjects .topics .submit-btn-inactive input { cursor:default; color:#000; visibility:hidden } #nav-search #filter .categories .subjects .topics .submit-btn-inactive { background-image:none } #nav-search #filter .categories .subjects .topics li.categories-btn { height:240px; margin-left:0; overflow:hidden; position:relative; width:20px } #nav-search #filter .categories .subjects .topics li.subject-btn { height:240px; margin-left:0; overflow:hidden; position:relative; width:21px } #nav-search #filter .categories a.btn { height:17px; padding:3px 0 0 4px; position:relative; width:15px } #nav-search #filter .categories a.btn img { height:20px; width:19px } #nav-search #filter .categories a.btn span { background:0 0 no-repeat; cursor:pointer; display:block; height:20px; left:4px; position:absolute; top:3px; width:19px } #nav-search #filter .categories .odd a.btn span { background-image:url(/staticarchive/c7a7bf13f9dbb0a36b8cc0c1fd1e542b978ff260.gif) } #nav-search #filter .categories .even a.btn span { background-image:url(/staticarchive/bfaa82f9a408c49f357fbeda2f6ef0026d52e64a.gif) } #nav-search #filter .categories a.btn:hover span { background-position:-19px 0 } /* lowest two filter boxes (some features shared) */ #nav-search #filter .select-media, #nav-search #filter .search-by-location { padding:6px 8px } #nav-search #filter .select-media form, #nav-search #filter .search-by-location form { background:#EAEAEA; color:#000; padding:5px 0 5px 5px } #nav-search #filter .select-media { border-bottom:solid 1px #A5A5A5 } #nav-search #filter .select-media h4 { color:#000; display:inline; float:left; padding:0 0 5px 0; width:50px } #nav-search #filter .select-media form { overflow:hidden; zoom:1 } #nav-search #filter .select-media .med-btn-all { background:no-repeat 0 -33px url(/staticarchive/28bb80b86f0a38513d893096284ab571212cc9fd.gif); display:inline; float:right; margin:0 10px 5px 50px; padding:0; width:5em } #nav-search #filter .select-media .med-btn-all.selected { background-position:0 2px } #nav-search #filter .select-media .med-btn-all input { background:none; border:0 none; cursor:pointer; font-size:1.0em; padding:0; text-align:right; width:3em } #nav-search #filter .select-media .med-btn { display:inline; float:left; height:18px; margin:0 3px 0 0; overflow:hidden; position:relative; width:90px } #nav-search #filter .select-media .med-btn input { height:18px; position:relative; width:180px } #nav-search #filter .select-media .med-btn:hover input, #nav-search #filter .select-media .med-btn input:focus, #nav-search #filter .select-media .med-btn.hover input { left:-90px } #nav-search #filter .search-by-location .submit-btn { display:-moz-inline-box } #nav-search #filter .search-by-location .submit-btn { display:inline-block; vertical-align:middle } #nav-search #filter .search-by-location .submit-btn { background-image:url(/staticarchive/a0933f016fc83032f9bd7b01cfa0c7276f4749fd.gif); width:39px } #nav-search #filter .search-by-location .submit-btn input { font-size:0.9em; width:37px } #nav-search #filter .search-by-location select { margin-top:2px; width:140px } #nav-search #filter-and-search { position:relative } /*-------------- QUICKSEARCH (HOME) --*/ #quicksearch { clear:left; margin:6px 0 0 8px } #quicksearch .submit-btn { background:#373636 no-repeat 0 0 url(/staticarchive/322494c18d351fb45a8518379163484bf3f8dcb4.gif); height:22px; padding:0 0 3px 0; width:194px } #quicksearch input.submit { background:none; border:none; color:#fff; cursor:pointer; font-family:Verdana,Geneva,Kalimati,sans-serif; font-size:0.9em; font-weight:bold; padding:3px 9px 0 11px; text-align:left; width:191px } #quicksearch .submit-btn:hover, #quicksearch .submit-btn.hover { background-image:url(/staticarchive/4ba810f4abb76c980aca9dae8062dca5590dc43c.gif) } #nav-search #quicksearch a { font-family:Verdana,Geneva,Kalimati,sans-serif; font-size:0.9em; font-weight:bold } #nav-search #quicksearch a { background:#373636 no-repeat 0 0 url(/staticarchive/322494c18d351fb45a8518379163484bf3f8dcb4.gif); color:#fff; display:block; height:22px; height:17px; padding:5px 0 3px 14px; position:relative; width:194px; width:180px; zoom:1 } #nav-search #quicksearch a:hover { background-image:url(/staticarchive/4ba810f4abb76c980aca9dae8062dca5590dc43c.gif) } #nav-search #quicksearch a.current { color: #000; background: #c4c4c4 url(/staticarchive/b7487756d78d81b8cc713096780090c893efa6e9.gif); } /*-------------- RELATED WORK (CONTENT PAGE) --*/ #related { background:#373636; border:solid 1px #A5A5A5; clear:right; color:#fff; display:inline; float:right; margin:10px 10px 0 0; padding:8px 11px; width:183px } /* carousel styles */ #related .filter-related { display:none } #recent { margin:20px 0 0 0 } #staff-pick { margin: 0pt auto; width: 166px; } /*------------------------------------------------------- BLAST LINKS/RHN PROMO --*/ #blast-links { background:#000; border:solid 1px #A5A5A5; clear:right; color:#fff; display:inline; float:right; margin:10px 10px 0 0; padding:8px 11px; width:183px } #blast-links h2 { padding:0 } #blast-links li { background:no-repeat 0 0.3em url(/staticarchive/355a8355870c7759c87c48b866be30f033d61117.gif); font-size:0.9em; margin:6px 0 0 0; padding:0 0 0 11px } #blast-links a:link, #blast-links a:visited, #rhn-promo a:link, #rhn-promo a:visited { color:#2CBEEF } #blast-links a:hover, #blast-links a:active, #rhn-promo a:hover, #rhn-promo a:active { color:#fff } /* TODO :: THIS MAY HAVE ISSUES IN IE6 */ #rhn-promo { position:relative; background:#000; clear:right; color:#fff; display:inline; float:right; margin:10px 10px 0 0; padding:0; width:207px; min-height:71px; overflow:hidden; border:1px solid #A5A5A5;} #rhn-promo h2 { position:absolute; left:86px; top:0; z-index:2; padding:0.4em 10px 0.3em 20px; height:2em; background:url(/staticarchive/199026b3a19014b04364bc6537246a055171e338.png) -93px 0px repeat-y; } #rhn-promo a { font-size:0.9em; display:block; width:207px; min-height:39px; padding-top:3em; } #rhn-promo a span { position:relative; z-index:2; display:block; width:90px; min-height:34px; padding:0 10px 5px 106px; background:url(/staticarchive/199026b3a19014b04364bc6537246a055171e338.png) -7px 0px repeat-y; } #rhn-promo img { position:absolute; left:-10px; top:0; } /*------------------------------------------------------- CONTENT --*/ #blq-content { clear:both } /*----------------------------------- HOME PAGE --*/ /*-------------- LEAD PROMOS --*/ #main-content { background:repeat-y 0 0 url(/staticarchive/ff439829978d5cbf124c91d9c38551bdb4ec20f0.gif); color:#000; margin:0 14px } #main-content-outer { background:no-repeat 0 0 url(/staticarchive/d2dff80db6687f40d6127b6e3e879b4b062f74af.gif); padding: 10px 0 0 0 } #main-content-inner { background:no-repeat 0 100% url(/staticarchive/693d4e4d1274aaf22fa95915420bca2836e8fed9.gif); overflow:hidden; padding:0 0 10px } .cat-content #main-content { background-image:url(/staticarchive/25282c8c2bbce86740481f72613d2f61af9f1e10.gif) } .cat-content #main-content-outer { background-image:url(/staticarchive/5025daadbdbec8e907978c60fd34faa409278946.gif) } .cat-content #main-content-inner { background-image:url(/staticarchive/a66bcb22b7ac98549dbb8d9c77436ab8366c47d5.gif) } .cat-home #main-content-outer { min-height:318px } .cat-browse #main-content-inner { min-height:298px } #main-content-lead { display:inline; float:left; padding:0; width:706px } /*-- SELECTED LEAD PROMO --*/ #lead-promo-container { display:inline; float:left; margin-right: 25px; position:relative; width:546px; height: 306px; } #lead-promo-selected, #lead-promo-preselected { display:inline; float:left; margin:0; position:absolute; top:0; left:10px; width:546px; } #lead-promo-selected a.overlay, #lead-promo-preselected a.overlay { display:block; height:237px; text-decoration:none; width:546px } #lead-promo-selected a.overlay:link, #lead-promo-selected a.overlay:visited, #lead-promo-preselected a.overlay:link, #lead-promo-preselected a.overlay:visited { text-decoration:none } #lead-promo-selected img, #lead-promo-preselected img { display:block; left:0; position:absolute; top:0 } #lead-promo-selected-inner { background:no-repeat 0 0 url(/staticarchive/8c36a9de31c7da7b634cb6219de9e30c646ed559.gif); /*padding:226px 0 0 0;*/ position:relative } /*#lead-promo-selected-inner { padding:0 }*/ #lead-promo-selected .caption, #lead-promo-preselected .caption { background:#000 no-repeat 0 100% url(/staticarchive/afdc92a41f4c7ee7cdeae88275e759c8c8db0872.gif); color:#fff; display:block; min-height:55px; overflow:hidden; padding:6px 0 10px 17px } #lead-promo-selected .caption .related, #lead-promo-preselected .caption .related { border-left:solid 1px #fff; display:block; float:right; padding:0 13px 0 13px } #lead-promo-selected .caption .related li, #lead-promo-preselected .caption .related li { background:no-repeat 0 0.3em url(/staticarchive/355a8355870c7759c87c48b866be30f033d61117.gif); font-size:0.9em; margin:3px 0 0 0; padding:0 0 0 12px } #lead-promo-selected h2, #lead-promo-selected p, #lead-promo-preselected h2, #lead-promo-preselected p { margin:0 170px 0 0 } #lead-promo-selected h2, #lead-promo-preselected h2 { line-height:1.3 } #lead-promo-selected p, #lead-promo-preselected p { font-size:0.9em; line-height:1.1 } #lead-promo-selected .caption a:link, #lead-promo-selected .caption a:visited, #lead-promo-preselected .caption a:link, #lead-promo-preselected .caption a:visited { color:#2CBEEF } #lead-promo-selected .caption a:hover, #lead-promo-selected .caption a:active, #lead-promo-preselected .caption a:hover, #lead-promo-preselected .caption a:active { color:#fff } /* If we are worried that 11pt Verdana is too small for body text, use: #lead-promo-selected p { font-size:1.0em } */ /*-- LEAD PROMOS MENU (THUMBNAILS) --*/ /* implemented using an overlay, allowing inner borders and simple IE6/7 implementation */ #lead-promos-menu { display:inline; float:left; width:126px } #lead-promos-menu li { background:#000; list-style-position:outside; list-style-type: none; margin:8px 0 0 0; min-height:71px; position:relative; width:126px } /* show clickability clickable if JS is on: */ .glow-supported #lead-promos-menu li { cursor:pointer } .glow-supported #lead-promos-menu li.selected { cursor:default } #lead-promos-menu li.promo-1 { margin-top:0 } #lead-promos-menu li img { display:block; height:71px; left:0; position:absolute; top:0; width:126px } #lead-promos-menu li h3 { background:no-repeat 0 0 url(/staticarchive/c0f21bea819e686e6203e8ce4a1f65c18d034f9d.png); border-bottom:solid 2px #129ECC; font-size:0.9em; padding:0; margin:0; min-height:15px; padding:1px 5px 0; position:relative; width:112px } #lead-promos-menu a:link, #lead-promos-menu a:visited { color:#2CBEEF } #lead-promos-menu a:hover, #lead-promos-menu a:active { color:#fff } /* Note: blockLink class + JS used to apply blockLinkHover, to make whole promo act like a link */ /* captions */ #lead-promos-menu li.blockLinkHover h3, #lead-promos-menu li.selected h3 { background:no-repeat 0 0 url(/staticarchive/c0f21bea819e686e6203e8ce4a1f65c18d034f9d.png); border-bottom:solid 2px #000; font-size:1.0em } #lead-promos-menu li.blockLinkHover a, #lead-promos-menu li.selected a { color:#fff; cursor:default; text-decoration:none } /* for IE6 make these more specific than they should need to be */ #lead-promos-menu li.blockLinkHover h3 a:link, #lead-promos-menu li.blockLinkHover h3 a:visited, #lead-promos-menu li.selected h3 a:link, #lead-promos-menu li.selected h3 a:visited { color:#fff; cursor:default; text-decoration:none } /* overlay frames */ #lead-promos-menu li .caption { background:no-repeat 0 0 url(/staticarchive/bbd9048b0354a1997a253f3dec1cba553d525426.gif); padding:53px 2px 0; position:relative } #lead-promos-menu li.blockLinkHover .caption, #lead-promos-menu li.selected .caption { background-image:url(/staticarchive/ef012b86987b04493f669e125a22526424c61b3b.png) } #lead-promos-menu li .caption.promo-1 { background-image:url(/staticarchive/ef2a9d58a9e55147461243373f6841ca12f61bf5.png) } #lead-promos-menu li.blockLinkHover .caption.promo-1, #lead-promos-menu li.selected .caption.promo-1 { background-image:url(/staticarchive/630f86b5b38e137661d64c83ae9f2779352025fd.png) } /*-------------- OTHER PROMOS --*/ #related-content { margin:0; padding:20px 0 15px 14px; overflow:hidden; zoom:1 } /* if we are worried that 11pt Verdana body text is too small, use: #related-content .other-promo p { font-size:1.0em } */ .other-promo { background:#000 no-repeat 0 0 url(/staticarchive/f3e4bb3e92675b7c2163da4e8298b4abec0cbafd.gif); color:#fff; display:inline; float:left; margin:0 14px 20px 0; padding:0; width:306px; zoom:1 } .other-promo-inner { background:no-repeat 0 100% url(/staticarchive/973514af4bc40eb662d52a209f3baecaf06099c7.gif); min-height:224px; padding:8px 10px 8px; width:286px } .other-promo h3 { margin:0 0 9px 0 } .other-promo p.caption { font-size:0.9em; line-height:1.3; margin:4px 0 0 } /* don't give layout (ruins IE6 float) */ .other-promo img { display:block } .other-promo img.icon { display:block; float:left; margin:6px 10px 0 0 } #related-content .other-promo a:link, #related-content .other-promo a:visited { color:#2CBEEF } #related-content .other-promo a:hover, #related-content .other-promo a:active { color:#fff } .halfpage-promo { background:#000 no-repeat 0 0 url(/staticarchive/84d43522e91bd988c6e3bbd078c40bce49d7b116.gif); color:#fff; display:inline; float:left; margin:0 14px 0 0; padding:0; width:466px; zoom:1 } .halfpage-promo-inner { background:no-repeat 0 100% url(/staticarchive/24cfe9471e8051982221cec80003707ddea98574.gif); min-height:84px; padding:8px 10px 8px; width:446px } .halfpage-promo h3 { border-bottom:1px solid #7D7D7D; margin:0 0 5px 0; padding:0 0 3px 0;width:444px } .halfpage-promo p.caption { font-size:0.9em; line-height:1.3; margin:4px 0 0; width:286px } .halfpage-promo img { display:block } .halfpage-promo ul { overflow:hidden; zoom:1 } .halfpage-promo ul li { display:inline; float:left; margin:0 0 0 30px; width:106px } .halfpage-promo ul li.bbc-switch { float:left; margin:0 0 0 21px; width:106px } .halfpage-promo ul li img { display:block } /*-------------- GALLERY EXTRAS --*/ #vision-gallery-view .gallery-extras { padding:0 10px 0 } /* page display options (grid/list, number per page) */ #vision-gallery-view .gallery-extras .gallery-display { position:absolute; top:0; right:10px; font-size:0.9em; display:inline; text-align:right;width:400px; width:500px } #vision-gallery-view .gallery-extras .gallery-display form { display:inline } /* these two lists must match and also be in _ie67.css */ #vision-gallery-view .gallery-extras .submit-btn { display:-moz-inline-box } #vision-gallery-view .gallery-extras .submit-as-link input { display:-moz-inline-box } #vision-gallery-view .gallery-extras div.no-action { display:-moz-inline-box } #vision-gallery-view .gallery-extras h3, #vision-gallery-view .gallery-extras h2 { display:-moz-inline-box } #vision-gallery-view .gallery-extras .gallery-display fieldset { display:-moz-inline-box } #vision-gallery-view .gallery-extras .gallery-num-items label { display:-moz-inline-box } #vision-gallery-view .gallery-extras .gallery-num-items select { display:-moz-inline-box } #vision-gallery-view .gallery-extras .submit-btn { display:inline-block; vertical-align:middle } #vision-gallery-view .gallery-extras .submit-as-link input { display:inline-block; vertical-align:middle } #vision-gallery-view .gallery-extras div.no-action { display:inline-block; vertical-align:middle } #vision-gallery-view .gallery-extras h3, #vision-gallery-view .gallery-extras h2 { display:inline-block; vertical-align:middle } #vision-gallery-view .gallery-extras .gallery-display fieldset { display:inline-block; vertical-align:middle } #vision-gallery-view .gallery-extras .gallery-num-items label { display:inline-block; vertical-align:middle } #vision-gallery-view .gallery-extras .gallery-num-items select { display:inline-block; vertical-align:middle } /* #vision-gallery-view .gallery-extras .gallery-display .gallery-num-items { padding:0 0 0 10px } #vision-gallery-view .gallery-extras .gallery-display .title { position:relative } */ #vision-gallery-view .gallery-extras .gallery-display select { position:relative } #vision-gallery-view .gallery-extras .gallery-num-items .submit-btn { background-image:url(/staticarchive/55017c8d9e3d859129e5ea1b933266ee74a4d8c4.gif); position:relative; top:1px; width:39px } #vision-gallery-view .gallery-extras .gallery-num-items .submit-btn input { font-size:1.0em; width:37px } #vision-gallery-view .gallery-extras .display-options { margin-right:1em } #vision-gallery-view .gallery-extras .display-options h3 { font-weight:normal; line-height:1.2; padding:0 4px 0 0; position:relative } #vision-gallery-view .gallery-extras .display-options .submit-btn input { background:#fff; display:block; height:27px; padding:0; position:relative; width:70px } #vision-gallery-view .gallery-extras .display-options .submit-btn img { display:block } #vision-gallery-view .gallery-extras .display-options .submit-btn { height:27px; overflow:hidden; position:relative; width:35px } #vision-gallery-view .gallery-extras .display-options .submit-btn:hover input, #vision-gallery-view .gallery-extras .display-options .submit-btn input:focus, #vision-gallery-view .gallery-extras .display-options .submit-btn.hover input { left:-35px } /* summary of filters used for this set */ #vision-gallery-view .gallery-extras h1 { padding:0 0 5px 0; margin:3px 0 0 } #vision-gallery-view .gallery-extras .query-reflect { clear:both; display:block; padding:10px 0 15px; line-height:1.2 } #x-vision-gallery-view .gallery-extras .query-reflect input { background:none; border:0 none } /* ordering and page navigation */ #vision-gallery-view .gallery-extras .gallery-nav { clear:both; padding:0 0 10px 0; overflow:hidden; width:686px; zoom:1 } /* ordering options for results */ #vision-gallery-view .gallery-extras .gallery-order-by { display:inline; float:left; width:500px } #vision-gallery-view .gallery-extras .gallery-order-by h3, #vision-gallery-view .gallery-extras .gallery-order-by h2, #vision-gallery-view .gallery-extras .gallery-order-by div.no-action, #vision-gallery-view .gallery-extras .gallery-order-by div.submit-as-link input { font-size:1.0em; height:1.5em; line-height:1.2em } #vision-gallery-view .gallery-extras .gallery-order-by h3, #vision-gallery-view .gallery-extras .gallery-order-by h2 { display:inline } #vision-gallery-view .gallery-extras .gallery-order-by .fld-group { display:inline } #vision-gallery-view .gallery-extras .gallery-order-by div.no-action { display:inline } body[class*="gecko-19"] #vision-gallery-view .gallery-extras .gallery-order-by div.submit-as-link input { position:relative; top:-1px } #vision-gallery-view .gallery-extras .gallery-order-by div.submit-as-link input { display:inline } #vision-gallery-view .gallery-extras .gallery-order-by h3, #vision-gallery-view .gallery-extras .gallery-order-by h2 { font-weight:normal } #vision-gallery-view .gallery-extras div.no-action { padding:0 4px 0; position:relative; text-decoration:underline; top:-2px; top:0 } #vision-gallery-view .gallery-extras div.submit-as-link input { font-size:1.0em; padding:0 } /* #vision-gallery-view .gallery-extras div.no-action { background:orange } #vision-gallery-view .gallery-extras div.submit-as-link input { background:pink } */ /* page navigation options */ #vision-gallery-view .gallery-extras .gallery-page img, #vision-gallery-view .gallery-extras .gallery-page .page-num-links, #vision-gallery-view .gallery-extras .gallery-page .page-nav-btn, #vision-gallery-view .gallery-extras .gallery-page .page-nav-btn input { display:-moz-inline-box } #vision-gallery-view .gallery-extras .gallery-page img, #vision-gallery-view .gallery-extras .gallery-page .page-num-links, #vision-gallery-view .gallery-extras .gallery-page .page-nav-btn, #vision-gallery-view .gallery-extras .gallery-page .page-nav-btn input { display:inline-block; vertical-align:middle } #vision-gallery-view .gallery-extras .gallery-page { float:right; line-height:1.2em; text-align:right } #vision-gallery-view .gallery-extras .gallery-page { overflow:hidden; zoom:1 } #vision-gallery-view .gallery-extras .gallery-page img { position:relative } #vision-gallery-view .gallery-extras .gallery-page .page-num-links { padding:0 6px } #vision-gallery-view .gallery-extras .gallery-page .page-num-links input { background:none; border:none; color:#0d8bb5; cursor:pointer; font-weight:bold; margin-top:-3px } #vision-gallery-view .gallery-extras .gallery-page .page-num-links input:hover { color:#000 } #vision-gallery-view .gallery-extras .gallery-page .page-nav-btn { height:21px; overflow:hidden; position:relative; padding:0; width:22px } #vision-gallery-view .gallery-extras .gallery-page .page-nav-next { background:0 0 no-repeat url(/staticarchive/50dc75fd3c45a80bb4ead72be5f27499f556ba11.gif) } #vision-gallery-view .gallery-extras .gallery-page .page-nav-prev { background:0 0 no-repeat url(/staticarchive/f13b992a3ddb83d1a9368a594dee25c84a562a46.gif) } #vision-gallery-view .gallery-extras .gallery-page .page-nav-btn input { height:21px; left:0; position:relative; width:44px } #vision-gallery-view .gallery-extras .gallery-page .page-nav-btn input.disabled { cursor:default } #vision-gallery-view .gallery-extras .gallery-page .page-nav-btn input:hover, #vision-gallery-view .gallery-extras .gallery-page .page-nav-btn input:focus, #vision-gallery-view .gallery-extras .gallery-page .page-nav-btn.hover input { left:-22px } /*----------------------------------- GALLERY --*/ #vision-gallery-view #this-set { display:block } #vision-gallery-view #prev-set .gallery-extras, #vision-gallery-view #next-set .gallery-extras { display:none } #vision-gallery-view .gallery { margin:0; overflow:hidden; padding:0 0 0 5px; width: 701px; zoom:1 } #vision-gallery-view .gallery .row-group { overflow:hidden; padding:0 0 10px 0; zoom:1 } #vision-gallery-view .gallery .item { background:no-repeat 0 0 url(/staticarchive/038a415edd881d387cb5708b2cfcfdedd69a6787.gif); display:inline; float:left; font-size:0.9em; margin:0; padding-right:4px; padding-bottom:0px; position:relative } #vision-gallery-view .gallery .item .thumb { display:inline; float:left; width:166px } /* list view */ #vision-gallery-view .gallery-list .item { width:166px } /* detail view */ #vision-gallery-view .gallery-detail .item { width:332px } #vision-gallery-view .gallery-detail .item .details { float:left; line-height:1.2; overflow:hidden; padding:0 0 0 6px; width:166px; width:160px } #vision-gallery-view .gallery-detail .item .details .details-by, #vision-gallery-view .gallery-detail .item .details .details-desc { padding:0 0 5px 0 } /*-------------- GALLERY PAGINATION --*/ #vision-gallery-view { min-height:511px; overflow:hidden; position:relative } /* override to test vertical expansion */ #vision-gallery-view .blast-gallery-grid li { /* margin-bottom:50px; */ } /* If JS is in use, place three sets at once inside a slider */ #vision-gallery-view { overflow:hidden; position:relative; width:706px } #vision-gallery-view h3.no-results { font-size:1.5em; font-weight:bold; padding:2em 10px 2em } #vision-gallery-view #grid-set .gallery-set { display:inline; float:left; min-height:50px; width:706px } #vision-gallery-view #grid-set { left:-706px; overflow:hidden; position:relative; width:2824px } #main-content-lead { position:relative } #main-content-lead #gallery-load-message { color:#0d8bb5; font-size:3em; font-weight:bold; left:250px; line-height:1.2; position:absolute; top:120px; visibility:hidden; z-index:1 } .js-gallery #vision-gallery-view .gallery-extras .gallery-page .page-nav-btn input.hidden { visibility:hidden } .js-gallery #vision-gallery-view .gallery-extras .gallery-page .page-nav-btn input.disabled { visibility:visible } #vision-gallery-view #prev-set { position:relative; left:0; visibility:hidden } #vision-gallery-view #this-set { position:relative; left:0 } #vision-gallery-view #next-set { position:relative; left:0; visibility:hidden } /*----------------------------------- CONTENT PAGE AND UPLOAD STYLES (PG) --*/ .internal-uploader-nav { } #main-content .internal-uploader-nav ul { display: block; width: 541px; height: 17px; border-bottom: 1px solid #000; padding: 10px 0px 0px 5px; } #main-content .internal-uploader-nav ul li { float: left; width: 80px;} #main-content .internal-uploader-nav ul li a { font-weight: normal; padding: 2px 5px 2px 5px; border: 1px solid transparent;} #main-content .internal-uploader-nav ul li a:hover, #main-content .internal-uploader-nav ul li a:active, #main-content .internal-uploader-nav ul li a.selected { border: solid 1px #000; border-bottom: solid 1px #fff;} #blq-content ul.error li { padding: 0; } #blq-content ul.error a { color: #f00; } /*----------------------------------- CONTENT PAGE --*/ .cat-content .content-holder { display:inline; float:left; margin:0 10px 5px 10px; padding: 0px 0px 20px 0px; width: 530px; position: relative; } .cat-content .content-holder h1 { font-size:1.0em; font-weight:bold; line-height:1.3; margin:0 0 10px 0; width:530px } .cat-content .content-holder h1 span.user-attrib { font-weight:normal } .cat-content .content-holder #media_embed { margin:0 0 10px 0 } .content-holder .main-image, .content-holder .main-writing { width:512px; padding: 1px 10px 10px 10px; line-height: 1.3em; clear: both; margin:10px 0; } .content-holder .main-writing { background:#EAEAEA; } .content-holder .main-image { text-align:center; } .content-holder .main-image img { display:inline } .content-holder a:link, .content-holder a:visited { color: #1695c0;} .content-holder a:hover, .content-holder a:active { color: #000;} .content-holder .form { clear: both; display: block;} .content-holder h2 { font-size:1.0em; line-height:1.3; margin: 1.5em 0 0.5em } .content-holder h2 .count { font-weight:normal } .content-holder p, .content-holder li { font-size:1.0em; line-height:1.3em;} .content-holder .rules h2 { font-size:1em } .content-holder .rules p, .content-holder .rules li { font-size:0.9em } .content-holder .rules li li { font-size:1.0em } .content-holder .faq h3 { font-size:1em; line-height:1.3; padding: 0 } .content-holder .faq p, .content-holder .faq li { font-size:0.9em } .content-holder .faq li li { font-size:1.0em } /* rules and faq collapse */ .js-collapse .rules collapse-container h2.collapse-heading, .js-collapse .faq collapse-container h3.collapse-heading { display:block } .js-collapse .rules .open .collapse-block, .js-collapse .faq .open .collapse-block { height:auto } .js-collapse .rules .collapse-block, .js-collapse .faq .collapse-block { height:0px; overflow:hidden; position:relative } .js-collapse .rules, .js-collapse .faq { border:1px solid #d3d3d3; margin:1em 0; padding:0.8em 8px; } .js-collapse .rules h2.collapse-heading, .js-collapse .faq h3.collapse-heading, .js-collapse .collapse-container h2.collapse-heading { margin:0; } /* MK: removed as this doesn't have any styles assigned */ /* .js-collapse .rules h2.collapse-heading a */ .js-collapse .collapse-container h2.collapse-heading a, .js-collapse .collapse-container h3.collapse-heading a { background:0 -70px no-repeat url(/staticarchive/45e37ee1e901ea4e74be63e2b51d2c0883c39cb5.gif); padding:3px 0 3px 25px; } .js-collapse #filter-and-search .collapse-container h2.collapse-heading a { background: none; padding:3px 0 3px 0px; } .js-collapse .rules h2.collapse-heading a:hover, .js-collapse .rules h2.collapse-heading a:active, .js-collapse .faq h3.collapse-heading a:hover, .js-collapse .faq h3.collapse-heading a:active, .js-collapse .collapse-container h2.collapse-heading a:hover, .js-collapse .collapse-container h2.collapse-heading a:active { background-position:0 -105px } .js-collapse .rules .open h2.collapse-heading a, .js-collapse .faq .open h3.collapse-heading a, .js-collapse .open h2.collapse-heading a { background-position:0 0 } .js-collapse .rules .open h2.collapse-heading a:hover, .js-collapse .rules .open h2.collapse-heading a:active, .js-collapse .faq .open h3.collapse-heading a:hover, .js-collapse .faq .open h3.collapse-heading a:active, .js-collapse .collapse-container .open h2.collapse-heading a:hover, .js-collapse .collapse-container .open h2.collapse-heading a:active { background-position:0 -35px } .content-holder p { margin: 1.0em 0em;} .content-holder ol, .content-holder ul { margin: 1em 14px 1em 20px; padding:0 0 0 14px; } .content-holder ul li { list-style-type:disc; list-style-position:outside; padding:0.2em 0; } /*list elements*/ .content-holder ul.promo_long { margin: 0px; padding: 10px 0px 10px 0px; } .content-holder ul.promo_long li { clear: both; list-style-type: none; min-height: 100px; margin: 0px 0px 5px 0px; padding: 5px 0px 5px 0px; border-bottom: dotted 1px #EAEAEA;} .content-holder ul.promo_long li .thumb { float: left; width: 166px; margin: 0px 10px 0px 0px;} .content-holder ul.promo_long li h3 { margin: 0px;} .content-holder ul.promo_long li p { margin: 0px;} .content-holder ul.promo_columns { clear: both; margin: 0px; padding: 10px 0px 10px 0px;overflow: hidden;} .content-holder ul.promo_columns li { list-style-type: none; float: left; width: 166px; margin: 0px 47px 10px 47px; padding: 0px;} .content-holder ul.promo_long li img, .content-holder ul.promo_columns li img { border: solid 1px #000;} .content-holder ul.promo_long li .thumb, .content-holder ul.promo_columns li .thumb { position: relative;} .js-collapse .collapse-container ul.promo_columns li .thumb { position: static;} .content-holder ul.promo_long li .thumb .caption, .content-holder ul.promo_columns li .thumb .caption { position: absolute; top: 77px; width: 145px; height: 12px; overflow: hidden;} .js-collapse .collapse-container ul.promo_columns li .thumb .caption { display: none;} .content-holder ul.promo_long li .thumb .caption p, .content-holder ul.promo_columns li .thumb .caption p { position: relative; top: -2px; margin: 0px; color: #fff;} .content-holder ul.promo_long li .audio .caption, .content-holder ul.promo_columns li .audio .caption { background-position: 0px 0px;} .content-holder ul.promo_long li .image .caption, .content-holder ul.promo_columns li .image .caption { background-position: -166px 0px;} .content-holder ul.promo_long li .video .caption, .content-holder ul.promo_columns li .video .caption { background-position: -332px 0px;} .content-holder ul.promo_long li .writing .caption, .content-holder ul.promo_columns li .writing .caption { background-position: -498px 0px;} .content-holder ol li { list-style-type:decimal; list-style-position:outside; padding:0.2em 0 } .content-holder ol li li { list-style-type:lower-roman } .content-holder form.events ul li { list-style-type:none } .content-holder .vision-ratings-view ul, .content-holder .vision-ratings-view ol { margin:0; padding:0 } .content-sidebar { float: left; width: 140px; margin: 0px 0px 0px 10px; position: relative } .search_area { width: 124px; height: 44px; position: relative; clear: both; margin: 0px 0px 10px 0px; padding: 6px; background: url(/staticarchive/d82f9441b363f8df746dd8b772d870340a8a505d.jpg) no-repeat;} #main-content a.search_results { display: block; with: 108px; height: 22px; color: #fff; font-size: 0.8em; font-weight: normal; padding: 2px 1px 1px 2px; background: url(/staticarchive/1cfbaca8cdb4e405a6f410c3924c092b5aa68112.jpg) no-repeat;} .content-sidebar span.page-num-links { position: relative; top: -8px; margin: 0px 9px;} .content-sidebar .page-nav-prev { float: left; width:20px; overflow: hidden;} .content-sidebar .page-num-links { float: left; width:57px; margin:0 0 0 7px;} .content-sidebar .page-nav-next { float: left; width:20px; overflow: hidden;} .content-sidebar .page-nav-prev img:hover, .content-sidebar .page-nav-prev img:active { background-position: -20px 0px;} .content-sidebar .page-num-links input { background:none; border:none; color:#0d8bb5; cursor:pointer; font-weight:bold } .ratings { clear: both; margin: 0px 0px 10px 0px;} .content-sidebar .box { width: 125px; overflow: hidden; border-style: solid; border-width: 1px; clear: both; margin: 0px 0px 10px 0px; padding: 5px 5px 5px 5px; background: #EAEAEA; word-wrap: break-word;} .content-sidebar .tags {overflow: visible; background:transparent; border:none; padding-left:0; padding-right:0;} #main-content .content-sidebar .box p { font-size: 0.9em;} #main-content .content-sidebar .box p.heading { font-size: 1.0em; font-weight: bold; margin:0 0 0.5em 1.5em; padding:3px 0 0;} #main-content .content-sidebar .box ul { color: #0D8BB5; padding:0 0 0 14px;} #main-content .content-sidebar .box ul li { list-style-type:disc; font-size: 0.9em; line-height:1.2; padding:0.2em 0 } #main-content .content-sidebar .box ul li a { color: #0D8BB5; font-weight: normal;} #main-content .content-sidebar .box ul li a:hover, #main-content .content-sidebar .box ul li a:active { color: #000;} #main-content .content-sidebar .box .button { display: block; width:131px; height: 16px; position: relative; top: 8px; left: -5px; margin: 8px 0px 0px 0px; padding:4px 0 0 4px;} #main-content .box .button a:link, #main-content .box .button a:visited { display:inline; float: left; width:107px; color: #fff; font-size:0.9em; font-weight: normal;} #main-content .box .button a:hover, #main-content .box .button a:active { text-decoration: underline;} #main-content .box .button a img { margin: -3px 5px 0px 0px; } #blq-content #main-content .box .button a.icon { width: 20px;} #main-content .content-holder .emp { padding: 0px;} .purple { border-color: #a13e99;} .purple .button { background: #8b0a81 url(/staticarchive/f0413f85297e9b73ac33a02b60b0d3a864d0f2d2.jpg) repeat-x;} .blue { border-color: #6ebcd5;} .blue .button { background: #1884aa url(/staticarchive/0e70186c36f69196e9e7be34c1921865272a6a45.jpg) repeat-x;} .upload { background: url(/staticarchive/270525dbe87a9b7d5ddb3fb4ba2b7f687dffff88.png) no-repeat;} .download { background: url(/staticarchive/4ff4397f001c09b079d825f7c37ff7596cef75c1.png) no-repeat;} .quickdraw { background: url(/staticarchive/f84d5d920843e08178a4272c37c10bab495e337b.png) no-repeat;} .content-holder .form label { clear: both; font-size: 100%; color: #424242; line-height: 1.3em;} .content-holder .form input.text, .content-holder .form textarea { font-family:Verdana,Geneva,Kalimati,sans-serif; font-size:1.0em; line-height:1.2 } .content-holder .form input.text { background: #d6d6d6; clear:both; display:block; font-size: 1.0em; margin:6px 0 20px; width:350px } .content-holder .form textarea { background: #d6d6d6; clear:both; display:block; height: 110px; margin:6px 0 20px; overflow:auto; width:400px } .content-holder .form .submit { display: block; cursor: pointer; width: 59px; height: 18px; border: none; margin: 0.8em 0em 1.0em 0em; background: url(/staticarchive/cb125102718bae6d96f87d52bb0373b64ab70900.gif) no-repeat 0px 0px;} .content-holder .form .submit:hover { background-position: -59px 0px;} .content-holder .form p.disclaimer { font-size: 0.7em;} .content-holder .form span.required { color: #ff0000;} .content-holder .form input.checkbox { padding:3px 0 0; background:none; width:20px } .content-holder .form .filters { display:inline; vertical-align:middle } .content-holder .form .submit-btn { background-image:url(/staticarchive/2c4bae7c2f136cd7876aea0a8d1c5ddab6078e62.gif); height:21px; margin:0; vertical-align:middle; width:84px } .content-holder .form .submit-btn { display:-moz-inline-box } .content-holder .form .submit-btn { display:inline-block } .content-holder .form .submit-btn:hover, .content-holder .form .submit-btn.hover { background-position:-84px 0 } .content-holder .form .submit-btn input { background:none; display:inline; font-size:0.9em; height:auto; margin:-1px 0 0 0; width:82px } .content-holder form.subscribe label, .content-holder form.unsubscribe label { float: left;} .content-holder form.subscribe input, .content-holder form.unsubscribe input { float: left; clear: none;} .content-holder form.subscribe h2 { } .content-holder form.subscribe input.hidden, .content-holder form.unsubscribe input.hidden { display:none} .content-holder form.subscribe .submit , .content-holder form.unsubscribe .submit { float: left; clear: none; margin: 6px 0px 0px 8px;} .content-holder #booking_form .submit-btn { margin:10px 0 0 0 } .content-holder #fm-events-filter .submit-btn { margin:0 0 0 10px } .content-holder #booking_form .further-info { margin:20px 0 0 0 } .content-holder form.bookingform .submit_button { float:left; height:18px; background: url(/staticarchive/07ee42c2f04f59bf1272622fee4631b59f907ee1.gif) no-repeat;} .content-holder form.bookingform .submit { width:10em; font-weight:bold; margin:0; padding:0; position:relative; color: #1695c0; border: none; background: none;} .content-holder form.bookingform .submit:link, .content-holder form.bookingform .submit:visited { color: #000;} .content-holder .events_list li { line-height: 1.3em; margin: 0em 0em 1.0em 0em;} .cat-content .content-holder table td, .cat-content .content-holder table th { line-height: 1.3em; border-right: solid 1px #d3d3d3; padding: 10px;} .cat-content .content-holder table th { border-bottom: solid 1px #d3d3d3;} .cat-content .content-holder table th.time { width:8em } .cat-content .content-holder table th.event { } .cat-content .content-holder table th.more-info { width:12em } .cat-content .content-holder table tr td { background: #f9f9f9 } .cat-content .content-holder table tr.odd td { background: #f0f0f0 } .content-holder form.bookingform .submit_button { background:0 0 url(/staticarchive/53fc751194ee463f9a3c0b954ffec87425532281.gif) no-repeat } .content-holder form.bookingform .odd .submit_button { background:url(/staticarchive/07ee42c2f04f59bf1272622fee4631b59f907ee1.gif) no-repeat } .content-holder form.bookingform .submit_button:hover, .content-holder form.bookingform .submit_button.hover { background-position:0 -31px } .content-holder .event-details { border:solid #D3D3D3 1px; padding:0 10px 10px } .content-holder table.events { border: 1px solid #d3d3d3; clear: both;} .cat-content .content-holder a.applynow span { float: left; display: block; width: 23px; background: url(/staticarchive/3d7b1ea30a11c82b0cd1b3ba5fdadecbeee35f3e.png);} .cat-content .content-holder a.applynow:hover span, .cat-content .content-holder a.applynow:active span { background-position: -27px 0px;} /* VISION RATINGS */ #main-content .vision-ratings-prompt { display: none;} #main-content .vision-ratings-add, #main-content #vision-ratings-view, #main-content .vision-ratings-view { background: transparent; padding: 0px; margin: 0px 0px 10px 0px;} #main-content .vision-ratings-add div.jsrate { float: left;} #main-content div.jsrate a, div.jsrate .rateSpan { background: #fff url(/staticarchive/754e85666f4a70b49166ef17f0c943ae28371a49.gif);} #main-content div.jsrate .highlighted { background: #fff url(/staticarchive/754e85666f4a70b49166ef17f0c943ae28371a49.gif) -46px 0px;} #main-content .vision-ratings-add p { font-size: 80%;} #main-content .vision-ratings-view h3 { display: none;} #main-content .vision-ratings-add { overflow:visible } #main-content .vision-ratings-rank ul li { display:inline; } #main-content .vision-ratings-rank ul li .vision-ratings-star { background:#fff url(/staticarchive/754e85666f4a70b49166ef17f0c943ae28371a49.gif) no-repeat scroll -23px 0; } #main-content .vision-ratings-rank ul li .halfstar { background:#fff url(/staticarchive/754e85666f4a70b49166ef17f0c943ae28371a49.gif) no-repeat scroll -70px 0; } #main-content .vision-ratings-rank ul li .off { background:#fff url(/staticarchive/754e85666f4a70b49166ef17f0c943ae28371a49.gif) 0 0 no-repeat; } #main-content .vision-ratings-star span.offscreen, .vision-ratings-star span.offscreen { text-indent:-9999px; display:block; } /* IDENTITY COMMENTS */ #main-content .comments h2 { margin: 2px 0em 0em 0em;} #main-content .comments p { clear: none; line-height: 1.3em;} #main-content .comments img.float_left { margin: 5px 10px 0px 5px;} #main-content #theContent { clear:both; padding: 9px; background: #EAEAEA;} #main-content .comments #theContent p { clear: both;} #main-content .dna-invisible { display: none;} #main-content .itemdetail { display: block; clear: both;} #main-content .vcard { float: left; margin:0 0 0.2em;} #main-content .date { float: right;} #main-content .replies { display: block; clear:both;} #main-content .updatedon { display: none; clear: both; margin: 0em 0em 1.0em 0em;} #main-content #theContent .pagination { clear:both; margin: 0px 0px 10px 0px; height: 17px;} #main-content #theContent .pagination li { float: left;} #main-content .forumthreads li { color: #000; padding: 9px; margin: 9px 0px; background: #fff;} #main-content .forumthreads li a { color: #000;} /* NON-JS UPLOADER (copy styles from VisionApps uploader) */ #fm-upload-one, #fm-upload-one p, #fm-upload-one label, #fm-upload-one input.text, #fm-upload-one textarea { color:#000000; font-family:Verdana,Geneva,sans-serif; font-size:100%; font-weight:normal; line-height:1.2; margin:0; padding:0; text-indent:0; } #fm-upload-one label { color:#434343; display:block; font-size:1em } #fm-upload-one input.text { background-color:#EEEEEE; border-color:#666666 #CCCCCC #CCCCCC #666666; border-style:solid; border-width:2px 1px 1px 2px; color:#000000; font-size:1em; font-weight:bold; height:1.3em; margin:5px 2px 2px; padding:2px 0 0 2px; width:220px; } #fm-upload-one select { background-color:#EEEEEE; border-color:#666666 #CCCCCC #CCCCCC #666666; border-style:solid; border-width:2px 1px 1px 2px; color:#000000; margin:5px 0; width:220px; } #fm-upload-one .submit-btn { background-image:url(/staticarchive/2c4bae7c2f136cd7876aea0a8d1c5ddab6078e62.gif); display:inline; float:left; height:21px; width:84px } #fm-upload-one .submit-btn input { font-size:0.9em; margin-top:-1px; width:82px } #fm-upload-one .submit-btn:hover, #fm-upload-one .submit-btn.hover { background-position:-84px 0 } #nav-search #fm-browse .submit-btn { display:inline; float:left; text-align:left } #nav-search #fm-browse input.submit { font-size:0.9em; width:60px } #fm-upload-one textarea { width: 457px; background-color:#EEEEEE; border-color:#666666 #CCCCCC #CCCCCC #666666; border-style:solid; border-width:2px 1px 1px 2px; margin: 3px 0px 10px 0px;} /* VISION UGC UPLOADER */ #main-content .content-holder .bridge-upload h2 { margin-top: 0em;} .vision-ugc-form h3 { margin: 0em; font-size: 0.9em;} .vision-ugc-form select { width: 150px;} .glow-errorSummary { color: red; line-height: 1.3em; padding: 4px; border: solid 1px #6ebcd5;} .rhn_promo { display:inline; clear: right; float: right; width:207px; color: #fff; margin:10px 10px 0 0; background:#000;} .rhn_promo .overlay { position: relative; top:-73px; margin-bottom: -73px; display: block; width: 126px; height: 71px; background: url(/staticarchive/0018c68a7fdc6a4d74b77d67b25f084cc33e1bb9.png);} .rhn_promo img { position: relative; width: 126px; height: 71px;} .rhn_promo .text { position: relative; right: 25px; z-index:100; float: right; width: 80px; padding:8px 0 0;} .rhn_promo h3 { font-size: 1.1em;} .rhn_promo p { color: #fff; font-size: 0.8em; line-height: 1.3em;} .rhn_promo li { font-size:0.9em; margin:6px 0 0; padding:0 0 0 11px; background:url(/staticarchive/355a8355870c7759c87c48b866be30f033d61117.gif) no-repeat 0 0.3em; } /*-------------- CAROUSELS --*/ /* STYLES REQUIRED EVEN WITHOUT JS CAROUSEL */ /* general horizontal carousel */ .h-carousel { height:101px; margin:0; overflow:auto } /* Don't make too specific: Glow css must be able to override some styles at this level (e.g. height, width) */ .h-carousel .item { background:none; display:inline; float:left; font-size:0.9em; left:-3px; margin:0; padding-right:4px; padding-bottom:4px; position:relative } .h-carousel .item { margin-right:3px; margin-left:3px; padding-right:3px; padding-bottom:7px } .h-carousel .item { margin-right:0px; margin-left:3px; padding-right:3px; padding-bottom:7px } .h-carousel .item p.extra-info { color:#fff } /* horizontal carousel on content page */ .hc-carousel { width:auto } .hc-carousel .item { background-image:url(/staticarchive/038a415edd881d387cb5708b2cfcfdedd69a6787.gif) } .hc-carousel .item p.extra-info { display:none } /* home-page recent content dotted carousel */ .hd-carousel { height:150px; width:186px } /* related-content vertical carousel */ .v-carousel { height:400px; margin:10px 0 10px; overflow:auto; width:186px } .v-carousel .item { background:no-repeat 0 0 url(/staticarchive/3144ab201bea5efae1fd7ae57d1d30784b996ccf.gif); display:inline; float:left; font-size:0.9em; left:-3px; margin:0 0 0 0; padding-right:4px; padding-bottom:12px; position:relative } .v-carousel .item p.extra-info { color:#fff } /* STYLES APPLIED ONLY WITH JS */ /* carousel on home page (using 'dark' theme) */ .blast-home-carousel .carousel-dark .carousel-window, .blast-f2d-carousel.width-3 .carousel-dark .carousel-window { background:none } .blast-home-carousel .carousel-dark .pageNav li, .blast-f2d-carousel.width-3 .carousel-dark .pageNav li { background-image:url(/staticarchive/47310f4aedd6aabb7e8d27f751e1824f7f7741ea.png) } /* the following styles are needed in conjunction with c.moveBy(-1,false) to centre images */ .blast-home-carousel, .blast-f2d-carousel.width-3 { width:286px; } .blast-home-carousel .carousel-dark .carousel-window, .blast-f2d-carousel.width-3 .carousel-dark .carousel-window { left:-113px; } /* this positioning will probably need tweaking if the number of items is changed */ .blast-home-carousel .pageNav, .blast-f2d-carousel.width-3 .pageNav { position:relative; left:-123px; width:250px } /* theme for horizontal carousel on content page */ /* .blast-h-carousel { margin:0 0 0 9px; height:98px; width:500px } .blast-h-carousel .carousel-window { padding:5px 0 0 0 } */ .blast-h-carousel { width:100%; } .blast-h-carousel .carousel-window { left:-83px; } .blast-h-carousel .carousel-nav { width:20px } .blast-h-carousel .carousel-background { background-image:url(/staticarchive/bd3559a42b94f2c275f2ea93211c1269d0a55385.gif); width:20px; } .blast-h-carousel .carousel-prev .carousel-background { background-position:0 1px } .blast-h-carousel .carousel-next .carousel-background { background-position:-20px 1px } .blast-h-carousel .carousel-prev:hover .carousel-background { background-position:0 -110px 1px } .blast-h-carousel .carousel-next:hover .carousel-background { background-position:-20px -109px } .blast-h-carousel .carousel-prev-disabled .carousel-background, .blast-h-carousel .carousel-prev-disabled:hover .carousel-background { background-position:0 -219px } .blast-h-carousel .carousel-next-disabled .carousel-background, .blast-h-carousel .carousel-next-disabled:hover .carousel-background { background-position:-20px -219px } .blast-h-carousel .carousel-blast a.carousel-prev-disabled, .blast-h-carousel .carousel-blast a.carousel-next-disabled { cursor:default } .blast-h-carousel .pageNav { left:-83px; position:relative; } .blast-h-carousel .pageNav li { background-image:url(/staticarchive/dc4dc014e740215bc5afc9baa70879e6bceb17cd.png); } .blast-h-carousel .carousel-window { width: 700px !important; } /* theme for vertical carousel */ .blast-v-carousel { margin:0 0 0 9px; width:168px } .blast-v-carousel .carousel-window { padding:5px 0 0 0 } .blast-v-carousel .carousel-nav { height:21px } .blast-v-carousel .carousel-background { background-image:url(/staticarchive/35f3adf3d59b76ae6df01e19d305566571060133.gif); height:21px; width:168px; } .blast-v-carousel .carousel-prev .carousel-background { background-position:0 0 } .blast-v-carousel .carousel-next .carousel-background { background-position:0 -21px } .blast-v-carousel .carousel-prev:hover .carousel-background { background-position:-168px 0 } .blast-v-carousel .carousel-next:hover .carousel-background { background-position:-168px -21px } .blast-v-carousel .carousel-prev-disabled .carousel-background, .blast-v-carousel .carousel-prev-disabled:hover .carousel-background { background-position:-336px 0 } .blast-v-carousel .carousel-next-disabled .carousel-background, .blast-v-carousel .carousel-next-disabled:hover .carousel-background { background-position:-336px -21px } .blast-v-carousel .carousel-blast a.carousel-prev-disabled, .blast-v-carousel .carousel-blast a.carousel-next-disabled { cursor:default } /*------------------------------------------------------- 404 PAGE --*/ .not-found #blq-content { font-size:1m; padding:10px 14px } .not-found #blq-content h1 { font-size:1.3em; padding:1em 0 } .not-found #blq-content p { padding:1em 0 } .not-found #blq-content a:link, .not-found #blq-content a:visited { color:#2CBEEF } .not-found #blq-content a:hover, .not-found #blq-content a:active { color: #fff } /*----------------------------------- FOOTER & SOCIAL BOOKMARKS --*/ #footer { display:none } /* We can now use the Barlesque version: */ div#blqx-bookmark { background:#000 no-repeat 0 0 url(/staticarchive/08548e8fab92ad7637d9c449d837b02c2aa2ef35.gif); margin:15px 14px 23px; width:947px } div#blqx-bookmark p { color:#fff; padding:7px 14px; padding:9px 14px } div#blqx-bookmark p.blqx-what { background:transparent no-repeat 0 100% url(/staticarchive/d3b64bcc2fcc8f0cc5b14b9c577968587588e1e7.gif); padding:8px 0; padding:10px 0; width:947px } div#blqx-bookmark ul { padding-top:0px; padding-top:2px } div#blqx-bookmark a:link, div#blqx-bookmark a:visited { color:#FFF; font-weight:normal } div#blqx-bookmark a:hover, div#blqx-bookmark a:active { text-decoration:underline } /* div#blqx-bookmark p.blqx-what a { display:none } hide link which goes nowhere */ div#blq-bookmark { background:#000 no-repeat 0 0 url(/staticarchive/08548e8fab92ad7637d9c449d837b02c2aa2ef35.gif); margin:15px 14px 23px; width:947px } div#blq-bookmark p { color:#fff; padding:7px 14px; padding:9px 14px } div#blq-bookmark p.blq-what { background:transparent no-repeat 0 100% url(/staticarchive/d3b64bcc2fcc8f0cc5b14b9c577968587588e1e7.gif); padding:8px 0; padding:10px 0; width:947px } div#blq-bookmark ul { padding-top:0px; padding-top:2px } div#blq-bookmark a:link, div#blq-bookmark a:visited { color:#FFF; font-weight:normal } div#blq-bookmark a:hover, div#blq-bookmark a:active { text-decoration:underline } /* div#blq-bookmark p.blq-what a { display:none } hide link which goes nowhere */ /*----------------------------------- DEBUG STUFF (COLORED BACKGROUNDS) --*/ /* Coloured backgrounds just to see what's going on: #vision-gallery-view .gallery-extras .gallery-browsed-on { background:aqua } #vision-gallery-view .gallery-extras .gallery-display { background:orange } #vision-gallery-view .gallery-extras .gallery-nav { background:#ff9 } #vision-gallery-view .gallery-extras .gallery-page { background:pink } #vision-gallery-view .gallery-extras .gallery-order-by { background:lime } #vision-gallery-view .gallery-extras .display-options { background:blue } #vision-gallery-view .gallery-extras .gallery-num-items { background:green } */ /* #vision-gallery-view .gallery-detail .item { background:pink } #vision-gallery-view .gallery-detail .item .thumb { background:orange } */ /* #main-content-inner #main-content-lead #vision-gallery-view #this-set { background:red } #main-content-inner #main-content-lead #vision-gallery-view #next-set { background:green } #main-content-inner ul.blast-gallery-grid li p { background:aqua } #main-content-inner ul.blast-gallery-grid li p a { background:lime } #main-content-inner ul.blast-gallery-grid li p .text { background:orange } #main-content-inner ul.blast-gallery-grid li p .caption { background:teal } #main-content-inner ul.blast-gallery-grid li p a:hover { background: red } */ /* #nav-search #filter ul.subjects { background:lime } #nav-search #filter ul.topics { background:aqua } */ /*----------------------------------- AUTOCOMPLETE --*/ ul.autosuggest-light { font-size:1.2em; } ul.autosuggest-light li.odd { background-color:#EAEAEA; } ul.autosuggest-light li.active { background-color:#000; color:#2cbeef; } /*----------------------------------- COMMENTS --*/ #comments { border:1px solid #d3d3d3; margin-top: 15px; padding-top:8px; background-image:url(/staticarchive/458845d56e3949ea53e46237ef2e83ca7a166fd2.png); background-repeat:no-repeat; background-position:4px 4px; } #comments h3 { font-weight:bold; font-size:1.1em; padding:4px; position:relative; } #comments h3, #comments p.dna-commentbox-userstate, #comments div#logintrouble { padding-left:60px; } #comments h3, #comments p { margin:0; } #comments p, #comments div#dnaacs { padding:4px; } #comments h3 a { position:absolute; top:8px; right:2px; } #comments p.dna-commentbox-userstate { clear:both; } #comments p.dna-commentbox-nocomments { margin-top:8px; } #comments ul { padding:1px 0; margin:0; background-color:#EAEAEA; } #comments ul li { position:relative; list-style:none; list-style-position:inside; padding:4px; } #comments ul.collections li { margin:8px; background-color:#fff; padding:2px; } #comments ul.collections li span.comment-number { display:none; } #comments ul.collections li cite { float:right; } #comments ul.collections span.date { float:none; } #comments span.vcard { position:absolute; top:2px; left:2px; } #comments p.comment-text, #comments p.comment-text-moderation { clear:both; padding:0; word-wrap: break-word; /* make sure long URLs don't break page width */ } #comments p.flag { text-align:right; } #comments p.flag a { color:#990000; font-weight:normal; } #comments ul.pagination { display:block; height:2em; } #comments ul.pagination li.previous { float:left; } #comments ul.pagination li.next { float:right; } #postcomment h3 { padding-left:0; } #postcomment textarea { display:block; width:500px; } /*----------------------------------- SPECIAL PAGE --*/ .resources { clear: both; height: 44px; margin: 10px 0px 10px 0px;} .resource a { float: left; display: block; width: 145px; height: 24px; margin: 0px 8px 0px 0px; padding: 10px 10px 10px 10px; border: solid 1px #d9d9d9; background-color: #EAEAEA; background-repeat: repeat-x; background-image: url('/staticarchive/66dbc714c146d6ca2756e657250a859c501e0509.jpg');} .resource a:link, .resource a:visited { background-position: 0px -101px;} .resource a:hover, .resource a:active { background-position: 0px -0px;} .resource a:hover .line1, .resource a:active .line1 { color: #343434;} .resource a:hover .line2, .resource a:active .line2 { color: #0c7497;} .resource .line1 { display: block; clear: both; font-size: 90%; font-weight: bold; color: #fff;} .resource .line2 { display: block; clear: both; font-size: 120%; font-weight: bold; color: #fff;} .quotes { clear: both; margin: 10px 0px 10px 0px;} .quotes .quote { clear: both; min-height: 50px; padding: 10px 0px 4px 0px; border-bottom: solid 1px #d5d5d5;} .quotes .quote img { float: left; width: 64px; margin: 0px 10px 0px 0px;} .quotes .quote .quote_text { float: left; width: 428px; margin: 5px 0px 5px 0px; padding: 4px 0px 0px 27px; background: url('/staticarchive/c8ae4de4710946ca19735225ed3e826869ee777d.jpg') no-repeat 0px 13px;} .quotes .quote cite { clear: both; position: relative; top: -10px; left: -27px; font-weight: bold; } .quotes .quote .quote_text p { margin: 0px; padding: 0px 20px 0px 0px;} .quotes .quote .quote_text .quote_close { float: right; width: 27px; height: 27px; background: url('/staticarchive/80e4d9ae11f50a415fd4ec29883f438523db4ae4.jpg') no-repeat 0px 0px;} /*----------------------------------- CATEGORY PAGES --*/ body.editorial-page #blq-local-nav ul li.nav-home a { color: #2CBEEF} body.editorial-page .content-holder { padding: 0px 14px 0px 21px;} body.editorial-page .content-holder .promotional { float: left; width: 207px;} body.editorial-page .content-holder .promotional h1 { font-size: 1.7em;} body.editorial-page #blq-main .content-holder .promotional span.explore_text { position: relative; top:21px; left: 7px; color: #fff; font-size: 105%; font-weight: bold;} body.editorial-page #blq-main .content-holder .promotional .explore_button { float: left; display: block; width: 205px; height: 28px; cursor: pointer; font-size: 105%; font-weight: bold; color: #fff; text-align: left; border: none; padding: 0px 10px 0px 5.1em; margin: 0px 0px 10px 0px; background: #0e799d url('/staticarchive/742bd18671a45b7d42ae19f52f7b60a1c3fbd7f4.jpg') repeat-x;} body.editorial-page #blq-main .content-holder .promotional .explore_button:hover { text-decoration: underline;} body.editorial-page #blq-main .content-holder .promotional a.explore_button { width: 188px; height: 22px; line-height: 1.3em; padding: 7px 10px 0px 10px; margin: 0px 0px 10px 0px; background: #0e799d url('/staticarchive/11a93c1e6b59f26636592dd2fe70d451d273f6a1.jpg') repeat-x;} body.editorial-page #blq-main .content-holder .promotional a.explore_button:link, body.editorial-page #blq-main .content-holder .promotional a.explore_button:visited { background-position: 0px -102px;} body.editorial-page #blq-main .content-holder .promotional a.explore_button:hover, body.editorial-page #blq-main .content-holder .promotional a.explore_button:active { text-decoration: none; color: #fff; background-position: 0px 0px;} body.editorial-page #blq-main .content-holder .promotional ul { clear: both; color: #0c7497; padding: 0px 0px 0px 7px;} body.editorial-page #blq-main .content-holder .promotional a:hover, body.editorial-page #blq-main .content-holder .promotional a:active { color: #000;} body.editorial-page #blq-main .content-holder .emp-holder { float: left; width: 448px; margin: 5px 0px 0px 10px;} body.editorial-page #blq-main .content-holder .emp-holder .emp_caption { position: relative; top: -3px; padding: 4px 10px 5px 10px; border-right: solid 1px #000; border-left: solid 1px #000; border-bottom: solid 1px #000;background: #353535;} body.editorial-page #blq-main .content-holder .emp-holder .emp_caption p { color: #fff; padding: 0px; margin: 0px;} .editorial-picks { clear: both; min-height: 353px; padding: 10px 0px 0px 0px; background: url('/staticarchive/7a89ffd763f2ce03d8840cc251580472c3366f17.jpg') no-repeat;} .editorial-picks .row { clear: both;} .editorial_related_content { float: left; width: 206px; margin: 0px 6px 0px 19px;} .editorial_related_last { width: 167px;} .editorial_related_content h2 { color: #333333; margin: 0px; font-weight: bold; font-size: 120%;} .editorial_related_content ul { list-style: none; margin: 0px; padding: 0px;} .editorial_related_content ul.promo_long li { width: 167px; border: none;} .editorial-picks ul.more { clear: both; color: #0c7497; margin: 0px 0px 0px 10px;} #main-content-lead .editorial_related_content ul.more a:hover, #main-content-lead .editorial_related_content ul.more a:active { color: #000;} .editorial_picks_bottom { clear: both; width: 671px; height: 13px; margin: 0px 0px 10px 0px; background: url('/staticarchive/54cf3ee46b48ac228a1ee04f19d89e0fd7215a36.jpg') no-repeat;} /* --- GAMES ----*/ /* --- for the lightbox and object record page: */ #flashlink { position: relative; border: 0px solid green; display: inline; overflow: hidden; zoom: 1; line-height: 1; min-height: 240px; } #flashlink img { vertical-align: inherit; } #flashlink span#playbutton { position: absolute; right: 0px; bottom: 17px; background: url(/staticarchive/20a77f2b12507fba945e37feb93a5fefba1d3438.png) no-repeat; height: 63px; left: 20px; border: 0px solid pink; text-align: left; /*display: block;*/ width:366px; /*padding: 10px 0 0 70px;*/ cursor: hand; /*z-index:2;*/ /*top: 100px;*/ /*bottom: -210px;*/ } #flashlink span#playbuttontext { padding: 20px 20px 0 70px; display: block; color: #129ecc; /*font-size: 1.5em;*/ } #lightbox #flashlink span#playbuttontext { font-size:1.2em; font-weight:bold; } /*--- for the actual games pages: ---*/ #flash_cont { background: #f3f5f6; border:1px solid #d8d8d8; padding-top: 1px; margin-top:20px; text-align:center; clear: both; } .fullscreen #main-content-outer { background-image:url(/staticarchive/d4cbdc827c47d23a277bc6b07dbb12b61152f1b9.gif); } .fullscreen #main-content-inner { background-image:url(/staticarchive/c663b0f721df9a9b9366a0ce59ca1bb6e8b1142d.gif); } .fullscreen #main-content { background: #fff; } .fullscreen #main-content-lead { float:none; width:auto; } .fullscreen .content-holder h2 { margin:auto; } .fullscreen #nav-search { margin:auto; } .fullscreen h1 { margin-bottom:10px; } .fullscreen .more { font-size:1.5em; line-height:2; } .fullscreen #nav-search #fm-browse { margin: auto; } .fullscreen #filter-and-search { margin-left: 8px; } .fullscreen #nav-search h2 { margin:0; } #fm-games-browse .submit-btn { float:right; width:190px; background-image:url(/staticarchive/ef11493ec18651ca3752fa2a61bbe8d356626ec4.gif); height: 21px; /*text-align: center;*/ margin-top: 10px; } #fm-games-browse .submit-btn input { font-size: 0.9em; margin: 1px 0 0 10px; text-align: left; width:190px; } /*.fullscreen #nav-search {border:1px solid red;padding:1px} .fullscreen #filter-and-search {border:1px solid green;left:0;top:0} .fullscreen #fm-browse {border:1px solid blue;left:0;top:0}*/ /*----------------------------------- GENERAL USE --*/ .clear_both {clear: both;} .hide { display: none;} #blq-content #main-content noscript a:hover, #blq-content #main-content noscript a:active, #blq-content #main-content #emp_box a:hover, #blq-content #main-content #emp_box a:active { color: #000;}