/*----------------------------------------------------------------------------
++ Themelets layout css
++ All the themelets layout and miscellaneous css goes here.
----------------------------------------------------------------------------*/
#bd .article-info li a span,
#bd .article-info .created,
#bd .article-info .author,
#bd .blog-more li,
#top-link,
#topshelf a.readmore, 
#bottomshelf a.readmore,
.breadcrumbs.pathway li a,
#topnav .menu .parent a .sf-sub-indicator,
#topnav.topfish ul li li.parent a,
#topnav.topfish ul li li.parent span.separator,
#topnav.topfish ul li li li.parent a,
#topnav.topfish ul li li li.parent span.separator,
#topnav.topfish ul li li li li.parent a,
#topnav.topfish ul li li li li.parent span.separator{background-image:url(../../../../morph_assets/themelets/explorer/images/explorer-icons-sprite.png);background-repeat:no-repeat;}

#toolbar-wrap{background:#171717;border-bottom:1px solid #393942;}
#toolbar{color:#ACC2C2;padding:.5em 0;}
#toolbar a{color:#729997;text-decoration:none;font-size:1.2em;}
#toolbar a:hover{text-decoration:underline;}
#toolbar .mod{margin:0;padding:0;font-size:.8em;}
#top{padding:1em 0;}
#global-wrap{border:5px solid #577573;background:#304848;padding:1px;}
#topnav{border-bottom:1px solid #304848;}
#subhead{background:#304848 url no-repeat top right;height:238px;position:relative;}
#subhead #page-title{padding:1em 0;background:#000;position:absolute;bottom:0;width:100%;}
#subhead #page-title h1{font-family:arial;float:left;margin:0 0 0 .6em;color:#fff;font-weight:bold;font-size:2em;}
#subhead #page-title .call2action{color:#000;float:right;background:#fff;padding:.7em 1em;text-decoration:none;margin-right:1em;}

#branding h1{font-weight:bold;margin:0;padding:0;position:absolute;}
#branding h1 a{display:block;}
/* logo type 1 */
#branding.logotype-1 h1{position:absolute;margin:0;padding:0;}
#branding.logotype-1 h1 a{display:block;text-indent:-7998px;background-repeat:no-repeat;background-color:transparent;}
/* logo type 2 */
#branding.logotype-2 a.logo-img{position:absolute;}
/* logo type 3 */
#branding.logotype-3 #logo{position:absolute;}
/* slogan */
#branding .slogan{margin:0;position:absolute;}
#bottomshelf{margin-top:1em;border:5px solid #577573;position:relative;z-index:99;}
#topshelf,
#bottomshelf{background:#678C88 url(../../../../morph_assets/themelets/explorer/images/btmshelf-bg.jpg) repeat-x top left;color:#1E272C;}
#bottomshelf-inner{padding:.5em 1.5em;border:1px solid #304848;}

#topshelf{border-bottom:1px solid #304848;}
#topshelf-inner{padding:1.7em;}
#bottomshelf h3{font-size:1.6em;}
#bottomshelf p{font-size:1.3em;}
#topshelf a.readmore,
#bottomshelf a.readmore{text-decoration:none;background-position:98% -295px;background-color:#577573;padding:0.2em 1.8em 0.2em 0.8em;color:#1E272C;}
#topshelf .readmore:hover,
#bottomshelf .readmore:hover{background-color:#1E292D;color:#fff;text-decoration:none;}

#masthead-inner{padding:0 1em;}
#masthead h1 a,#masthead a{text-decoration:none;}
#bd{background:#fff url(../../../../morph_assets/themelets/explorer/images/bd-bg.jpg) repeat-x;border-top:1px solid #fff;overflow:hidden;}
.bd-inner{padding:0 1em 1em;}
#primary-content h1.frontpage{border-bottom:2px solid #ddd;margin:0 0 .4em 0;padding:0 0 .4em 0;}
#primary-content{margin:1em 0 0 0;}
/* inset2 needs a little adjustment to make the margins play nicelywith all variations */
#secondary-content .secondary-inner{padding:1em 0 1em 1em;}
#inset2{margin-bottom:1em;}
#inset2 .mod{margin-top:0;}
#topshelf .mod{margin-top:0;}
/* grid adjustment for when using bdinner with 1em padding */
.yui-t1 .doc4 .bd-inner .yui-gh #primary-content{width:68.6%!important;}
.slider-toolbar{height:5px;}
#toolbar-wrap .slider-toolbar a{background:#eee;padding:.4em 1.1em .4em 1.1em;margin:0 1em 0 0;color:#333;}
.slider-open{}
.slider-close{}
/* footer styling */
#footer *{margin:0;padding:0;list-style:none;height:auto;line-height:1;}
#footer{margin:0 auto;padding:.7em 0 1em 0;background:transparent url(../../../../morph_assets/themelets/explorer/images/footer-bg.png) no-repeat top center;overflow:hidden;}
#footer .footer-left{float:left;}
#footer .footer-right{float:right;text-align:right;}
#footer .footer-validation,
#footer ul{margin-bottom:.7em;}
#footer ul li{display:inline;padding-right:1em;}