/* Theme Name: Building Default Theme URI: http://prodevelopment.ru/ Description: The default WordPress theme based on the famous Kubrick. Version: 1.0 Author: (c)Building Tags: blue, custom header, fixed width, two columns, widgets */ html, body { margin: 0; padding: 0; font-size: 100%; /* :hack: make ems resize nicely in IE */ } /* body {font:0.7em/1.3 Verdana, sans-serif; background: #fff url(images/body_bg0.png) repeat-y 50% 50%; } */ body {font:0.7em/1.3 Tahoma, Verdana, sans-serif; background: #fff url(images/body_bg0.png) repeat-y 50% 50%; } * html body { text-align /**/:center; } /* :hack: fix site so its centered in IE 5.5 */ a {text-decoration:underline; } a img { border: 0; } h1 { font-size: .9em; color:#034E8B; background: #e1e1e1 url(images/corner00.gif) no-repeat 100% 0; padding: 5px 15px 5px 5px; text-transform: uppercase; margin: 0 0 1em 0; } /* h2 { display:block;font-size:1em; color:#034E8B; border-bottom: 1px solid #93b0cd; text-transform: uppercase; font-weight: bold; padding: 0px 0px 0px 0px; margin:0px 0px 10px 0px;} */ h2 { overflow:hidden;display:block;font-size:1em; color:#034E8B; /*border-bottom: 1px solid #93b0cd;*/ font-weight: bold; padding: 0px 0px 0px 0px; margin:0px 0px 10px 0px;} .homepage { display:block;font-size:1em; color:#034E8B; border-bottom: 1px solid #93b0cd; font-weight: bold; padding: 0px 0px 0px 0px; margin:0px 0px 5px 0px;} /*h2 a img { vertical-align: -2px; }*/ h3 {font-size:1.2em;} p.more { margin: 0; padding: 8px 0; text-align:right; clear:both; text-transform: uppercase; font-size: .9em; } p.more a { background: url(images/arrow000.gif) no-repeat right; padding: 0 15px 0 3px; text-decoration: none; color: #e92669; display: block; } p.more a:focus, p.more a:hover { text-decoration: underline; } hr {border:0; color:#fff; border-bottom: 1px solid #909eac; line-height: 1px; } option {padding-left: 0.7em; } option.header { padding-left: 0.2em; background-color: #E5F2FF; color: #305DA8; font-weight: bold; } table, th, td { font-size: 100%; } /* make tablemaker tables the right size */ /* news ticker on the home page ------------------------------------------------------------*/ #newsticker {line-height: 1px; font-size:1px; background: url(images/header_b.gif) repeat-x bottom; margin: 0 0 10px 10px; padding: 0 0 5px 0; font-size: 0.9em; } #dotseporator {line-height: 1px; font-size:1px; background: url(images/header_b.gif) repeat-x bottom; margin: 0px 0 10px 0px; padding: 0px 0 5px 0; font-size: 0.9em; } /*Misc --------------------------------------------- */ .date { padding:0; margin:2px 0 .8em 0; color: #e92669;} .date span:before {content: "( ";} .date span:after {content: " )";} .clear {clear:both; font-size:0.1em; height:1px;} .hide {position:absolute;left:-9999px; } /* Wrapper Structure --------------------------------------------- */ #wrapper {width:995px;margin:0pt auto;text-align:left;display:block;} /* Mast ---------------------------------------------------*/ #1mast {padding-bottom:1px; margin-left:10px;font-size: .9em; position: relative; display:block; border-top: 1px solid #fff; /* stop margin collapsing */ background:#fff url(images/mast0000.gif) repeat-x 0px 6px; } #mast {padding-bottom:1px; margin:10px 0px 0px 10px;font-size: .9em; display:block;background:#fff url(images/mast0000.gif) repeat-x 0px 6px; } #logo {margin:0px 0pt 10px 165px;} /* .topadvert {position:absolute;top:13px;left:0px; width:728px; text-align:center; height:90px; }*/ .topadvert { position: relative; z-index: 10000;} .topadvertsleeve {} .headtile{ } .headedit{float:right; } /* login box .login {color:#fff;width:355px;position:absolute;top:28px;left:650px;height:67px;z-index:1; } #indexpage .login {left:480px;} */ /* Afterlogin box */ .afterlogin {font-size:1em;color:#fff;width:200px; position:absolute;left:650px;top:32px; height:67px;z-index:1;} #indexpage .afterlogin {left:480px;} .afterlogin .inside {padding:10px 0 0 10px;} .afterlogin p {margin:0 0 3px 0;width:130px;line-height:120%;} .afterlogin .logout {background:url(images/login_ar.gif) no-repeat left center;padding:0 0 0 12px;} .afterlogin a.logout{color:#FFF;text-decoration:underline;} .afterlogin a:visited.logout {color:#FFF;text-decoration:underline;} .afterlogin a:hover.logout {color:#FFF;text-decoration:none;} form.loginform {width:190px;margin:10px 0 0 10px;} form.loginform input.loginbox {width:95px; border:1px solid #666;font-size:95%;color:#034E8B;padding:0 2px 0 2px; margin:1px 1px 1px 0; vertical-align:bottom} form.loginform input.loginbut {margin:0;} form.loginform label {float:left;width:35%;clear:left;display:block;margin:2px 0;} .afterlogin ul.loginlist {position:absolute;top:0;left:180px;} #indexpage .afterlogin ul.loginlist {left:180px;} ul.loginlist {width:150px;padding:0;margin:0;position:absolute;left:210px;top:0;} #indexpage .login ul.loginlist {top:-5px;} ul.loginlist li {display: block; width:150px;list-style:none; background:url(images/login_ar.gif) no-repeat left center; padding:0 0 3px 10px;} /*\*/ * html ul.loginlist li {display /**/: inline; } /* :hack: IE5.x on windows needs this */ ul.loginlist li a {color:#FFF;text-decoration:underline;} ul.loginlist li a:visited {color:#FFF;text-decoration:underline;} ul.loginlist li a:hover {color:#FFF; text-decoration:none} /* search bar */ /* position:absolute;left:0px;top:119px; */ /*.searchbar {display:block; float:left; vertical-align:middle; line-height:25px; height:10.33em;color:#fff;background:#EAEBED url(images/search_b.gif) no-repeat 10px 13px; width:150px;}*/ .searchbar {display:block; float:left; vertical-align:middle; line-height:25px; height:10.33em;color:#fff;background-color:#EAEBED; width:150px;} /*.searchbar a, .searchbar a:visited {color:#fff;text-decoration:underline;}*/ .searchbar a:hover {color:#fff;text-decoration:none;} .searchbar form {vertical-align:middle; line-height: 1; margin:7px 0 0 10px; padding: 3px 0; float:left; } .searchbar form .searchbox {vertical-align: 4px; font-family:Arial, Helvetica, sans-serif; border:none;font-size:100%; padding:1px; background-color:#fff; color:#004897;width:106px;margin-right:6px; text-transform:uppercase; font-weight:bold;} .searchbar form .searchbutton {} .searchbar legend{display:none;} #comments .searchbar legend{display:none;} .searchbar li {display:block;list-style:none;background:url(images/hybrid_a.gif) no-repeat center left;padding-left:14px;margin-left:10px;} .searchbar li a {color:#7F94AF;display:block;line-height:1.6em; text-decoration:none;margin:0px;padding:0px;} .searchbar a:hover{ text-decoration:underline;} .searchtitle {color:#004897;font-size:1.1em;font-weight: normal; padding:0px 0px 7px 0px;} /* subscribe icon */ .subscribers {position: absolute;left:62em;top:88px; color:#fff; margin:0 0 20px 0; padding:3px 0 5px 0; width:140px;} .subscribers img {margin-bottom: -3px;} #mastcmpilogo {float: right; position:absolute;left:1010px;top:20px;} .masthead .date {display:none;} #section1.indexpage .masthead .date {display:block; position:absolute; left: 10px; top: 146px; color: #999; font-size: .9em; } /* Top navigation--------------------------------------------*/ #topnav { margin: 10px 0 7px 9px; background:#004897 url(images/corner_w.gif) top right no-repeat; font-size: .9em; } #menu { margin: 0; padding: 0; position: relative; z-index: 100; border-left: 2px solid #fff; zoom: 1; /* :hack: float enclosing in IE */ } #menu:after { content: "."; clear: left; display: block; height: 0; visibility: hidden; } #menu ul { margin: 0; padding: 0; } #menu li { float: left; list-style-type: none; margin: 0; border-right: 1px solid #A7B6C7; } #menu a { padding:3px 11px 4px 10px; display: block; color: #fff; white-space: nowrap; text-decoration: none; font-weight: bold; border: 1px solid #004897; background:#004897; zoom: 1; /* :hack: make borders line up in IE */ } * html #menu a { float: left; } /* :hack: needed to make layout work in IE5&6 */ #menu .current_page_parent a, #menu .current_page_parent a:hover, #menu .current_page_item a, #menu .ocurrent_page_item a:hover, #menu a:focus, #menu a:hover, #menu .open a { background: #fff; color: #004897; } #menu li ul { position: absolute; left: -9999px; clear: left; width: 17em; margin-left: -0px; /* this compensates for the 3px left white border */ background-color: #fff; border: 3px solid #fff; border-top: 0; } #menu li ul .line { background-color: #fff; height: 1px; font-size: 1px; /* keep IE to the right height */ display:block; } #menu li ul { border: 1px solid #385581; padding: 2px 12px 16px 12px; } #menu li li { float: none; margin: 0; display: inline; /* :hack: remove extra padding in IE5.5 */ border-right:0;} #menu li:hover, #menu li.over { position: static; /* make menus not sticky in IE7 */ } #menu li:hover ul, #menu li.over div { left: auto; } #menu li li a, #menu .open li a { float: none; border-bottom: 1px solid #e1e1e1; border-left: 0; border-right: 0; border-top:0; font-weight: normal; padding: 4px 3px; background: #fff none !important; /* :hack: fix IE bug where images are repeated weirdly */ color: #385581; white-space: normal; } #menu li li a:focus, #menu li li a:hover, #menu .open li a:hover, #menu li a.focussed { font-weight: bold; text-decoration: underline; background: #f6f6f6; } /* Columns ---------------------------------------------*/ #columns {padding:0 251px 0 175px; clear:both; z-index: 500;} #story1 #columns, #story2 #columns, #story3 #columns, #story4 #columns, #hybrid #columns, #catindex #columns {padding:0 0 0 175px;} #popup #columns {padding: 0 0 0 10px;} /* Columns Wrapper ---------------------------------------------*/ #colwrapper {width:100%; } #colfloat {float:left;width:100%; } /* Clearing Floats Hack --------------------------------------------- */ #colwrapper:after {content: "."; display:block; height:0; clear:both; visibility:hidden;} /*Main column*/ #maincol {float:right; width:100%; } #maincol .ad {margin-bottom:1em;} #maincol .twocolumn {clear:both; width:100%; } #maincol .twocolumn .col1 {width:49%; float:left;} #maincol .twocolumn .col2 {width:49%; float:right;} /* change of grid for section2 */ #section2 #maincol .twocolumn .col1 {width:468px; float:left;} #section2 #maincol .twocolumn .col2 {width:336px; float:right;} /* Clearing Floats --------------------------------------------- */ .twocolumn { zoom: 1; } .twocolumn:after {content: "."; display:block; height:0; clear:both; visibility:hidden;} /*Left column --------------------------------------------- */ #leftcol {float:left; margin-left:-175px; width:175px;} #leftcol .sleeve {margin:0 15px 0 10px; padding:0 0 10px 0;} #section1.indexpage #leftcol .sleeve {margin:0px 15px 0 10px; padding: 0px 0;} /*Right Column*/ #rightcol {float:right; margin-right:-251px; width:251px; background-color: #fff; } #rightcol .sleeve {border-left: 15px solid #fff; } #story1 #rightcol, #story2 #rightcol, #story4 #rightcol, #hybrid #rightcol, #story3 #rightcol {margin-right:0;} /*Stock table ---------------------------------------------- */ #stock_table{width:236px; background-color:#ebecf0; font-size: 9px; color:#7e94ac; border: 0px; border-collapse:collapse;} #stock_table td, #stock_table th{border:2px solid #fff;margin:0px; padding:5px;} .sign_down{padding-right:20px; background: url(images/arr_down.gif) no-repeat 96% center;} .sign_up{padding-right:20px; background: url(images/arr_up.gif) no-repeat 96% center;} /* :hack: make layout work in IE5&6 */ #colfloat, #leftcol, #rightcol { position: relative; } #columns, #rightcol .sleeve { zoom: 1; } /* Left navigation --------------------------------------------- */ #leftnav1 { padding: 8px 10px; background: #7e94ac; color: #fff; margin-bottom: 5px; font-size: .9em; } #leftnav1 ul {list-style:none; padding: 0; margin: 0;} #leftnav1 li { font-weight: bold; border-bottom: 1px solid #7e94ac; /* :hack: remove extra margins in IE5&6 */ } #leftnav1 a { color: #fff; text-decoration: none; display: block; padding: 1px 0; zoom: 1; /* :hack: make IE5&6 treat this as a proper block */ } #leftnav1 a:focus, #leftnav1 a:hover { text-decoration: underline; } #leftnav1 a.on { text-decoration: underline; } #11leftnav1 .current_page_item a { color: #000; text-decoration: underline;} #leftnav1 ul ul { padding:2px 0 0 1em; font-size:0.95em; } #leftnav1 ul ul li { list-style-type: disc; font-weight: normal; list-style:none;} #leftnav1 ul ul li a { } #leftnav1 .current-cat a { color: #000; text-decoration: underline;} #leftnav1 span { color: #000; } #leftnav2 { padding: 8px 10px; background: #a2aebc; color: #fff; margin-bottom: 5px; font-size: .9em; } #leftnav2 ul {list-style:none; padding: 0; margin: 0;} #leftnav2 li { font-weight: bold; border-bottom: 1px solid #a2aebc; /* :hack: remove extra margins in IE5&6 */ } #leftnav2 a { color: #fff; text-decoration: none; display: block; padding: 1px 0; zoom: 1; /* :hack: make IE5&6 treat this as a proper block */ } #leftnav2 a:focus, #leftnav2 a:hover { text-decoration: underline; } #leftnav2 a.on { text-decoration: underline; } #leftnav2 ul ul { padding:2px 0 0 1.5em; font-size:0.95em; } #leftnav2 ul ul li { list-style-type: disc; font-weight: normal; } #leftnav2 ul ul li a { } #11leftnav2 .current-cat a { color: #000; text-decoration: underline;} #leftnav2 span { color: #000; } #leftnav3 { padding: 8px 10px; background: #ebecf0; color: #7e94ac; margin-bottom: 5px; font-size: .9em; } #leftnav3 ul {list-style:none; padding: 0; margin: 0;} #leftnav3 li { font-weight: bold; border-bottom: 1px solid #ebecf0; /* :hack: remove extra margins in IE5&6 */ } #leftnav3 a { color: #7e94ac; text-decoration: none; display: block; padding: 1px 0; zoom: 1; /* :hack: make IE5&6 treat this as a proper block */ } #leftnav3 a:focus, #leftnav3 a:hover { text-decoration: underline; } #leftnav3 a.on { text-decoration: underline; } #leftnav3 ul ul { padding:2px 0 0 1.5em; font-size:0.95em; } #leftnav3 ul ul li { list-style-type: disc; font-weight: normal; } #leftnav3 ul ul li a { } #11leftnav3 .current-cat a { color: #000; text-decoration: underline;} #leftnav3 span { color: #000; } /* Bottom tools --------------------------------------------- */ #pagetools {position:relative;clear:left;list-style:none;padding:15px 0; width:468px; height:25px; left:175px; margin:20px 0 0 0;} #pagetools1 {position:absolute;left:0;top:0; } #pagetools1 a { background: url(images/b_previo.gif) no-repeat left; padding-left: 10px; } #pagetools2 {position:absolute;left:209px;top:0; } #pagetools2 a { background: url(images/bb_print.gif) no-repeat left; padding-left: 16px; } #pagetools3 {position:absolute;right:0;top:0;} #pagetools3 a { background: url(images/b_top000.gif) no-repeat left; padding-left: 12px;} #pagetoolsnoscript {clear:left;text-align:right;} #story1 #pagetools, #story2 #pagetools, #story3 #pagetools, #story4 #pagetools, #hybrid #pagetools, #catindex #pagetools {width:600px; } #story1 #pagetools2, #story2 #pagetools2, #story3 #pagetools2, #story4 #pagetools2, #hybrid #pagetools2, #catindex #pagetools2 {left:270px;} #popup #pagetools {width:960px; left:10px;} #popup #pagetools2 {left:450px;} #section2 #pagetools {width:600px; height:25px; left:170px;} #section2 #pagetools2 {left:270px;} /*Uses PAGETOOLS STYLES AND overrides left position when used in main column for back next search results*/ #pagetools.backnext { background: #eee; width:100%; left:0; margin: 0; padding:0; font-size: 0.85em; padding: 5px 0; } #pagetools.backnext #pagetools1 { left: 5px; top: 10px; } #pagetools.backnext a.previous {background:url(images/b_previo.gif) no-repeat left; padding-left: 10px;} #pagetools.backnext #pagetools3 { right: 5px; top: 10px; } #pagetools.backnext a.next {background:url(images/b_next00.gif) no-repeat right; padding-right: 10px;} #pagetools.backnext #pagetools2 {position:absolute;left:140px;top:5px; } /* Div holding items anchored to the bottom of left and right columns */ #anchored {position:relative; margin-top: 20px; } #abacusaddress {padding:20px 0 0 23px;position:absolute;left:-9999px;top:-90px; } #abacusaddress address {position: absolute; left: -9999px;} #popup #abacusaddress {display:none;} /* bottom advert ---------------------------------*/ #bottomad { margin:15px; padding-top: 45px; background: url(images/header_b.gif) repeat-x top; text-align:center; } /* Bottom navigation --------------------------------------------- */ #bottomnav {clear:both; margin: 10px 0 2px 10px; padding: 5px 10px; background: #909eab url(images/bottomna.gif) no-repeat 100% 100%; color: #fff; } #bottomnav ul {list-style:none; margin: 0; padding: 0; } #bottomnav li {display:inline; border-right:1px solid #fff; padding-right: .5em; margin-right: .5em; } #bottomnav a { color: #fff; } #bottomnav .on {font-weight:bold;} /* Footer --------------------------------------------- */ #footer {clear:both; background: #eee; margin-right: 3px; margin-left:10px; } #footer .sleeve {padding: 10px;} #footer h2 { margin: 0; font-size: .9em; color: #000; display: inline; font-weight: bold; border: 0; text-transform: none; } #footer ul { margin: 0; padding: 0; display: inline; font-size: .9em; } #footer li { display: inline; margin-right: .5em; padding-right: .5em; border-right: 1px solid #044f89; } #footer li:last-child { border: 0; } #footer a { color: #044f89; text-decoration: none; } #footer a:focus, #footer a:hover { text-decoration: underline; color: #e92669; } /*Advert for right-hand side of fixed width sites --------------------------------------------- */ #sidead {position:absolute;top:147px;left:1004px;} #rightcol_cols .col1 {width:48%; float:left;} #rightcol_cols .col2 {width:48%; float:right;} /*Adverts in left and right columns --------------------------------------------- */ #leftcol .ad {text-align:center; margin: 15px 0;} #rightcol .ad { margin: 0 0 15px 0; text-align: center;} /*Form styles --------------------------------------------- */ fieldset { margin: 0; padding: 0; border: none;} legend { display:none;} .formbox {padding:15px; background: #eee; margin:15px 0;} .formbox h2 { font-weight: bold; border: 0; background: none; color: #034e8b; padding: 0; } .formbox p {clear:left; zoom: 1; } .formbox input.text, .formbox select, .formbox textarea { font: .9em Arial, Helvetica, sans-serif; } .formbox .labelnormal { font-weight:bold; color: #034e8b;} .formbox .labelsmall { color: #034e8b; } .formbox .selectnormal, .formbox .inputnormal { padding-left:3px; font-size:0.95em; } .formbox .inputnormal {font-size:1em;} .formbox .boxnormal { font-size:1em; padding-left:3px;} .formbox .width0 {width:25px;} .formbox .width1 {width:100px;} .formbox .width2 {width:220px;} .formbox .width3 {width:370px;} .formbox hr { clear: both; margin:0; padding:0;} .formbox .disabled {background-color: #ccc;} /* div in forms with padding left width label*/ .formbox .floatleft {float:left; margin-bottom:10px; font-size:0.95em; line-height:1.3em;} .formbox .note {color:#666;margin:0 0 5px 0;font-size:0.85em;} .fbutton { cursor: pointer; background-color: #034e8b; color: #fff; border:0; font: 1em Arial, sans-serif; } /* subs advert --------------------------------------------- */ .subsadvert { background: #ebecee url(images/corner00.gif) no-repeat 100% 0; padding: 8px; margin: 0 0 17px 0; font: 1em Arial, Helvetica, sans-serif; zoom: 1; /* :hack: float enclosing in IE */ } .subsadvert:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } .subsadvert img { float: left; margin: 0 8px 0 0; } .subsadvert ul { float: right; margin: 0; padding: 0; width: 142px; list-style-type: none; } * html .subsadvert li { display: inline; } /* :hack: remove gaps in IE5.5/6 */ .subsadvert li a { display: block; padding-left: 18px; margin: 4px 0; background: url(images/arrow_su.gif) no-repeat 0 0; text-decoration: none; } .subsadvert .more a { background: #919fac url(images/colour1_.gif) no-repeat right; color: #fff; text-align: right; padding: 0 20px 0 0; } /*Rollover image filter --------------------------------------------- */ .picture a:hover img {opacity:0.6;filter:alpha(opacity=60);} /*Subscriptions --------------------------------------------- */ #subscription { width: 160px; } h2 .subsicon { position:relative; top:-1px; left:2px;} /*User Poll --------------------------------------------- */ #poll { width:160px; margin: 0 0 15px 0; color: #034E8B; } #poll .sleeve { border: 0; background: 0; } #poll fieldset {border: 1px solid #919fac;padding:5px;margin: 0;} #poll input { vertical-align:-3px;} #poll h2 { color: #fff; padding: 2px; margin: 0 0 1px 0; border: 0; background: #919fac url(images/corner00.gif) no-repeat 100% 0; } #poll .frow img {margin-left:3px; background-color:#919fac;} #poll p { font-size:0.8em; padding: 0 0 5px 0; margin: 0; } #poll .vote { color: #fff; background-color: #919fac; padding-top: 5px; } #poll .vote input { background: transparent none; padding: 0 5px; font-size: 1.2em; } #poll form { margin: 0; padding: 0; } /*Editorial Advert --------------------------------------------- */ .editorialadvert { text-align: left; margin: 0; font-size: 0.85em; color: #034e8b; } .editorialadvert h2 { margin: 0 0 5px 0; background: #919fac url(images/corner00.gif) no-repeat 100% 0; padding: 3px 5px; color: #fff; border: 0; } .editorialadvert p { margin: 7px 0 0 0; line-height:120%; } .editorialadvert ul { margin: 5px 0 0 0; padding: 0; list-style-type: none; } .editorialadvert li { padding-left: 18px; background: url(images/arrow000.gif) no-repeat 0 0; margin: 5px 0; } .editorialadvert li a { text-decoration: none; } .editorialadvert li a:focus, .editorialadvert li a:hover { text-decoration: underline; } .editorialadvert a.more { color: #e92669; text-decoration: none; padding-right: 14px; background: url(images/arrow000.gif) no-repeat 100% 50%; display: block; text-align: right; } .editorialadvert a.more:focus, .editorialadvert a.more:hover { text-decoration: underline; } /*Table data --------------------------------------------- */ table.tmt {background-color:#cc9;border:1px solid #000; font-size: 1.1em; } table.tmt th,table.tmt TD {padding:.2em;} table.tmt th {background-color:#8d8d47;color:#fff;font-weight:bold;} table.tmt TR.odd {background-color:#dbe1bf;} /* Lead Story --------------------------------------------- */ .leadstory {clear:both; zoom: 1; /* enclose floats for IE */; margin: 7px 0;} .leadstory:after { content:"."; clear:both; display:block; height:0; visibility:hidden; } /* :hack: float enclosing */ .leadstory h2 {font-size:0.95em; margin: 0; border: 0; font-weight: bold; text-transform: none; } .leadstory h2 a img {vertical-align:-2px;} .leadstory p {margin: 5px 0; font-size:0.85em; } .leadstory p.date {margin: 2px 0 3px 0; } .leadstory p.picture {float:left; padding:0; margin:3px 8px 8px 0; } /* Lead Story with picture --------------------------------------------- */ .leadstorypic {clear:both; zoom: 1; /* enclose floats for IE */; margin: 7px 0; } .leadstorypic .sleeve {} .leadstorypic h2 {font-size:1em; margin: 0; border: 0; font-weight: bold; text-transform: none; } .leadstorypic h2 a img { vertical-align:-2px;} .leadstorypic p {margin: 5px 0; font-size:0.85em;} .leadstorypic p.date { margin: 2px 0 3px 0; } .leadstorypic p.picture {float:left; padding:0; margin:3px 8px 8px 0; } .leadstorypic p.picture img { border: 1px solid black; } /* Clearing Floats Hack --------------------------------------------- */ .leadstorypic .sleeve:after {content: "."; display:block; height:0; clear:both; visibility:hidden;} /* Story List --------------------------------------------- */ .storylist {clear:both;} .storylist ul {list-style:none; padding:5px 10px 10px 0; margin:0;} .storylist li {background:url(images/arrow000.gif) no-repeat 0 1px; padding:0 0 0 15px; margin:0 0 5px 0;} .storylist h2 {font-size:0.9em; display:inline; border: 0; text-transform: none; font-weight: normal; } .storylist h2 a img { vertical-align:-2px;} .storylist p.date { display: none; margin: 0; } .storylist p { margin: 0 0 .8em 0; padding:0 0 10px 0;} /* Picture Story --------------------------------------------- */ .picstory {clear:both; padding: 0 15px; margin:7px 0; zoom: 1;} .picstory:after {content: "."; display:block; height:0; clear:both; visibility:hidden;} .picstory h2 {font-size:0.95em; border:0; font-weight: bold; text-transform: none; margin: 0; } .picstory .picture {float:left; margin: 0 10px 5px 0;} .picstory p {margin: 5px 0; font-size: .85em; } .picstory p.date {margin: 2px 0 3px 0;} .picstory.landscape .picture { margin: 0 0 8px 0; float: none; } /* sectionhead */ .sectionhead { text-transform: uppercase; font-size:0.95em; margin:5px 0 15px 0; background: transparent url(images/header_b.gif) repeat-x bottom; color: #e92669; border: 0; } .sectionhead strong {font-weight:normal; display: block; padding:2px 0 3px 0; } /* Style 3 --------------------------------------------- */ .style3 h2 {font-size:1.3em; margin: 0 0 .4em 0; } .style3 p {font-size:0.95em;} .style3 p.date {font-size:0.85em; margin-top:3px;} .style3 .storylist h2 {font-size:1.1em;} .style3 .leadstorypic p.picture {float:right; margin:3px 0 8px 12px; } .style3 .leadstorypic p {padding:3px 0 0 0;} .style3 .picstory {clear:both;} /* section1 styles -----------------------------------------------*/ #section1 .style2 .col1, #section1 .style2 .col2 { width: 226px; } /* Section 2 styles --------------------------------------------- */ #section2 #columns {padding:0 0 0 175px; } #section2 .col1 .style2 .col1 {width:226px !important; float: left;} #section2 .col1 .style2 .col2 {width:226px !important; float: right;} #section2 .col2 .style2 .col1 {width:160px !important; float: left;} #section2 .col2 .style2 .col2 {width:160px !important; float: right;} #section2 .picstory .sleeve {padding:0;} #section2 #rightcol_mpus { float: right; text-align: center; width:250px; } #section2 .col2 { font-size: .9em; } #section2 .col2 .colour1 .picstory { padding: 9px; } #section2 .twocolumn .twocolumn .col2 { font-size: 1em; } #section2 .twocolumn .col2 .twocolumn .picstory .picture { margin-right: 0; } /* Section 3 styles --------------------------------------------- */ #section3 .leadstorypic p.picture {float:right; padding:0; margin:3px 0 8px 8px; } #section3 .bookreview {border-bottom:1px solid #ccc; border-top:1px solid #ccc; margin:10px 0; padding:5px 0; color:#888;} #section3 .source, #section3 .references, #section3 .postscript {margin-top:10px; padding:0;} #section3 .source span, #section3 .references span, #section3 .postscript span {font-size:0.85em;} #section3 .source p, #section3 .references p, #section3 .postscript p {font-size:0.85em;} #section3 .related { margin-top:10px; margin-bottom:5px;} #section3 .related .storylist ul {padding:0;} #section3 .related .storylist li {background:url(images/arrow_sm.gif) no-repeat 6px 4px;} /* Clearing Floats Hack --------------------------------------------- */ #section3 .leadstorypic:after {content: "."; display:block; height:0; clear:both; visibility:hidden;} /* Top story on section 2 and feature --------------------------------------------- */ #topstrory {clear:both; margin-bottom:20px; zoom: 1; /* :hack: IE5&6 guillotine bug fix */} #topstrory .leadstorypic {width:468px; float:left; margin-top:7px;} #topstrory .leadstorypic .sleeve p.picture {float:none; } #topstrory .leadstorypic .sleeve .text {font-size:1.25em; } #topstrory .ad img, #topstrory .ad object, #topstrory .ad embed { margin-left:5px; margin-top:10px;} /* Story Styles --------------------------------------------- */ .storytext p { line-height:1.4em; margin: 8px 0 12px 0; } #story1 .storytext, #story2 .storytext, #story4 .storytext, #hybrid .storytext, #story3 .storytext { margin:0 351px 10px 0;} #story1 .storytext h1, #story2 .storytext h1, #story3 .storytext h1, #story4 .storytext h1, #legalstory .storytext h1 { font-size:2.3em; margin:0 0 10px 0; font-weight: normal; background: transparent none; padding: 0; text-transform: none; } #story1 .storytext h2, #story2 .storytext h2, #story3 .storytext h2, #story4 .storytext h2, #hybrid .storytext h2, #legalstory .storytext h2 { font-size:1.5em; margin:10px 0 3px 0; color: #034e8b; border: 0; text-transform: none; font-weight: bold; padding: 0; } .storytext h3 { font-size:1.25em; margin:10px 0 3px 0; color: #034e8b;} .storytext h4 { font-size:1em; font-weight: normal; margin:10px 0 3px 0; color: #A2AEBC;} .storytext ul, .storytext ol { font-size:0.95em;} .storytext .standfirst {font-weight:bold; color: #034E8B; line-height:1.5em;} .storytext .formbox fieldset .standfirst { font-size: 1.4em; margin-top: 0; } .storytext .standfirst.question {margin-bottom: 30px;} .storytext .bookreview {border-bottom:1px solid #909eac; border-top:1px solid #909eac; margin:15px 0; padding:5px 0;} /* These styles where added for Alex at Building they may well overide the style above */ #story1 .storytext h1, #story2 .storytext h1, #story3 .storytext h1, #story4 .storytext h1 {color:#034E8B; font-weight:normal; margin:0;} #hybrid .storytext h2, #story1 .storytext h2, #story2 .storytext h2, #story3 .storytext h2, #story4 .storytext h2 {color:#034E8B; font-weight:normal; margin:25px 0 0 0; font-size:1.7em;} #hybrid .storytext h3, #story1 .storytext h3, #story2 .storytext h3, #story3 .storytext h3, #story4 .storytext h3 {color:#034E8B; font-weight:bold; margin:25px 0 0 0; font-size:1.3em;} #hybrid .storytext h4, #story1 .storytext h4, #story2 .storytext h4, #story3 .storytext h4, #story4 .storytext h4 {color:#034E8B; font-weight:bold; margin:25px 0 0 0; font-size:1.1em;} #story3 .storytext .related h2 {font-size:1.1em; color:#E92669; text-transform:uppercase; padding-bottom:5px; margin-bottom:10px;} /* make lists push away from inline pics */ #story1 .storytext ul, #story2 .storytext ul, #story3 .storytext ul, #story4 .storytext ul, #story1 .storytext ol, #story2 .storytext ol, #story3 .storytext ol, #story4 .storytext ol { margin-left: 0; padding-left: 3em; overflow: hidden; zoom: 1; } #story1 .storytext #comments ul, #story2 .storytext #comments ul, #story3 .storytext #comments ul, #story4 .storytext #comments ul, #story1 .storytext .related ul, #story2 .storytext .related ul, #story3 .storytext .related ul, #story4 .storytext .related ul { margin-left: 0; padding-left: 0; } #story1 .storytext #comments li, #story2 .storytext #comments li, #story3 .storytext #comments li, #story4 .storytext #comments li, #story1 .storytext .related li, #story2 .storytext .related li, #story3 .storytext .related li, #story4 .storytext .related li { margin-left: 0; padding-left: 15px; } #story1 .storytext #comments h2, #story2 .storytext #comments h2, #story3 .storytext #comments h2, #story4 .storytext #comments h2 { font-size: 1.3em; font-weight: bold; } /*Edit H2 formatting for story pages */ #story1 .storytext #comments_form h2, #story2 .storytext #comments_form h2, #story3 .storytext #comments_form h2, #story4 .storytext #comments_form h2 { font-size: 1.3em; font-weight: bold; } /* Quote Styles --------------------------------------------- */ table.quotetable { width:180px; float:left; border-bottom: 1px solid #909eac; margin:10px 15px 5px 0; } table.quotetable td {padding:3px 5px;} table.quotetable .storyquote p { font-weight: bold; color: #386B92; margin: 0; } table.quotetable .quotesource p { font-size:0.85em; padding:0; color: #000; margin: 0; } /* Page extra elements --------------------------------------------- */ .postscript, .credit, .source, .references, .reader {font-size:1em; font-style: italic; color:#888; clear:left; padding-left:3px;} .postscript span, .credit span, .source span, .references span, .reader span {font-weight:bold;display:block;border-bottom:1px solid #ccc;} .postscript p, .credit p, .source p, .references p, .reader p {margin:3px 0 5px 0;} .location { padding:3px 5px; text-transform: uppercase; margin:0 0 15px 0; color: #034e8b; font-weight: bold; background: #e1e1e1 url(images/corner00.gif) no-repeat 0 20px; } .storytext .catchline p { background: url(images/arrow_bi.gif) no-repeat 0; padding: 0 0 0 16px; margin-bottom: 3px; color: #666; font-weight: bold; text-transform: uppercase; } .storytext p.date { padding:2px 0; margin: 0;} .storytext .byline { padding:2px 0; font-style: italic; color: #034E8B;} .storytext .byline p { margin:0; padding:0; } .storytext .byline a {text-decoration:underline;} .storytext .byline a:hover {text-decoration:none;} .storytext .byline strong {font-weight:normal;} .storytext .picturebyline {float:left; margin:10px 15px 5px 0; padding:0; width:180px; border:1px solid #909eac; } .storytext .picturebyline .sleeve {padding:5px; clear:left; zoom: 1; } .storytext .picturebyline .sleeve:after { content: "."; clear: left; display: block; height: 0; visibility: hidden; } .storytext .picturebyline .sleeve .text {width:80px; float:left; font-size:0.95em; } .storytext .picturebyline .sleeve .text p { margin-top: 0; } .storytext .picturebyline .sleeve .text p strong { display:block; text-decoration:underline;} .storytext .picturebyline p.picture {margin: 0; padding:0; float:left; } .storytext .picturebyline p.picture img {margin-right:5px; } .storytext .standfirst .dropcap {padding-left:0; } .storytext .dropcap {float:left;font-size:3em; line-height: 1em; margin: 0 5px 5px 0;} .storytext .synopsis p {font-weight:bold; font-style:italic;} .storytext .name {font-weight:bold;} /* Story Button Styles --------------------------------------------- */ .storybuttons { margin:0 0 20px 0; font-size:0.8em; line-height:1.2em; background: #eee url(images/corner_b.gif) no-repeat 100% 100%; border-bottom: 1px solid #fff; /* stop margin collapsing */ } .storybuttons ul {list-style-type:none; padding:0; margin: 0 0 10px 0;} .storybuttons li { border-bottom:1px solid #fff; padding:4px 5px 4px 25px; margin: 0; } .storybuttons li img {margin:0 4px 0 -20px;vertical-align:text-bottom; position: relative; /* :hack: make this show up in IE5&6 */} .storybuttons li a {text-decoration:none; } .storybuttons li a:focus, .storybuttons li a:hover {text-decoration:underline; } #hybrid .storybuttons { background: url(images/hybrid_s.png) no-repeat top; border-bottom: 1px solid #e92669; padding-top: 15px; color:#81A6C5; font-size: .9em; } #hybrid .storybuttons ul { list-style-type: disc; margin: 0; padding: 10px 10px 10px 25px; } #hybrid .storybuttons li { padding-left: 0; } #hybrid .storybuttons .parent {padding:4px 0; border-bottom: 1px solid #9ab9cf; list-style-type:none; margin: 0 0 5px -15px; color: #034e8b; } /* related and attached information --------------------------------------------- */ .related { margin-bottom:20px; font-size:0.85em; } .related h2 { margin: 0 0 10px 0; color: #e92669; border: 0; background: url(images/header_b.gif) repeat-x bottom; padding: 3px; } .related h2 a { color: #e92669; } .related .storylist { clear: left; } .related .storylist ul {list-style:none; padding:0 0 10px 10px; } .related .note {font-size:0.9em; margin:5px 0 5px 10px; line-height:1.15em;} .related li .note {font-size:0.95em; margin:5px 0 0 0; padding:0;} .related li .note img {vertical-align:-6px; margin-right:3px;} .related .imgaes {padding:0; } .related .imgaes ul {list-style:none; margin: 0; padding: 0; } .related .imgaes li .text {padding:3px 0 15px 3px; margin: 0; } .related .imgaes li .photocredit {display: block; color:#999; margin-top:3px;} .related .imgaes li .photocredit a {color:#999;} #story3 .related .imgaes .text { display:none;} #story3 .related .imgaes li .picture { margin: 0 0 10px 0; width:200px;} #story3 #rightcol .related .imgaes li .picture { border: 1px solid #909eac; padding: 9px; width: 316px; } #story3 #rightcol .col1 .related .imgaes li .picture { width: 125px; } #story3 .related .imgaes ul.small {background-color:#E1E1E1; border-bottom:20px solid #E1E1E1; zoom: 1; padding: 0 10px; } #story3 .related .imgaes ul.small li {display:inline;} #story3 .related .imgaes ul.small li .picture {width:70px; display:inline; vertical-align: text-top; margin: 0; } #story3 .related .imgaes ul.small li .picture img { margin:10px 6px 0 0; } #story3 #rightcol .related .imgaes ul.small li .picture { border: 0; padding: 0; width: 70px; } #story3 .related .imgaes ul.small li .clear {display:none;} /* Clearing Floats Hack --------------------------------------------- */ #story3 .related .imgaes ul.small:after {content: "."; display:block; height:0; clear:both; visibility:hidden;} /* inline tables --------------------------------------------- */ html>body div.inlinetable {overflow:auto;} .inlinetable {width:370px; overflow-x:auto; margin:10px 10px 10px 0; float:left; clear:left; padding-bottom: 10px;} /* inlinle adverts --------------------------------------------- */ .inlineadvert {float:left; clear:left; margin:10px 10px 10px 0; border-bottom:1px solid #909eac; border-top:1px solid #909eac; text-align:center; padding:10px 0; width:180px;} .inlineadvertfull {clear:left; float:none; margin:10px 0; border-bottom:1px solid #909eac; border-top:1px solid #909eac; text-align:center; padding:10px 0;} /* Inline Picture --------------------------------------------- */ .inlinepic {float:left; background-color:#fff; margin:10px 0; padding: 14px; width: 439px; _width /**/: 467px; clear:left; border:1px solid #909eac;} .inlinepic br {display:none;} .inlinepic img {margin:0 0 10px 0; display:block;} @media ScReEn { .inlinepic img {margin: 0 auto 10px auto; text-align: center; /* :hack: for IE5 */} } /* :hack: don't show this to Safari 1.0 */ .inlinepic .storypicscaption {font-size:0.85em; font-weight:bold;} .inlinepic p {font-size:0.85em; color:#888; line-height:120%; width:inherit;} /* Factfile --------------------------------------------- */ .storytext .factfile {clear:left; line-height:1.2; margin: 10px 0 20px 0; } .storytext .factfile .sleeve {font-size:0.9em; padding:5px 10px; border-top: 2px solid #fff; background-color: #eee; zoom: 1; } .storytext .factfile .sleeve:after { content: "."; display: block; clear: left; visibility: hidden; height: 0; } .storytext .factfile .sectionhead {font-size:0.85em; font-weight:normal; padding:0 3px; margin: 0; border:0; } .storytext .factfile .inlinepic { width: 194px; padding: 0; border: 0; background: transparent; margin: 0 10px 10px 0;} /* Title block styles --------------------------------------------- */ .titleblock {margin-bottom:15px; } .titleblock .sleeve {background:#EEE;} .titleblock td.picture p { margin: 0;} .titleblock td.storytext {vertical-align:bottom; padding-top:15px; width:100%; /* force right cell over if small amount of text */ } #story2 .titleblock {border-bottom:10px solid #EEEEEE;} #story2 .titleblock .storytext { padding: 0 10px 10px 10px; color:#fff; } #story2 .titleblock h1, #story2 .titleblock .date { color:#fff; } #story2 .titleblock .sleeve {background:#5A6978;} #story2 .titleblock .picture img {border-left:1px solid #fff;} #story3 .titleblock { margin-bottom:10px; } #story3 .titleblock .sleeve {padding:0; border:1px solid #ccc; } #story3 .titleblock td.picture {padding: 12px 14px;} #story4 .titleblock { border-bottom: 2px solid #7e94ac; } #story4 .titleblock .sleeve { border-bottom: 1px solid #fff; } #story4 .titleblock td.storytext { background: url(images/whitebg0.gif) repeat-x top; padding:0 15px 5px 10px;} #story4 .titleblock h1 { font-size: 1.9em; background: none; text-transform: none; font-weight: normal; padding: 0; margin: 0 0 10px 0; } #story4 .titleblock p { color: #034e8b; } /* Feature styles --------------------------------------------- */ #feature #topstrory .leadstorypic h2 { font-size:1.5em; font-weight:normal;} #feature #topstrory .leadstorypic .sleeve {padding: 0 6px;} #feature .text p {font-size:0.85em;} /* comments styles --------------------------------------------- */ #comments legend {display:block; font-size:1.3em; margin:0; position:relative; top:-5px; left: -8px; color: #034e8b; } #comments .storylist { clear: left; } #comments .storylist ul {padding: 10px 0 0 0; border:0; margin:15px 0 0 0;} #comments .storylist li {background: url(images/header_b.gif) repeat-x bottom; margin-bottom:10px;} #comments .storylist li.editor { border-color: #909eac; border-style: solid; border-width: 1px 2px 2px 1px; padding:10px; background-image: none; } #comments .storylist li strong { font-size: 1.1em; color: #044e8b; } #comments .storylist li span { margin-left:5px; } #comments p.note {font-size:0.85em; padding:3px 0; margin: 0; color:#888;} #comments p.note img {position:relative; top:2px; margin-right:5px;} #story1 #comments, #story2 #comments, #story3 #comments, #story4 #comments {padding-left:5px; clear: left; } #story1 #comments h2, #story2 #comments h2, #story3 #comments h2, #story4 #comments h2 {border-top:1px solid #909eac; margin-top:10px; padding:5px 0 10px 0;} #story1 #comments .storylist ul, #story2 #comments .storylist ul {border-top:0; margin-top:0; padding-top:0;} #comments .discussion{width:100%; font-size:0.85em; margin:10px 0 5px 0;} #comments .discussion th{color:#fff; padding:3px 6px; background:#999; border-bottom:1px solid #ccc; text-transform: uppercase;} #comments .discussion td{ padding:6px; border-top:1px solid #fff; border-bottom:1px solid #ccc;background:#eee;border-right:1px solid #ccc;} #comments .discussion a { font-weight: bold; } #comments .backnext {margin-bottom:20px;} /* Hybrid Table Styles --------------------------------------------------------------------------------------- */ .hybridtable {margin:10px 10px 10px 0; font-size:0.85em; border-collapse:collapse;} .hybridtable.fullwidth {margin-right: 0; } .hybridtable th {background-color:#385581; color:#fff; padding: 6px; border: 1px solid #fff;font-weight:bold; } .hybridtable td{ padding:6px; border:1px solid #fff; background-color:#E1E1E1;} .hybridtable .hybrideven {} .hybridtable .hybridodd {} /* Pinkheadline style - ------------------------------------------------------------*/ #hybrid .storytext .pinkheader {text-transform:uppercase;padding:3px 6px 3px 0px; background:transparent url(images/header_b.gif) repeat-x scroll center bottom; color:#E92669; font-size:100%;} /* Events Styles --------------------------------------------------------------------------------------- */ #eventsdetails .storylist ul {padding-left:5px; margin: 0; padding-bottom:10px;} #eventsdetails .storylist li {background:url(images/arrow000.gif) no-repeat 0 0; padding-bottom:0; margin-bottom:0;} #eventsdetails .storylist li p {margin:3px 0;} #eventsdetails .storytext .picture {float:right; margin-left:15px;} #eventsdetails .storytext h2 { color: #e92669; background:transparent url(images/header_b.gif) repeat-x scroll center bottom; border-bottom:0; margin:0 0 5px 0; padding-bottom:3px; } #events .storylist ul {padding-left:5px; margin-top:5px; padding-bottom:10px;} #events .storylist li {background:url(images/arrow000.gif) no-repeat 0 0; margin-bottom:10px;} #events .storylist li strong { font-weight:normal; margin-top:2px; position:relative; left:3px;} #events .storylist li .date {font-size:0.9em; height:15px; display:block;} #events .storylist li a {font-weight:bold; margin-bottom:3px; display:block;} #events .storylist li .note {background-color:#909eac; color:#fff; padding: 1px 2px; text-transform:uppercase; font-size:0.85em; } #eventsdate {margin: 20px 0} #eventsdate h2 { background: #eee; font-weight: bold; padding: 10px; margin: 0; font-size:0.95em;} #eventsdate ul {margin:0; padding:10px; background: #eee; } #eventsdate li {display:inline; margin:0 3px 0 0; line-height:200%;} #eventsdate li a {background-color:#fff; border-color: #909eac; border-style: solid; border-width: 1px 2px 2px 1px; padding:2px 4px; text-transform:uppercase; font-weight:bold; font-size:.85em; text-decoration:none;} #eventsdate li a:visited {color:#666; } #eventsdate li a:focus, #eventsdate li a:hover {background-color:#E1E1E1; color:#034e8b; border-color: #909eac; } #eventsdate p { margin:10px 0 0 0; font-size:92%;} #eventsdate li a.on {background-color:#e92669; color:#fff; border-color: #e92669; } #eventsdate li a.on:visited { color: #fff; } /* Biography Styles --------------------------------------------------------------------------------------- */ #biography .storytext {margin-bottom:15px; zoom: 1; /* easy clearing for IE */} #biography .storylist {clear:none;} #biography .storylist ul {padding: 10px; margin:0;} #biography .storytext .storylist h2 { font-size: 1.2em; } #biography .storytext .picture {float:right; margin-left:15px;} #biography .storylist h2.listhead { font-size:1.5em; font-weight:normal; margin: 10px 0 3px 0;} /* Clearing Floats Hack --------------------------------------------- */ #biography .storytext:after {content: "."; display:block; height:0; clear:both; visibility:hidden;} /* list results styles ----------------------------------------------------------*/ #listresults .storylist li { font-weight: bold; } #listresults .storylist p {font-size:0.95em; margin-top:3px; font-weight: normal;} /* Pop up window styles --------------------------------------------- */ #popup { background-image:none; } #popup #mast .sleeve { height: 73px; background: url(images/mast_pop.jpg) no-repeat 0 0; margin-bottom: 15px; } #popup #mast h1 {position: absolute; left: -9999px;} #popup .storytext {margin-bottom:10px;} #popup .storytext div.picture { margin-bottom:15px;} #popup .storytext div.picture img, #popup .storytext div.picture object, #popup .storytext div.picture embed {margin: 0 15px;} #popup .related h2 {margin:0;} #popup .related .imgaes {padding-left:0;} #popup .related .imgaes .text {position: absolute; left: -9999px;} #popup .related .imgaes ul { margin:0; padding:0;} #popup .related .imgaes li {display:inline;} #popup .related .imgaes li .picture {width:70px; float:left; margin:15px 0 0 15px; background-color:#fff; display:inline;} #popup .related .imgaes li .clear {display:none;} /* Fixes to make attach window page look the same even if they choose 2 or 3 */ #popup .colour2 { background-color: transparent; padding-top: 0; margin-bottom: 10px;} #popup .colour2 .sectionhead strong { margin: 0; } #popup .colour2 .storylist { margin-left: 0; } #popup .colour3 { border: none; margin-bottom: 10px; } #popup .colour3 .sectionhead strong { background: transparent; } #popup .colour3 .sectionhead strong { padding-left: 0; } #popup .colour3 .storylist { margin-left: 0; } /* Contact Styles --------------------------------------------------------------------------------------- */ #contacts .publication ul { margin: 10px 0; padding: 10px; background-color: #E1E1E1; list-style-type: none; } #contacts .publication .title { border-bottom: 1px solid #909eac; display: block; } #contacts .storytext .storylist h2 { font-size: 1em; text-transform: uppercase; color: #e92669; border-bottom: 1px solid #93b0cd; display: block; } #contacts .storytext .storylist ul {padding-left:5px; padding-bottom:10px; margin-top:10px;} #contacts .storytext .storylist li {background:url(images/arrow000.gif) no-repeat 0 0; border-bottom: 1px solid #ccc; margin-bottom:10px;} #contacts .storytext .storylist .title { font-weight: bold; display: block; } #contacts .storytext .storylist .name { font-weight:normal; font-size:1.1em;} #contacts .storytext .storylist .name strong { font-size:0.9em;} /* Weblink Styles --------------------------------------------------------------------------------------- */ #weblinks .storylist .picture {float:right;} #weblinks .storylist .picture img {margin-left:15px;} #weblinks .storylist li {clear:right;} #weblinks .style1 .storylist ul {font-size:0.95em;} #weblinks .storylist ul { border-bottom:0;} #weblinks .storylist ul a { font-weight: bold; } #weblinks .storylist li p {font-size:0.9em; margin: 0;} #weblinks .storylist li strong { font-size:0.85em;} #weblinks .sectionhead {margin-top:20px; clear:right; border: 0; } /* Site Map Styles --------------------------------------------------------------------------------------- */ #sitemap .storylist ul { border-top:1px solid #909eac; padding:10px 0; margin:15px 0; font-size:0.9em; font-weight: bold; } #sitemap .storylist ul ul {border:0; margin:0 0 0 10px; font-size:0.95em; padding-bottom:0; margin-bottom:10px; font-weight: normal; } #sitemap .storylist ul ul li {line-height:1.2; background:url(images/arrow_sm.gif) no-repeat 6px 4px; } #sitemap .storylist ul ul ul {font-size:1em;} /* Publication index --------------------------------------------------------------------------------------- */ #pubindex .storylist ul { padding:10px 0; margin:15px 0; font-size:0.9em;} #pubindex .storylist li {background:url(images/arrow000.gif) no-repeat 0 0;} /* Category index ---------------------------------------------------------------------------------------------*/ #catindex .storylist .col { width: 49%; float: left; margin-right: .5%; } #catindex .storylist h2 { font-weight: bold; font-size: 1.2em; } #catindex .pages {text-align: center; padding: 20px 0; clear: both;} #catindex .pages h2, #catindex .pages ul, #catindex .pages li {display: inline;background-image: none;padding: 0;border:0;} #catindex .pages li.selected {font-weight: bold;} /* Search results -------------------------------------------------------------------------*/ #searchresults .sectionhead, #linkmatches .sectionhead { background: #eee none; padding: 3px 5px; text-transform: none; color: #034e8b; font-size: .9em; } #searchresults .sectionhead strong, #linkmatches .sectionhead strong { display: inline; font-weight: bold; } #searchresults #columns .date, #linkmatches #columns .date { display: block; padding: 2px 0; } #searchresults .storylist, #linkmatches .storylist { color: #999; } #searchresults .storylist h2, #linkmatches .storylist h2 { font-weight: bold; font-size: 1em; } /* RSS styles ---------------------------------------------------------------------------*/ /* RSS CSS Document */ #rsshome .rsstable {width:100%; font-size:0.95em; margin:10px 0 5px 0;} #rsshome .rsstable th{color:#fff; padding:3px 6px; background:#999; border-bottom:1px solid #ccc; text-transform: uppercase;} #rsshome .rsstable td{ padding:6px; border-top:1px solid #fff; border-bottom:1px solid #ccc;background:#eee;border-right:1px solid #ccc;} #rsshome .rsson { background:url(images/rss_icon.gif) no-repeat right;} #rsshome #pagetools {width:600px; } #rsshome #pagetools2 {left:270px;} /* homepage news block */ .indexpage .hpfeature { background: url(images/header_b.gif) repeat-x bottom; margin: 0 0 10px 0; } #leadfeaturestable p { margin: 0 0 5px 0; font-size: 1.1em; } #leadfeaturestable .picture { float: left; width: 226px; margin: 0 10px 10px 0; } #leadfeaturestable .header { text-transform: uppercase; color: #e92669; font-size: .95em; } #leadfeaturestable .headline { font-size: 1.2em; text-decoration: none; font-weight: bold; } #leadfeaturestable .headline:hover { text-decoration:underline; } #leadfeaturestable .date { display: block; font-size: .85em; margin: 0; } .indexpage .eletable { font-size: .8em; } .indexpage .eletable p { margin: 0 0 5px 0; } .indexpage .eletable .picture { float: left; margin: 0 5px 5px 0; width: 70px; } .indexpage .eletable .headline { font-weight: bold; font-size: 1.1em; text-decoration:none; } .indexpage .eletable a.headline:hover { text-decoration:underline; } .indexpage .eletable .date { display: block; font-size: 1.1em; } .indexpage .eletable .storylist { margin: 0; padding: 0; list-style-type: none; font-weight: bold; font-size: 1.1em; } .indexpage .eletable .storylist li { background-position: 0 0; } .indexpage .eletable .storylist li a { text-decoration:none; } .indexpage .eletable .storylist li a:hover { text-decoration:underline; } #error .storytext h2 { color: #e92669; } /* Email Signup block - 02/11/07 */ #email_signup ul { float:left; width:160px; margin:0; padding:0 0 0 5px; } #email_signup h2 { border-bottom:1px solid #FFF; padding:4px 9px 3px; margin-bottom:4px; #margin-bottom:3px; background-image:none; } #email_signup form { margin:0 0 15px; } #email_signup fieldset { background-color:#E1E3E7; } #email_signup li { background:none transparent; padding:0; margin:0 0 1px; #margin-bottom:-2px; font-weight:bold; clear:left; zoom:1; } /* :hack: clearing floats for standards compliant */ #email_signup li:after { content:"."; clear:left; display:block; height:0; visibility:hidden; } /* :hack: clearing floats for standards compliant */ #email_signup input { float:left; } #email_signup #email_area { margin:0; padding:2px 9px 7px; #padding-top:3px; clear:both; zoom:1; } /* :hack: clearing floats for standards compliant */ #email_signup #email_area:after { content:"."; clear:left; display:block; height:0; visibility:hidden; } /* :hack: clearing floats for standards compliant */ #email_signup #email_area .text { border:1px solid #A5ACB2; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.05em; color:#919FAC; padding:2px 6px 3px; width:242px; } #email_signup #email_area .button { background:#034E8B; border:0 none; color:#FFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.155em; padding:2px 3px; margin-left:10px; width:51px; } #email_signup label { padding-top:2px; #padding-top:4px; font-size:1.05em; display:block; padding-left:20px; } * html #email_signup label { padding-left:0; float:left; } /* fix margin/padding error in IE6 */ /* Underline Changes - 19/11/07 */ #maincol h2 a { text-decoration:none; } #maincol h2 a:hover { text-decoration:underline; } /* :hack: NS 7.0-7.2 and Fx1.0 need these to render the layout properly */ #colfloat [ {margin-right:-1px;} ] #maincol [ {margin-left:-1px;} ] #leftcol [ {margin-right:1px;} ] #rightcol [ {margin-left:1px;} ] /*Puff styles changes by CMPi*/ #indexpuffs {background: #fff; margin-bottom: 20px; padding-bottom:4px; border-bottom: solid 1px #d8dcdf } #indexpuffs ul {margin:0; padding:0;} #indexpuffs li {width:144px;float:left;list-style-type:none;margin:0; position: relative;} #indexpuffs li.middlepuff {margin: 0 18px;} .puff p { padding: 0; margin-top: 2px; clear:left; font-size: 0.8em; } .puff a { padding: 0; margin: 0; clear:left; font-weight: bold; font-size: 0.9em; text-decoration: none; line-height: 9px; } .puff a:hover { color: #E92669; text-decoration: underline; font-weight: bold; } .puff img {border: 0; margin: 0 0 5px 0;} /* generic colours */ body {color:#666; } a {color:#034e8b; } a:visited {color:#034e8b; } a:hover {color:#e92669; } /* colour3 - #034e8b; - blue -------------------------------------------------------------------------------------------------- */ .colour1 { margin-bottom: 10px; zoom: 1; } .colour1 .storytext .bookreview {color: #999;} .colour1 .picstory { border: 1px solid #909eab; padding: 15px; } .colour1 #topstrory { background: url(images/header_b.gif) repeat-x bottom; } .colour1 .more a { background: #919fad url(images/colour1_.gif) no-repeat right; color: #fff; padding: 1px 20px; } /* colour2 - #dae7f1; - light blue -------------------------------------------------------------------------------------------------- */ .colour2 { background-color: #E1E3E7; margin-bottom: 20px; padding-top: 1px; /* stop margin collapsing */ zoom: 1; } #section1 .colour2 .storytext, #section2 .colour2 .storytext, #section3 .colour2 .storytext { padding: 0 10px 10px 10px; } #story1 .colour2, #story2 .colour2, #story3 .colour2, #story4 .colour2, #hybrid .colour2 { background-color: transparent; padding-top: 0; } #section1 .colour2 .storytext h1, #section1 .colour2 .location, #section1 .colour2 .sectionhead, #section2 .colour2 .storytext h1, #section2 .colour2 .location, #section2 .colour2 .sectionhead, #section3 .colour2 .storytext h1, #section3 .colour2 .location, #section3 .colour2 .sectionhead { color:#fff; background:#556072 none; border-bottom: 2px solid #fff; margin-top: -1px; /* stop margin collapsing */ } #section1 .colour2 .location, #section2 .colour2 .location, #section3 .colour2 .location,{ margin: 0; font-weight: normal; font-size: .9em; } #section1 .colour2 .storytext h1, #section2 .colour2 .storytext h1, #section3 .colour2 .storytext h1{ margin: 0 -10px 10px -10px; padding: 3px 5px; font-weight: normal; } .colour2 .sectionhead strong { display: block; margin: 0 16px 0 3px; border-right: 1px solid #fff; } .colour2 .leadstorypic .sleeve { margin-left: 10px; margin-right: 10px; } .colour2 .leadstory .sleeve { margin-left: 10px; margin-right: 10px; } .colour2 .storylist { margin-left: 10px; margin-right: 10px; } .colour2 .picstory { margin: 10px; padding-left: 6px; padding-right: 6px; } .col2 .colour2 .picstory { padding-left: 0; padding-right: 0; } #feature .colour2 #topstrory .leadstorypic .sleeve {padding-top 6px;} .colour2 .more a { margin-right: 10px; } /* colour3 -------------------------------------------------------------------------------------------------- */ .colour3 { border: 1px solid #909eac; margin-bottom: 20px; zoom: 1; } #section1 .colour3 .storytext, #section1 .colour3 .location, #section2 .colour3 .storytext, #section2 .colour3 .location, #section3 .colour3 .storytext, #section3 .colour3 .location { padding: 0 10px 10px 10px; } #story1 .colour3, #story2 .colour3, #story3 .colour3, #story4 .colour3, #hybrid .colour3 { border: 0; } #section1 .colour3 .storytext h1, #section1 .colour3 .location, #section1 .colour3 .sectionhead, #section2 .colour3 .storytext h1, #section2 .colour3 .location, #section2 .colour3 .sectionhead, #section3 .colour3 .storytext h1, #section3 .colour3 .location, #section3 .colour3 .sectionhead { background: #fff url(images/colour3_.png) repeat-y left; margin-top: 0; } #section1 .colour3 .location, #section2 .colour3 .location, #section3 .colour3 .location { margin: 0; padding: 3px 4px; font-size: .9em; background: url(images/header_b.gif) repeat-x bottom; font-weight: normal; color: #e92669; } #section1 .colour3 .storytext h1, #section2 .colour3 .storytext h1, #section3 .colour3 .storytext h1 { margin: 0 -10px 10px -10px; padding: 2px 3px; background: url(images/header_b.gif) repeat-x bottom; color: #e92669; font-weight: normal; } .colour3 .sectionhead strong { background: url(images/header_b.gif) repeat-x bottom; padding-left: 3px; } .colour3 .leadstorypic .sleeve { margin-left: 10px; margin-right: 10px; } .colour3 .leadstory .sleeve { margin-left: 10px; margin-right: 10px; } .colour3 .storylist { margin-left: 10px; margin-right: 10px; } .colour3 .picstory{ margin: 10px; padding-left: 5px; padding-right: 5px; } .col2 .colour3 .picstory { padding-left: 0; padding-right: 0; } #feature .colour3 #topstrory .leadstorypic .sleeve {padding: 5px 5px 0 5px;} .colour3 .more a { margin-right: 10px; } /* ------ */ #creditfooter {display:none; margin-right: -9999px;} .feedburnerFeedBlock { color:#034E8B; font-size:0.85em; margin:0; text-align:left; } .feedburnerFeedBlock p.feedTitle { background:#919FAC url(images/corner00.gif) no-repeat scroll 100% 0; border:0 none; color:#FFFFFF; margin:0 0 5px; padding:3px 5px; } .feedTitle a { color:#fff; text-decoration: none; text-transform: uppercase;} .feedTitle a:hover { color:#fff; text-decoration: underline;} .feedburnerFeedBlock ul { list-style-type:none; margin:5px 0 0; padding:0; } .feedburnerFeedBlock li { background:transparent url(images/arrow000.gif) no-repeat scroll 0 0; margin:5px 0; padding-left:18px; } .feedburnerFeedBlock li a { text-decoration:none; } .feedburnerFeedBlock li a:hover { text-decoration:underline; } .feedburnerFeedBlock li a:focus, .feedburnerFeedBlock li a:hover { text-decoration:underline; } .feedburnerFeedBlock a.more { background:transparent url(images/arrow000.gif) no-repeat scroll 100% 50%; color:#E92669; display:block; padding-right:14px; text-align:right; text-decoration:none; } .feedburnerFeedBlock a.more:focus, .feedburnerFeedBlock a.more:hover { text-decoration:underline; } /* всячина */ .entry a {text-decoration:none;} .mlink{text-decoration:underline; } .storycontent span img {display:none;} .storycontent p {margin-top:0px;} .entry p {margin-top:0px;} .smalltext{font-size:0.9em;margin:0px 0px 5px 0px;color:#AAA;} .meta{padding:5px 0px 0px 0px;display:block;} small {display:block;padding:0px;margin:0px 0px 10px 0px;color:#AAA;} /* Begin Images */ p img { padding: 0; max-width: 100%; } /* Using 'class="alignright"' on an image will (who would've thought?!) align the image to the right. And using 'class="centered', will of course center the image. This is much better than using align="center", being much more futureproof (and valid) */ img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; } img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: block; float: left } .alignright { float: right; } .alignleft { float: left; } /* End Images */ div.thumb { float:left; width: auto; height: 140; padding: 5px;} div.thumbname {margin-top: 110px; width: 160px; text-align:center} div.thumbcontent { width:100%;} .usd, .up, .sm, .down {display: none;} .Buttons {width: 110px;}