/*-----------------------------------------------------------------------------------

	Theme Name: FluidApp
	Author: Two2Twelve Themes
	Author URI: http://themes.two2twelve.com
	Version: 1.0
	
	Stylesheet: Media Queries
	
-----------------------------------------------------------------------------------*/
/* For iPhones and Mobile */
@media only screen and (max-width:750px) { 
	.frame_big2 {
		min-height:325px;
		max-width: inherit;
	}
	
	.frame_big4 {
		max-width:400px;
	}
	.frame_big5 {
		max-width:278px;
		min-width:259px; 
		height:220px;
	}
	.frame_big6 {
		max-width:278px;
		min-width:259px; 
		height:220px;
	}
	
	.selectyes {
		float:left;
		margin: -10px 0px 8px 0px;
		-webkit-appearance: button;
		-webkit-border-radius: 2px;
		-webkit-padding-end: 20px;
		-webkit-padding-start: 2px;
		-webkit-user-select: none;
		background-image: url(../images/select-arrow.png), -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
		background-position: center right;
		background-repeat: no-repeat;
		border: 1px solid transparent;
		color: #555;
		font-size: 12px;
		padding: 0px 0px 4px 4px;
		width: 250px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}
	div#lieu {
		max-width: 283px;
	}
	div#page_wrapper {
		width: 320px;
		overflow: hidden;
		margin: 0 auto;
	}
	.container {
		width: auto;
		margin: 0 auto;
	}
	header {
		padding: 0px 10px 0px 10px;
		margin-bottom: 0px;
	}
		header nav ul,
		header nav span.arrow { display: none !important; }
		header .select-menu   { display: block; }
	section { padding: 0px 10px 0px 10px; }
	section #app_info {
		text-align: center;
		float: none;
		width: 100%;
		padding: 0;
		margin-top: 30px;
	}
		section #app_info a.logo img{ width: 260px; }
		section #app_info span.tagline {
			margin-bottom: 15px;
			font-size: 18px;
		}
		section #app_info p { margin-bottom: 20px; }
		section #app_info .buttons { width: 320px; float: none; margin: 0 auto; }
			section #app_info .buttons a:first-child { margin: 0; }
			.large_button,
			section #app_info .buttons .large_button {
				width: 115px;
				font-size: 17px;
				margin-left: 10px;
			}
				.large_button em { font-size: 8px; }
				section #app_info .buttons .large_button#blackberry,
				.large_button#blackberry,
				section #app_info .buttons .large_button#windows,
				.large_button#windows { font-size: 14px }
	section #pages {
		background: none;
		width: 100%;
		float: none;
		padding: 0;
		margin-top: 10px;
	}
	section #pages .top_shadow {
		background: url('../images/light-shadow_vertical.png') no-repeat top center;
		width: 320px;
		height: 60px;
		position: static;
	}
	section #pages .bottom_shadow { display: none; }
	section #pages div.page 			{ padding-top: 20px; }
	section #pages .content_box 	{ padding-top: 5px; }
	/* Homepage */
	div#main { width: 290px; height: 400px; margin: 0px 0px 0px 10px; }
		div.echo-nav { width: 320px; } 
			div.echo-nav a{ width: 20px; }
		div#main div.main { height: 400px; }
			div#main div.slide .background {
				top: 60px;
				left: -5px;
			}
			div#slider div.slide .foreground {
				left: 85px;
				top: 40px;			
			}
	
	/* Dress code */
	div#dresscode {
		max-width: 283px;
	}

	/* Features */
	div.feature_list .one_half {
		float: none;
		width: 100%;
	}
	div.feature_list .one_half:last-child { margin-bottom: 0; }
	/* Screenshots */
	div.screenshot_grid .one_third {
		width: 45%;
	}
	div.screenshot_grid .one_third.column_last { 
		margin-right: 4% !important;
	}
	div.screenshot_grid div a { width: 120px; height: 85px; }
	/* Updates */
	article.release { width: 300px; }
	article.release:last-child { margin-bottom: 0; }
		article.release h2 { padding-right: 5px; }
	/* Press */
	div.press_mentions ul li:last-child { margin-bottom: 0; }
	/* Contact */
	div#contact_form p.left,
	div#contact_form p.right {
		float: none;
		width: auto;
		margin-bottom: 20px;
	}
	div#contact_form div.row { margin-bottom: 0px; }
	div#contact_form textarea {
		width: 280px;
		margin-top: 10px;
	}
	/* Footer */
	footer { padding-top: 20px;	}
	
}
/* For iPads and Tablets */
@media screen and (min-width:751px) and (max-width:990px) { 

	div#page_wrapper {
		width: 768px;
		overflow: hidden;
		margin: 0 auto;
	}
	.container {
		width: auto;
		margin: 0 auto;
	}
	.frame_big6 {
		max-width:578px;
		min-width:459px; 
		height:320px;
	}

	header {
		padding: 0px 20px 0px 10px;
		margin-bottom: 0px;
	}
	div#main {
		margin-left: 95px;
		margin-top: 0px;
		width: 70%;
	}
	
	section {
		padding: 0px 10px 0px 10px;
	}
	section #app_info {
		text-align: center;
		float: none;
		width: 50%;
		padding: 0;
		margin: 30px auto 0px auto;
	}
		section #app_info .buttons { width: 360px; float: none; margin: 0 auto; }
			section #app_info .buttons a:first-child { margin: 0; }
	section #pages {
		background: none;
		width: 550px;
		float: none;
		padding: 0;
		margin: 20px auto 0px auto;
	}
	section #pages .top_shadow {
		background: url('../images/light-shadow-ipad_vertical.png') no-repeat top center;
		width: 550px;
		height: 60px;
		position: static;
	}
	section #pages .bottom_shadow { display: none; }
	section #pages div.page 			{ padding-top: 30px; }
	section #pages .content_box 	{ padding-top: 5px; }
	/* Footer */
	footer { padding-top: 20px;	}
}