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

#mastnav { float: right; _width: 22.6em; }
#mastnav ul { margin:0; padding:0; list-style:none; padding-top: 8px; zoom:1; } /*:hack: ie6+7 floats clear*/
#mastnav ul:after {content:"."; visibility:hidden; height:0; display:block; clear:both;}
#mastnav li { float:left; height:12px; margin:0; background:none; color: #7c7c7c; font-size: .917em; padding: 0 7px 3px; border-right: 1px solid #7c7c7c; }
#mastnav li a { color:#7c7c7c; }
#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:#5f316c; font-size: .917em; padding: 8px 0 0}

.mast_subsleeve:after {content:"."; visibility:hidden; height:0; display:block; clear:both;}

#topnav { float:left; width:236px; background:#e8e8ea url(/magazine/graphics/topnav_bg.jpg) no-repeat top; min-height: 86px; border-width: 1px 0; border-style: solid; border-color: #b2b2b2; _height: 84px; }
#topnav ul { margin:0; padding:0 0 0 35px; list-style:none; background: url(/magazine/graphics/topnav_bg.gif) no-repeat left; border: solid #fff; border-width: 1px 0; min-height: 84px; _height:84px; }
#topnav li { margin:0; padding:0; display:block; line-height:23px; background:none; zoom:1; }
#topnav li.first {padding-top: 7px; }
#topnav a { display:block; padding:0 10px 0 11px; font-weight:bold; font-size: .917em; color:#5F316C; background:url(/magazine/graphics/arrow.gif) no-repeat 2px 8px; text-transform: uppercase; }

#mastsearch { float:right; padding-top: 31px; _width: 26.63em;}
#mastsearch form { padding:10px 0 0; border:none; background:none; }
#mastsearch .formbox { margin:0; }
#mastsearch .formbox_sleeve { padding:0; background:none transparent; }
#mastsearch label { position:absolute; left:-9999px; }
#mastsearch .text { float:left; width:211px; margin:0 5px 0 0; padding:4px 4px 5px; #padding:7px 4px 2px; border: solid #5f316c; border-width: 1px 0 1px 1px; _padding: 5px 3px 3px; margin-bottom: 1px; }
#mastsearch .text:focus {background-color: #FFFFB7; }
#mastsearch .button { float:left; margin:0; }
#mastsearch a {font-size:.8em; text-transform: uppercase; color: #3C3C3C; background: url(/magazine/graphics/arrow_misc.gif) no-repeat left; padding-left: 8px; }

.mast_subsleeve { zoom:1; } /*:hack: ie6+7 floats clear*/

/* Main Navigation Styles */
#mainnav { width:980px; position:relative; z-index:99; clear:both; margin:20px auto 0;}
#index_gallery { width:980px; margin:1px auto 0; clear:both; }
#mainnav ul { list-style:none; margin:0; padding:0; background-color: #000; zoom:1; } /*:hack: ie6+7 floats clear*/
#mainnav ul:after { content:"."; clear:left; display:block; height:0; visibility:hidden; }
#mainnav li { float:left; padding:0; margin:0; background:none; line-height:16px; }
#mainnav li a { display:block; text-decoration:none; text-transform: uppercase; color:#fff; font-weight:bold; padding:7px 0 7px 10px; }
#mainnav li a:hover, #mainnav ul li.over a, #mainnav li.current a:hover { text-decoration: underline; color: #a6ce39; }
#mainnav li a span { position:relative; display:block; padding-right: 10px; border-right: 1px solid #808080;}
#mainnav li.prev span { background:none; }
#mainnav li.current a { position:relative; z-index:60; color: #a6ce39; }
#mainnav li.current a span { background:none; }
#mainnav ul div { position:absolute; left:-9999px; width:170px; padding:0; border-top:1px solid #FFF; _background: none;}

#mainnav ul div ul { display:block; _background: none; }
#mainnav ul ul li { background:#000; margin:0; float:none; padding:0;}

#wrapper #mainnav li li.first a { border:none; }
#wrapper #mainnav li li a { border-top:1px solid #FFF; font-size:.833em; line-height:10px; text-decoration: none; padding: 10px; zoom:1; } /*:hack: ie6+7 haslayout fix*/
#wrapper #mainnav li ul li a:hover, #mainnav li ul li a:active, #mainnav li ul li a:focus { text-decoration:underline; color: #fff; }

#mainnav li ul li.current { margin-top:0; }
#wrapper #mainnav li ul li.current a { text-decoration:underline; color: #fff; }
#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:15px; zoom:1; } /* fix background in IE6 */
.subnav h2 { border-width: 1px 0; border-style: solid; border-color: #5f316c; font-weight: bold; font-size: 1em; line-height:18px; text-transform:uppercase; color: #5f316c; padding: 4px 0 4px 8px; margin:0; }
.subnav ul { list-style:none; margin:0; padding:0 0 7px; }
.subnav li { margin:0; padding:0; background:none; } /* :hack:fix margin error in IE */
.subnav li.current { font-weight:bold; }
.subnav li.current span { color: #5F316C; }
.subnav li a { background:url(/magazine/graphics/arrow_double.gif) no-repeat 8px 8px; display:block; padding:5px 7px 5px 27px; color:#000; font-weight: bold; font-size: .917em; line-height: 15px; text-transform: uppercase; zoom:1; }
* html .subnav li a { padding-left: 24px; }
.subnav li ul { padding:0; background-repeat:no-repeat; background-position:bottom; }
.subnav li.open a { color: #5f316c; }
.subnav li.rss a {background-image: url(/magazine/graphics/icons/sidenav_rss.gif); }
.subnav li.open ul a { color: #797979; font-size: .834em }
.subnav li.open ul a:visited { color:#666; }
.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; color:#5f316c;}

#subnav0 li li a { font-weight: bold; font-size: .834em; }
#subnav0 li.current a span { color: #000; }
#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 { color: #5F316C; text-decoration: underline; }

#subnav0 li.open a { color: #000; }
#subnav0 li.open li a { color: #929292; }
#subnav0 li.open li a:hover { color: #5F316C; }
#subnav0 li a {background: none; padding-left: 8px; color: #565656; }
#subnav0 li li a { background: url(/magazine/graphics/arrow.gif) no-repeat 8px 9px; padding-left: 20px; }
#subnav0 ul { background:#f5f5f5; }

#subnav1 li li a { background: none; }

#subnav2 .subnav {border-bottom: 1px solid #b2b2b2; }
#subnav2 li a {background: url(/magazine/graphics/arrow_double_subnav3.gif) no-repeat 8px 9px;}
#subnav2 li li a { background: none; }

/*rss*/
#subnav1 li.open li.rss a, #subnav2 li.rss a { background: url(/magazine/graphics/icons/sidenav_rss.gif) no-repeat 11px 8px;}

/* Crumb Trail */
#crumbtrail { padding:0; zoom:1; } /*:hack: ie6+7 floats clear */
#crumbtrail:after { content:"."; clear:both; display:block; height:0; visibility:hidden; } /* :hack:float enclosing */
#crumbtrail ul { margin:0; padding:1px 0 0; border-top: 3px solid #5f316c; }
#crumbtrail li { list-style:none; display:inline; margin-right:5px; padding-left:12px; background-position: 3px 3px; font-weight:bold; font-size: .917em; line-height: 25px; text-transform: uppercase; color: #a6a6a6; }
#crumbtrail li a { color:#5f316c; }
#crumbtrail li.current {background-image: url(/magazine/graphics/more.gif)}

.currentissue { margin-bottom:15px; padding:0 0 5px; border: 1px solid #5F316C; zoom:1; }  /* :hack:fix peekaboo bug */
.currentissue p { margin:7px 0 0; padding:0 7px; font-size: .917em; line-height: 14px; }
.currentissue h2 {background-color: #5F316C; color:#fff; margin:0; padding:5px 0 7px 8px; font-size:1em; line-height:18px; text-transform:uppercase; zoom:1; } /* :hack:fix heading in IE6 */
.currentissue .picture { margin:7px auto 0; padding:0; text-align:center; }

/* Footer Styles */
#footer { width:980px; margin:0 auto; padding-top:20px; color:#454545; clear:both; border-top: 1px solid #b2b2b2; zoom:1; } /* :hack:float enclosing */
#footer:after { content:"."; clear:left; display:block; height:0; visibility:hidden; }
#footer_sleeve p { margin:6px 0; padding:0; line-height:1.333; clear:left; color:#666; }
#footer_sleeve p.copyright { float:right; }
#footer_sleeve p a { color:#666; }
#footer .webvision { font-size:.833em; line-height: 12px; color:#B2B2B2; 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; }
#footernav ul { list-style:none; margin:0 0 10px; padding:6px 0; background:#B2B2B2; zoom:1; } /* :hack:float enclosing */
#footernav ul:after { content:"."; clear:left; display:block; height:0; visibility:hidden; }
#footernav li { float:left; font-size:1em; line-height:1; border-right:1px solid #FFF; padding:0; margin:0; color:#FFF; background:none; }
#footernav li a { float: left; font-weight:bold; text-decoration:none; text-transform: uppercase; color:#FFF; padding: 3px 15px;}
#footernav li a:hover { text-decoration:underline; color: #5F316C; }
#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:6px 0; width:700px; float:left; }
#footernav .seo_nav li { border-color: #7c7c7c; line-height:12px; }
#footernav .seo_nav li a { color:#7c7c7c; font-weight: normal; font-size:.833em; text-transform: capitalize; padding:0 7px; }
#footernav .seo_nav li a:hover { color: #5F316C; }

.footertext { padding:2px 10px 3px; margin-bottom:11px; border-bottom:1px solid #E5E5E5; }
#footerend { border-top:1px solid #E5E5E5; padding:12px 0 0; margin:0 -15px; zoom:1; } /* :hack:float enclosing */
#footerend:after { content:"."; clear:left; display:block; height:0; visibility:hidden; }