/*
// -------------------------------------------------------------------------------------------
// This stylesheet is used to style the surrounding furniture of the site. i.e. mastnav, 
// search, sidenav and footer.
// -------------------------------------------------------------------------------------------
*/

/* 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: 17px; padding-left: 10px; }
#logo img { display:block; } /* :fix: for FF stop extra space at the bottom */

#mastnav { float: right; font-family: Arial, Helvetica, sans-serif; }
#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 #7c7c7c; margin:0; padding: 0 5px;; font-size: .917em; color: #181512; background:none; }
#mastnav li a { color:#181512; }
#mastnav .welcome { border-right:1px solid #CFCDCA; }
#mastnav .myaccount { padding-right:0; border-right:0; }

#mastnav.loggedout .myaccount { padding:0; }
#mastnav.loggedout .myaccount a { background:none; }

#mastbar { float:left;}
#mastdate { color:#181512; font-size: 1.154em; }

.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; margin-bottom: 10px; width: 482px; }
.drop_rc h1 { margin: 0 0 10px; }

#search_ad_container { margin-bottom: 15px; margin-left: -8px; border: 1px solid #000; }
#section2 #content #search_ad_container .ad { margin-bottom: 0; }

#mastsearch { font-family: Arial, Helvetica, sans-serif; }
#mastsearch form { padding: 0; border: none; background: none; min-height: 0; }
#mastsearch .formbox { margin:0; padding: 6px 8px 8px; background-color: #E6CFB7; }
#mastsearch label { display: block; padding-bottom: 5px; font-weight: bold; font-size: 1.155em; text-transform: uppercase; }
#mastsearch .text { float:left; width:250px; padding:3px 3px 4px; border-color: #fff; }
#mastsearch .text:focus {background-color: #FFFFB7; }
#mastsearch .button { float:left; margin:0; }
#mastsearch a {font-size: 1em; color: #000; position: absolute; top: 6px; right: 8px; }

.mast_subsleeve { min-height: 0; }

/* Main Navigation Styles */
#mainnav { width:980px; position:relative; z-index:99; margin:-26px auto 0; font-size: 1.154em; line-height: 18px; min-height:26px; _height:26px; font-family: Arial, Helvetica, sans-serif; }
#mainnav_sleeve { position:absolute }
#mainnav ul { list-style:none; margin:0; padding:0 0 0 10px; min-height: 0; }
#mainnav ul:after { content:"."; clear:left; display:block; height:0; visibility:hidden; }
#mainnav li { float:left; padding:0; margin:0 2px 0 0; background:none; zoom:1; }
#mainnav li a { display:block; padding-left:5px; font-weight:bold; color: #fff; text-decoration:none; text-transform: uppercase; background: url(/magazine/graphics/left_corner.png) no-repeat left top; /* -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-top-left-radius: 5px; background-color: #973333; */ }
#mainnav li a span { position:relative; display:block; padding: 5px 13px 1px 8px; background: url(/magazine/graphics/right_corner.png) no-repeat right top; }
#wrapper #mainnav li li a { background: none; }
#mainnav li a:hover { background-color: #fff; color:#973333; }
#mainnav ul li.over ul a, #mainnav li.current a:hover { text-decoration: underline; color: #000; }
#mainnav li.prev span { background:none; }
#mainnav li.current { z-index: 10000; margin-top: -5px; }
#mainnav li.current a { position:relative; color: #000; background-image: url(/magazine/graphics/left_corner_on.png); }
#mainnav li.current a span { padding-top: 10px; padding-bottom: 3px; background: url(/magazine/graphics/right_corner_on.png) no-repeat top right; }
#mainnav li.current div ul { border-top: 0; }
#mainnav ul div { position:absolute; left:-9999px; width:170px; padding:0; }

#mainnav li.over a, #mainnav li.over a:hover { background: url(/magazine/graphics/left_corner_on.png) no-repeat left top; color: #973333; }
#mainnav li.over a span, #mainnav li.over a:hover span { background: url(/magazine/graphics/right_corner_on.png) no-repeat top right; }

#mainnav ul div ul { display:block; padding-left:0; border-top: 2px solid #000; }
#mainnav ul ul li { background:#e5e5e5; margin:0; float:none; padding:0; }
#mainnav ul ul li.first { border-top: 10px solid #e5e5e5; }
#mainnav ul ul li.last { border-bottom: 8px solid #e5e5e5; }

#wrapper #mainnav li li.first a { border:none; }
#wrapper #mainnav li li a { font-size:.833em; text-decoration: none; text-transform: none; padding: 5px 13px; min-height: 0; -moz-border-radius: 0; background-color: transparent; }
#wrapper #mainnav li ul li a:hover, #mainnav li ul li a:active, #mainnav li ul li a:focus { text-decoration:underline; color: #973333; }

#mainnav li ul li.current { margin-top:0; }
#wrapper #mainnav li ul li.current a { text-decoration:underline; color: #973333; }
#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; }

.page_ad_strip { border-top: 2px solid #000; }

/* Sub nav Styles */
.subnav { margin-bottom:15px; font-family: Arial, Helvetica, sans-serif; }
.subnav h2 { font-weight: bold; font-size: 1.154em; line-height:18px; text-transform:uppercase; padding: 0 0 5px; 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 li a { display:block; padding:5px 7px; color:#000; line-height: 15px;}
.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 .current ul li a { font-weight:normal; }
.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 ul ul { padding-left:15px; }

#subnav0 li li a { font-weight: bold; }
#subnav0 li.current li a span { color: #929292; }
#subnav0 li.current li.current a span,
#subnav0 li.open li.current a span,
#subnav1 li.open li.current a,
#subnav2 li.open li.current a {  text-decoration: underline; }

#subnav0 li.open a { font-weight: bold; }
#subnav0 li.open li a { font-weight: normal; }
#subnav0 li li a { padding-left: 20px; }
#subnav0 ul { background-color: #F2E8DC; border-top: 3px solid #973333; }
#subnav0 ul ul { border: 0; }

#subnav1 li li a { background: none; }
#subnav1 ul { background-color: #F2E8DC; border-top: 3px solid #666; }
#subnav1 ul ul { border: 0; }

#subnav2 ul { border-top: 3px solid #666; }
#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 { margin:0; padding: 0; background: url(/magazine/graphics/border_dotted.gif) repeat-x bottom; }
#crumbtrail li { list-style:none; display:inline; margin-right:3px; padding-left: 0; background: none; font-weight:bold; font-size: .917em; font-family: Arial, Helvetica, sans-serif; line-height: 25px; }
#crumbtrail li a { border-right: 1px solid #000; padding-right: 5px; }

.currentissue { margin-top: 25px; margin-bottom:25px; }
.currentissue_sleeve { background-color: #e5e5e5; 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: .917em; line-height: 14px; }
.currentissue h2 { color:#2E8898; border-bottom: 3px solid #2E8898; margin:0 0 8px; padding-bottom: 4px; font-weight: bold; font-size:1.154em; font-family: Arial, Helvetica, sans-serif; text-transform:uppercase; background-color: #fff; }
.currentissue .picture { float: left; margin:0 auto; }

/* Footer Styles */
#footer { width:980px; margin:0 auto; padding-top:20px; color:#999; clear:both; font-family: Arial, Helvetica, sans-serif; min-height: 0; }
#footer:after { content:"."; clear:left; display:block; height:0; visibility:hidden; }
#footer_sleeve p { margin:6px 0; padding:0; clear:left; color:#666; }
#footer_sleeve p.copyright { float:right; }
#footer_sleeve p a { color:#666; }
#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; } 

#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:5px 0 2px; background:#666; min-height: 0; }
#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:0; color:#FFF; background:none; }
#footernav li a { float: left; text-decoration:none; color:#FFF; padding: 1px 15px;}
#footernav li a:hover { text-decoration:underline; }
#footernav li.first a { padding-left: 12px; }
#footernav li.last { border-right:0 none; margin-right:0; padding-right:0; }

#footernav .seo_nav { background:none; padding:0; margin:0 0 6px; width:700px; float:left; }
#footernav .seo_nav li { 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; margin-bottom:9px; border-bottom:1px solid #666; font-size: .846em; line-height: 14px; }