/*************************************


colors:

	Black: #111111
	
	Less Black: #303030
	
	Red: #B11B14
	
	
****************************************/

#bodyWrap{
	background: #ffffff;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	font:  16px/19px "AdobeGaramondProRegular";
	padding-bottom: 50px;
	font-family: 'Adobe Garamond','Garamond' ;

}
header#page_head{
	 border-top: 4px solid #111;

	 overflow: hidden;
	 margin-top: 25px;
}
body#home header#page_head, body#projects header#page_head, body#stories header#page_head,body#support header#page_head{
		 border-bottom: 5px solid #111111;
}
h1{
	font-family: 'ImpactRegular';
	text-transform: uppercase;

}
h1.logo{
	padding: 45px 0px;
	border-bottom: 2px solid #111;
	border-right: 1px solid #111;
	border-top: 1px solid #fff;
	
}
h1.logo a{
	background: url(../images/layout/jmif_logo.png) top left no-repeat;
	padding-left: 35px;
	padding-top: 0px;
	text-transform: uppercase;
	width:296px;
	height:50px;
	font-size: 41px;
	display:block;
	text-indent:-9999px;
	
}
h2 a, h3 a{
	color:#111 !important;
}

hr {
	height: 1px;
	border: 0;
	background-color: #111;
}

em {
	font-style:italic;
}


.red{
	color: #B11B14;
}
.donate{
	padding:48px 18px;

}
header .donate{
	border-right: 1px solid #111;
	}
	
.donate a{
	background:url(../images/layout/dollar.png) top left no-repeat;
	font: 24px/48px "CaptureitRegular";
	color: #303030;
	padding:18px 0px 18px 54px;
	
}
header nav{
	width: 100%;
	padding: 18px 0;
	border-bottom: 1px solid #111;
	border-top: 1px solid #fff;
}
header nav a{
	font: 24px "ImpactRegular";
	text-transform: uppercase;
	font-weight:normal;
	color: #111;
	/*padding: 18px 20px 18px  38px; This did NOT work well... - Wondermonkey*/
	padding: 18px 28px;
}
header nav#fr_nav a{
	font: 22px "ImpactRegular";
	text-transform: uppercase;
	font-weight:normal;
	color: #111;
	padding: 18px 19px;
}
header nav#es_nav a{
	font: 24px "ImpactRegular";
	text-transform: uppercase;
	font-weight:normal;
	color: #111;
	padding: 18px 19px;
}
header nav a.omega{
 	/*padding-right:0px !important;*/
}
header nav a.current{
	background:url(/images/layout/bars.png) top left repeat-x;
}
header nav a:active, header nav a:visited{
	color: #111;
	font-weight:normal;
}
#headmast{
	font: 24px/28px "AdobeGaramondProItalic";
	border-top:  3px solid #111;
	margin-top: 2px;
	padding-top: 15px;
}

#headmast strong{
	font: 24px/28px "AdobeGaramondProBoldItalic";
}
#headmast p{

padding-left: 18px;
	padding-right: 18px;
	width: 600px;
}
#language_switch{
	text-align: right;
	margin: 18px 18px 18px 0;
}
#language_switch p{
	text-align: left;
	display: inline;
	float: left;
	padding-left: 40px;
	font: 24px/28px "AdobeGaramondProItalic";
}

#language_switch strong {
	font: 16px/30px "AdobeGaramondProBold";
}
#language_switch a{
	font: 20px "ImpactRegular";
	line-height: 1em;
	background-color: #111;
	color: #fff;
	padding: 1px 7px 2px 7px;
	-moz-border-radius:45px ;
	-webkit-border-radius:45px;
	border-radius:45px ;
}
#language_switch a:hover, #language_switch a:active{
	text-decoration:none;
}
#language_switch a.current{
	background-color: #B11B14;
}
#showcase{
	margin-top: 20px;
	padding-bottom: 20px;
}
#homepage_carousel {
	padding: 0 0 0 0px;
	/*margin: 0 0 0 18px;*/
}
.dark_scheme{
	background-color: #303030;
	color: #fff;
	font:  13px/18px "AdobeGaramondProRegular";
}
.dark_scheme a{
	color: #fff;
}

.dark_scheme p a{

	text-decoration: underline;
	
}

.dark_scheme h3 a, .dark-scheme h4 a{
	text-decoration:none;
		color: #fff !important;
		font-weight:normal;
}
.dark_scheme a:hover, .dark_scheme h3 a:hover{
	background-color:#fff;
	color:#111 !important;
	}
h3.flag, .project h3.flag {
		font: 22px/26px "ImpactRegular";
		text-transform: uppercase;
		background: url(../images/layout/bk_flag.png) top left no-repeat;
		width: 240px;
		color: #fff;
		height: 69px;
		margin: 0px;
		padding: 0px;
		padding: 8px 15px 0px 15px;
		position: absolute;
		top: 20px;
		left: -30px;
		z-index:120 !important;
	}
#showcase h3.flag{
	z-index:120 !important;
}
#showcase iframe{
	z-index:2 !important;
}
.relative{
	position: relative;
}

#carousel, .lead_img, .item{
	width:654px;
	height:436px;
	background-color:#111;
	
}
#carousel iframe{
 margin:0 auto;
 width:654px;
 height:403px;
}
#carousel .code{display:none;}
#carousel_nav{
	padding: 6px;
	
}
#carousel_nav {
	min-height:220px
	padding-left: 5px;
}
#tiny_listings.dark_scheme img, #left_nav img{
	float: left;
	margin: 8px 0px;
	height: 100px;
	width: 150px;
}
#carousel_nav img{
	float: left;
	margin: 4px 0 4px 4px;
	border: 4px solid #303030;
	height: 100px;
	width: 150px;

}

#carousel_nav a.activeSlide img{
	margin: 4px 0 4px 4px;
	border: 4px solid #fff;

}
#tiny_listings .grid_1{
	margin: 9px;
}

#tiny_listings.dark_scheme a.current img,
 #left_nav a.current img{
	margin: 4px 0px 4px -4px;
	border: 4px solid #fff;
}
 #left_nav article p,  #left_nav article h4, #tiny_listings.dark_scheme article h4, #tiny_listings.dark_scheme article p{
 margin-left:4px;
 }
#slide_desc, article.caption{
	margin: 20px 27px 18px 23px;
	min-height: 160px;
	height:160px;
	float: left;
	overflow:hidden;
}
#slide_desc{
	width:300px;
}
#slide_desc h4, article.caption h4{
	font: 26px/28px "ImpactRegular";
	text-transform: uppercase;
	/*line-height: 42px;
	margin-bottom:25px;*/
	
}
#slide_desc h4 a{
	color:#fff;
	text-decoration:none;
}

.caption{
	position:absolute;
	right:9999px;
	top:9999px;

}
#circle_nav{
	text-align: right;

	overflow: hidden;
	padding-right: 18px;

	
}
#circle_nav a span{
	width: 14px;
	height: 14px;
	background-color: #111;
	-moz-border-radius:7px ;
	-webkit-border-radius:7px;
	border-radius:7px ;
	margin: 5px 3px;
	display: block;
	
	float: right;
		
}
#circle_nav a.current{
background-color: #B11B14;
}
#left_bottom{

	border-top: 3px solid #111;
	margin-top:3px;
	
	
}
/*#left_bottom > section{
	min-height: 330px;
}*/
h2, h3{
	font: 28px/38px "ImpactRegular";
	font-weight: normal;
	text-transform: uppercase;
	padding:20px 0 10px 0	;
}
#social>*{
	margin: 0 27px;
}
#social article{
	margin-bottom: 24px;
}
#social p {
	margin-bottom:18px;
}
#social_links{
	margin-top: 40px;
}
#social_links a, a img.profile{
	margin-right: 10px;
}
.sleeve{
	margin-left: 9px;
	margin-right: 9px;
}
input[type='text'], textarea {
	background-color: #111;
	font: 16px courier;
	border: 0px;
	margin:  8px 0px;
	padding: 4px 12px;
	
}
.dark_scheme input[type='text'], .dark_scheme textarea{
	border: 1px solid #fff;
}
input.inner, select.inner,{
	width: 290px !important;
}
textarea.inner{
	overflow-y:hidden;
	height:200px;
	width:300px;

}
input[type='submit'], .redLink{
	border: 0px;
	float:right;
	margin:  8px;
	padding: 0px 12px 4px 12px;
	font: 16px/20px "ImpactRegular";
	background-color: #B11B14;
	color: #fff;
}
a.redLink{
	float: right;
	text-decoration: none;
}
.border-top {
	border-top: 3px solid #111;
	margin-top: 20px;
	padding-bottom: 20px;
}

/*ABOUT*/
.tiny_listings{
	padding-top: 10px;
	padding-bottom:10px ;
}
.tiny_listings.light{
	padding-top: 0px;
	padding-bottom:0px ;
}
.tiny_listings img{
	margin: 0px 0px 4px 0px;
	height: 100px;
	width: 150px;
}

.tiny_listings.light h4 a{
	color: #111;
}
.tiny_listings a.current img{
	margin: -4px 0px 0px -4px;
	border: 4px solid #fff;
}
.tiny_listings h3, h4, h5{
	font: 15px/20px "ImpactRegular";
	padding: 0 0 10px 0;
}
.tiny_listings h4 a, tiny_listings h3 a{
	font-weight: normal;
	text-decoration: none !important;
}
.tiny_listings article{
	margin-bottom: 45px;
}
.tiny_listings article p, div.more, .tiny_listings article p strong{
	font-size: 14px;
	margin-top: 10px;
	display:inline;
}
em.bigtext {
	font: 24px/28px "AdobeGaramondProRegular";
	display: block;
	font-weight:normal;
	line-height: 1.3em;
	padding-right: 18px;
}



#mainText article p, #mainText article em.bigtext, em.bigtext p {
	margin-bottom: 20px;
	text-align:justify;
	line-height: 1.3em;
}
#mainText img.main{
	width: 487px;
	margin-bottom: 20px;
}


article img {
	margin-bottom: 18px;
}

/*BLOG */

.keyline_bottom{
		border-bottom: 2px solid #111;
		margin-bottom: 2px;
}
.keyline_bottom_cut{
		border-bottom: 2px solid #111;
}
.keyline_top{
	 border-top: 4px solid #111;
}
.keyline_top_sm{
	 border-top: 2px solid #111;
}
.keyline_top_sp{
	 border-top: 2px solid #111;
	 margin-top: 1px;
}
.keyline_right{
	border-right: 1px solid #111;
}
#browse{
	
}
#browse h3.flag{
	position: absolute;
	top: 5px !important;
	left: -30px;
	z-index:100;
}
.spacer{
	height: 75px;
}
#browse > div{
/*	height: 260px;
	min-height: 260px;*/
}
#browse h4{
	font: 28px/60px "ImpactRegular";
	font-weight: normal;
	text-transform: uppercase;
	margin-left: 12px;
}
#browse ul{
	list-style: none;
	margin-left: 0px;
	padding-left: 3px;
}
#browse ul a{
	color: #111;
	line-height: 2.5em;
	padding-left: 12px;
}
#browse ul li.current{
	background: url(../images/layout/B11B14_30.png) top left repeat;
}

#browse ul li.current a{
	
	color: #fff !important;
	
}
#browse.grid_size ul li{
	font: 24px/48px"AdobeGaramondProBold";
}
#browse.grid_size > div{
	height: auto;
	min-height: none;
}

.redBar {
	border: 0px;
	margin:  8px 9px 0 0px;
	text-align: center;
	padding: 0px 0px 4px 0px;
	font: 20px/19px "ImpactRegular";
	background-color: #B11B14;
	color: #fff !important;
	text-transform: uppercase;
	width: 100%;
	display:block;
}
.redBar:hover, .redBar:active {
	font-weight:normal;
	color: #fff;
	
}
#interior_page_bottom > div{
	height: 250px;
	min-height: 330px;
	padding-bottom: 0px;
	margin-bottom: -130px;
}
/*Blog Grid */
#blog_list div {
	margin-left: 18px;
}
.top_space {
	margin-top: 30px;
}
#showcase_category{
	margin-top: 20px;
	padding-bottom: 20px;
}
/*Blog Space */

/* Projects */
.project{
	margin-bottom: 40px;
}

.grid_2.alpha.narrower{
	width: 316px;
	margin-top: 20px;
}

/*#project-leftcol {
	width: 316px;
	margin-top: 20px;
}*/


.project header{
	padding-top: 30px;
}
.project .donate a{

	padding:6px 0px 30px 54px;
	font: 24px/30px "CaptureitRegular" !important;
	margin-left: 28px;
}
.donate span{
	display: block;
	margin-left: 85px;
	/*line-height: 1em;*/
}

.project .donate{
		height: 60px;
		padding: 20px 18px;
}
.project ul{
	list-style: none;
	padding-left: 0px;
	margin-left: 0px;
}
.bottom_pad{
	padding-bottom: 30px;
}
.project ul li{
	line-height: 2em;
}
.project h3{
	font: 28px "ImpactRegular";
}
.project .h3 a{
	color: #111;
}
.border_all{
	/*border: 1px solid #111;*/
}
#partner_text p{
	font: 24px/30px "AdobeGaramondProRegular";
	margin: 10px 0px;
}
.box{
	margin-top: 20px;
	padding-bottom: 20px;
}
.pad_top{
	padding-top: 20px;
}
.box p{
	margin: 10px 0px;
	text-align: justify;
}
div.more p{
	display: inline;
	line-height: 12px;
	margin-top: 10px;
	float: left;
	margin-right: 20px;
}
.partner_logo{
	float:left;
	overflow:hidden;
	margin-top: 5px;
}
.fb-like-box{height: 270px;}


.omega.project {margin-left:18px; }



#volunteer input.omega, #volunteer select.omega{
	margin-left:10px;
}
#volunteer textarea{
	height:150px;
}
#volunteer .absolute{
	position:absolute;
	right:9px;
	bottom:9px;
}
.border_1{
	border:1px solid #303030;
}
.grid_2.rectangle{
height:250px;
width:318px;

}


.grid_2.rectangle img {
	padding-left: 50%;
	padding-top: 35%;
}

.nav_img{
	margin-top:5px;
}
.center{

	margin:0 auto;
	}
	
	
	
#soundcloud {
border: 1px solid #303030;
margin-top: 9px;
width: 316px;	

}	
	
#soundcloud .thumb{
	width: 75px; 
	height:75px; 
	float:left; 
	padding:18px 9px 9px 18px; 
	position:relative;
}

#soundcloud .lead{
	width:180px; padding:45px 18px 0 0; position:relative; float:right;
}
#soundcloud .thumb img{

}	
footer{
	overflow: hidden;
}

footer#page_footer p  {
	

	margin-top: 10px;
	margin-bottom: 15px;
}
footer#page_footer .heading-spacer{
	width: 100%;
	height: 70px;
}
footer nav{
	margin-bottom: 40px;
}
footer nav a{
	font-weight: normal;
}



/* DISQUS*/

#disqus_wide #disqus_thread
	{
		border-top: 2px solid #111;
		clear:both;
		width: 654px;
	}

#disqus_thread
	{
		border-top: 2px solid #111;
		margin-top: 36px;
	}


#disqus_thread h3
	{
		font-size: 16px;
	}


#disqus_thread li
		{
			font-size: 12px;
		}
#dsq-content .dsq-comment-text
	{
		font-size: 14px;
	}
	
#dsq-content iframe::selection, .dsq-popup iframe::selection {
	background: #FFFFFF !important;
	}
	
	
#dsq-content .dsq-inbox li a {
	color: #B11B14!important;
	}
	
	
#support_content p {
	margin-bottom: 20px;
	text-align: justify;
}



/*HONEYPOT*/

.screen-reader {
  display: block !important;
  left: -9999px !important;
  position: absolute !important;
  top: -9999px !important;
}