* {
	margin: 0;
	padding: 0;
}

header, hgroup, section, footer, aside, nav, article, figure, figcaption {
    display: block;
}

::selection {
	background: #e00;
	color: #fff;
}

/* scrollbar */


::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
    display: block;
    height: 10px;
	background-color: transparent;
}

::-webkit-scrollbar-button:vertical:increment {
    background-color: rgba(255,255,255,0);
}

::-webkit-scrollbar-track-piece {
    background-color: transparent;
    -webkit-border-radius: 3px;
}

::-webkit-scrollbar-thumb:vertical {
    height: 50px;
    background-color: rgba(0,0,0,0.25);
    -webkit-border-radius: 3px;
}

::-webkit-scrollbar-thumb:horizontal {
    width: 50px;
    background-color: rgba(0,0,0,0.25);
    -webkit-border-radius: 3px;
}

/* 
	BASE STYLES 

*/

html {
	/* make scrollbar work */
	overflow-y: auto;
	background-color: transparent;
}

body {
	background: #fff;
	cursor: default;
	font: 14px/20px "Helvetica Neue", "HelveticaNeue-Regular", Helvetica, Arial, sans-serif;
	/*-webkit-font-smoothing: antialiased;*/
	text-rendering: optimizeLegibility;
	color: #666;
	/* make scrollbar work */
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 10px;
	overflow-x: hidden;
}
	/* fix firefox */
	body, x:-moz-any-link, x:default {
		right: 0;
	}

a {
	outline: none;
	cursor: pointer;
	font-weight: bold;
	text-decoration: none;
	color: #000;
	-webkit-transition: color .15s ease;
}
a * {
	-webkit-transition: color .15s ease;
}
	a:hover {
		color: #e00;
	}
	a:active {
		color: #b00;
		position: relative;
		top: 1px;
		-webkit-transition: none;
	}
	
img {
	border: none;
}

p {
	padding-bottom: 20px;
}

.clear {
	clear: both;
}

#container {
	width: 940px;
	margin: 0 auto;
	padding: 0 20px;
}

header {
	width: 100%;
}

h1 {
	font-size: 24px;
	line-height: 40px;
	width: 140px;
	padding-top: 20px;
	color: #000;
}
	h1 a {
		display: block;
	}

h2 {
	font-weight: normal;
	font-size: 24px;
	line-height: 40px;
	color: #000;
	padding-bottom: 20px;
	clear: left;
}

h3 {
	font-size: 14px;
	font-weight: normal;
}

h4 {
	font-size: 13px;
	font-weight: normal;
}

nav {
	float: left;
	width: 140px;
	margin-bottom: 20px;
	/*border-top: 3px solid #fff;
	padding-top: 17px;*/
}
nav ul {
	list-style: none;
}
	nav ul li a {
		display: block;
	}
	#design-page nav ul li#design-link a:before,
	#photography-page nav ul li#photo-link a:before,
	#shop-page nav ul li#shop-link a:before,
	#contact-page nav ul li#contact-link a:before,
	#blog-page nav ul li#blog-link a:before {
		content: "▸ ";
		font-size: 12px;
		display: inline-block;
		float: left;
		width: 10px;
		margin-left: -10px;
	}
	
#message {
/*	border-top: 1px solid #fff;
	padding-top: 19px;*/
	float: left;
	font-size: 13px;
	padding-left: 20px;
	width: 300px;
}

footer {
	clear: left;
	font-size: 12px;
}
	#contact-page footer {
		padding-top: 20px;
		margin-left: 160px;
	}
	#photography-page footer {
		padding-top: 20px;
	}

#content {
	clear: left;
}
	
/* 
	THUMBNAILS STYLES

*/

ul.thumbs {
	list-style: none;
	margin-left: -20px;
	width: 102.2%; /* 960px */
	min-height: 140px;
}
	ul.thumbs li {
		float: left;
		width: 140px;
		height: 140px;
		padding-left: 20px;
		padding-bottom: 20px;
	}
		ul.thumbs li:hover {
			position: relative;
			z-index: 999;
		}
	ul.thumbs a {
		display: block;
		width: 100%;
		height: 100%;
		-webkit-perspective: 400;
		-webkit-transition: all 0.2s ease-out;
	}
	ul.thumbs a img {
		display: block;
		width: 140px;
		height: 140px;
		-webkit-transition: all 0.25s ease-out;
	}
	ul.thumbs a:hover {
	}
		ul.thumbs a:hover img {
			margin-left: -10px;
			margin-top: -10px;
			-webkit-box-shadow: 10px 10px 20px rgba(0,0,0,0.25);
			-moz-box-shadow: 10px 10px 20px rgba(0,0,0,0.25);
			box-shadow: 10px 10px 20px rgba(0,0,0,0.25);
		}
		ul.thumbs a:active {
			-webkit-transition: all 0.15s ease;
			-webkit-transform: scale(0.90);
			opacity: 0.7;
			position: static;
		}

/* 
	DESIGN STYLES 

*/

#design-page hgroup {
	float: left;
	margin-top: -140px;
	margin-left: 160px;
}

#design-page hgroup h2 {
	float: left;
	padding-bottom: 0;
	margin-right: 20px;
}
#design-page hgroup h3 {
	float: left;
	font-size: 15px;
	color: #aaa;
	margin-top: 13px;
	padding-bottom: 20px;
}

#design-page figure {
	padding-bottom: 20px;
}
	#design-page figure img {
		-webkit-transition: all 0.4s ease-out;
		max-width: 100%; /*940px*/
		max-height: 95%; /*650px*/
	}
		#design-page figure img.regular {
			margin-left: 160px;
		}
		#design-page .regular~footer {
			margin-left: 160px;
		}
	#design-page figure:hover img, #design-page hgroup:hover~figure img {
		-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.25);
		-moz-box-shadow: 0 0 20px rgba(0,0,0,0.25);
		box-shadow: 0 0 20px rgba(0,0,0,0.25);
	}
#design-page figcaption {
	float: left;
	margin-top: -100px;
	margin-left: 160px;
	font-size: 13px;
	width: 300px;
	-webkit-column-width: 300px;
	-moz-column-width: 300px;
	column-width: 300px;
	-webkit-column-gap: 20px;
	-moz-column-gap: 20px;
	column-gap: 20px;
	max-height: 80px;
	padding-bottom: 20px;
}
	#design-page figcaption p {
		padding-bottom: 0;
	}
	#design-page figcaption strong {
		float: right;
		font-size: 11px;
		font-style: normal;
		color: #aaa;
		-webkit-font-smoothing: antialiased;
	}

/* 
	PHOTO STYLES 

*/

#photography-page {
	background: #000;
	position: relative;
	top: auto;
	right: auto;
	bottom: auto;
	left: auto;
	overflow: auto;
}
#photography-page #preload {
	position: absolute;
	top: -50px;
	left: -50px;
}
	#photography-page #preload img {
		width: 1px;
		height: 1px;
	}
#photography-page #container header {
	background: rgba(0,0,0,0.33);
	width: 140px;
	height: 64px;
	overflow: hidden;
	padding: 20px 20px 0 20px;
	margin: -20px 0 0 -20px;
	position: fixed;
	z-index: 99999;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition: all 0.5s ease;
	-webkit-font-smoothing: antialiased;
	text-shadow: 0 0 5px rgba(0,0,0,0.75);
}
	#photography-page #container header a {
		color: #fff;
		-webkit-transition: all 0.15s ease;
	}
		#photography-page #container header a:hover {
			color: #e00;
		}
		#photography-page #container header a:active {
			color: #b00;
			-webkit-transition: none;
		}
	#photography-page #container header ul {
		opacity: 0;
		-webkit-transition: all 0.5s ease;
	}
	#photography-page #container header:hover {
		background: rgba(0,0,0,0.8);
		height: 160px;
		color: rgba(255,255,255,1);
	}
		#photography-page #container header:hover ul {
			opacity: 1.0;
		}
	
#photography-page #gallery-container {
	background: #000;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
#gallery {
/*	clear: left;
	padding-top: 10px;
	padding-bottom: 10px;*/
}

/* 
	CONTACT STYLES 

*/


#contact-page #content {
	clear: none;
	/*position: relative;
	top: -140px;*/
	float: left;
	margin-top: -140px;
	margin-left: 160px;
}

#contact-page h2 {
	padding-bottom: 0;
}
#contact-page h3 {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width: 440px;
	padding: 10px;
	margin-bottom: 20px;
	color: #fff;
	font-weight: bold;
}
	#contact-page h3.error {
		background: #e00;
	}
	#contact-page h3.success {
		background: #080;
	}
	
#contact-page fieldset {
	padding-top: 10px;
	border: none;
	font-size: 14px;
	font-weight: bold;
	color: #000;
	-webkit-font-smoothing: subpixel-antialiased;
}
#textfields {
/*	float: left;*/
}
#more-textarea {
/*	float: left;
	border-left: 1px solid #000;*/
}
	#contact-page label {
		background: #fff;
		display: block;
		float: left;
		clear: left;
		width: 448px;
		height: 28px;
		padding: 8px 0 0 12px;
		border-bottom: 1px solid #ddd;
		border-left: 1px solid #ddd;
		border-right: 1px solid #ddd;
		cursor: pointer;
	}
		#contact-page label:first-child {
			-webkit-border-top-left-radius: 5px;
			-moz-border-radius-topleft: 5px;
			border-top-left-radius: 5px;
			-webkit-border-top-right-radius: 5px;
			-moz-border-radius-topright: 5px;
			border-top-right-radius: 5px;
			border-top: 1px solid #ddd;
		}
		#contact-page input.corner {
			-webkit-border-top-right-radius: 5px;
			-moz-border-radius-topright: 5px;
			border-top-right-radius: 5px;
		}
	#contact-page input[type=text] {
		display: block;
		float: right;
		width: 360px;
		background: transparent;
		color: #000;
		border: none;
		padding: 10px;
		height: 16px;
		margin-top: -8px;
		font: 14px "Helvetica Neue", "HelveticaNeue-Regular", Helvetica, Arial, sans-serif;
		cursor: pointer;
		-webkit-font-smoothing: subpixel-antialiased;
		-webkit-transition: all .1s ease;
	}
		#contact-page input:focus, #contact-page textarea:focus {
			outline: none;
			background: #fff; /*def*/
			position: relative;
			z-index: 999;
			-webkit-box-shadow: 0 0 20px rgba(0,140,255,1.0);
			-moz-box-shadow: 0 0 20px rgba(0,140,255,1.0);
			box-shadow: 0 0 20px rgba(0,140,255,1.0);
			border: 1px solid rgba(0,140,255,0.8);
			top: -1px;
			right: -1px;
			cursor: text;
		}
		#contact-page textarea:focus {
			right: 0;
		}
	#contact-page select {
		display: block;
		float: right;
		width: 360px;
		background: #fff;
		color: #000;
		border: none;
		margin-right: 10px;
		font: 14px "Helvetica Neue", "HelveticaNeue-Regular", Helvetica, Arial, sans-serif;
		cursor: pointer;
		-webkit-font-smoothing: subpixel-antialiased;
	}
	#contact-page textarea {
		display: block;
		clear: left;
		background: #fff;
		color: #000;
		border: 1px solid #ddd;
		position: relative;
		top: -1px;
		width: 436px;
		height: 240px;
		padding: 12px;
		font: 14px "Helvetica Neue", "HelveticaNeue-Regular", Helvetica, Arial, sans-serif;
		cursor: pointer;
		-webkit-font-smoothing: subpixel-antialiased;
		-webkit-border-bottom-left-radius: 5px;
		-moz-border-radius-bottomleft: 5px;
		border-bottom-left-radius: 5px;
		-webkit-border-bottom-right-radius: 5px;
		-moz-border-radius-bottomright: 5px;
		border-bottom-right-radius: 5px;
		-webkit-transition: all .1s ease;
	}
	#contact-page input#submit {
		background: #fff;
		background: -webkit-gradient(
		    linear,
		    left top,
		    left bottom,
		    color-stop(0.2, #fff),
		    color-stop(1, #ddd)
		);
		background: -moz-linear-gradient(
		    center top,
		    #fff 20%,
		    #ddd 100%
		);
		display: block;
		clear: left;
		font: bold 14px/20px "Helvetica Neue", "HelveticaNeue-Regular", Helvetica, Arial, sans-serif;
		text-transform: uppercase;
		border: 1px solid #ddd;
		color: #000;
		width: 460px;
		padding: 8px 10px;
		margin-top: 10px;
		cursor: pointer;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		-webkit-transition: all .3s ease;
	}
		#contact-page input#submit:hover {
			/*background: #def;
			border-color: #bde;
			background: -webkit-gradient(
			    linear,
			    left top,
			    left bottom,
			    color-stop(0.2, #eff),
			    color-stop(1, #bde)
			);
			background: -moz-linear-gradient(
			    center top,
			    #eff 20%,
			    #bde 100%
			);*/
			position: relative;
			z-index: 999;
			-webkit-box-shadow: 0 0 20px rgba(0,140,255,1.0);
			-moz-box-shadow: 0 0 20px rgba(0,140,255,1.0);
			box-shadow: 0 0 20px rgba(0,140,255,1.0);
			border: 1px solid rgba(0,140,255,0.8);
		}
		#contact-page input#submit:active {
			background: #aaa;
			/*border-color: #bbb;*/
			background: -webkit-gradient(
			    linear,
			    left top,
			    left bottom,
			    color-stop(0.2, #bcd),
			    color-stop(1, #eee)
			);
			background: -moz-linear-gradient(
			    center top,
			    #bbb 20%,
			    #ddd 100%
			);
		}

/* 
	BLOG STYLES 

*/

#blog-page #tumblr_controls {
	top: 7px ! important;
	right: 7px ! important;
}

#blog-page ul#tumblr-buttons {
	list-style: none;
	position: absolute;
	z-index: 999;
	top: 33px;
	right: 7px;
}
	#blog-page ul#tumblr-buttons li {
		float: left;
		margin-right: 3px;
	}
	#blog-page ul#tumblr-buttons li a {
		display: block;
		height: 20px;
		text-indent: -999em;
	}
		#blog-page ul#tumblr-buttons li#rss-link a {
			background: url(http://patrickyan.net/workspace/images/icon_rss.png);
			width: 50px;
		}
		#blog-page ul#tumblr-buttons li#archive-link a {
			background: url(http://patrickyan.net/workspace/images/icon_archive.png);
			width: 69px;
		}

#blog-page #container header {
	width: 140px;
	width: 220px;
	position: fixed;
	z-index: 999;
}
	#blog-page #container header nav {
		width: 220px;
	}
#blog-page #container footer {
	margin-left: 240px;
	padding-top: 0;
}
	#blog-page #container footer p {
		clear: left;
		padding-top: 20px;
	}

#blog-page #content {
	margin-left: 160px;
	margin-left: 240px;
	padding-top: 60px;
	width: 460px;
}

#blog-page #message {
	float: none;
	clear: left;
	font-size: 11px;
	padding: 0;
	padding-top: 4px;
	width: 220px;
}

#blog-page #search {
	float: left;
	margin-top: 18px;
}
#blog-page #search input {
	border: 1px solid #ccc;
	width: 200px;
	padding: 4px;
	cursor: pointer;
	font: 12px "Helvetica Neue", "HelveticaNeue-Regular", Helvetica, Arial, sans-serif;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #000;
	-webkit-transition: all .15s ease;
}
#blog-page #search input[type=submit] {
	display: none;
}

#blog-page #search input:focus {
	outline: none;
	-webkit-box-shadow: 0 0 20px rgba(0,140,255,1.0);
	-moz-box-shadow: 0 0 20px rgba(0,140,255,1.0);
	box-shadow: 0 0 20px rgba(0,140,255,1.0);
	border-color: rgba(0,140,255,0.8);
	cursor: text;
}

#blog-page #navigation {
	float: left;
	margin-right: 10px;
	font-size: 12px;
	font-weight: bold;
	color: #000;
}
	#blog-page #navigation span {
		display: inline-block;
		padding: 0 5px;
	}
	#blog-page #navigation a {
		background: #000;
		display: inline-block;
		padding: 1px 5px;
		margin: 0 -1px;
		color: #fff;
		-webkit-transition: all .15s ease;
	}
		#blog-page #navigation a:hover {
			background: #e00;
		}
		#blog-page #navigation a:active {
			background: #b00;
			-webkit-transition: none;
		}
	#blog-page #navigation a.older-link {
		-webkit-border-top-right-radius: 3px;
		-webkit-border-bottom-right-radius: 3px;
		-moz-border-radius-topright: 3px;
		-moz-border-radius-bottomright: 3px;
		border-top-right-radius: 3px;
		border-bottom-right-radius: 3px;
	}
	#blog-page #navigation a.newer-link {
		-webkit-border-top-left-radius: 3px;
		-webkit-border-bottom-left-radius: 3px;
		-moz-border-radius-topleft: 3px;
		-moz-border-radius-bottomleft: 3px;
		border-top-left-radius: 3px;
		border-bottom-left-radius: 3px;
	}

#blog-page h2#searchresults {
	margin-top: -40px;
}

#blog-page article {
	font-size: 13px;
	padding-bottom: 20px;
	clear: left;
}
	#blog-page article code {
		background: #eee;
		color: #000;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		padding: 1px 2px;
		margin: -1px -2px;
		font-size: 11px;
		font-family: Menlo, "Panic Sans", Monaco, monospace;
	}
	
#blog-page section {
	margin-top: -20px;
}
	#blog-page section p:last-child {
		padding-bottom: 0;
	}
	#blog-page section p img {
		display: block;
		margin-top: 10px;
		margin-bottom: -10px;
	}
	#blog-page section p strong {
		color: #000;
	}
	#blog-page section p em {
		background: #ffe;
		color: #000;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		padding: 1px 2px;
		margin: -1px -2px;
	}
	#blog-page section p small {
		display: block;
		width: 140px;
		float: right;
		margin-right: -160px;
		color: #aaa;
	}
		small.shiftup2 {
			margin-top: -40px;
		}

#blog-page h2 a {
	display: block;
	font-weight: normal;
}
#blog-page h2.link {
	font-size: 14px;
	line-height: 20px;
}
	#blog-page h2.link a {
		font-weight: bold;
		display: block;
	}
		#blog-page h2.link a:after {
			content: "→";
			font: 12px "Lucida Grande";
		}
#blog-page h3.post-info {
	font-size: 11px;
	color: #bbb;
}
	#blog-page h3.post-info a {
		font-weight: normal;
		color: #bbb;
	}
		#blog-page h3.post-info a:hover {
			color: #e00;
		}
		#blog-page h3.post-info a:active {
			color: #b00;
		}
	#blog-page h3.post-info .sep {
		margin: 0 2px;
		color: #eee;
	}
	#blog-page h3.post-info .tags a {
		margin-right: 3px;
	}
	
#blog-page blockquote {
	margin-top: 20px;
	margin-left: -12px;
	margin-right: -12px;
	font-style: italic;
	padding: 10px 12px;
	-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.25);
	-moz-box-shadow: 0 0 20px rgba(0,0,0,0.25);
	box-shadow: 0 0 20px rgba(0,0,0,0.25);
}
	#blog-page blockquote p:last-of-type {
		padding-bottom: 0;
	}
	#blog-page cite {
		width: 300px;
		margin-left: 160px;
		text-align: right;
		font-style: normal;
		font-size: 12px;
		display: block;
	}
	#blog-page blockquote h3.post-info {
		margin-top: -20px;
		padding-bottom: 0;
		font-style: normal;
	}

#blog-page figure {
	padding: 7px;
	margin-left: -12px;
	margin-right: -12px;
	-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.25);
	-moz-box-shadow: 0 0 20px rgba(0,0,0,0.25);
	box-shadow: 0 0 20px rgba(0,0,0,0.25);
	text-align: center;
}
	#blog-page figure img {
		display: inline-block;
		max-width: 100%;
	}
	#blog-page figure figcaption {
		padding: 5px 5px 0 5px;
		margin-top: 0;
		text-align: left;
	}
	#blog-page figure figcaption p:last-child {
		padding-bottom: 0;
	}
	#blog-page figure figcaption p~h3 {
		position: relative;
		top: -20px;
		margin-bottom: -20px;
	}
#blog-page figure.video object {
	width: 470px ! important;
	height: 290px ! important;
	
}

#blog-page #notes {
	font-size: 11px;
	margin-top: 20px;
	color: #bbb;
	width: 300px;
}
#blog-page #notes ol {
	list-style: none;
}
#blog-page #notes span {
	color: #666;
}
#blog-page #notes a {
	color: #666;
}
	#blog-page #notes a:hover {
		color: #e00;
	}
	#blog-page #notes a:active {
		color: #b00;
	}
#blog-page #notes blockquote {
	margin: 0;
	padding: 0;
	-webkit-box-shadow: 0 0 0 #fff;
	-moz-box-shadow: 0 0 0 #fff;
	box-shadow: 0 0 0 #fff;
	border-left: 1px solid #ddd;
	padding-left: 10px;
	margin-left: 10px;
}
	#blog-page #notes blockquote a {
		font-weight: normal;
		color: #bbb;
	}
#blog-page #notes img {
	width: 14px;
	height: 14px;
	margin-bottom: -4px;
	margin-right: 2px;
	margin-left: -19px;
	opacity: 0;
	-webkit-transition: opacity 0.3s ease;
}
	#blog-page #notes li:hover img {
		opacity: 1.0;
	}
	
/*
	RESPONSIVE STYLES

*/

@media screen and (max-width: 970px) {
	#container {
		width: 97%;
	}
}

/* 
	iPHONE STYLES 

*/

@media only screen and (max-device-width:480px) {

	* {
		-webkit-text-size-adjust: none;
	}
	body {
		position: relative;
		top: auto;
		right: auto;
		bottom: auto;
		left: auto;
		overflow: auto;
	}
	#container {
		width: 290px;
		padding: 15px;
		margin: 0;
	}
	h1 {
		font-size: 36px;
		line-height: 40px;
		padding: 0 0 10px 0;
	}
	nav, h2 {
		font-size: 24px;
		line-height: 30px;
		letter-spacing: -1px;
		float: none;
	}
	ul.thumbs {
		width: 300px;
		margin-left: -10px;
	}
		ul.thumbs li {
			padding-left: 10px;
			padding-bottom: 10px;
		}
	#message {
		float: none;
		padding-left: 0;
		font-size: 15px;
	}
	p a {
		font-size: 15px;
	}
	hgroup, hgroup h2, hgroup h3 {
		float: none;
		margin: 0;
	}
	hgroup h3 {
		margin-top: 8px;
	}
	figure {
		margin-left: -15px;
		width: 320px;
		padding: 0;
	}
	figcaption {
		float: none;
		margin: 0 15px 15px 15px;
		width: auto;
		height: auto;
		-webkit-column-width: 100%;
		-moz-column-width: 100%;
		column-width: 100%;
		-webkit-column-gap: 0;
		-moz-column-gap: 0;
		column-gap: 0;
	}
	figure img {
		max-width: 100% ! important;
	}
	
	#contact-page #content {
		top: 0;
		margin-left: 0;
		width: 290px;
	}
	#contact-page h2 {
		padding-bottom: 15px;
	}
	#contact-page h3 {
		width: 270px;
		margin-bottom: 20px;
	}
	#contact-page fieldset {
		width: 320px;
		margin-left: -15px;
	}
	#contact-page label {
		background: #fff;
		display: block;
		float: left;
		clear: left;
		width: 308px;
		border-left: none;
		border-right: none;
	}
	#contact-page label:first-child {
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}
	#contact-page input[type=text] {
		width: 65%;
		margin-right: 10px;
		-webkit-appearance: none; 
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}
	#contact-page select {
		width: 70%;
		margin-top: -2px;
	}
	#contact-page textarea {
		width: 300px;
		height: 160px;
		padding: 10px;
		border-left: none;
		border-right: none;
		-webkit-appearance: none; 
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}
	#contact-page input#submit {
		width: 300px;
		margin: 10px 10px 0 10px;
	}
	
	#gallery .galleria-stage {
		width: 320px;
		height: 200px;
	}

}

/* 
	iPHONE LANDSCAPE STYLES 

*/

@media only screen and (max-device-width:480px) and (min-width: 321px) {
	
	#container {
		width: 450px;
	}
	ul.thumbs {
		width: 460px;
		margin-left: -5px;
	}
	figure {
		width: 480px;
	}
	
	#contact-page #content {
		width: 450px;
	}
	#contact-page h3 {
		width: 430px;
	}
	#contact-page fieldset {
		width: 480px;
	}
	#contact-page label {
		width: 468px;
	}
	#contact-page input[type=text] {
		width: 75%;
	}
	#contact-page select {
		width: 80%;
	}
	#contact-page textarea {
		width: 460px;
		height: 100px;
	}
	#contact-page input#submit {
		width: 460px;
	}
	
}