/* Sequoia park zoo Theme by Darrin Breen www.accelerantdesign.com */

.collapseomatic { font-size: 14px; font-weight: bold; }


/* RESET */
/* ----------------------------------------- */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight:bold }
em { font-style:italic }
a img { border:none } /* Gets rid of IE's blue borders */

.clear {
	clear: both;
	}

/*.postid-3412 a.ai1ec-tickets { display: none; }*/
.postid-3412 .icit-spot-content, #ai1ec_agenda_widget-4 { display: none; }

/* ==================================================================================================================== */
/* ! The 1140px Grid V2 by Andy Taylor \ http://cssgrid.net \ http://www.twitter.com/andytlr \ http://www.andytlr.com   */
/* ==================================================================================================================== */


* { 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


#side .lshowcase-logos .bx-wrapper {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	margin: 0 auto;
}

#side .lshowcase-logos .bx-viewport {
		-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	margin: 0 auto;
}

.container {

	max-width: 1140px;
	/* min-width: 900px; */
	margin: 0 auto;
	margin-bottom: 1em;
	position: relative;
	}
	

.row {
width: 100%;
margin: 0 auto;
overflow:hidden; 
clear: both;

}

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

.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol {
margin-right: 3.8%;
float: left;
min-height: 1px;
}

.row .onecol {
width: 4.85%;
}

.row .twocol {
width: 13.45%;
}

.row .threecol {
width: 22.05%;
}

.row .fourcol {
width: 30.75%;
}

.row .fivecol {
width: 39.45%;
}

.row .sixcol {
width: 48%;
}

.row .sevencol {
width: 56.75%;
}

.row .eightcol {
width: 65.4%;
}

.row .ninecol {
width: 74.05%;
}

.row .tencol {
width: 82.7%;
}

.row .elevencol {
width: 91.35%;
}

.row .twelvecol {
	width: 100%;
	}

.last, widget-last {
margin-right: 0px;
}

img, object, embed {
max-width: 100%;
max-width: none\9;
}

img {
	height: auto;
}





/* Mobile */

@media handheld, only screen and (max-width: 800px) {

	body {
	font-size: 16px;
	-webkit-text-size-adjust: none;
	}
	
	.row, body, .container {
	width: 100%;
	min-width: 0;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
	}
	
	.row .onecol, .row .twocol, .row .threecol, .row .fourcol, .row .fivecol, .row .sixcol, .row .sevencol, .row .eightcol, .row .ninecol, .row .tencol, .row .elevencol, .row .twelvecol {
	width: auto;
	float: none;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 20px;
	padding-right: 20px;
	}

}




#access  {
	display: none;
	}
	



/* LAYOUT */
/* ----------------------------------------- */

/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right; margin: 0 0 1em 1.5em!important; }
.alignnone {max-width: 100%!important;}
.wp-caption { text-align:center; border-bottom: 1px solid #ccc; margin: 1em 0;}

/* You might find the following useful */
/* div, ul, li { position:relative } This will save you having to declare each div / ul / li's position as 'relative' and allows you to absolutely position elements inside them */
br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */
li#theme-switcher { background:#fff; border:10px solid red; padding:20px; position:fixed; top:0; right:0 } /* Use this if you have the Theme Switcher Reloaded plugin (http://themebot.com/webmaster-tools/1-wordpress-theme-switcher-reloaded) installed and want to make it nice and obvious */


a {
	text-decoration: none;
	}
	
a:link, a:visited {
    color: #773b63;
    text-decoration: none;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear; 
    
    } 
    
p a, #article li a {
	border-bottom: 1px dotted #773b63;
	font-weight: bold;
}

.ui-tabs li a, #ai1ec-container li a {
	border-bottom: none !important;
}
    
a:hover {
	color: #99407b;
	}
	
	
	
a[href$=".pdf"] {
    padding-left: 18px;
    background: url(images/pdf.png) 0 50% no-repeat;
    border-bottom: none;
	}
	
#main iframe {
		float: right;
		margin: 0 0 1em 1em;
		border: 2px solid #fff;
		box-sizing: border-box;
		max-width: 100% !important;
		}
	

.wrapper {
	box-shadow: 0 0 20px rgba(0,0,0,0.3);
	background: #fff;
	position: relative;
	/* border-top: 2px solid #6f3257; */
	}
	
/* ============== */
/* ! typography   */
/* ============== */


h1 {
	font-family: alfa-slab-one;
	font-weight: normal;
	font-size: 4em;
	color: #4e6947;
	margin-bottom: .5em;
	text-shadow: 1px 1px 1px #fff;
	line-height: 1.2em;
	}


		
	#main h1 {
		font-size: 4em;
		margin-bottom: .25em;
		}
		
		.single #main h1 {
			font-size: 2.4em;
		}
		
h2, h3, h4, h5 {
	
	color: #773b63;
	font-weight: normal;
	text-shadow: 1px 1px 1px #fff;
}

#article h2, #article h3 {
	font-family: alfa-slab-one;
	font-weight: normal;
}		
		
h2 {
	font-size: 24px;
	margin: 0 0 .3em 0;
	
	text-shadow: 1px 1px 1px #fff;
	font-weight: bold;
	}
	
	.page-id-14 h2 {
		
	clear: both;
	}
	
h3 {
	font-size: 18px;
	font-weight: bold;
	
}
	
	
#article ul {
	margin-bottom: 2em;
}

#main #article ol li {
	list-style-type: decimal;
}


/* ============================== */
/* ! Layout for desktop version   */
/* ============================== */


.breadcrumbs {
		padding: 20px 3.8%;
		margin-bottom: 30px;
		background: #d8c7d3;
		font-size: 14px;
		border-top: 1px solid #844e72;
		color: #fff;
}


.breadcrumbs .category {
	display: none;
	visibility: hidden;
}

body {
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	background: #d1c8bf url(images/body-bk.jpg);
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizelegibility;
	margin: 0 2% 4% 2%;
	

	}
	
body.home {
	}	
	
		
#header {
padding: 0 3.8%;
background: url(images/header-monkey-bk.png) 26% top no-repeat, url(images/header-bk.jpg) 30% -20px no-repeat;
overflow: auto;
border-bottom: 1px solid #000;
-webkit-animation: monkeymove 5s 2;
-moz-animation: monkeymove 5s 2;
animation: monkeymove 5s 2;
-webkit-animation-delay: 5s;
-moz-animation-delay: 5s;
animation-delay: 5s;
border-top: 6px solid #a17693;
}
/*
#header {
padding: 0 3.8%;
background: url(images/header-bk.jpg) 30% -20px no-repeat;
border-bottom: 1px solid #000;
border-top: 6px solid #a17693;
display: inline-block;
width: 100%;
}
#monkeymove {
background: url(images/header-monkey-bk.png) 26% top no-repeat;
-webkit-animation: monkeymove 5s 2;
-moz-animation: monkeymove 5s 2;
animation: monkeymove 5s 2;
-webkit-animation-delay: 5s;
-moz-animation-delay: 5s;
animation-delay: 5s;
width: 90px;
height: 60px;
position: absolute;
left: 24%;
}	
*/	
	
	@-webkit-keyframes monkeymove
		{
		0%   {background: url(images/header-monkey-bk.png) 26% top no-repeat, url(images/header-bk.jpg) 30% -20px no-repeat;}
		50% {background: url(images/header-monkey-bk.png) 26% -100px no-repeat, url(images/header-bk.jpg) 30% -20px no-repeat;}
		100% {background: url(images/header-monkey-bk.png) 26% top no-repeat, url(images/header-bk.jpg) 30% -20px no-repeat;}
		}
		
			@-moz-keyframes monkeymove
		{
		0%   {background: url(images/header-monkey-bk.png) 26% top no-repeat, url(images/header-bk.jpg) 30% -20px no-repeat;}
		50% {background: url(images/header-monkey-bk.png) 26% -100px no-repeat, url(images/header-bk.jpg) 30% -20px no-repeat;}
		100% {background: url(images/header-monkey-bk.png) 26% top no-repeat, url(images/header-bk.jpg) 30% -20px no-repeat;}
		}
		
			@keyframes monkeymove
		{
		0%   {background: url(images/header-monkey-bk.png) 26% top no-repeat, url(images/header-bk.jpg) 30% -20px no-repeat;}
		50% {background: url(images/header-monkey-bk.png) 26% -100px no-repeat, url(images/header-bk.jpg) 30% -20px no-repeat;}
		100% {background: url(images/header-monkey-bk.png) 26% top no-repeat, url(images/header-bk.jpg) 30% -20px no-repeat;}
		}
	
	#header .row {
		}

#logo {
	float: left;
	padding: 1% 0;
	max-width: 100%;
	}
	
#logo a {
	}
	
	#logo a:hover {
		}
	
#banner {
	margin: 0;
	width: 100%;
	height: 280px;
	overflow: hidden;
	background: url(images/flamingo-bk.jpg) 50% 50% no-repeat;
	}
	
	.blog #banner {
		background-image: url(http://www.sequoiaparkzoo.net/assets/rhea-header.jpg);
		
		}
	
	.single #banner {
		background-image: url(images/spz-pavillion-header.jpg);
		
		}
		
		
	.page-id-255 #banner, .parent-pageid-255 #banner {
		background-image: url(images/education-bk.jpg)
		}
		
			
	.page-id-113 #banner, .parent-pageid-113 #banner {
		background-image: url(images/visit-bk.jpg)
		}
		
	.page-id-184 #banner, .parent-pageid-184 #banner {
		background-image: url(images/about-bk.jpg)
		}
		
	.page-id-412 #banner, .parent-pageid-412 #banner {
		background-image: url(images/zoo-front-bk.jpg)
		}
		
	.error404 #banner, .parent-pageid-412 #banner {
		background-image: url(images/not-found.jpg)
		}
		
	
#main  {
	padding: 0 3.8%;
	margin-bottom: 30px;
	}
	
	#main p {
		font-size: 14px; 
		line-height: 1.8em;
		margin: 0 0 .8em 0;
		}
		
	.page-id-14 #main p {
			margin: 0;
			border-bottom: 1px dotted #213b78;
			color: #666;
			line-height: 1em;
			margin-bottom: .8em;
			margin-top: -.5em;
	}
	
	#main p.wp-caption-text {
		font-size: 12px;
		color: #666;
	}
		
.home #main {
		padding: 45px 3.8%;
		margin: 0;
		background: url(images/home-main-bk.jpg) 104% center no-repeat;
		background-
		}
		
		
		.home #main p {
			font-size: 16px;
		}
		
		.home #main #article li {
			display: inline-block;
			float: left;
			list-style-type: none;
			margin: 0;
			margin-right: 2%;
			padding: 0;
		}
		
		
		.home #main #article li a {
			padding: 8px 16px;
			font-size: 16px;
			color: #fff;
			background: #a17693;
			display: block;
			border-radius: 5px;
		}
		
		.home #main #article li a:hover {
			background: #6f3257;
		}
		
#homeBottom {
	padding: 45px 3.8%;
	background-color: #efece7;
	border: 1px solid #ddd;
	border-left: none;
	border-right: none;
	background-repeat: no-repeat;
	background-position: right bottom;
	}
	
	#homeBottom p {
		font-size: 16px;
		line-height: 1.8em;
		margin-bottom: 1em;
	}
	
	#homeBottom h2 {
		font-family: alfa-slab-one;
		font-weight: normal;
		font-size: 2.6em;
		color: #4E6947;
		margin-bottom: .5em;
		text-shadow: 1px 1px 1px white;
		line-height: 1.2em;
	}
		
		
#main #article li {
		font-size: 14px;
		margin-bottom: 5px;
		line-height: 1.6em;
		list-style-type: square;
		margin-left: 20px;
	}
	
	#main #article .flexslider li {
		margin: 0;
		list-style-type: none;
	}
	
#footer {
	padding: 30px 0;
	font-size: 14px;
	line-height: 1.6em;
	
	background: url(images/aza-logo.png) right 15px no-repeat;
	
	}
	
	
	#footer ul {
			padding: 5px 0;
	}
	
	#footer ul li {
			display: inline;
			margin-right: 10px;
			font-size: 11px;
	}

a.credits {
 color: #88847d;
 opacity: 0.9;	
 font-size: 12px;
}

a.credits:hover {
	opacity: 1;
}	
	
	
#side h3.widget-title {
	}
	
	
#main .attachment-post-featured {
	float: right;
	margin: 0 0 1.2em 1.2em;
	border-radius: 100%;
	}
	
.home #main .wp-post-image {
		float: left;
	margin: 0 3em 1.2em 0;
	border-radius: 100%;
}	
	
.slat {
	padding-bottom: 2.6em;
	margin-bottom: 2.6em;
	border-bottom: 1px dotted #bfbdad;
	overflow: auto;
	}	
	
	.slat img {
		float: right;
		margin: 0 0 1em 2em;
		background: #fff;
		border: 1px solid #bfbdad;
		width: 140px;
		}
		
		
		
.archive h2 a {
	font-size: 28px;
	padding: .2em 0;
	display: block;
	}
	
	
/* ============== */
/* ! Sidebars	  */
/* ============== */	


#side h3.widget-title {
	padding: 10px 0;
	background: #d9c9cf;
	color: #6f3257;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
}

   
 #side .widget-container a {
    border-bottom: 1px solid #dad2d5;
    display: block;
    
    }

 #side .widget-container h3 a {
        font-size: 14px;
        padding: 14px 5px;
        font-weight: bold;
        }   
    
 #side .widget-container li a {
        padding: 14px 5px;
        font-size: 14px;
        }
        
        
      #side .widget-container ul ul li a {
	      font-size: 12px;
	      padding: 10px 5px 10px 20px;
     	 }
     	 
     #side .widget-container ul ul li a:before {
	     content: "- ";
     }
     	 
     #side .widget-container ul + li li {
	     font-weight: bold;
     }
     
     
     #side .widget-container ul ul ul, #side .widget-container ul ul ul ul {
	     display: none;
	     visibility: hidden;
     }
	
	
/* ============== */
/* ! Navigation   */
/* ============== */




.credits {text-align: right;}

.credits a {
		text-align: right;
		font-size: 11px;
		letter-spacing: 1px;
		color: #96948b;
}


ul.children, ul.submenu {
	display: none;
	visibility: hidden;
	}
/*#nav ul li ul { display: none; }*/

#nav {
	clear: right;
	padding-top: 10px;
	float: right;
	}
	
	#nav ul {
		float: right;
		min-height: 58px;
		}
		
	#nav li {
		display: inline;
		float: left;
		
		}
		
	#nav li a {
		color:#4c6b45;
		font-size: 1.9em;
		line-height: 1em;
		display: block;
		padding: 10px;
		margin: 5px;
		font-family: alfa-slab-one;
		text-transform: uppercase;
		border-radius: 5px;
		}
		
		#nav li a:hover {
			background: #d6e4cb;
			}
			
/*  sub-menus  */
/*#nav ul li:hover > ul {
    display: block;
}
#nav ul li ul li a { background: #fff; margin: 0px; width: 236px; text-transform: none; }
#nav ul li ul { float: left; margin: 0; position: absolute; top: 3.8em; left: 0; width: 0px; z-index: 99999; }
#nav ul li ul ul { left: 100%; top: 10px; }*/		
		
#topUtils {
	float: right;
	}
	
	#topUtils ul {
		float: right;
		}
		
	#topUtils li {
		display: inline;
		float: left;
		
		}
		
	#topUtils li a {
		color: #773b63;
		background: #d9c9cf;
		font-size: 1.4em;
		line-height: 1em;
		display: block;
		/* padding: 14px 12px 14px 32px; with icon */
		padding: 14px 12px;
		margin: 0 5px;
		white-space: nowrap;
		font-weight: bold;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
		text-transform: uppercase;
		}
		
		
	#topUtils li.menu-item-415 a {
		/* background: #d9c9cf url(images/donate-bk.png) 12px 50% no-repeat; */
	} 
	
	#topUtils li.menu-item-242 a {
		/* background: #d9c9cf url(images/member-bk.png) 12px 50% no-repeat; */
	} 
		
		#topUtils li a:hover {
			margin-top: -2px;
			}
		
.searchBox {
	float: right;
	padding: 8px;
	}
		
		
/* ========= */
/* ! Posts   */
/* ========= */


.single #article {
	margin-bottom: 40px;
	padding-bottom: 40px;
	border-bottom: 2px dotted #773b63;
}


.search #article {
	border: 1px dotted #773b63;
	border-right: none;
	border-left: none;
	padding: 30px 0;
}

.meta {
		margin-bottom: .8em;
		font-size: 10px;
		}
		
		.author, .meta-sep {display: none;}
		
		
		.category-14 .meta .entry-date {
		display: block;		
		}


.blog #main .row{
}


#postIN_Next_Previous {
	padding: 10px;
	background: #cbcabc;
	background: rgba(0,0,0,0.1);
	margin-top: 1em;
	}


#respond {
	padding: 20px;
	background: #eee;
	font-size: 12px;
	position: relative;
	z-index: 0;
	-webkit-box-shadow: 0 15px 20px -10px rgba(0, 0, 0, 0.2), 0 1px 4px rgba(0, 0, 0, 0.2), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow: 0 20px 10px -10px rgba(0, 0, 0, 0.2), 0 1px 4px rgba(0, 0, 0, 0.2), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	box-shadow: 0 15px 20px -10px rgba(0, 0, 0, 0.2), 0 1px 4px rgba(0, 0, 0, 0.2), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	border: 1px solid #fff;
	}
	
	#respond p {
		line-height: 1.4em;
		margin-bottom: .4em;
		font-size: 12px;
		}
	
	
#respond h3#reply-title {
	background: #6f3257;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	text-transform: uppercase;
	padding: 10px;
	margin: 0 0 .5em -26px;
	z-index: 100;
	overflow: visible;
	width: 150px;

	text-align: center;
	}

		
img.attachment-post-header {
			-webkit-box-shadow: 0 15px 20px -10px rgba(0, 0, 0, 0.4), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.4) inset;
	-moz-box-shadow: 0 20px 10px -10px rgba(0, 0, 0, 0.4), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.4) inset;
	box-shadow: 0 15px 20px -10px rgba(0, 0, 0, 0.4), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.4) inset;
	border: 3px solid #fff;
	margin-bottom: 1.5em;
	font-size: 12px;
	}
	
label {
	font-size: 11px;
	}

input[type=text],
input[type=password],
textarea {
	background: #fafafa;
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	border: 1px solid #ddd;
	color: #888;
	display: block;
	padding: 5px;
	border-radius: 6px;
	background: #eee;
	}
input[type=text]:focus,
textarea:focus {
	color: #373737;
}
textarea {
	
	width: 98%;
}
textarea#comment {
background: #fff;
}
input#s {
	background: #eee url(images/search.png) right 50% no-repeat;
	-moz-border-radius: 2px;
	border-radius: 2px;
	font-size: 11px;
	line-height: 1.2em;
	padding: 6px;
	
}

input#s:focus {
	background: #fff;
	color: #000;
	cursor: text;
	opacity: 1;
}
input#searchsubmit {
	display: none;
}

.form-allowed-tags { display: none; }





#bottom {
	padding: 40px 3.8% 40px 3.8% ;
	background-color: #c4b0bf;
background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(196, 176, 191)), to(rgb(217, 200, 212)));
background-image: -webkit-linear-gradient(top, rgb(196, 176, 191), rgb(217, 200, 212));
background-image: -moz-linear-gradient(top, rgb(196, 176, 191), rgb(217, 200, 212));
background-image: -o-linear-gradient(top, rgb(196, 176, 191), rgb(217, 200, 212));
background-image: -ms-linear-gradient(top, rgb(196, 176, 191), rgb(217, 200, 212));
background-image: linear-gradient(top, rgb(196, 176, 191), rgb(217, 200, 212));
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#c4b0bf', EndColorStr='#d9c8d4');

	
}


#bottom h3.widget-title {
	color: #fff;
	font-size: 2.2em;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 2px solid #fff;
	font-family: alfa-slab-one;
	line-height: 1.2em;
	text-shadow: 0px 0px 2px #773b63;
	font-weight: normal;
}

#bottom h3.widget-title a {
	color: #fff;
	padding-right: 15px;
	background: url(images/rt-arrow.png) right 60% no-repeat;
}

#bottom h3.widget-title a:hover {
color:#773b63;
text-shadow: none;
}

#bottom .widget-container:nth-child(3) {
	margin-right: 0;
}

#bottom #ai1ec_agenda_widget-3 {
	margin-right: 0;
}


#bottom li a {
	font-size: 14px;
	display: block;
	margin-bottom: 10px;
	line-height: 1.3em;
	 
}

#connect {
	padding: 30px 3.8% ; 
	background: #773b63 url(images/mission-monkey-bk.png) -10px 105% no-repeat;
}

#connect .mission p {
	color: #ebe4e9;
	max-width: 60%;
	padding-left: 50px;
	font-size: 15px;
	line-height: 1.3em;
	float: left;
}
		
		
/* =========== */
/* ! Widgets   */
/* =========== */


#side .widget-container {
	margin-bottom: 30px;
}

#bottom .widget-container p {
	font-size: 13px;
	line-height: 1.6em;
}

#bottom #spot-2 div.hours {
	font-size: 16px;
	line-height: 1.4em;
	margin-bottom: 8px;
	padding-bottom: 8px;
	border-bottom: 1px dotted #773b63;
}


.blog ul.xoxo {
	display: none;
	visibility: hidden;
}

.parent-pageid-352 .lshowcase_widget {
	display: none;
	visibility: hidden;
}

#bottom #spot-2 p {
	float: left;
	width: 50%;
}

#bottom #spot-2 .icit-spot-content a {
	text-align: center;
	background: #ebe4e9;
	padding: 5px;
	border-radius: 5px;
	font-weight: bold;
	line-height: 1.4em;
	margin-top: 10px;
	display: block;
	border: none;
	}

.home #side {
	padding-bottom: 30px;
	}
	
.home #side .widget-container {
		
		-webkit-box-shadow: 0;
}


.social_stickers_widget {
	float: right;
}
 
.home .textwidget {
}
	

 .widget_subpages {
	}
	
 .widget_subpages a {
	border-bottom: 1px solid #dad2d5;
	display: block;
	}
	
#side .widget_subpages h3.widget-title {
			background: none;
		text-align: left;
}

#side .widget_subpages h3.widget-title {
	padding: 0;
}
	
 .widget_subpages h3 a {
		font-size: 14px;
		padding: 14px 5px;
		font-weight: bold;

		
		}	
	
 .widget_subpages li a {
		padding: 14px 5px;
		font-size: 14px;
		}


.widget_subpages a:hover {
background-color: #ffffff;
background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(255, 255, 255)), to(rgb(247, 240, 245)));
background-image: -webkit-linear-gradient(top, rgb(255, 255, 255), rgb(247, 240, 245));
background-image: -moz-linear-gradient(top, rgb(255, 255, 255), rgb(247, 240, 245));
background-image: -o-linear-gradient(top, rgb(255, 255, 255), rgb(247, 240, 245));
background-image: -ms-linear-gradient(top, rgb(255, 255, 255), rgb(247, 240, 245));
background-image: linear-gradient(top, rgb(255, 255, 255), rgb(247, 240, 245));
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#ffffff', EndColorStr='#f7f0f5');

	}
	
li.widget_subpages_current_page a {
color: #333;
}

#social_stickers_widget-2 {
	padding-left: 164px;
	background: url(images/social-bk.png) left center no-repeat;
}

#social_stickers_widget-2 a {
	display: inline-block;
}

#social_stickers_widget-2 a img {
	max-width: 32px;
	max-height: 32px;
}




/* ================ */
/* ! Plugins Misc   */
/* ================ */

.wp-pagenavi {
	margin: 10px auto;
	padding-top: 20px;
	text-align: center;
}

/*logos*/

.page-id-214 .lshowcase-logos {
	padding-bottom: 3%;
	margin-bottom: 3%;
	border-bottom: 2px solid #c697ba;
	overflow: auto;
}

#side .lshowcase_widget h3.widget-title {
	background: none;
	font-weight: normal;
	color: #c697ba;
	text-transform: uppercase;
	font-size: 11px;
	letter-spacing: 1px;
	
}

/*conservation projects*/
.parent-pageid-352 #article .icit-spot-content {
	padding: 1em 0;
}

.parent-pageid-352 #article .icit-spot-content p {
	float: left;
}

.parent-pageid-352 #article .icit-spot-content ul {
	list-style-type: none;
	border-left: 3px solid #ccc;
	float: left;
	margin: 0 3% 5% 3%;
}

.parent-pageid-352 #main #article .icit-spot-content li {
	list-style-type: none;
}




.bx-wrapper .page-list-ext-item {
	margin: 0;
	text-align: left;
	background: #eee; 
	float: left;
	clear: none !important;
	height: 320px;
}

.bx-wrapper .page-list-ext .page-list-ext-image {
	margin: 0;
	clear: both;
	height: 200%;
	float: none;
	
	}
	
	
.bx-wrapper .page-list-ext-title {
	padding: 10px;
}
	
	
#article .bx-wrapper h3.page-list-ext-title {
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	text-shadow: none;
	font-size: 14px;
}


/* zoo future projects */

.project {
	border: 3px solid #ccc;
	border-left: none;
	border-right: none;
	padding: 3em 0;
	margin-bottom: 1.6em;

}


.project a {
	padding: 5px;
	background: #d8c7d3;
	border-radius: 5px;
	border: none;
}

.project h4 {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 1em;
}


.project img {
	float: left;
	border: 1px solid #ccc;
}


.project_description {
	margin-left: 340px;
}


/* documents */

.publication_title {
	color: #465c3a !important;
	font-size: 14px;
}



.single-publication {
	width: 20%;
	margin-right: 5%;
	text-align: center;
	float: left;
	display: table-cell;
}


.page-id-1142 .single-publication {
	
}

.publication_thumbnail {
	height: 12%;
	max-height: 200px;
	overflow: hidden;
}

.publication_thumbnail img {
	max-height: 100%;
}

.publication_authors, .publication_categories, .publication_download span.title {
	display: none;
	visibility: hidden;
}


.pw_map_canvas{
	float: right;
	margin: 0 0 2% 2%;
}

#main #article ul.subpages-page-list li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.subpages-page-list {
	margin-bottom: 2em;
	overflow: auto;
}

ul.subpages-page-list li a {
	float: left;
	list-style-type: none;
	padding: 4%;
	margin: 0;
	text-align: left;
	background: #f8f2f7 url(images/topo.png);
	-webkit-text-shadow: 0px 0px 10px #fff;
	-moz-text-shadow: 0px 0px 10px #fff;
	text-shadow: 0px 0px 10px #fff;
	border-left: 20px solid #773b63;
	margin: 10px 20px 10px 0;
	width: 46%;
	font-weight: bold;
	font-size: 110%;
	}
	
ul.subpages-page-list li a:hover {
	border-color: #000;
}


.page-id-148 article.tencol {
	width: 100%;
}

.page-id-148 .page-list-ext-item {
	clear: none !important;
	text-align: center;
	padding: 0;
	border: 1px solid #fff;
	width: 30%;
	height: 340px;
	margin: 0 3% 3% 0 !important;
	float: left;
	position: relative;
	overflow: hidden;
	}

.page-id-148 .page-list-ext .page-list-ext-image a img{
	border-radius: 100%;
	width: 100%;
	
	height: auto;
	}

.page-id-148 .page-list-ext-title a{
	display: block;
	font-size: 20px;
	position: absolute;
	bottom: 0;
	padding: 20px 0;
	width: 100%;
	background: #d8c7d3;
	background: rgba(217,201,207,0.8);
	font-family: alfa-slab-one;
	}
	
.page-list-ext-item .page-list-ext-image a:hover {
	opacity: 0.8;
}


.single-spot #header {
	display: none;
}

body.single-spot {
	margin: 0;
	padding: 20px;
	background: #fff;
}

body.single-spot .wrapper {
	box-shadow: none;
}


body.single-spot .container {
	width: auto;
}

/* people */

.staff-member-listing {
	overflow: auto;
	clear: both;
	margin-bottom: 1em;
	padding-top: 14px;
	border-top: 1px solid #ccc;
}

.staff-member-listing .even {
	float: left;
	width: 48%;
	clear: left;
}

.staff-member-listing .odd {
	float: right;
	width: 48%;
}

.staff-member {
	overflow: auto;
	border-bottom: 1px solid #ccc;
	padding-bottom: 14px;
	margin-bottom: 14px;
}

.staff-member img {
	float: left;
	margin-right: 1em;
	height: 90px;
	display: none;
}

#article .staff-member h3.staff-member-name, .person h4 {
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	padding-top: 5px;
	color: #666;
	
}
.staff-member h4 {font-size: 12px;color: #666;}

/* comments */


#commentWrap {
	background: rgba(255,255,255,0.3);
	border: 1px solid #ccc;

	padding: 20px;
	margin-bottom: 30px;
}

	#commentWrap h3 {
			font-size: 14px;
	}

ol.comments {
		padding: 10px 0;
		border-bottom: 1px dotted rgba(0,0,0,0.5);
		margin-bottom: 20px;
		
}

#main li.comment {
	list-style-type: none;
	margin: 1em 0;
	border-top: 1px dotted rgba(0,0,0,0.5);
	padding: 1em 0;
	clear: both;
	overflow: auto;
}

#main li.comment img {
		display: block;
		margin: 0 auto 10px auto;
		clear: both;
		padding: 4px;
		background: #fff;
		border: 1px solid #ccc;
		border: 1px solid rgba(0,0,0,0.5);
		clear: both;
		display: none;
		
}

#main li.comment .says {
	display: none;
}

#main li.comment .comment-body, #main li.comment .comment-meta, #main li.comment .reply {
		margin-left: 140px;
}
#main li.comment .comment-meta {
		font-size: 11px;
}

#main li.comment .comment-body p {
	line-height: 1.6em;
	font-size: 13px;
}

#main li.comment .comment-author {
		float: left;
		width: 100px;
		padding: 0 10px;
		text-align: right;
		margin-right: 20px;
		font-weight: bold;
}

#main ul.children li.comment {
		border-top: none;
		padding: 1em 1em 1em 50px;
		background: rgba(0,0,0,0.05);
		
}


#main ul.children {
		margin: 0;
		padding: 0;
		padding-bottom: 10px;
		clear: both;
}


/*---------------------------------
    TABS
-----------------------------------*/
ul.ui-tabs-nav{
margin:10px 0 -1px 0;
padding:0;
width:100%;
border-bottom:1px solid #e5e5e5;
float:left;
font-size:0;
}

    ul.ui-tabs-nav.left{text-align:left;}
    ul.ui-tabs-nav.center{text-align:center;}
    ul.ui-tabs-nav.right{text-align:right;}
    ul.ui-tabs-nav.right li{margin:0 0 0 -2px;}

    #main #article ul.ui-tabs-nav li{
    font-size:14px;
    list-style-type:none;
    margin:0 -2px -1px 0;
    padding:0;
    display:inline-block;
    *display:inline;/*IE ONLY*/
    position:relative;
    top:0;
    left:0;
    *top:1px;/*IE 7 ONLY*/
    zoom:1;
    }
    
    ul.ui-tabs-nav li a{
    text-decoration:none;
    color:#666;
    display:inline-block;
    padding:20px 15px;
    position: relative;
    top:0;
    left:0;
    line-height:100%;
    background:#ddd;
    opacity: 0.6;
    -webkit-box-shadow: inset 0px -3px 3px rgba(0,0,0,0.04);
    -moz-box-shadow: inset 0px -3px 3px rgba(0,0,0,0.04);
    box-shadow: inset 0px -3px 3px rgba(0,0,0,0.04);
    border:1px solid #e5e5e5;
    border-bottom:0;
    font-size:0.9em;
    font-weight: bold;
    zoom:1;
    color: #773b63;
    }
    
    ul.ui-tabs-nav li a:focus {
	    outline: none;
    }
    
    ul.ui-tabs-nav li a:hover{
    background:#fff;
    }
    
    ul.ui-tabs-nav li.ui-state-active a{
    position:relative;
    top:1px;
    left:0;
    background:#fff;
    background: #f9f9f9;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    color:#222;
    color: #773b63;
    opacity: 1;
    }
    
    .ui-tabs-panel {
    border:1px solid #efefef;
    border:1px solid #e5e5e5;
    background:#fff;
    clear:both;
    padding:20px;
    margin:0 0 40px 0;
    background: #f9f9f9;
    }
    
	table{
		width:100%;
		margin:0 0 10px 0;
		text-align:left;
		border-collapse: collapse;
		background: #fff;
		border: 1px solid #ccc;
		}
    thead, tbody{margin:0;padding:0;}
    th, td{padding:7px 10px;font-size: 13px;
	line-height: 1.3em;;border-bottom:1px solid #ccc;text-align:left;vertical-align: top;}
    thead th{font-size:0.9em;padding:3px 10px;border-bottom:1px solid #ddd;}
    tbody tr.last th,
    tbody tr.last td{border-bottom:0;}
	tr:nth-child(odd) {
			background: #efefef;
		}
		
	#main table p {
		margin-bottom: 0.5em;
		line-height: 1.4em;
	}
	
	#main table li {
		margin-bottom: 0px;
		line-height: 1.4em;
	}
    


/* Shortcodes */

.monkeyQoute {
	background: url(images/monkeyQuote-bk.png) left 40% no-repeat;
	min-width: 75px;
	padding: 10px 0;
}

#main .monkeyQoute p {
	 padding: 10px 14px;
	 display: inline-block;
	 background: #e3d6df;
	 border-radius: 6px;
	 margin-left: 100px;
	 font-size: 16px;
	 line-height: 1.6em;
	 color: #773c64;
}

.box {
	padding: 20px;
	margin-bottom: 10px;
	background: #f8f1f6;
	border: 1px solid #dad2d5;
}


.boxSidebar {
	float: right;
	padding-left: 2.8%;
	margin-left: 2.8%;
	border-left: 2px solid #c697ba;
	width: 30%;
	color: #555;
}

#main .boxSidebar p {
}

.col1 {
	float: left;
	width: 50%;
	padding-right: 2%;
}

.col2 {
	float: right;
	width: 50%;
	padding-left: 2%;
}


ul.sub-menu {
	display: none;
	visibility: hidden;
}
	

/* ============================= */
/* ! Layout for mobile version   */
/* ============================= */


@media only screen 
and (max-width : 980px) {
	body {
		margin: 0;
	}
		#footer {
		padding: 30px 3.8%;
		padding-bottom: 80px;
		background-position: center bottom;
		text-align: center;
	}
	
	#homeBottom {
		background-size: 20%;
	}
	
	#nav li a {
		margin: 5px 0;
		padding: 5px 10px;
		font-size: 1.6em;
	}
}

@media all and (max-width: 800px) {
	
	#header {
		background: none;
		-webkit-animation: none;
		-moz-animation: none;
		animation: none;
		
	}
	
	#side {
		display: none;
	}
	
	#bottom .fourcol {
		clear: both;
		overflow: auto;
		margin-bottom: 3em;
	}
	
	#nav {
		float: none;
		padding: 2em 0;
		clear: both;
	}
	
	
	
	.home #main {
		background-image: none;
	}
	
	.flex-caption {
		position: relative;
		width: 100%;
	}
	
	#footer {
		padding: 30px 3.8%;
		padding-bottom: 80px;
		background-position: center bottom;
		text-align: center;
	}
	
	.page-id-148 .page-list-ext-item {
		width: 46%;
		margin: 0 1% 2% 1%;
	}
	

}



@media all and (max-width: 480px) {
	#logo {
		float: none;
		text-align: center;
		margin-bottom: 10px;
		background: #eee;
		padding: 20px;
	}
	
	#logo img {
		max-width: 100px;
	}
	
	.social_stickers_widget {
		margin-top: 2em;
	}
	
	#connect .mission p {
		max-width: 90%;
		float: none;
	}
	
	
	.home #main #article li a {
		float: none;
		width: 100%;
		display: block;
		margin-bottom: 5px;
		text-align: center;
	}
	
	
	.staff-member-listing .even, .staff-member-listing .odd {
		float: none;
		width: 100%
	}
	
	
	
	.home #main .attachment-post-featured, #main .attachment-post-featured {
		float: none;
		clear: both;
	}
	
	#banner {
		height: 160px;
		background-size: cover;
	}
	
	#topUtils {
		float: none;
		width: 100%;
		clear: both;
	}
	
	#topUtils ul.menu {
		display: table;
		float: none;
		width: 100%;
	}
	
	#topUtils ul.menu li {
		display: table-cell;
		float: none;
	}
	
	#topUtils ul.menu li a {
		border-radius: 0;
		margin: 0;
		margin-right: 1px;
	}
	
	.home-banner .ai1ec-agenda-widget-view .ai1ec-event .ai1ec-event-title {
		font-size: 1.6em !important;
	}
	
	
	ul.ui-tabs-nav {
		display: table;
		width: 100%;
	}
	
	#main #article ul.ui-tabs-nav li, ul.ui-tabs-nav li a {
		display: table-cell;
		vertical-align: bottom;
	}
	
	.searchBox {
		float: none;
		width: 100%;
		clear: both;
		padding: 0;
		margin-top: 10px;
	}
	input#s {
		width: 100%;
	}
	
		.page-id-148 .page-list-ext-item {
		width: 100%;
		margin: 0 0 5% 0;
		height: auto;
	}

}


/* ========================================== */
/* ! Provide higher res assets for iPhone 4   */
/* ========================================== */

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 

/*	.logo {
		background: url(logo2x.jpg) no-repeat;
		background-size: 212px 303px;
	}*/

}

@import "print.css";