/* ____________________ #body overwrites ______________________________________________________________________________ */
#body .zbl-h1{ font-size:32px; line-height:2em; }
#body p{color:#222}
#body a{color:#007718}
#body{
	background-color:#007718;
	background-image:url(http://lygo.com/ly/zeeblio/styles/gv-penguins/images/body.png);
	background-position:center bottom;
	background-repeat:repeat-x;
	color:#000;
}
/* ____________________ OuterContainer and Container CSS ______________________________________________________________________________ */
#outerContainerBA{background-color:#fff;}
#containerBA{}
/* ____________________ Header CSS ______________________________________________________________________________ */
#headerBA{
	background-image:url(http://lygo.com/ly/zeeblio/styles/gv-penguins/images/container.jpg);
	background-repeat:repeat-x;
	background-position:0 -14px;
	padding:0 15px;
}
.headerContent{
	background-image:url(../images/newheader.jpg); 
	background-position:110% 0;
	background-repeat:no-repeat;
	padding:75px 0 0;
	min-height:122px; 
	max-width:1000px;
	margin:0 auto
	}
#headerBA .zbl-h1{margin-top:10px;}
#zbl-NavHeader ul.navigation{
	border-left:1px solid #00350f; 
	background:#090;
}
#zbl-NavHeader ul.navigation li{
	border-bottom:1px solid #007900; 
	border-right:1px solid #007900; 
	float:left;  
	min-width:30px;  
	text-align:center; 
}
#zbl-NavHeader ul.navigation li a{
	color:#f6f6f6;
	display:block;
	font-size:16px;     
	padding:10px 16px;   
	text-decoration:none;
	text-shadow:0 1px 0 #333;
	width:auto;  
}
#zbl-NavHeader ul.navigation li a:hover, #zbl-NavHeader ul.navigation li a.selected{
	background-color:#004213;
	color:#fff;
	text-decoration:none; 
	text-shadow:none;
}
/* ____________________ Main / Content Area & Side bar CSS ______________________________________________________________________________ */
.mainContainer{padding-top:20px; margin:0 auto; max-width:1000px}
#mainBA{
	background-image:url('http://lygo.com/ly/zeeblio/styles/gv-penguins/images/main.png'); 
	background-position:center bottom;
	background-repeat:repeat-x;
	padding:0 15px;
	overflow:hidden;
}
#contentBA{
	background-image:url('http://lygo.com/ly/zeeblio/styles/gv-penguins/images/1305096.png'); 
	background-position:left bottom;
	background-repeat:no-repeat;
	padding-bottom:150px;
	min-height:300px;
	width:70%;
}

#sidebarBA{
	color:#373737;
	min-height:20px;
	padding-bottom:60px;
	width:26%
}
#sidebarBA p{ color:#373737;}

#sidebarBA ul.navigation{
	margin:5px 0 20px 0;
}
#sidebarBA ul.navigation li{
	margin-bottom:2px;
	min-width:30px; 
	width:auto; 
}
#sidebarBA ul.navigation li a{
	background:#007718;
	color:#f6f6f6;  
	display:block; 
	font-size:15px;
	font-weight:bold;    
	padding:4px 10px;
	text-shadow:0 1px 0 #333;
	width:auto;
}
#sidebarBA ul.navigation li a:hover, #sidebarBA ul.navigation li a.selected{
	background:#a2b85f; 
	color:#000; 
	text-decoration:none;
	text-shadow:none;
}
/* ____________________ Footer CSS ______________________________________________________________________________ */
#footerBA{
	background-color:#007718;
	background-image:url('http://lygo.com/ly/zeeblio/styles/gv-penguins/images/gv.png');
	background-position:right center;
	background-repeat:no-repeat;
	color:#fff;
	margin:0;
	min-height:131px;
	padding:30px 40px 30px; 
}
#footerBA ul.navigation{border-top:1px solid #A2B85F; margin:20px 0; padding-top:15px}
#footerBA ul.navigation li{
	float:left; 
	margin:0 3px;
	min-width:30px; 
	text-align:center;
	width:auto;   
}
#footerBA ul.navigation li a{
	display:block; 
	font-size:12px;
	line-height:1.7em;  
	padding:0 10px;
	width:auto;  
}
#footerBA ul.navigation li a{
	color:#eee; 
	display:block;
	font-size:15px;
	font-weight:bold; 
	height:26px; 
	padding:0 10px;  
	width:auto;
}
#footerBA ul.navigation li a:hover, #footerBA ul.navigation li a.selected{
	background:rgba(255,255,255,.2);
	border-radius:2px;
	color:#fff; 
	text-decoration:none; 
}
/* ____________________ Layout Specific CSS ______________________________________________________________________________ */
/*----LAYOUT 1 Column----*/
.v3 #contentBA{
	background:none;
	margin:0; 
	min-height:100px;
	padding-bottom:0;
    width:auto;
}
.v3 #sidebarBA{
    width:auto	
}
.v3 #sidebarBA ul.navigation li{
	border-right:2px solid #292929; 
	float:left; 
	margin-bottom:0; 
	min-width:30px; 
	text-align:center;
	width:auto; 
}
.v3 #sidebarBA ul.navigation li a{
	display:block; 
	font-size:12px; 
	padding:5px 10px; 
	width:auto; 
}
/*----LAYOUT 2 Column Left----*/
.v2 #contentBA{
	background-position:right bottom; 
	padding-bottom:150px;
	width:70%;  
}
.v2 #sidebarBA{
	color:#000;
	padding-top:0;
	padding-bottom:30px;
	width:26%;
}


/* FACEBOOK LIKE BOX */
#body .fbLikeContainer, #body .fbBoxContainer{background:url(http://lygo.com/ly/zeeblio/images/trans/w80.png)}
#body .fbLikeContainer iframe{padding:8px}

/* BUTTONS */
#body .zbl-Btn, #body input.zbl-Btn{background:#009900; border:none; border-radius:2px; color:#fff;}
#body .zbl-Btn:hover{background:#006c00;border:none;box-shadow:none; color:#fff; text-decoration:none;}



/*----LAYOUT 2 Column Right----*/

/* ____________________ Module Specific Styling ______________________________________________________________________________ */

.addOnButton{background:#007718; border:none}

/* ____________________ 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/gv-penguins/images/mBG.jpg) no-repeat #fff}

/* style for menu button at top right of page */
#body.mobileLayout #mNavLink{background:#007718; color:#eee; border:1px solid #000}

/* styling for navigation menu to be placed at bottom of page */
#body.mobileLayout .mobileNav ul{}
#body.mobileLayout .mobileNav ul li a{background:#007718; color:#eee}
#body.mobileLayout .mobileNav ul li a:hover, #body.mobileLayout .mobileNav ul li a.selected{background:#a2b85f; color:#000}
#body.mobileLayout .mobileNav ul li.first a{}
#body.mobileLayout .mobileNav ul li.last a{}

/* mobile layout/content styling */
	#body.mobileLayout .headerContent{padding:15px 0; background:none}
	#body.mobileLayout #headerBA{padding-top:60px; background:none;}
	#body.mobileLayout #mainBA{position:static; min-width:100px}
	#body.mobileLayout #contentBA{background:none; margin-bottom:15px; position:static; float:none; width:auto}
	#body.mobileLayout #sidebarBA{
		background:url('http://lygo.com/ly/zeeblio/styles/gv-penguins/images/1305096.png') bottom right no-repeat;  
		margin-bottom:15px; padding-top:15px; padding-bottom:160px; position:static; float:none; width:auto; }
	#body.mobileLayout #footerBA{background:#007718; color:#fff}
	#body.mobileLayout #footerBA a{color:#ddd}
}