/*
* Plenge Labs, adapted from Skeleton V1.1
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 8/17/2011
*/


/* Table of Content
==================================================
	#Reset & Basics
	#Basic Styles
	#Site Styles
	#Typography
	#Links
	#Lists
	#Images
	#Buttons
	#Tabs
	#Forms
        #Menu + Logo
        #Sidebar
        #Footer
	#Home Boxes
	#Home Slider
	#Page Specific
	#Misc 
*/


/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline; }
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block; }
	body {
		line-height: 1; }
	ol, ul {
		list-style: none; }
	blockquote, q {
		quotes: none; }
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none; }
	table {
		border-collapse: collapse;
		border-spacing: 0; }
	html {
	    overflow-y: scroll;
	}

/* #Basic Styles
================================================== */
	body {
/*          background: #f1f1f1;*/
	    background: #f1f1f3;
	    font-family: 'Lato', sans-serif;
/*	    font-size: 13px;*/
	    font-size: 85%;
	    line-height: 1.3em;
	    color: #444;
	    color: #000;
	}


        .maincontainer {background: #fff url(/wp-content/themes/plenge/images/bg-plenge.jpg) no-repeat top left; }
	.page-template-team-php .maincontainer {background: #fff url(/wp-content/themes/plenge/images/bg-team.jpg) no-repeat top left; }

	.main img { max-width: 100%; }

/* #Typography
================================================== */

	h1, h2, h3, h4, h5, h6 {
		/*color: #181818;*/
		color: rgb(54,55,149);
		font-family: 'Lato', sans-serif;
		font-weight: 900; }
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
	/*
	h1 { font-size: 46px; line-height: 50px; }
	h2 { font-size: 35px; line-height: 40px; }
	h3 { font-size: 28px; line-height: 34px; }
	h4 { font-size: 21px; line-height: 30px; }
	h5 { font-size: 17px; line-height: 24px; }
	h6 { font-size: 14px; line-height: 21px; }
	*/

	h1 { font-size: 20px; line-height: 26px; }
	h2 { font-size: 15px; line-height: 22px; }
	h3 { font-size: 13px; line-height: 1.3em; }
	h4 { font-size: 13px; line-height: 20px; }
	h5 { font-size: 13px; line-height: 20px; }
	h6 { font-size: 13px; line-height: 20px; }

	.subheader { color: #777; }

	p { margin: 0 0 20px 0; }
	p img { margin: 0; }
	p.lead { font-size: 21px; line-height: 27px; color: #777;  }

	em { font-style: italic; }
	strong { font-size: 14px; font-weight: bold; color: rgb(54,55,149); }
	small { font-size: 80%; }

/*	Blockquotes  */
	blockquote, blockquote p { font-size: 17px; line-height: 24px; color: #777; font-style: italic; }
	blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }
	blockquote cite { display: block; font-size: 12px; color: #555; }
	blockquote cite:before { content: "\2014 \0020"; }
	blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }

	hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; }
	.anchor, .anchor:hover { color: rgb(54,55,149); text-decoration: none; }



/* #Links
================================================== */
	a, a:visited { color: #333; text-decoration: underline; outline: 0; }
	a:hover, a:focus { color: #000; }
	p a, p a:visited { line-height: inherit; }


/* #Lists
================================================== */
	ul, ol { margin-bottom: 20px; }
	ul { list-style: none outside; }
	ol { list-style: decimal; }
	ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
	ul.square { list-style: square outside; }
	ul.circle { list-style: circle outside; }
	ul.disc { list-style: disc outside; }
	ul ul, ul ol,
	ol ol, ol ul { margin: 4px 0 5px 30px; font-size: 90%;  }
	ul ul li, ul ol li,
	ol ol li, ol ul li { margin-bottom: 6px; }
/*	li { line-height: 18px; margin-bottom: 12px; }*/
	ul.large li { line-height: 21px; }
	li p { line-height: 21px; }

/* #Images
================================================== */

	img.scale-with-grid {
		max-width: 100%;
		height: auto; }

	img.size-with-grid {
		width: 100%;
		height: auto; }

	img.pubsize-with-grid {
		width: 100%;
		height: auto; }

/* #Buttons
================================================== */

	.button,
	button,
	input[type="submit"],
	input[type="reset"],
	input[type="button"] {
		background: #eee; /* Old browsers */
		background: #eee -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%); /* FF3.6+ */
		background: #eee -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.2))); /* Chrome,Safari4+ */
		background: #eee -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Chrome10+,Safari5.1+ */
		background: #eee -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Opera11.10+ */
		background: #eee -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* IE10+ */
		background: #eee linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* W3C */
	  border: 1px solid #aaa;
	  border-top: 1px solid #ccc;
	  border-left: 1px solid #ccc;
	  -moz-border-radius: 3px;
	  -webkit-border-radius: 3px;
	  border-radius: 3px;
	  color: #444;
	  display: inline-block;
	  font-size: 11px;
	  font-size: 85%;
	  font-weight: bold;
	  text-decoration: none;
	  text-shadow: 0 1px rgba(255, 255, 255, .75);
	  cursor: pointer;
	  margin-bottom: 20px;
	  line-height: normal;
	  padding: 6px 15px;
	  text-transform: uppercase;
}

	.button:hover,
	button:hover,
	input[type="submit"]:hover,
	input[type="reset"]:hover,
	input[type="button"]:hover {
		color: #222;
		background: #ddd; /* Old browsers */
		background: #ddd -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%); /* FF3.6+ */
		background: #ddd -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.3)), color-stop(100%,rgba(0,0,0,.3))); /* Chrome,Safari4+ */
		background: #ddd -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Chrome10+,Safari5.1+ */
		background: #ddd -o-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Opera11.10+ */
		background: #ddd -ms-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* IE10+ */
		background: #ddd linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* W3C */
	  border: 1px solid #888;
	  border-top: 1px solid #aaa;
	  border-left: 1px solid #aaa; }

	.button:active,
	button:active,
	input[type="submit"]:active,
	input[type="reset"]:active,
	input[type="button"]:active {
		border: 1px solid #666;
		background: #ccc; /* Old browsers */
		background: #ccc -moz-linear-gradient(top, rgba(255,255,255,.35) 0%, rgba(10,10,10,.4) 100%); /* FF3.6+ */
		background: #ccc -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.35)), color-stop(100%,rgba(10,10,10,.4))); /* Chrome,Safari4+ */
		background: #ccc -webkit-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Chrome10+,Safari5.1+ */
		background: #ccc -o-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Opera11.10+ */
		background: #ccc -ms-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* IE10+ */
		background: #ccc linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* W3C */ }

	.button.full-width,
	button.full-width,
	input[type="submit"].full-width,
	input[type="reset"].full-width,
	input[type="button"].full-width {
		width: 100%;
		padding-left: 0 !important;
		padding-right: 0 !important;
		text-align: center; }

	/* Fix for odd Mozilla border & padding issues */
	button::-moz-focus-inner,
	input::-moz-focus-inner {
    border: 0;
    padding: 0;
	}



/* #Forms
================================================== */

	form {
		margin-bottom: 20px; }
	fieldset {
		margin-bottom: 20px; }
	input[type="text"],
	input[type="password"],
	input[type="email"],
	textarea,
	select {
		border: 1px solid #ccc;
		padding: 6px 4px;
		outline: none;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		font: 13px 'Lato', sans-serif;
		color: #777;
		margin: 0;
		width: 210px;
		max-width: 100%;
		display: block;
		margin-bottom: 20px;
		background: #ffffff; }
	.pubfilter select { display: inline-block; width: auto; }
	.pubfilter { margin-bottom: 0;}
	select {
		padding: 0; }
	input[type="text"]:focus,
	input[type="password"]:focus,
	input[type="email"]:focus,
	textarea:focus {
		border: 1px solid #aaa;
 		color: #444;
 		-moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
		-webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
		box-shadow:  0 0 3px rgba(0,0,0,.2); }
	textarea {
		min-height: 60px; }
	label,
	legend {
		display: block;
		font-weight: bold;
		font-size: 13px;  }
	select {
		width: 220px; }
	input[type="checkbox"] {
		display: inline; }
	label span,
	legend span {
		font-weight: normal;
		font-size: 13px;
		color: #444; }
        
/* #Menu & Logo
================================================== */        
    .header {
	padding-top: 2em;
        margin-bottom: 2em;
        clear: both;
    }

    .logo { padding-top: 2em;}
    .logo a{text-decoration: none;}
    .logo img { width: 100%; height: auto; }

    ul.menu{float: right; }

    #menu-secondary{padding-top: 2em;}
    #menu-primary{clear: both; padding-top: 0em;}

    .menu li {
	display: inline;
        list-style-type: none;
        font-size: 11px;
        font-size: 105%;
	text-transform: uppercase;
        padding-left: 15px;
	position: relative;
    }
    
    .archive .type- .menu-blog a,
    .default-template .menu-blog a,
    .post-type-archive-news li.menu-news a,
    .single-post li.current_page_parent a,
    .single-projects li.menu-projects a, 
    .single-galleries li.menu-gallery a, 
    .post-type-archive-publications li.menu-publications a, 
    .menu li.current-menu-item a{
	border-bottom: 2px solid #1b75bb;
	padding-bottom: 2px;
    }

    .menu li ul li a{
	border-bottom: none !important;
    }

    #menu-secondary li {
        padding-left: 8px;
        font-size: 75%;
    }

    .menu li a {color: rgb(43,57,144);text-decoration: none; display: inline-block; font-weight: normal; padding-bottom: 4px;}
    .menu li a:hover { color: #000;    }

    .menu li ul {
	-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	display: none;
	float: left;
	margin: 0px;
	position: absolute;
	top: 1.5em;
	left: 0;
	width: 200px;
	z-index: 99999;
	background-color: #ffffff;
    }

    .menu li ul li { padding-top: 5px; }

    .menu ul li ul {
	display: none !important;
	left: 50%;
	top: 1em;
    }

    .menu li ul li{
	display: block;
	width: 200px;
    }

    .menu li ul li a {
	color: rgb(43,57,144); 
	text-decoration: none; 
	display: inline-block; 
	font-weight: normal;
    }
    .menu li ul li a:hover { font-weight: normal; text-decoration: none;   }

    .menu li:hover > ul {
	display: block;
    }

 /* #Sidebar
================================================== */
    .sidebar{
        font: 14px/1.3em 'Lato', sans-serif;
    }   
                
    .sidebar li {
        list-style: none;
	margin-bottom: none !important;
    }

    #otherside { margin: 0 10px; }

    #meta-2 { margin-top: 1em; }
        
 /* #Footer
================================================== */
    .footer { 
	margin-top: 40px !important;
	padding: 20px 24px !important; 
	margin-left: -24px !important; 
	background: #e7e7e9 url(/wp-content/themes/plenge/images/bg-footer.jpg) repeat-x top left !important;
	color: #58585b;
	font-size: 75%;
	line-height: 1.3em;
    }

    .footer h3{ color: #000000; margin-bottom: .5em;}

    .footer li{
        list-style: none;
        padding-right: 15px;
        float: left;
        width: 220px;
    }

    .footer a { color: rgb(54,55,149); text-decoration: none; font-weight: 900;}

    .footer-contact { font-size: 120%; line-height: 1.2em; }

    .footer-contact img { margin-right: 4px; }

    .partner-image img { width: 90%; height: auto; }
    a.pcurrent { text-decoration: underline; }


/* #Home Boxes
================================================== */
    .homeslideleft { 
	float: left; 
	background: #28aae4 url(/wp-content/themes/plenge/images/bg-home-slider.jpg) repeat-x;
	height: 287px;
    }
    .homeslideleft img { height: 100%; width: 100%; }
    .homeslideright .contentframe { padding-left: 10%; }

    .homeslideright { 
	float: right; 
	background: #28aae4 url(/wp-content/themes/plenge/images/bg-home-slider.jpg) repeat-x;
	height: 287px;
    }

    .homeslideright .contentframe { 
	margin: 40px 20px 0 0;
    }

    .homeslideright h1{
	font-size: 16px;
	color: #ffffff;
        }	
        
    .homeslideright p{
	font-size: 15px;
	line-height: 1.8em;
	color: #ffffff;
	width: 150px;
        }	
        
    .homeslideright a{
	text-decoration: none;
        }	
        
    #homeboxes {margin-top: 20px; }
    #homeboxes h2{
	/*font-size: 14px;*/
	margin-top: 10px;
	margin-bottom: 5px;
	font-weight: 700;
	text-transform: uppercase;
	color: rgb(54,55,149);
        }	

    .featuredbox { width: 90%; 	line-height: 1.3em; height: 150px; }
    .featuredbox img {float: left; margin-right: 10px;}

    .featuredthumb { width: 35%; float: left; margin-right: 5%; height: 150px;}
    .featuredthumb img {width: 100%; height: auto;}

    .featuredbox h3, .featuredbox h3 a{
	/*font-size: 13px;
	line-height: 1.3em;*/
	font-weight: 900;
	color: rgb(54,55,149);
	text-decoration: none;
    }

/* #Home Slider (for slides.js)
================================================== */
    .slides_container { width:100%; overflow:hidden; position:relative; cursor:pointer; }  
    .slides { position:absolute; top:0; left:0; }  
    .slides div { position:absolute; top:0; width:100%; display:none; }  

    .pagination {
	margin: 20px auto 0;
	width:100px;
    }

    .pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
    }

    .pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(/wp-content/themes/plenge/images/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
    }

    .pagination li.current a {
	background-position:0 -12px;
    }

    .visioncontent { line-height: 1.2em; width: 300px; margin-top: 1em; height: 6em; }
    .vision .pagination { display: none; }
    .visionslide img { width: 90% !important; height: auto !important;}

    .featured-article p, 
    .featured-article h2, 
    .project .contentframe p, 
    .project .contentframe h2, 
    .page-template-vision-php .content, 
    .page-template-vision-php .content h2 { font-size: 120%; }

 /* #Page Specific
================================================== */
    .vision-mission { margin: 1em 0; }

    .vision-mission h1{
	font-size: 130%;
	font-weight: 900;
	text-transform: uppercase;
	color: rgb(54,55,149);
	margin-bottom: 0;
    }

    .vision-mission p{
	font-size: 17px;
	font-weight: 700;
	color: #000;
	margin-top: 0;
    }

    #teammap { 
	margin: 30px auto 0 auto;
	height: 340px;
	width: 264px;
	background-color: #0e74bc !important;
    }

    #teammap-copy { 
	padding: 15px 25px; 
	color: #ffffff;
	font-size: 11px;
	line-height: 1.4em;
	height: 192px;
	background-color: #0e74bc;
    }
    #teammap-name {
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 1em;
	color: #ffffff;
	background-color: #0e74bc;
    }
    #teammap-email {
	margin-top: 1em;
	color: #ffffff;
	background-color: #0e74bc;
    }

    #teammap-email a, #teammap-email a:hover{ color: #ffffff; text-decoration: none; }

    #mapframe{
	width: 214px;
	height: 108px;
	background: #000 url(/wp-content/themes/plenge/images/WorldMercator214.jpg) no-repeat top left;
	margin: 0 auto;
    }

    .alumnus { font-size: 85%; }

    .alumnus h3 { font-size: 95%; color: #000000; margin-bottom: 1em; }


    .type-theme h1, .type-theme h2, #projects-primary h2, #projects-primary h2 a{
	line-height: 1.2em;
	font-weight: 900;
	color: rgb(54,55,149);
	margin-bottom: 5px;
    }

    .type-theme h1 {
	font-size: 17px;
    }

    #projects-primary h2, #projects-primary h2 a, .type-theme h2 {
	/*font-size: 15px;*/
	text-decoration: none;
    }

    .project {margin-top: 2em; }
    .projecthead {margin-top: 2em;}
    .projecthead h2 {text-align: center; color: #000;}

    .type-theme .contentframe {
	margin-top: 21px;
    }

    .project-member {
	font-size: 10px;
	text-align: center;
    }

    .project-member a { text-decoration: none; }

    .project-bottom {
	line-height: 1.3em;
    }

    .project-bottom-blue a {
	color: rgb(54,55,149);
	text-decoration: none;
	font-weight: 900;
	font-size: 12px;
	line-height: 1.3em;
    }

    .page-contact .entry-header {display: none; }

    .page-contact h2 {
	line-height: 1.2em;
	font-weight: 900;
	color: rgb(54,55,149);
	margin-bottom: 5px;
	/*font-size: 15px;*/
	text-decoration: none;
    }

    .google-map-placeholder { margin: 1em 0; border: 0 !important; }
    .page-contact input[type="text"], 
    .page-contact textarea, 
    .page-contact input[type="email"] {
	display: inline;
	margin-left: 5px;
	margin-bottom: 0;
	background-color: #E7E8EA;
	border: 0;
    }

    .page-contact textarea {
	width: 90%;
    }


    .page-contact form { margin-top: 1em; }

    .page-contact form p {
	font-size: 85%;
	padding-left: 10px; 
	width: 90%;
	border: 1px solid #bdbdbd;
	background-color: #E7E8EA;
    }

    .page-contact form .submitp {
	border: 0;
	background-color: transparent;
    }

    .pubdetail { background-color: #eaeaea; margin-bottom: 2em; padding: 10px 0; } 
    .pubdetail .contentframe { 
	width: 90%;
    }

    .publication-image {height: 270px; text-align: center; overflow: hidden; display: table-cell; line-height: 270px; background-color: #fff; }
    .publication-image img { vertical-align: middle; }

    .pubimgh {height: 100% !important; width: auto !important; text-align: center; }
    .pubimgw {width: 100% !important; height: auto !important; text-align: center; }
    .pubdetail h3 { margin-bottom: 1em; }
    .pubdetail h3 a { color: rgb(54,55,149); text-decoration: none;}
    .pdflink { color: rgb(54,55,149); text-decoration: none; float: right; font-weight: 900;}
    .pdflink:after { content: ">"; }

    .news-banner { position: relative; }
    #news-globe { width: 16%; height: auto; z-index: 0; position: absolute; left: 42%; top: 20%;}

    .gallery-pane { margin-top: 2em; }
    .gallery-pane h1 { margin-bottom: .5em; }
    .galthumb { width: 110px; height: 110px; margin-right: 7px; }
    
    .newsitem { background-color: #eaeaea; margin: 1em 0; padding: 10px 0; font-size: 80%;} 
    .newsitem h2 { color: #000000; margin-top: 0;}
    .newsitem p { margin: 0; }
    .newsimage { text-align: center; }
/*    .newsimage img { width: 65%; height: auto; }*/
    .newsimage img { width: 100px; height: auto; }
    .featured-image { width: 90%; height: auto; }

/* #Misc
================================================== */
    .title{
/*        padding-bottom: 15px;*/
        }	
        
    .title a {text-decoration: none; }


    .full-width{
        padding-left: 10px;
        } 

    .greybox { border: 1px solid #bdbdbd; }
    .greybox a { text-decoration: none;}
    .home .greybox:hover { background-color: #eaeaea; }
    .whitebg { background-color: #ffffff; }
    .contentframe { width: 100%; height: 100%; margin: 0px 20px;}
    .circleframe { text-align: center; min-height: 130px; min-width: 130px; }
    .circleframe img { width: 125px; height: 125px; }
    /* for non-featured? opacity:0.4; filter:alpha(opacity=40);*/

    .smalltype {display: none; margin: 0; float: right; font-size: 8px;}

    .flxmap-container img { background-color: inherit !important; }