/* -------- Styles ---------*/
#body .zbl-h1, #body .zbl-h2, #body .zbl-h3, #body .zbl-h4{color:#273e51;font-family:YanoneKaffeesatzThin, Myriad, Arial, sans-serif;}
#body .zbl-h2, #body .zbl-h3, #body .zbl-h4{margin-top:12px;text-transform:uppercase;}
#body .zbl-h1{font-size:40px;font-weight:normal;}
#body a{color:#1d262d;}
#body .navigation-container{overflow:hidden;}
#body{background:url(http://lygo.com/ly/zeeblio/styles/bluejournal/images/bodybkgd.jpg) repeat-x left -24px #bfddf9;color:#474747;font-size:12px;line-height:18px;padding-top:0;}

/*---- OuterContainer and Container CSS ---- */
#outerContainerBA{background:url(http://lygo.com/ly/zeeblio/styles/bluejournal/images/otrCtnr.png) no-repeat left top;padding-top:140px;}
#containerBA{background:#bfddf9;margin:0 auto;width:960px;}
.contentContent{padding:5px 15px}
/* ---- Header CSS ---- */
.headerContent{padding:0 15px}
#headerBA{min-height:100px;margin-bottom:30px; padding-bottom:15px; border-bottom:1px solid #abc8e3}
#headerBA .navigation-container{background: #ACCCE5;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;margin:6px 0 20px;}
#headerBA ul.navigation li, #contentBA ul.navigation li, #body.v3 #sidebarBA ul.navigation li{border-right:1px solid #8EAFC1;border-left:1px solid #E8F1F9;float:left;min-width:30px;}
#headerBA ul.navigation li.first, #contentBA ul.navigation li.first, #body.v3 #sidebarBA ul.navigation li.first {border-left:none;}
#headerBA ul.navigation li.last, #contentBA ul.navigation li.last, #body.v3 #sidebarBA ul.navigation li.last{border-right:none;}
#headerBA ul.navigation li a, #contentBA ul.navigation li a, #body.v3 #sidebarBA ul.navigation li a{color:#273e51;display:block;font-family:Georgia, "Times New Roman", Times, serif;font-size:14px;padding:8px 16px;}
#headerBA ul.navigation li a:hover, #contentBA ul.navigation li a:hover, #sidebarBA ul.navigation li a:hover, #body.v3 #sidebarBA ul.navigation li a:hover{background:#A4C0D8;color:#fff;}
#headerBA ul.navigation li a.selected, #contentBA ul.navigation li a.selected, #sidebarBA ul.navigation li a:selected, #body.v3 #sidebarBA ul.navigation li a:selected{background:#A4C0D8;color:#fff;}
#headerBA .zbl-h1{font-size:50px;font-family:YanoneKaffeesatzRegular, Myriad, Arial, sans-serif;}
/* ---- Main / Content Area & Side bar CSS Defaults ---- */
#mainBA{margin-bottom:40px}
#contentBA{width:650px;}
/* ---- Sidebar CSS ---- */
#sidebarBA{background:#CBE4F7;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;padding:15px;width:230px;}
#sidebarBA ul.navigation {-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;border:1px solid #B1CEE0;margin-bottom:10px;padding:0px;}
#sidebarBA ul.navigation li{border-bottom:1px solid #8EAFC1;border-top:1px solid #DAE8F2;min-width:30px;}
#sidebarBA ul.navigation li.first{border-top:none;}
#sidebarBA ul.navigation li.last{border-bottom:none;}
#sidebarBA ul.navigation li a{display:block;padding:8px 6px;}
/* ---- Footer CSS ---- */
#footerBA{background:#212b33;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;color:#bfddf9;margin:10px 0;padding:15px;width:auto;}
#footerBA a{color:#fff;}
#footerBA ul.navigation {margin:10px 0;}
#footerBA ul.navigation li{float:left;min-width:30px;}
#footerBA ul.navigation li.last{border-right:none;}
#footerBA ul.navigation li a{-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;display:block;padding:4px 10px;}
#footerBA ul.navigation li a:hover{background:#A4C0D8;color:#fff;}
#footerBA ul.navigation li a.selected{background:#A4C0D8;color:#212B33;}

/* ____________________ Layout Specific CSS ______________________________________________________________________________ */
/*----LAYOUT 1 Column----*/
#body.v3 #contentBA{width:auto;}
#body.v3 #sidebarBA{width:auto;margin:20px 0;}
#body.v3 #sidebarBA ul.navigation {background:#ACCCE5;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;border:none;margin: 6px 0;}
#body.v3 #sidebarBA ul.navigation li{border-right:1px solid #8EAFC1;border-left:1px solid #E8F1F9;border-top:none;border-bottom:none;}
#body.v3 #sidebarBA ul.navigation li a.selected:hover span{}
#body.v3 #footerBA{background:#212b33;color:#bfddf9;margin:10px 0;padding:15px;width:auto;}

/* ---- Module Specific Styling ---- */
.zbl-Btn{background:#accce5; border:1px solid #273e51; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; color:#273e51; display:block; font-size:12px; padding:4px 12px;}
.zbl-Btn:hover{background:#7aa3c3;border:1px solid #86beed;}
/* ---- mobile layout ---- */

@media screen and (max-device-width:480px), screen and (max-width:600px){/* adds mobile only background */
#body.mobileLayout{background:url(http://lygo.com/ly/zeeblio/styles/bluejournal/images/mBG.jpg) no-repeat left top #bfddf9;}
/* style for menu button at top right of page */
#body.mobileLayout #mNavLink{background: #273e51;color:#8EAFC1;border:1px solid #8EAFC1}
/* styling for navigation menu to be placed at bottom of page */
#body.mobileLayout .mobileNav ul li a{background:#273e51;color:#8EAFC1;border:1px solid #8EAFC1;margin-bottom:3px;}
#body.mobileLayout .mobileNav ul li a:hover, #body.mobileLayout .mobileNav ul li a.selected{background:#43617b;color:#fff;}
/* mobile layout/content styling */
	#body.mobileLayout #headerBA{padding-top:20px;min-height:72px}
	#body.mobileLayout #headerBA .zbl-h1{margin-top:90px;}
	#body.mobileLayout .zbl-h2, #body.mobileLayout .zbl-h3, #body.mobileLayout .zbl-h4{margin-top:12px;text-transform:uppercase;}
	#body.mobileLayout #contentBA{border-top:8px solid #ACCCE5;margin-bottom:15px;padding:15px;border-radius:0;}
	#body.mobileLayout #sidebarBA{border-top:8px solid #ACCCE5;margin-bottom:15px;padding:15px;border-radius:0;}
	#body.mobileLayout #footerBA{border-top:8px solid #ACCCE5;color:#BFDDF9;}
	#body.mobileLayout #footerBA a{color:#1d262d;}
	#body.mobileLayout .headerContent{padding-top:100px}
}