/*
Theme Name: The Foundation
Theme URI: http://www.fashiononefoundation.org/
Author: Noy Juan / salbahis / Jan Caser
Author URI: http://www.fashiononefoundation.org/
Description: Fashion|One Foundation default Theme
Version: 0.b1
Tags: white,green,red,fashion,human,environment
Text Domain: the_foundation
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

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, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
:focus {/* remember to define focus styles! */
	outline: 0;
}
body {
	background: #fff;
	line-height: 1;
}
ol, ul {
	list-style: none;
}
table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

em,i{
	font-style:italic;
}

a img {
	border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}


/* =Structure
----------------------------------------------- */
strong,.bold{font-weight:bold;}

html{margin:0 !important;}
.left{float:left !important;}
.right{float:right !important;}
.center{margin:0 auto !important;}
.clear{clear:both !important;}
.clearleft{clear:left !important;}
.clearright{clear:right !important;}

.text-left{text-align:left !important;}
.text-right{text-align:right !important;}
.text-center{text-align:center !important;}
.text-justify{text-align:justify !important;}

.hide{display:none !important;}

.loader{
	background:url('images/ajax-loader.gif') no-repeat 50% 50%;
	min-height:40px;
	min-width:30px;
}

/* ============================== */
/* ! Layout for desktop version   */
/* ============================== */
html,
body {
   margin:0;
   padding:0;
   height:100%;
}
.row{
	/*background:url('images/bg_trans_white.png') repeat 0 0 !important;*/
}
body{
	font: 1em/14px 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	line-height:1.3em;
	color:#333333;
	/*background:#FFFFFF url('images/bg.gif')	no-repeat -32% 50%;*/
	background-color:#FFFFFF;
	/*background:#FFFFFF url('images/bg2.jpg') no-repeat 0 0;*/
	
	background-attachment:fixed;
}

.main-wrapper{
	min-height:100%;
	position:relative;
}
/* Header */
#header{
	padding-top:25px;
}

/* Body */
#body{
	padding-bottom:50px;
}
/* Footer */
#footer{
/*	position:absolute;
	bottom:0;
	width:100%;
	height:79px;*/
	padding:10px 0;
	font-size:12px;
	color:#AAAAAA;
}

#footer .footer-border{
	border-top:1px dashed #DFDFDF;
	padding-bottom:10px;
}

/* Breadcrumb*/
#breadcrumb{
	color:#333333 !important;
	font-size:14px !important;
}
	#breadcrumb a{
		text-decoration:none !important;
		color: #0066CC !important;
		font-size:14px;
		text-transform:uppercase !important;
		font-weight:bold !important;
	}
		#breadcrumb a:hover{			
			color:#990033 !important;
		}


/* Navigation*/
#navigation{	
	/*border-bottom:1px solid #DCDCDC;*/
	margin:0 auto 20px auto;
	height:100px;height:170px;
	/*background:url('images/logo.png') no-repeat 50% 0;*/
}
	#navigation .logo{
		text-align:center;
	}
	
	#navigation .nav-inner{
		width:100%;
	}
		#navigation .menu-wrapper{
			margin-top:80px;
			width:50%;
			text-align:center;
			float:left;
		}
		#navigation .menu-wrapper-last{
			float:right;
		}
		#navigation .menu{
			text-transform:uppercase;
			text-decoration:none;
			font-size:1.1em;
			font-weight:100;
			color:#666666;
			display:block;
			margin:0 20px;
			padding:0 0 20px 0;
			text-align:center;
			float:left;width:150px;
			border-bottom:5px solid transparent;
		}
			#navigation .menu:hover,
				#navigation .current{
				border-bottom:5px solid #990033;
			}
	/*#navigation .nav-inner{
		margin-top:54px;
		width:350px;
	}
	#navigation .menu{

	}
		#navigation .menu:hover{
			border-bottom:5px solid #990033;
		}*/
		
/* Homepage */
#homepage h2{
	font-size:24px;
	color:#333333;
	padding:20px 0;
	text-transform:uppercase;
}

/* Featured */
#featured{
	height:355px;
	background-color:#FFFFFF;
	margin-bottom:20px;
}
	#featured img{
		width:100%;
		margin:0 auto;		
	}
	#featured .slide-more{
		position:absolute;
		height:355px;
		max-width: 1140px;
		min-width: 755px;		
		width:100%;
		position:absolute;		
	}
	
	#featured #featured1-video{
		padding:10px 25px;
		font-size:14px;
		background-color:#990033;
		color:#FFFFFF;
		border:none !important;
		text-transform:uppercase;		
		margin-top:290px;
		margin-right:100px;
		text-decoration:none;
		display:block;				
	}
	#featured #video-player{
	}


#home-featured-slides{
	width:1140px;
	height:355px;
	overflow:hidden;
	margin-bottom:20px;
}
	#home-featured-slides .timer{
		display:none;
	}
	
	#home-featured-slides #featured-slides,
			#home-featured-slides #featured-slides .slide-item{
		width:1140px;
		height:355px;
	}
	#home-featured-slides #featured-slides{
		overflow:hidden;
	}
	
	#home-featured-slides #featured-slides .slide-slide{
		display:none;
	}
	#home-featured-slides #featured-slides .active-slide{
		display:block !important;
	}
	#home-featured-slides .slide-more{
		position:absolute;
		height:355px;
		max-width: 1140px;
		min-width: 755px;		
		width:100%;
		position:absolute;		
	}
	#home-featured-slides #featured1-video{
		padding:10px 25px;
		font-size:14px;
		background-color:#990033;
		color:#FFFFFF;
		border:none !important;
		text-transform:uppercase;		
		margin-top:300px;
		margin-right:100px;
		text-decoration:none;
		display:block;				
	}
	
	#home-featured-slides #about-more{
		color:#FFFFFF;
		font-size:14px;
		margin-top:170px;
		margin-left:152px;
		width:420px;
	}
		#home-featured-slides #about-more a{
			text-decoration:none;
			color:#F4A733;
		}



/* Subtitle */
h3.subtitle{
	font-size:24px;
	color:#333333;
	border-top:1px dashed #DFDFDF;
	border-bottom:1px dashed #DFDFDF;
	padding:20px;margin:0;
	text-align:center;
	font-weight:100;
	line-height:1.3em;
}

/* Featured Articles */
.featured-articles{
	border-bottom:1px dashed #DFDFDF;
}
	.featured-articles .featured-article{
		padding:20px 0;
	}
	.featured-articles .thumb{
		padding:5px;
		background-color:#FFFFFF;
		width:300px;height:180px;
		border:1px solid #dfdfdf;
	}
		.featured-articles .thumb img{
		}
	.featured-articles .featured-article-title{
		font-size:19px;
		color:#333333;
		padding:20px 0;
		text-transform:uppercase;
	}
	.featured-articles .featured-article-content{
		height:100px;
		padding:0;margin:0;
	}
		.featured-articles .featured-article-content .excerpt{
			padding:0;margin:0;
			font-size:13px;
			color:#666666;
			line-height:1.3em;
			height:80px;
			overflow:hidden;
		}
		.featured-articles .featured-article-content .more{
			text-align:right;	
		}
			.featured-articles .featured-article-content .more a{
				padding:0;margin:0;
				font-size:13px;
				line-height:1.3em;
				color:#990033;
				text-decoration:none;
				font-weight:bold;
				text-transform:uppercase;
			}
	
/* Others */
#others{
	padding-bottom:20px;
}

	#press{}
	#press li{
		padding-bottom:10px;
	}
	#press li a{
		font-size:14px;
		text-decoration:none;
		color:#333333;
	}
		#press li a span{
			font-weight:bold;
			text-decoration:none !important;
			color:#000000;
		}
		#press li a:hover{
			color:#990033;
		}
			#press li a:hover span{
				color:#000000;
			}
	
	/* Contact */
	#contact .location{
		font-size:14px;
		color:#333333;
		text-decoration:none;
		text-transform:uppercase;
	}
		#contact .location span{
			color:#990033;
			font-size:16px;
			font-weight:bold;
		}
	#contact .contact-info{
		font-size:13px;
		line-height:1.2em;
		padding:10px 15px;
		margin:10px;
		background-color:#DDEAEC;
		border-radius:4px;
		display:none;
	}
	#contact .selected{display:block !important;}
	
	/* Twitter */	
	#twitter .feeds{
		background-color:#ddeaec;
		padding:5px 15px;
		border-radius:4px;-moz-border-radius:4px;-khtml-border-radius:4px;-webkit-border-radius:4px;
	}
	#twitter .twitter-feeds li{
		padding:5px 0;
	}
		#twitter .twitter-feeds li.even{
			border-top:1px dashed #cccccc;			
		}
	#twitter .twitter-feeds .feed{
		font-size:13px;
	}
		#twitter .twitter-feeds .feed a{
			text-decoration:none;
			color:#669999;
		}
		#twitter .twitter-feeds .feed .user .name{
			font-weight:bold;
			color:#000000;
		}
		#twitter .twitter-feeds .feed .user .slug{
			color:#AAAAAA;
			text-decoration:none;
		}
		#twitter .twitter-feeds .feed .text{
			color:#666666;
			line-height:1.2em;
		}
		#twitter .twitter-feeds .feed .time{
			color:#AAAAAA;
			text-align:right;
		}
		
		
/* Article Page */
.article-page{
	padding:10px 0;
}
	.article-page h3{
		font-weight:bold;
		padding:0;
		margin:20px 0;
	}
	.article-page h4{
		font-weight:bold;
		padding:0;
		margin:0 0 20px 0;
		font-size:20px;
	}
	.article-page p{
		line-height:1.3em;
		margin-bottom:10px;
	}
	.article-page .article-title{
		font-size:40px;
		padding:0;margin:0 0 20px 0;
		color:#666666;
		text-transform:uppercase;
		text-align:center;
		font-weight:bold;
		line-height:1.3em;
	}
	.article-page .article-sub-title{
		font-size:30px !important;
		padding:0 !important;margin:0 0 20px 0 !important;
		color:#666666 !important;
		text-align:center !important;
		font-weight:normal !important;
	}
	.article-page .article-content{
		padding-top:20px;
	}
	.article-page p{
		font-size:14px;
		line-height:1.3em;
		padding-bottom:10px;
	}
	.article-page a{
		text-decoration:none;
		color:#0066cc;
	}
		.article-page a:hover{
			border-bottom:1px dotted #333333;
		}
	blockquote.title{
		width:70%;
		margin:0 auto 20px auto;
	}
		blockquote.title .message{
			font-size:35px;
			padding:0;margin:0;
			color:#666666;
			text-align:center;
			font-weight:bold;
			line-height:0.1em;	
		}
		blockquote.title .author{
			text-align:right;
			text-transform:uppercase;
			font-size:14px;
			color:#666666;
		}
	
#article-partners .article-title{
	width:70%;
	margin:0 auto 20px auto;
}

/* Contact-Us */
	#contact-us .contact-wrapper{
		padding:50px 0;
	}
		#contact-us .contact-wrapper h2{
			color: #333333;
			font-size: 20px;
			padding: 20px 0;
			text-transform: uppercase;
		}
		/* Contact */
		#contact-us #contact .contact-info{
			padding:10px 20px !important;
			background:none !important;
		}
		/* Form */	
		#contact-form .wpcf7-form label span{
			color: #333333;
			font-size: 14px;
			text-decoration: none;
			text-transform: uppercase;
		}
		#contact-form .wpcf7-form input[type=text],
			#contact-form .wpcf7-form input[type=email],
			#contact-form .wpcf7-form textarea{
			border:1px solid #CCCCCC;
			padding:5px;
			font-family:inherit;
			font-size:12px !important;
		}
		#contact-form .wpcf7-form textarea{
			resize:none !important;	
		}
		#contact-form .wpcf7-form input[type=submit].wpcf7-submit{
			background:#F2F2F2 url('images/white-grad.png') repeat-x 0 0;			
			-moz-box-sizing: content-box;
			border: 1px solid #BBBBBB;
			/*border-radius: 11px 11px 11px 11px;*/
			color: #464646;
			cursor: pointer;
			font-size:14px;
			text-transform:uppercase;
			padding: 2px 15px !important;
			text-decoration: none;
			text-shadow: 0 1px 0 #FFFFFF;
		}
			#contact-form .wpcf7-form input[type=submit].wpcf7-submit:hover{
				border-color:#666666;
			}

/* Get Involved*/
#get-involved{
	font-size:14px;
}
	#get-involved .article-title{
		width:70%;
		margin:0 auto 50px auto;
		line-height:1.3em;
	}
	#get-involved .article-content{
		background:url('images/get-involved.png') no-repeat 10% 50%;		
		padding-left:600px;
		min-height:500px;
	}
			#get-involved .article-content .inner-content{
				/*padding-top:40px;*/
			}
	#get-involved h3{
		color: #333333;
		font-size:18px;
		padding:40px 0 15px 0;
	}

/* Partners */
#partners{
}
	#partners .last{
		/*border-left:1px dashed #CCCCCC;*/
	}		
	#partners .article-title{
		width:70%;
		margin:0 auto 40px auto;
		line-height:1.3em;
	}
	
	#partners .partners-info{
		padding:0 80px 0 0 !important;
	}
	#partners .last .partners-info{
		padding:0 0 0 80px !important;
	}
		#partners .partners-info .thumb{
			padding:10px;
			width:400px;
			height:200px;
			margin:0 auto;
		}
			#partners .partners-info .thumb img{
				width:100%;				
			}
	#partners .partners-info .excerpt{
		height:115px;
		padding-bottom:30px;
	}
	#partners .partners-info p{
		margin-bottom:10px;
		font-size:14px;
	}
	#partners .partners-info a{
		text-decoration:none;
		color:#0066CC;
	}
	#partners .partners-info .more{
		font-size:14px;
	}
	#partners .partners-info .more a{
		font-weight:bold;
		color:#333333 !important;
	}
		#partners .partners-info .more a:hover{
			color:#0066CC !important;
		}
/*#info-fashion-hope{
	margin:0 auto;
	float:none !important;
}*/

/* Related Articles */
#related-articles{}
	#related-articles h4{
		font-size:25px;
		text-transform:uppercase;
		margin:20px 0;padding:0 0 3px 0;
		border-bottom:1px dashed #DFDFDF;
	}
	#related-articles .featured-articles{
		border:none !important;
	}
	
/* Lists */
#lists{
	list-style-type:none;
	padding:0;margin:0;
}
	#lists li{
		margin-bottom:20px;
	}
	#lists .thumb{
		background-color:#FFFFFF;
		width:200px;
		height:120px;
		padding:5px;
		borde:1px dotted #DFDFDF;
		float:left;
		overflow:hidden;
	}
		#lists .thumb .inner{
			overflow:hidden;
			width:200px;
			height:120px;
		}
	#lists .has_thumb .info{
		width:860px;
		float:left;
		padding-left:30px;
	}
		#lists .info .title{
			font-size:18px;
			padding-bottom:10px;
		}
		#lists .info .sched{
			font-size:13px;
			padding-bottom:10px;
		}
		#lists .info .excerpt{
			font-size:14px;
		}
		#lists .info .more,
			#lists .info .more a{
			font-size:14px;
			color:#990033;
		}
		
/* About */
#about{
	
}
	#about #article-background{
		padding-top:50px;
	}

	#about h4{
		border-bottom: 1px dashed #DFDFDF;
		font-size: 25px;
		margin: 20px 0;
		padding: 0 0 3px;
		text-transform: uppercase;
	}
	#about h5{
		font-size:20px;
		padding-bottom:50px;
		line-height:1.3em;
	}
	#about p{
		font-size:15px;
		line-height:1.3em;
	}
	#about #featured-articles{
		border:none !important;
	}
	
/* Objective */
#objective{
	
}
	#objective #article-background{
		padding-top:50px;
	}

	#objective h4{
		border-bottom: 1px dashed #DFDFDF;
		font-size: 25px;
		margin: 20px 0;
		padding: 0 0 3px;
		text-transform: uppercase;
	}
	#objective h5{
		font-size:20px;
		padding-bottom:20px;
		line-height:1.3em;
	}
	#objective p{
		font-size:15px;
		line-height:1.3em;
	}
	#objective #featured-articles{
		border:none !important;
	}


	#objective #projects {
	}
		#objective #projects li{
			float:left;	
		}
			#objective #projects li a{
				display:block;
				padding:5px;
				text-decoration:none !important;
				border:none !important;
				overflow:hidden;
			}
				#objective #projects li a .overlay{
					position:absolute;
					z-index:99;
					width:150px;height:75px;
					background-color:#000000;
					opacity:0.6;
					filter:alpha(opacity=60); /* For IE8 and earlier */
					color:#FFFFFF;
					text-align:center;
					font-size:13px;
					margin-top:-124px;
					padding-top:45px;
					display:none;
				}
					#objective #projects li a:hover .overlay{
						display:block;
					}
	
/* Facebook */
#LikeboxPluginPagelet{}		
	#LikeboxPluginPagelet .fan_box .full_widget,
		#LikeboxPluginPagelet .fan_box .connections{
		border:none !important;
	}
	
/* Player */
.player{
	width:500px;
	border-radius:3px;
	/*background-color:#000000;*/
	background:url('images/bg-trans.png') repeat 0 0;
}
		.player .player-inner{
			width:490px !important;
			height:300px !important;			
			padding:5px;			
		}
	.player-left{
		margin:0 20px 0 0 !important;
	}
	.player-right{
		margin:0 0 0 20px !important;
	}
	.player-center{
		margin-top:0 !important;
		margin-bottom:0 !important;
	}
	.player .player-caption{
		padding:5px 10px;
		font-size:12px;
		color:#CCCCCC;
	}
		.player .player-caption h4{
			font-size:13px;
			font-weight:100;
			padding:0;margin:0;
			color:#FFFFFF;
		}
		
		.player .player-caption table{width:100%;}
			.player .player-caption table td{padding:2px;}
			.player .player-caption table .col1{width:20%;}
			.player .player-caption table .col2{width:80%;}
			
/*.gallery {
	margin: auto;
	height:690px;width:1140px;
	overflow:hidden;
	position:absolute;
}
.gallery .gallery-item {
	float: left;
	margin-top: 10px;
	text-align: center;
	width:490px;height:400px;	
	display:none;
	position:absolute;
}
	.gallery .ui-active-slide{
		display:block !important;
		z-index:1;
	}
.gallery img {
	border: 2px solid #cfcfcf;
}
.gallery .gallery-caption {
	margin-left: 0;
}*/
#custom-gallery{
	height:400px;width:500px;
	margin:0 20px 15px 0;
	float:left;
	border-radius:3px;	
	background:url('images/bg-trans.png') repeat 0 0;
}
	#custom-gallery .inner-wrapper{
		height:300px;width:490px;
		overflow:hidden;
		padding:5px;
	}
		#custom-gallery .slide{
			height:inherit !important;width:inherit !important;
			background-position:0 0;
			background-repeat:no-repeat;
			display:none;
			position:absolute;
			overflow:hidden;
		}
			#custom-gallery .ui-active-slide{
				display:block;
				z-index:1;
			}
		#custom-gallery .gallery-content{
			padding:5px 10px;
			font-size:12px;
			color:#CCCCCC;
		}
		#custom-gallery .gallery-content h4{
			font-size:13px;
			font-weight:100;
			padding:0;margin:0;
			color:#FFFFFF;
		}
		
		#custom-gallery .gallery-content table{width:100%;}
			#custom-gallery .gallery-content table td{padding:2px;}
			#custom-gallery .gallery-content table .col1{width:20%;}
			#custom-gallery .gallery-content table .col2{width:80%;}
			

#call-to-action{
	padding-bottom:47px;
}
	#call-to-action .container{
		padding:10px 0 6px 0;
		/*background-color:#fffad9;*/
		background:url('images/trans-yellow.png') repeat 0 0;
		/*border-bottom:1px solid #F3F3F3;*/
		position:fixed;
		width:100%;
		z-index:999;
	}
	#call-to-action .row{
		font-size:13px;
		font-weight:bold;
		width:1140
	}
	#call-to-action .close{
		font-weight:normal;
		color:#0066CC !important;
		text-decoration:none;
		font-size:11px;
		text-transform:uppercase;
	}
		#call-to-action .close:hover{
			color:#990033 !important;
			text-decoration:underline;
		}


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

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

	body {
		
	}
	
	/* Navigation */
	#navigation{
		/*background:url('images/logo.png') no-repeat 50% 0;
		border-bottom:1px solid #DCDCDC;
		margin:0 auto 20px auto;*/
		height:250px;
		padding-top:100px;
	}
		#navigation .nav-inner{
			margin:0 0 5px 0 !important;
			width:100% !important;
		}
		#navigation .menu{
			margin:0 0 5px 0 !important;
			padding:15px 0 !important;
			float:none !important;
			text-align:center;
			
			width:100% !important;			
		}
			#navigation .menu:hover{
				border-bottom:none !important;
				border-right:5px solid #990033;
			}
	
	/* Subtitle */
	h3.subtitle{
		line-height:1.3em;
	}



}


/* ========================================== */
/* ! 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;
	}*/

}