/*JUITTER PLUGIN CSS*/

#juitterContainer{} /*Juitter container*/

#juitterContainer .twittList{margin:0;padding:0;} /* UL that will contain the list of tweets */

/* Bellow the list of tweets "<li>" */

#juitterContainer .twittLI{list-style:none;background:#FFF;margin:0;padding:5px 0 0 0;border-bottom:dashed 1px #CAF8C9;padding:3px;clear:both;height:120px; font-size:11px; text-align:left;} 
#juitterContainer .twittList SPAN.time{color:#777;font-size:0.9em}
#juitterContainer .twittList A{color:#006600;} /*Links inside the tweets list */

/* Bellow the CSS for the avatar image  */

#juitterContainer .juitterAvatar{float:left;border:solid 1px #D3EECA;background:#FFF;margin-right:5px;padding:2px;width:48px;;height:48px;}

#juitterContainer .jRM{float:right;clear:both} /*read it on twitter link*/

#juitterContainer .extLink{} /*CSS for the external links*/

#juitterContainer .hashLink{} /*CSS for the hash links*/

/*end of Juitter CSS*/

/*================ GLOBAL ================*/

html, body { background: #333; }

body {margin: 0;padding: 0;height: 100%;width: 100%;font-family: Arial, Helvetica, sans-serif;}
h2 {color: #333;font-size: 29px;margin: 0 0 20px 0;line-height: 32px;}
h3, p strong {color: #FF99CC;}

a img { border: none; }
a:active { outline: none; }
:focus { -moz-outline-style: none; }

a {color: #00869F;text-decoration: none;}
a:visited { color: #008EA5; }
a:hover { color: #FF3390; }


#wrapper {height: 100%;margin: 0 auto;padding: 0;width: 100%;}

@font-face {font-family: 'OmnesBold';src: url('images/Omnes-Bold.eot');src: local('Omnes Bold'), local('Omnes-Bold'), url('images/Omnes-Bold.ttf') format('truetype'), url('images/Omnes-Bold.svg#Omnes-Bold') format('svg');}

@font-face {font-family: 'OmnesRegular';src: url('images/Omnes-Regular.eot');src: local('Omnes Regular'), local('Omnes-Regular'), url('images/Omnes-Regular.ttf') format('truetype'), url('images/Omnes-Regular.svg#Omnes-Regular') format('svg');}

@font-face {font-family: 'Ubahn-Light';src: local('Ubahn-Regular'), url('images/Ubahn-Light.ttf');}

@font-face {font-family: 'Ubahn-Regular';src: local('Ubahn-Regular'), url('images/Ubahn.ttf');}
/*================ HEADER ================*/

#wrap_header {float: left;min-height: 66px;width: 100%;background: #FFF;position: relative;overflow: hidden;}

#header_logo_background {position: absolute;top: 23px;left: 60%; width: 2000px;height: 25px;z-index: 1;}

body.blue #header {position: relative;height: 128px;margin: 10px auto 0 auto;padding: 0;width: 980px;background: url('images/header_logo.png') no-repeat #FFF;z-index: 2; border:#00869F; border-width:thick; border-style: solid}
body.purplepink #header {position: relative;height: 128px;margin: 10px auto 0 auto;padding: 0;width: 980px;background: url('images/header_logo.png') no-repeat #FFF;z-index: 2;border:#EC0084; border-width:thick; border-style: solid}
body.pinkblue #header {position: relative;height: 128px;margin: 10px auto 0 auto;padding: 0;width: 980px;background: url('images/header_logo.png') no-repeat #FFF;z-index: 2;border:#D4DC22; border-width:thick; border-style: solid}
body.greenblue #header {position: relative;height: 128px;margin: 10px auto 0 auto;padding: 0;width: 980px;background: url('images/header_logo.png') no-repeat #FFF;z-index: 2;border:#80DFC5; border-width:thick; border-style: solid}
body.pinkyellow #header {position: relative;height: 128px;margin: 10px auto 0 auto;padding: 0;width: 980px;background: url('images/header_logo.png') no-repeat #FFF;z-index: 2;border:#FFAEA2; border-width:thick; border-style: solid}
body.yellowgreen #header {position: relative;height: 128px;margin: 10px auto 0 auto;padding: 0;width: 980px;background: url('images/header_logo.png') no-repeat #FFF;z-index: 2;border:#FDBB40; border-width:thick; border-style: solid}

{position: relative;height: 128px;margin: 10px auto 0 auto;padding: 0;width: 980px;background: url('images/header_logo.png') no-repeat #FFF;z-index: 2; border:#69A4DC; border-width:thick; border-style: solid}
	
#header h1 {margin: 0;padding: 0;height: 52px;width: 200px;float: left;text-indent: -9999px;}
#header h1 a {height: 150px;width: 980px;display: block;}
#header .menu {margin: 140px 0 5px 0;padding: 0;list-style: none;width: 760px;float: left; font-size: 17px; font-family: 'Ubahn-Regular';}
#header .menu li {float: left;margin: 0 20px 0 0;padding: 0;}
#header .menu li a {text-decoration: none;color: #000;}
#header .menu li.current_page_item a, #header .menu li.current_page_parent a, #header .menu li a:hover {color: #FF3390;}

#header .donatebutton{display:inline; position:absolute; margin:133px 0 0 -100px}
#header .donatebutton2{display:inline; position:absolute; margin:133px 0 0 -100px}

/*================ COLUMNS ================*/

#wrap_column {
	float: left;
	height: auto;
	margin: 20px 0 0 0;
	padding: 0;
	width: 960px;
}

#wrap_column.front { margin: 0; }

#column-a {
	float: left;
	height: auto;
	margin: 0 20px 0 0;
	padding: 20px;
	width: 430px;
	background: #FFF;
	color: #000;
	font-size: 13px;
	line-height: 18px;
}

#column-b {
	float: left;
	height: auto;
	margin: 0;
	padding: 0;
	width: 470px;
	background: transparent;
	min-height: 400px;
}

	#column-b1 {
		width: 230px;
		margin: 0 20px 0 0;
		padding: 0;
		height: auto;
		float: left;
	}
	
	#socialbuttons{
		width:66px; float: left; padding: 5px 0 5px 0; text-decoration: none;
	}

	#column-b2 {
		width: 220px;
		height: auto;
		float: left;
	}

/*================ CONTENT ================*/

#wrap_content {
	float: left;
	height: auto;
	margin: 0;
	padding: 0;
	width: 100%;
	/*background: url('http://elsistemausa.org/wp-content/themes/el_sistema_usa/images/background-index.png') repeat-x #58589d;*/
}

	body.blue  { background: url('images/background_blue.png') repeat-x #3366CC; }
	body.purplepink  { background: url('images/background_purplepink.png') repeat-x #FF99CC; }
	body.pinkblue { background: url('images/background_pinkblue.png') repeat-x #FFFFCC; }
	body.pinkyellow { background: url('images/background_pinkyellow.png') repeat-x #FFF07C; }
	body.yellowgreen { background: url('images/background_yellowgreen.png') repeat-x #FF9900; }	
	body.greenblue { background: url('images/background_greenblue.png') repeat-x #72CFFF; }
	body.purpleyellow { background: url('images/background_purpleyellow.png') repeat-x #FFF07C; }

/*===========NEEDED FOR SECONDARY LEVEL MENUS=================*/

#navigation_secondary {
	height: auto;
	margin: 0 0 2px 0;
	float: left;
	padding: 0;
	width: 960px;
	background: #FFF;
	font-family: 'Ubahn-Regular';
}

	#navigation_secondary ul {
		float: left;
		height: auto;
		padding: 10px 0 10px 20px;
		margin: 0;
		list-style: none;
		width: 940px;
		font-size: 18px;
	}
	
		#navigation_secondary ul li {
			border-left: 1px #000 dotted;
			float: left;
			margin: 0;
			padding: 0 10px;
		}
		
			#navigation_secondary ul li:first-child {
				border: none;
				padding: 0 10px 0 0;
			}
		
			#navigation_secondary ul li a {
				color: #666;
				text-decoration: none;
			}
			
			#navigation_secondary ul li.current_page_item a {
				color: #000;
			}
			
/*===========NEEDED FOR THIRD LEVEL MENUS=================*/

#navigation_tertiary {
	height: auto;
	margin: 0;
	float: left;
	padding: 0;
	width: 960px;
	background: #FFF;
}

	#navigation_tertiary ul {
		float: left;
		height: auto;
		padding: 10px 0 10px 20px;
		margin: 0;
		list-style: none;
		width: 940px;
		font-size: 15px;
	}

		#navigation_tertiary ul li {
			border-left: 1px #000 dotted;
			float: left;
			margin: 0;
			padding: 0 10px;
		}

			#navigation_tertiary ul li:first-child {
				border: none;
				padding: 0 10px 0 0;
			}

			#navigation_tertiary ul li a {
				color: #666;
				text-decoration: none;
			}

			#navigation_tertiary ul li.current_page_item a {
				color: #000;
			}

#content {
	height: auto;
	padding: 20px 0;
	width: 960px;
	margin: 0 auto;
	position: relative;
}

body.pageid-380 #content {
	padding: 0;
}

	h2.index-title {
		font-family: 'Ubahn-Regular';
		font-weight: normal;
		line-height: 38px;
	}
	
		h2.index-title a { color: #00869F ; text-decoration: none; }
	
	h2.entry-title {
		font-family: 'Ubahn-Regular';
		font-weight: normal;
	}
	
		 h2.entry-title a { color: #FF0099; text-decoration: none; }

	body #arrow {
		position: absolute;
		top: 0;
		left: 204px;
	}

	body #donatearrow {
		display:none;
	}	
	
		body.blue #arrow { left: 195px; }
		body.purplepink #arrow { left: 260px; }
		body.pinkblue #arrow { left: 350px; }
		body.yellowgreen #arrow { left: 480px; }
		body.pinkyellow #arrow { left: 615px; }
		body.greenblue #arrow { left: 715px; }
		
		#partners div {
			margin: 0 0 35px 0;
			border-bottom: 3px solid #000;
		}

		.wrap_partner_logo {
			padding-bottom: 10px;
			
		}
		
		#movers div {
			margin: 0 0 35px 0;
			border-bottom: 3px solid #000;
		}

		.wrap_partner_logo {
			padding-bottom: 5px;
			padding-right: 5px;
			float:left;
			
		}

/*================ FOOTER ================*/

#wrap_footer {
	float: left;
	min-height: 200px;
	margin: 0;
	padding: 0;
	width: 100%;
	background: #333;
}

#footer {
	min-height: 200px;
	margin: 0 auto;
	padding: 0;
	width: 960px;
}

	#footer_sitemap {
		float: left;
		width: 980px;
		height: auto;
		margin: 0 auto;
		padding: 20px 0;
		font-size: 10px;
		color: #FFF;
	}
	
		#footer_sitemap a {
			color: #D7DF23;
			text-decoration: none;
		}
		
	#footer_sitemap ul {
		margin: 0 0 0 20px;
		padding: 0;
		float: left;
		width: 140px;
		list-style: none;
	}
	
		#footer_sitemap ul li {
			margin: 4px 0;
		}
		
		 #footer_sitemap ul li.title {
			margin: 0 0 10px 0;
		}
		
			#footer_sitemap ul li ul {
				margin: 0 0 0 10px;
			}
	
	#footer_mice {
		float: left;
		width: 940px;
		height: auto;
		margin: 0 auto;
		padding: 15px 0 20px 20px;
		font-size: 10px;
		color: #FFF;
		border-top: 1px #B3B3B3 solid;
	}
	
	#footer_mice a {
		color: #ED1E79;
		text-decoration: none;
	}
	
		#footer_mice p {
			width: 940px;
			margin: 5px 0;
			float: left;
		}
		
		#footer_mice ul {
			float: left;
			width: 880px;
			margin: 5px 0;
			padding: 0;
			list-style: none;
		}
		
			#footer_mice ul li {
				float: left;
				margin: 0;
				padding: 0 10px;
				border-left: 1px #FFF solid;
			}
			
			#footer_mice ul li:first-child {
				border: none;
				padding: 0 10px 0 0;
			}
			
/*================ MODULES ================*/

/* Gallery Index */

#gallery_index {
	margin: 0;
	padding: 0;
	height: 257px;
	width: 960px;
}

	#frame_index {
		width: 960px;
		height: 257px;
		top: 0;
		left: 0;
		margin: 0;
		padding: 0;
		overflow: hidden;
		position: relative;
	}

	#gallery_index ul {
		margin: 0;
		padding: 0;
		width: 5000px;
		height: 257px;
		list-style: none;	
	}
	
		#gallery_index ul li {
			float: left;
			height: 257px;
			width: 960px;
			margin: 0;
			padding: 0;
		}
		
			#gallery_index ul li img {
				float: left;
				height: 257px;
				width: 960px;
				margin: 0;
				padding: 0;
			}
			
/* Gallery Index Controls */

#module-gallery_index_controls {
	background: #D4E1E3;
	margin: 0 0 20px 0;
	width: 470px;
	height: 40px;
	float: left;
}

	#module-gallery_index_controls ul {
		margin: 0 0 0 15px;
		padding: 0;
		float: left;
		list-style: none;
	}
	
		#module-gallery_index_controls ul li {
			margin: 0;
			padding: 0;
			line-height: 40px;
			float: left;
		}
		
			#module-gallery_index_controls ul li a {
				padding: 0 6px;
				display: block;
				text-decoration: none;
				color: #333;
			}
			
			#module-gallery_index_controls ul li.first-gallery_index_controls a {
				padding: 0 6px 0 0;
			}
			
			#module-gallery_index_controls ul li a:hover,
			#module-gallery_index_controls ul li a.active {
				color: #FF3390;
			}
			
	#module-gallery_index_controls_caption {
		height: 20px;
		margin: 0px 0 10px 5px;
		padding: 0 0 0 10px;
		float: left;
		border-left: 1px #333 dotted;
		font-size: 12px;
		line-height: 20px;
		width: 332px;
	}

/* Button Play Video */

#module-play_video {
	margin: 0;
	padding: 0;
	float: left;
	width: 230px;
	height: 250px;
	background: transparent;
}

/* Module Index Quotes */

#module-index_quotes {margin: 10px 0 0 0;padding: 10px 0;float: left;width: 230px;height: 430px;border-top: 3px #121860 solid;border-bottom: 1px #121860 dotted;overflow: hidden;}
#module-index_quotes ul {height: 300px;width: 230px;margin: 0;padding: 0;list-style: none;position: relative;}
#module-index_quotes ul li {width: 230px;height: 290px;color: #FFF;font-size: 17px;line-height: 25px;position: absolute; top: 0;left: 0; display: none;}
#module-index_quotes ul li p.quote {margin-top: 0;}
#module-index_quotes ul li p.quote_author {float: right;color:#FFF;}
			
/* Module Inerior Quote */

#module-interior_quote {
	margin: 0;
	padding: 10px 0;
	float: left;
	width: 230px;
	height: auto;
	background: transparent;
	border-top: 3px #121860 solid;
	border-bottom: 1px #121860 dotted;
}

	body.about #module-interior_quote { border-top: 3px #FFF100 solid; border-bottom: 1px #FFF100 dotted;}
	body.whatwedo #module-interior_quote { border-top: 3px #262261 solid; border-bottom: 1px #262261 dotted; }
	body.wherewework #module-interior_quote { border-top: 3px #FF3390 solid; border-bottom: 1px #FF3390 dotted; }
	body.themes #module-interior_quote { border-top: 3px #FF3390 solid; border-bottom: 1px #FF3390 dotted; }
	body.reports #module-interior_quote { border-top: 3px #FF3390 solid; border-bottom: 1px #FF3390 dotted; }
	body.other #module-interior_quote { border-top: 3px #23327C solid; border-bottom: 1px #23327C dotted; }
	
	#module-interior_quote p.quote {margin-top: 0;color: #000;font-size: 17px;line-height: 25px;}
	#module-interior_quote p.quote_author {float: right; display: block; margin-bottom: 15px;}
			
/* Buttons */

#module-buttons {
	margin: 0;
	padding: 10px;
	float: left;
	width: 200px;
	background: #FFF;
	text-align:center;
}

	#module-buttons ul {
		margin: 0;
		padding: 0;
		list-style: none;
		float: left;
		width: 200px;
	}
	
		#module-buttons ul li {
			margin: 10px 0 0 0;
			padding: 10px 0;
			float: left;
			width: 200px;
		}
		
			#module-buttons ul li a {
				display: block;
			}
			
		#module-buttons ul li#button_watch {
			margin: 0;
			border-top: 3px #FF3390 solid;
			border-bottom: 1px #FF3390 dotted;
		}
		
		#module-buttons ul li#button_become {
			border-top: 3px #0071BC solid;
			border-bottom: 1px #0071BC dotted;
		}
		
		#module-buttons ul li#button_donate {
			border-top: 3px #0071BC solid;
			border-bottom: 1px #0071BC dotted;
		}
		
		#module-buttons ul li#button_newsletter  {
			border-top: 3px #0071BC solid;
			background-color:#FF3390;
			border-bottom: 1px #0071BC dotted;
		}
			
/* Featured Image */

#featured_image {
	margin: 0 0 20px 0;
	width: 470px;
	height: auto;
	float: left;
}

	#featured_image_quote {
		float: left;
		height: auto;
		width: 460px;
		margin: 0;
		padding: 10px 0 10px 10px;
		background: #D4E0E2;
		font-size: 12px;
	}

/*================ CLASSES ================*/


.clear { clear: both; }


/*================ WORDPRESS ================*/

.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}