/*
 Theme Name:     Esperanto
 Description:    Twenty Twelve Child Theme
 Author:         MJ & ES
 Author URI:     http://esperstudio.com
 Template:       twentytwelve
 Colors: 		 
 Version:        1.0.0
*/

@import url("../twentytwelve/style.css");



/* =Theme customization starts here
-------------------------------------------------------------- */

img.header-image {border: none;}

.ninja-forms-error {background: red; color: #FFFFFF;}

.ninja-forms-error-msg {background: red; color: #FFFFFF;}
p.picatcha_question {color: #000000!important;}


body.custom-background {
	background-attachment: fixed!important;
	-webkit-background-size: cover!important;
	-moz-background-size: cover!important;
	-o-background-size: cover!important;
	background-size: cover!important;
	background-image: none!important;
	background-color: #000000;
	}
div#main.wrapper
{	background-image: url("images/yellow.png"); 
	background-repeat: repeat-y;
	background-position: right 0;
	padding-right: 20px;
}
#page {
	}

.site  {
	background-color: transparent;
	box-shadow: none!important;
	padding: 0 65px!important;
	max-width: 72rem;

	}
.site-header {padding: 0;}

body {
	color: #ffffff;
	}
	
body .site {margin-top: 0;}
	
div#secondary.widget-area
{float: right; background: transparent; margin-right: 25px;}
	
/* Header */
img.header-image {box-shadow: none!important; border-radius: 0!important; margin-top: 0; float: left;  padding-right: 1px;}
#masthead a.fancybox-youtube {position: relative; left: 17px;}
#masthead {height: 230px;}
#newsblocks { min-height: 230px;padding-top: 0px;
 padding-bottom: 10px; }
#lowerblocks {margin-top: 20px;}

 body.page-id-1196 #newsblocks { display: none;
}
#newsblocks, .main-navigation {background-image: url("images/arrow.png"); 
	background-repeat: no-repeat;
	background-position: 0 bottom;
 }
.newsblock {float: left; background: transparent; margin: 0 20px 20px 0; width: 306px; height: 220px;}

#far.newsblock {margin-right: 0; float: left;}	
.newsblock h3 {position: absolute; margin-top: -50px; width: 282px; padding: 3px 12px;  background-image: url(images/captionbg2.png);  text-decoration: none;
}
#lowerblocks h3 {margin-top: -40px;}

.newsblock a {text-decoration: none;}
.newsblock h3 a {text-decoration: none;}
.newsblock img {width: 306px; height: 220px;}
#lowerblocks .newsblock, #lowerblocks .newsblock img {height: 220px;}

.main-navigation {margin-top: 0; padding-bottom: 10px;}

.main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul {border: none; color: #fdcf07; margin-top: 0;}


	.main-navigation li
	{
margin-top: 0;
margin-bottom: 10px;

}


	.main-navigation li a {
		color: #ffcc00;
		text-transform: none;
		font-weight: bold;
	}
	.main-navigation li a:hover {
	
	text-decoration: underline;		color: #ffcc00;
		font-weight: bold;
	}
	.main-navigation li ul li  {
	
	margin-bottom: 0;


}
	.main-navigation li ul li  a {
		background: transparent;
		background-image: url(images/captionbg.png);
		border-bottom: none;
		font-size: 11px;
		font-size: 0.785714286rem;
		
	}
	.main-navigation li ul li a:hover {
		background: #325baa;
		color: #ffcc00;
	}
	.main-navigation .current-menu-item > a,
	.main-navigation .current-menu-ancestor > a,
	.main-navigation .current_page_item > a,
	.main-navigation .current_page_ancestor > a {
		color: #ffcc00;
		font-weight: bold;
	}





.entry-header .entry-title, h1, h2, h3, h4 {color:#ffcc00; font-weight: bold; }
.entry-header img, .entry-header .comments-link {display: none;}

/* Alumni section */

img.alignleft, .wp-caption.alignleft {margin: 0;
}
.entry-content img {border-radius: 0; box-shadow: none;}
.wp-caption .wp-caption-text, .gallery-caption, .entry-caption { font-size: 1.75em; }
.wp-caption .wp-caption-text, .gallery-caption, .entry-caption em { font-size: .7em; line-height: .7em;}
.entry-content dd { font-size: 2em; line-height: .8; margin-top: 3px;}
.entry-content dd em {font-size: .7em;}

.wp-caption .wp-caption-text, .gallery-caption, .entry-caption {color: #ffffff;}

 
.wp-caption {padding: 0; color: #ffffff;}
p.wp-caption-text {background: transparent; color: #ffffff;}

img.attachment-thumbnail {border: none!important;}
.gallery .gallery-icon img {padding: 0!important; max-width: 100%!important;}
.gallery .gallery-item {width: 306px!important; margin-right: 20px!important;}
.gallery .gallery-item a {width: 306px!important;}
.gallery-caption {width: 306px!important; position: absolute!important; margin-top: -103px; color: #fdcf07; font-style: normal; font-weight: bold; height: 38px; background-image: url(images/captionbg2.png); padding-top: 8px;	
}
dd.wp-caption-text.gallery-caption {margin-top: -65px;}

.site-content {width: 68.1%;}
#content {}

img.alignleft, .wp-caption.alignleft {padding-right: 20px; padding-bottom: 20px;}
img.alignright, .wp-caption.alignright {padding-left: 20px; padding-bottom: 20px;}




/* Facebook sidebar tweaks */

a.actorPhoto.lfloat._ohe {display: none!important;}
.actorPhoto {display: none!important;}



/* other tweaks */
body.page.page-id-91 h1.entry-title {display: none;}
.site-content article {border-bottom: none!important;}



a:link, a:visted, .entry-content a:visited, .entry-content a:link {
	outline: none;
	color: #21759b;
}
a:hover, a:active, .entry-content a:hover, .entry-content a:active {
	color: #FFFFFF;
}

.entry-content a:visited, .comment-content a:visited {	color: #21759b;}
.entry-content a:hover {color: #FFFFFF;}


footer.entry-meta {display: none;}



@media screen and (max-width: 650px){div#main.wrapper{padding: 0px; background-image: none;}}

@media screen and (max-width: 650px){.site{padding: 0px!important; background-image: none;}}

@media screen and (max-width: 1136px){#masthead a.fancybox-youtube, .metaslider {display: none;}}



@media screen and (max-width: 650px){#masthead{height: auto; margin-top: 25px;}}

@media screen and (max-width: 650px){#newsblocks, .main-navigation{background-image: none; float: right;}}

@media screen and (max-width: 650px){.main-navigation{position: absolute; top: 0; margin-left: auto; margin-right: auto; left: 40%; background-image: url(images/captionbg.png); background-repeat: repeat;}}

@media screen and (max-width: 650px){#newsblocks {display: none;}}



@media screen and (max-width: 650px){body.home #newsblocks {display: block;}}