/* // ------------------------------------------------------------------------------------------- // This stylesheet is used to style furniture of the site. // ------------------------------------------------------------------------------------------- */ /* Skip Links */ #skiplinks, #skiplinks li { list-style-type:none; padding:0; margin:0; display:inline; height:0; } #skiplinks a { border:2px solid #D3CEC7; -moz-border-radius:13px; border-radius:13px; text-decoration:none; background:#FFF; padding:7px 5px; position:absolute; top:154px; left:-9999px; font-size:1.3em; z-index:10; outline:none; } #skiplinks a:focus, #skiplinks a:active { left:250px; border-color:#D3CEC8; } /* :fix:IE requires a border-color change for this to work */ #skiplinks a:hover { text-decoration:underline; border-color:#9DCDEA; } /* Mast Styles */ #logo { clear:both; float:left; padding-top:10px; padding-left:8px; } #logo img { display:block; } /* :fix:for FF stop extra space at the bottom */ #mastnav { float:right; } #mastnav ul { margin:0; padding:0; list-style:none; min-height:0; } #mastnav ul:after {content:"."; visibility:hidden; height:0; display:block; clear:both;} #mastnav li { float:left; border-right:1px solid #fff; margin:0; padding:0 5px;; font-size:.917em; background:none; } #mastnav li a { color:#fff; } #mastnav .welcome { border-right:1px solid #fff; } #mastnav .myaccount { padding-right:0; border-right:0; } #mastnav.loggedout .myaccount { padding:0; } #mastnav.loggedout .myaccount a { background:none; } #mastbar { float:left; } .mast_subsleeve:after {content:"."; visibility:hidden; height:0; display:block; clear:both;} /* Pages where we do not have a right hand column */ .drop_rc #search_ad_container { float:right; border-bottom:solid 15px #fff; margin:0; position:relative; } .drop_rc #crumbtrail { float:left; margin-bottom:10px; width:482px; } .drop_rc h1 { margin:0 0 10px; clear: both; } #search_ad_container { margin-bottom:15px; } #section2 #content #search_ad_container .ad { margin-bottom:0; } .search_ad_strip img { display:block } #mastsearch .formbox { margin:0; padding:4px 8px 8px; background:url(/magazine/graphics/mastsearch_bg.png) no-repeat top; } #mastsearch form { padding:0; border:none; background:none; min-height:0; } #mastsearch label { display:block; padding-bottom:5px; font-weight:bold; font-size:1.25em; color:#fff; } #mastsearch .text { float:left; width:247px; padding:4px; margin-right:3px; border-color:#000; } #mastsearch .text:focus {background-color:#FFFFB7; } #mastsearch .button { float:left; margin:0; } #mastsearch a {font-size:1.083em; color:#fff; text-transform:capitalize; position:absolute; top:4px; right:7px; } .mast_subsleeve { min-height:0; } /* Main Navigation Styles */ #mainnav { border-top:1px solid #fff; width:980px; position:relative; z-index:99; margin:0 auto; font-size:1.25em; line-height:18px; background-color:#000; } #mainnav ul { list-style:none; margin:0; padding:0; min-height:0; } #mainnav ul:after { content:"."; clear:left; display:block; height:0; visibility:hidden; } #mainnav li { float:left; border-right:1px solid #fff; padding:0; margin:0; } #mainnav li a { display:block; font-weight:bold; color:#fff; text-decoration:none; background-color:#000; } #mainnav li a span { position:relative; display:block; padding:5px 12px; } #mainnav ul li.over a, #mainnav li.current a:hover { color:#000; } #mainnav ul li.over a { background-color:#FAB819; } #mainnav li.prev span { background:none; } #mainnav li.current a { position:relative; z-index:60; color:#000; background-color:#fff; } #mainnav li.current a span { background-color:#FAB819; } #mainnav li.current div ul { border-top:0; } #mainnav ul div { position:absolute; left:-9999px; width:170px; padding:0; } #mainnav ul div ul { display:block; padding-left:0; } #mainnav ul ul li { border-right:0; background-color:#FAB819; margin:0; float:none; padding:0;} #mainnav ul ul a { font-weight:normal; font-size:.8em; text-decoration:none; text-transform:none; padding:5px 13px; min-height:0; -moz-border-radius:0; background-color:transparent; } #mainnav ul ul li.current a { text-decoration:underline; } #mainnav ul ul li a:hover, #mainnav ul ul li a:active, #mainnav ul ul li a:focus { text-decoration:underline; } #mainnav li:hover>div { left:auto; } /* Main Navigation Styles - No Sub Navigation */ #mainnav.nosubnav #mainnav_sleeve { background:#C9BFB4; padding-bottom:10px; } #mainnav.nosubnav { margin-bottom:0; } /* Sub nav Styles */ .subnav { margin-bottom:9px; } .subnav h2 { font-weight:bold; font-size:1.25em; padding:4px 7px; margin:0; } .subnav ul { list-style:none; margin:0; padding:0 0 7px; } .subnav li { margin:0; padding:0; background:none; } .subnav li.current { font-weight:bold; } .subnav .current ul li a { font-weight:normal; } .subnav li a { display:block; padding:6px 7px; color:#000; font-weight:bold; line-height:15px;} .subnav li li a { padding-left:17px; } .subnav li a:hover, .subnav li a:active, .subnav li a:focus, .subnav li.open ul a:hover, .subnav li.open ul a:active, .subnav li.open ul a:focus {text-decoration:underline; } .subnav li.rss a, .subnav li.rss .rss a {background:url(/magazine/graphics/icons/sidenav_rss.gif) no-repeat 96% 7px; padding-right:19px; } .subnav li.rss li a { background:none; padding-right:7px; } .subnav .open a, .subnav .open .current a, .subnav .current a { text-decoration:underline; } .subnav .open li a { text-decoration:none; font-weight:normal; } #subnav0 h2 { background-color:#FAB819; } #subnav0 ul { background-color:#FEF1D1; } #subnav1 h2 { background-color:#B94A00; color:#fff; } #subnav1 ul { background-color:#DCDCDC; } #subnav2 h2 { background-color:#000; color:#fff; } #subnav2 ul { border:solid #000; border-width:0 1px 1px; } #subnav2 ul ul { border:0; } /* RSS */ #subnav1 li.open li.rss a, #subnav2 li.rss a { background:url(/magazine/graphics/icons/sidenav_rss.gif) no-repeat 96% 7px;} /* Crumb Trail */ #crumbtrail { margin-bottom:15px; padding:0; min-height:0; } #crumbtrail:after { content:"."; clear:both; display:block; height:0; visibility:hidden; } #crumbtrail ul { border-bottom:1px solid #DCDCDC; margin:0; padding:0; } #crumbtrail li { list-style:none; display:inline; margin-right:3px; padding-left:0; background:none; font-weight:bold; line-height:25px; } #crumbtrail li a { border-right:1px solid #000; padding-right:5px; } .currentissue { margin-top: 9px; margin-bottom:9px; } .currentissue_sleeve { border:solid #B94A00; border-width:0 1px 1px; min-height:0; padding-bottom:10px; } .currentissue_sleeve:after {content:"."; visibility:hidden; height:0; display:block; clear:both;} .currentissue p { margin:7px 0 0; padding:0 7px; font-size:1em; } .currentissue h2 { color:#fff; margin:0 0 8px; padding:3px 6px 7px; font-weight:bold; font-size:1.25em; background-color:#B94A00; } .currentissue .picture { margin:0 auto; } /* Footer Styles */ #footer { width:980px; margin:0 auto; padding-top:20px; clear:both; min-height:0; } #footer:after { content:"."; clear:left; display:block; height:0; visibility:hidden; } .footertext p { margin:6px 0; padding:0; clear:left; color:#666; } /* Footer bespoke block */ #footer_sleeve #bespoke_footer_blocks p { margin:0; } #bespoke_footer_blocks { min-height:0; padding-bottom:20px; } #bespoke_footer_blocks:after {content:"."; visibility:hidden; height:0; display:block; clear:both;} .bespoke_block { float:left; background-color:#FEF1D1; min-height:0; } .bespoke_block:after {content:"."; visibility:hidden; height:0; display:block; clear:both;} .bespoke_block * { margin:0; } .bespoke_block h3 { margin-bottom:6px; padding-left:7px; font-weight:bold; font-size:1.25em; line-height:27px; background-color:#FAB819; } .bespoke_block img { float:right; } .bespoke_block blockquote { float:none; clear:none; padding:0 0 0 8px; background:url(/magazine/graphics/opening_quote.gif) no-repeat 7px top; } .bespoke_block blockquote p { padding:0 0 0 15px; font-size:1.083em; line-height:18px; background:url(/magazine/graphics/closing_quote.gif) no-repeat right bottom; color:#747474; } .bespoke_block_sleeve { float:left; padding-bottom:10px; } .bespoke_block_sleeve p { padding:0 10px; } .bespoke_block_sleeve ul { margin:0 3px; padding-left:0; list-style:none; min-height:0; } .bespoke_block_sleeve ul:after {content:"."; visibility:hidden; height:0; display:block; clear:both;} .bespoke_block_sleeve ul li { float:left; padding-right:5px; padding-left:15px; width:90px; font-weight:bold; background:url(/magazine/graphics/bullett.png) no-repeat 4px 7px; } .bespoke_block_sleeve ul li a { color:#000; } #bespoke_block_1_1 { width:420px; } #bespoke_block_1_2 { width:226px; } #bespoke_block_1_2 h3 { padding-right:7px; padding-left:0; } #footer_sleeve #bespoke_block_1_2 p { margin-left:-10px; } #bespoke_block_2 { float:right; border:solid #000; border-width:0 1px 1px; width:316px; background-color:transparent; } #bespoke_block_2 h3 { color:#fff; background-color:#000; padding:3px 6px 6px; line-height:18px; } #bespoke_block_2 img { margin-top:-14px; } #bespoke_block_2 a { padding-top:5px; padding-left:23px; color:#000; } /* Company branding */ #footer .webvision { margin-top:0; font-size:.769em; font-family:Verdana, Arial, Helvetica, sans-serif; color:#999; text-align:right; float:right; } #footer .webvision a { text-decoration:underline; color:#999; } #footer .webvision a:hover { text-decoration:none; } /* Footer navigation */ #footernav { padding:0 0 9px; min-height:0; } #footernav:after {content:"."; visibility:hidden; height:0; display:block; clear:both;} #footernav ul { margin:0 0 2px; padding:0; background-color:#B94A00; min-height:0; list-style:none; } #footernav ul:after { content:"."; clear:left; display:block; height:0; visibility:hidden; } #footernav li { float:left; font-size:1em; border-right:1px solid #FFF; padding:0; margin:6px 0 4px; color:#FFF; background:none; } #footernav li a { float:left; text-decoration:none; line-height:14px; color:#FFF; padding:1px 5px;} #footernav li a:hover { text-decoration:underline; } #footernav li.first a { padding-left:8px; } #footernav li.last { border-right:0 none; margin-right:0; padding-right:0; } /* Footer seo links */ #footernav .seo_nav { background:none; padding:0; margin:0 0 6px; width:700px; float:left; } #footernav .seo_nav li { margin-top:4px; border-color:#7c7c7c; } #footernav .seo_nav li a { color:#000; font-size:1em; text-transform:capitalize; padding:0 7px; } #footernav .seo_nav li.first a { padding-left:2px; } .footertext { padding:2px 0 3px; border-bottom:1px solid #7D0000; font-size:.917em; line-height:14px; }