/*
// -------------------------------------------------------------------------------------------
// This stylesheet is used to style the site furniture.
// -------------------------------------------------------------------------------------------
*/

/* 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:13px 0 4px 11px; }
#logo img { display:block; } /* :fix:for FF stop extra space at the bottom */

#topnav { background:#E5E3DE; float:right; width:224px; min-height:86px; _height:86px; padding:4px 8px 0; }
#topnav ul { margin:0; }
#topnav li { margin-bottom:3px; }
#topnav li a { color:#000; }

#mastnav { float:right; }
#mastnav a { color:#FFF; }
#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; margin:0; padding:0 7px 0 9px; background:url(/magazine/graphics/mastnav.separator.gif) no-repeat 0 4px; }
#mastnav li:first-child, #mastnav .signin, #mastnav .first { 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; margin-bottom:15px; position:relative; }
.drop_rc #crumbtrail { float:left; width:482px; }

#search_ad_container { margin-bottom:15px; }
#search_ad_container .ad img { display:block; }
#section2 #content #search_ad_container .ad { margin-bottom:0; }

#mastsearch .formbox { background:#000; margin:0; padding:0; }
#mastsearch form { padding:0; border:none; background:none; min-height:0; }
#mastsearch label { background:#FFF; display:block; padding:4px 0 5px 7px; font-weight:bold; color:#000; }
#mastsearch .text { float:left; width:257px; padding:5px 4px 6px; border:8px solid #000; border-width:9px 8px; }
#mastsearch .text:focus { background-color:#FFFFB7; }
#mastsearch .button { float:left; margin:0; border:8px solid #000; border-width:9px 8px 9px 0; }
#mastsearch a { color:#7D7559; text-transform:capitalize; position:absolute; top:4px; right:0; }

.mast_subsleeve { min-height:0; }

/* Main Navigation Styles */
#mainnav { width:981px; position:relative; z-index:99; margin:9px auto; background:url(/magazine/graphics/mainnav.bg.gif) repeat-x left top; }
#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; padding:0; margin:0; background:none; }
#mainnav li a { display:block; padding:4px 18px 14px 17px; font-weight:bold; color:#000; text-decoration:none; background:url(/magazine/graphics/mainnav.li.bg.gif) no-repeat right bottom; }
#mainnav li a span { position:relative; display:block; }
#mainnav ul li.over a, #mainnav li.current a:hover { color:#fff; }
#mainnav ul li.over a { background-image:url(/magazine/graphics/mainnav.li.bg.over.gif); }
#mainnav li.prev span { background:none; }
#mainnav li.current a { background-image:url(/magazine/graphics/mainnav.li.bg.over.gif); position:relative; z-index:60; color:#fff; }
#mainnav li.current div ul { border-top:0; }
#mainnav ul div { position:absolute; left:-9999px; width:209px; padding:0; }

#mainnav ul ul { background:#E5E3DE; padding:6px 0 4px; }
#mainnav ul li.over li a { background:none; color:#000; }
#mainnav ul li.over .current a:hover, #mainnav ul li.over li a:hover { color:#000; }

#mainnav ul div ul { display:block; padding-top:2px; padding-left:0; background-image:none; }
#mainnav ul ul li { float:none; border-right:0; margin:0; padding:0; }
#mainnav ul ul a { font-weight:normal; text-decoration:none; text-transform:none; padding:5px 12px 4px; min-height: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-size:1em; font-weight:bold; margin:3px 7px 7px; padding:0 0 5px; }
.subnav ul { list-style:none; margin:0; padding:0 0 10px; }
.subnav li { margin:0; padding:0; background:none; }

.subnav ul ul { border-top:0; padding-bottom:0; }
.subnav li a { display:block; padding:6px 7px 3px; color:#000; }
.subnav li a:visited { color:#000; }
.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 94% 7px; padding-right:22px; }
.subnav li.rss li a { background:none; padding-right:10px; }

/* Additional styles for open / close states */
.subnav li.open ul a {
	padding-left: 21px;
	background: url(/magazine/graphics/arrowopen.gif) no-repeat 10px 10px;
}

#subnav0 { border:1px solid #C1BBA8; }
#subnav0 h2 { border-bottom:1px solid #D11D26; }

#subnav1 { background:#E5E3DE; }
#subnav1 h2 { border-bottom:1px solid #B5AE97; margin:0 8px 7px; padding-top:4px; }

#subnav2 { margin-bottom:9px; }
#subnav2 { border:1px solid #A8A9AC; }
#subnav2 h2 { border-bottom:1px solid #B5AE97; }

/* 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:17px 0 15px; padding:0; min-height:0; }
#crumbtrail:after { content:"."; clear:both; display:block; height:0; visibility:hidden; }
#crumbtrail ul { border-bottom:1px solid #C1BBA8; margin:0; padding:0; }
#crumbtrail li { list-style:none; display:inline; margin-right:3px; padding-left:0; background:none; font-size:.923em; line-height:27px; }
#crumbtrail li a { border-right:1px solid #000; color:#000; padding-right:5px; }

.currentissue { margin-bottom:25px; border:1px solid #A8A9AC; }
.currentissue_sleeve { 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; }
.currentissue h2 { font-size:1em; font-weight:bold; border-bottom:1px solid #B5AE97; margin:0 8px 7px; padding:3px 0 5px; }
.currentissue .picture { margin:0 auto; }

/* Footer Styles */
#footer { width:981px; margin:0 auto; padding-top:20px; clear:both; min-height:0; }
#footer:after { content:"."; clear:left; display:block; height:0; visibility:hidden; }

/* Company branding */
#footer .webvision { margin-top:0; padding-top:3px; font-size:.846em; font-family:Verdana, 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 { background:url(/magazine/graphics/footernav.bg.gif) repeat-x top; margin:0 0 9px; padding:9px 0 1px; 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; padding:0; margin:6px 0 4px; color:#000; background:url(/magazine/graphics/footernav.separator.gif) no-repeat 100% 2px; }
#footernav li a { float:left; text-decoration:none; line-height:14px; color:#000; padding:1px 9px 1px 7px; }
#footernav li a:hover { text-decoration:underline; }
#footernav li.first a { padding-left:8px; }
#footernav li.last, #footernav .seo_nav li.last { background:none; }
#footernav li.rss a { background:url(/magazine/graphics/icons/footernav.rss.gif) no-repeat 8px 0; padding-left:30px; }

/* Footer seo links */
#footernav .seo_nav { background:none; padding:0; margin:0 0 6px; width:700px; float:left; }
#footernav .seo_nav li { background-image:url(/magazine/graphics/seonav.separator.gif); margin-top:4px; border-color:#7c7c7c; }
#footernav .seo_nav li a { color:#000; font-size:.923em; }
#footernav .seo_nav li.first a { padding-left:2px; }

.footertext { margin:0 0 2px; padding:2px 0 0; border-bottom:9px solid #7D7559; font-size:.846em; line-height:15px; }
.footertext p { margin:3px 0 6px; padding:0; clear:left; color:#78746D; }
