/*
///////////////////////////////////////////////////////////////////////////////////////////// 
---
	RESPONSIVE CSS

Table of contents:
------------------

     1. ALL BROWSERs
	 2. IPAD landscape
	 3. IPAD Portrait
	 4. IPHONE landscape
	 5. IPHONE Portrait
	 6. Smartphones
	 7. Retina
	 
---
/////////////////////////////////////////////////////////////////////////////////////////////
*/

img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}
a img { border: 0px; }

.video-container {position: relative;padding-bottom: 49.5%;height: 0;overflow: hidden;}
.video-container iframe, .video-container object, .video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

/*
///////////////////////////////////////////////////////////////////////////////////////////// 
---
	1. ALL BROWSERs
---
/////////////////////////////////////////////////////////////////////////////////////////////
*/
@media screen and (orientation:portrait) {
	
	
}

/*
///////////////////////////////////////////////////////////////////////////////////////////// 
---
	2. IPAD landscape
---
/////////////////////////////////////////////////////////////////////////////////////////////
*/
@media screen and (max-width: 959px) {

#header #header_logo{ text-align:center; }
	#header #header_logo h1{
		display:inline-block;
		float:none;
		margin:0 auto;
		padding:10px 0 0 0;
	}
	#header #header_logo h1 img{
		margin:0;
	}
	#header #header_logo h1 a{
		display:inline-block;
		margin:0 auto -7px auto;
	}
	#header #navigation{
		text-align:center;
		position:inherit;
	}
	.force_break{ display:none; } 
.container {
	padding: 0 20px;
	width: 726px;
	margin: 0 auto;
}
.one-half { width: 353px; }
.one-third { width: 228px; }
.two-third { width: 476px; }
.one-fourth { width: 166px; }
.two-fourth { width: 352px; }
.three-fourth { width: 539px; }
.one-fifth { width: 129px; }
.two-fifth { width: 278px; }
.three-fifth { width: 427px; }
.four-fifth { width: 576px; }
#page_content .one-half { width: 260px; }
#page_content .one-third { width: 167px; }
#page_content .two-third { width: 354px; }
#page_content .one-fourth { width: 120px; }
#page_content .two-fourth { width: 260px; }
#page_content .three-fourth { width: 400px; }
#page_content .one-fifth { width: 92px; }
#page_content .two-fifth { width: 204px; }
#page_content .three-fifth { width: 316px; }
#page_content .four-fifth { width: 428px; }
		
.boxed{
	margin:0px auto;
}
.flex-caption {
	width: 100%;
	margin: 0;
	left: 0;
	bottom: 25px;
	color: white;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .3);
	font-size: 14px;
	line-height: 18px;
}
.flex-control-nav {
width: 100%;
position: absolute;
text-align: right;
margin-top: -54px;
right: 10px;
margin-right: -460px;
margin-left: -10px;
left: 0;
}
#flickr_badge_wrapper{
	padding:15px 0 0 15px !important;
}
#google_map_title .content {
max-width: 768px;
}
#google_map_title .content .page_title_overlay{
		padding: 10px 0 10px 20px;
		width: 96.9%;
	}

#single_title{ min-height:300px;}
#single_title .content{
		margin:0 auto;
		padding:20px 0 80px 0;
		width:100%;
		max-width:728px;
	}
	.single_title_overlay{
		width:95%;
	}
	.share_bar span {
	margin: 0 5px 0px 0px;
	}
	.ul_columns.social_links li {
width: 95% !important;
padding: 3px 0 3px 24px !important;
}
.theme-default .nivo-caption {
width: 100% !important;
left: 0 !important;
margin: 0 !important;
}
}

/*
///////////////////////////////////////////////////////////////////////////////////////////// 
---
	3. IPAD Portrait
---
/////////////////////////////////////////////////////////////////////////////////////////////
*/
@media only screen and (min-width: 768px) and (max-width: 959px) {

.container {width: 728px;}

.one-half{ 		width: 354px; }
.one-third{ 	width: 229px; }
.two-third{ 	width: 479px; }
.one-fourth{ 	width: 167px; }
.two-fourth{ 	width: 354px; }
.three-fourth{ 	width: 541px; }
.one-fifth{ 	width: 129px; }
.two-fifth{ 	width: 278px; }
.three-fifth{ 	width: 430px; }
.four-fifth{ 	width: 579px; }

.post_layout_2 .thumbnail_post,
.post_layout_2 .infos_post,
.post_layout_3 .thumbnail_post,
.post_layout_3 .infos_post{ width:167px; }
.post_layout_2 .intro, .post_layout_3 .intro{ font-size:12px; line-height:17px; }

#twitter_update .content, #widgetized_footer .content, #copyright .content{
	margin:0 auto;
	width:100%;
	max-width:728px;
}
.teasing_block p {width: 75%;}
.slogan .first-line { font-size: 24px; line-height: 30px; }
#page_title .content{
		margin:0 auto;
		padding:20px 0;
		width:100%;
		max-width:728px;
	}
#flickr_badge_wrapper{
	padding:10px 0 0 0 !important;
}
}

/*
///////////////////////////////////////////////////////////////////////////////////////////// 
---
	4. IPHONE landscape
---
/////////////////////////////////////////////////////////////////////////////////////////////
*/
@media only screen and (min-width: 478px) and (max-width: 767px) {
	#header #navigation ul li a {
font-size: 13px;
padding: 5px 10px;
	}
	#header #navigation ul li a .subline {
display: none;
	}
	.container { width: 420px; }
	.one-half,
	.one-third,
	.two-third,
	.one-fourth,
	.two-fourth,
	.three-fourth,
	.one-fifth,
	.two-fifth,
	.three-fifth,
	.four-fifth { width: 100%; margin-right:0; }
	    #page_content .one-half,
		#page_content .one-third,
        #page_content .two-third,
    #page_content .one-fourth,
        #page_content .two-fourth,
        #page_content .three-fourth,
    #page_content .one-fifth,
   		#page_content .two-fifth,
   		#page_content .three-fifth,
   		#page_content .four-fifth{ width: 100%; margin-right:0; }
		
	.teasing_block p {
		float:none;
		padding: 0 20px 20px 0;
		width: 100%;
	}
	.teasing_block a.nice_button {
		margin: 0 auto;
		float: none;
		width: 80%;
		display: block;
	}
	.teasing_block br.clear{ display:none; }
	.slogan .first-line { font-size: 18px; line-height: 24px; }
	.post_layout_2 .thumbnail_post,
	.post_layout_2 .infos_post,
	.post_layout_3 .infos_post{ width:200px; }
	.post_layout_3 .thumbnail_post{ width:200px; margin-right: 20px; }

	#twitter_update .content, #widgetized_footer .content, #copyright .content{
		margin:0 auto;
		width:100%;
		max-width:420px;
	}
	.thumbnail_post{ max-height:320px; }
	#copyright .left, #copyright .right{ width:100%; float:left; text-align:center;}
	.post_layout_1 .infos_post { padding: 20px 0; width: 100%; }
	#twitter_update { padding: 20px 20px 20px 50px;}
	.single_title_overlay, .page_title_overlay{
		margin:0 auto;
		display:block;
		text-align:center;
	}
	
.single_title_overlay {
padding: 10px 0px;
width: 100%;
}
#flickr_badge_wrapper{
	padding:10px 0 0 0 !important;
}
	#flickr_badge_wrapper a {margin: 0 7px 10px 5px !important; }
	#widgetized_footer .one-fourth{
	margin-bottom:30px;
}
.ul_columns.social_links li {
width: 27% !important;
padding: 6px 0 6px 24px !important;
}
}

/*
///////////////////////////////////////////////////////////////////////////////////////////// 
---
	5. IPHONE Portrait
---
/////////////////////////////////////////////////////////////////////////////////////////////
*/
@media only screen and (max-width: 479px) {
	#header nav ul { display: none; }
	#header nav select { 
		display: block;
		width:280px;
		margin:0 auto 10px auto;
		border: 1px solid #CCC;
		outline: none;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		font: 13px "HelveticaNeue", "Helvetica Neue",Helvetica,Arial,sans-serif;
		color: #777;
		height: 30px;
		padding: 6px;
		background: white;
	}
	.container { padding: 0 20px; margin: 0 auto; width: auto;}
	.one-half,
	.one-third,
	.two-third,
	.one-fourth,
	.two-fourth,
	.three-fourth,
	.one-fifth,
	.two-fifth,
	.three-fifth,
	.four-fifth { width: 100%; margin-right:0; }
	#page_content .one-half,
		#page_content .one-third,
        #page_content .two-third,
    #page_content .one-fourth,
        #page_content .two-fourth,
        #page_content .three-fourth,
    #page_content .one-fifth,
   		#page_content .two-fifth,
   		#page_content .three-fifth,
   		#page_content .four-fifth{ width: 100%; margin-right:0; }
	.slogan .first-line { font-size: 18px; line-height: 24px; }
	.teasing_block p {
		float:none;
		padding: 0 20px 20px 0;
		width: 100%;
	}
	.teasing_block a.nice_button {
		margin: 0 auto;
		float: none;
		width: 80%;
		display: block;
	}
	.teasing_block br.clear{ display:none; }
	.post_layout_2 .thumbnail_post,
	.post_layout_2 .infos_post,
	.post_layout_3 .thumbnail_post,
	.post_layout_3 .infos_post{ width:100%; }
	.thumbnail_post{ max-height:150px; }
	.post_layout_classic .thumbnail_post{ float:none; margin:0 0 10px 0; width:100%; max-height:200px; }
	#widgetized_footer .content, #copyright .content{
		margin:0 auto;
		width:100%;
		max-width:280px;
	}
	#twitter_update{
		margin:0 auto;
	}
	#copyright .left, #copyright .right{ width:100%; float:left; text-align:center;}
	.post_layout_1 .infos_post { padding: 20px 0; width: 100%; }
	#twitter_update { padding: 20px 20px 20px 10px;}
	.flex-caption {display:none;}
	#page_title {padding: 0 10px;}
	#page_title .content {padding: 10px 0 40px 0px;
}
	.single_title_overlay, .page_title_overlay{ text-align:center;}
	.single_title_overlay h2, .page_title_overlay h2 { font-size:24px; line-height:normal;}
	.single_title_overlay .subtitle, .page_title_overlay .subtitle{ font-size:16px; line-height:normal;}
	#flickr_badge_wrapper a {margin: 0 0px 5px 5px !important; }
#flickr_badge_wrapper{
	padding:10px 0 0 0 !important;
}
#google_map_title .content .page_title_overlay{
		padding: 10px 0 10px 0;
		width: 100%;
	}

#single_title{ min-height:250px;}
.single_title_overlay {
padding: 10px 0px;
width: 100%;
}

#widgetized_footer .one-fourth{
	margin-bottom:30px;
}
.info_bar{
	display:none;
}
.ul_columns.social_links li {
width: 40% !important;
padding: 6px 0 6px 24px !important;
}
#top_bar .social_links{
	display:block;
	float:none;
	width:100%;
	text-align:center;
}
#top_bar ul.social_links li {
display: inline-block;
float:none;
}
.nivo-directionNav a {
	top:20% !important;
}
.nivo-caption{
	display:none !important;
}
}