@charset "utf-8";

/*
	La nouveau. - Android ver -
	Usedright & Copyright (C) Yukihiro Kondo. All Rights Reserved.

	for multiple desktop window.
	(This box will turn to orange if the viewing area is greater than 290px)
*/

@media only screen and (min-width: 290px) {

.inner {
	width: 320px;
}

h1 {
	font-size:16px;
}
p {
	font-size:12px;
	text-align:left;
}

#content p {
	margin: 15px auto;
	width: 280px;
}
	#content h1, #content h2, #footer p {
		margin: 0 auto;
		width: 280px;
	}
	
	#content p,
	#content h1, 
	#content h2, 
	#footer p {
	 /* Deaxon's Animated Responsive design */
	-webkit-transition:all 700ms cubic-bezier(.4,.1,.4,1) 300ms;
	-moz-transition:all 700ms cubic-bezier(.4,.1,.4,1) 300ms;
	-o-transition:all 700ms cubic-bezier(.4,.1,.4,1) 300ms;
	transition:all 700ms cubic-bezier(.4,.1,.4,1) 300ms;
}
	
	ul.pxs_slider,
	.pxs_navigation,
	.pxs_thumbnails,
	.pxs_loading {
		display: none;
	}
	
	.pxs_slider_wrapper {
		background: url(../images/1.png) no-repeat center center;
		height: 200px;
		margin: 25px auto;
		width: 210px;
	}
	
	.pxs_container {
		height: 255px;
	}
	
	#work li {
		float: left;
		list-style-type: none;
		margin: 10px 0px 5px 15px;
	}
	.twitter {
		margin: 0 auto;
		width: 280px;
	}
}

@media only screen and (min-width: 544px) {

.inner {
	width: 640px;
}

#content p {
	margin: 15px auto;
	width: 550px;
}

	#content h1, #content h2, #footer p {
		margin: 0 auto;
		width: 550px;
	}
	
	ul.pxs_slider,
	.pxs_navigation,
	.pxs_thumbnails,
	.pxs_loading {
		display: none;
	}
	
	.pxs_slider_wrapper {
		background: url(../images/1.png) no-repeat center center;
		height: 200px;
		margin: 25px auto;
		width: 210px;
	}
	
	.pxs_container {
		height: 255px;
	}
	
	#work li {
		float: left;
		list-style-type: none;
		margin: 10px;
	}
	.twitter {
		margin: 0 auto;
		width: 550px;
	}
}


.center {
	text-align:center;
}