@charset "UTF-8";
/* Sukhee Kwon */

* {	box-sizing: border-box;	}

body	{	color: #000000;
			/*background-image: url(../art_images/sp_bg_2000x1442.jpg);
			background-attachment: fixed;*/
			background-image: linear-gradient(to bottom, #096123, #c2f0d1, #096123);
			font-family: Verdana, Arial, sans-serif;
			
			}
			
/*#top{	
			width: 96%;
			height: 250px;
			margin-top: 0px;
			margin-left: auto;
			margin-right: auto;
			background-color: #003300;
			box-shadow: #003300 3px 3px;
			
			}*/
			
#wrapper{	
			width: 90%;
			height: 400;
			margin-top: 0px;
			margin-left: auto;
			margin-right: auto;
			background-color: #000000;
			box-shadow: #000000 3px 3px;
			}

main	{	background-color: #ffffff;
			/*padding-top: 0px;
			padding-left: 2em;
			padding-right: 1.5em;
			display: block;*/
			height: 400;
			overflow: auto;
			}

h1		{	color: #ffffff;
			/*letter-spacing: 0.05em;*/
			text-align: center;
			text-shadow: #003300 4px 5px;
			background-image: url(../art_images/headerBG_389x1936.jpg);
			background-repeat: no-repeat;
			background-position: bottom center;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 3.4em;
			font-weight: bold;
			line-height: 300%;
			padding-top: 0px;
			padding-bottom: 0px;
			}

h2		{	color: #02821b;
			font-size: 1.6em;
			font-family: Verdana, arial, Tahoma, sans-serif;
			line-height: auto;
			text-align: right;
			padding-right: 3em;
			}

#logo	{	width: 52px; 
			height: 48px;
			padding-left: 12px;
			padding-bottom: 8px;
			margin-top: -25px;
			}

nav		{	float: none;
			width: 100%;
			font-weight: bold;
			/*letter-spacing: 0.1em;*/
			margin-top: -15px;
			margin-left: 10px;
			padding-top: 0px;
			padding-left: 10px;
			padding-bottom: 20px;
			}

/*nav ul	{	list-style-type: none;
			font-weight: bold;
			margin: 10px;
			padding: 20px;
			}*/

a	{	text-decoration: none;}

nav a	{	text-decoration: none;
			padding-left: 10px;
			padding-right: 10px;
			/*display: block;*/
			}

nav a:link {
			color:#ffffff;
			}

nav a:visited {
			color: #c9c9c9;
			}

nav a:hover	{color: #02b659;}

#current{	color: #dd0000;
			font-size: 1.1em;}

.content{	margin-bottom: 400;
			padding-left: 40px;
			padding-right: 0px;
			padding-bottom: 50px;
			}

#inner		{	color: #ade9b3;
				text-shadow: #004266 1px 2px;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 2.4em;
				font-weight: bold;
				padding-top: 0px;
				padding-bottom: 0px;
				text-align: left;
				}

#art 	{	color: #a0ff52;}

#coach 	{	color: #74ccff;}

#write 	{	color: #f068ff;}

figure	{	
		width: 400px;
		height: 430px;
		/*border: 1px solid #000000;*/
		/*box-shadow: #006600 1px 1px;
		*border-bottom: 2px solid #000000;
		border-right: 2px solid #000000;*/
		padding: 15px 15px 15px 15px;
		background-color: #ffffff;	
		float: left;
		}

.artwork	{
			width: 370px;
			height: 370px;
			border: 3px solid #000000;
			}
#figureV	{	
		width: 400px;
		height: 552px;
		/*border: 1px solid #000000;*/
		/*box-shadow: #006600 1px 1px;
		*border-bottom: 2px solid #000000;
		border-right: 2px solid #000000;*/
		padding: 15px 15px 15px 15px;
		background-color: #ffffff;	
		float: left;
		}

.artworkV	{
			width: 370px;
			height: 492px;
			border: 3px solid #000000;
			}
#figureH	{	
		width: 522px;
		height: 430px;
		/*border: 1px solid #000000;*/
		/*box-shadow: #006600 1px 1px;
		*border-bottom: 2px solid #000000;
		border-right: 2px solid #000000;*/
		padding: 15px 15px 15px 15px;
		background-color: #ffffff;	
		float: left;
		}

.artworkH	{
			width: 492px;
			height: 370px;
			border: 3px solid #000000;
			}

figcaption	{
			padding-top: 5px;
			padding-bottom: 5px;
			text-align: center;
			font-family: papyrus, fantasy;
			color: #003300;
			background-color: #ebf5ef;
			}

span	{	font-weight: bold;}

#sold	{	color: #ff0000;}

footer	{	color: #99bb99;
			/*border-top: thin solid #aeaed4;*/
			padding-top: 10px;
			padding-bottom: 10px;
			font-size: 1em;
			font-style: italic;
			text-align: center;
			}

table	{ 
			border-collapse: collapse;
			border: none;
			width: 100%;
			min-height: 30px;
			margin-top: 0px;
			padding: 0px 0px 0px 0px;
			}		
			
tr, td	{
			width: auto;
			height: auto;
			padding: 0px 0px 0px 0px;
			}



@media only screen and (max-width: 1024px) {
	body 	{	background-image: none;
				}
	body 	{	background-image: linear-gradient(to bottom, #096123, 
				#c2f0d1, #096123);
				}
	#wrapper {	box-shadow: none; width: 95%;
				}
	h1		{	margin: 0; font-size: 2.5em; padding-left: 1em;
				}
	nav 	{	float: none; width: auto; padding: 1em 1em 1em 1em;
				}
	nav a 	{	padding-right: 1em;
				}
	main 	{	padding-left: 0; margin-left: 0; font-size: 90%;
				}
	footer	{	margin: 0;
				}	
	table	{	border-collapse: collapse; border: none; width: 100%;
				min-height: 30px; margin-top: 0px; padding: 0px 0px 0px 0px;
				}		
	tr, td	{	width: auto; height: auto; padding: 0px 0px 0px 0px;
				}
}

@media only all and (max-width: 768px) {
	body 	{	background-image: none;
				}
	body 	{	background-image: linear-gradient(to bottom, #096123,
				#c2f0d1, #096123);
				}
	#wrapper {	box-shadow: none; width: 100%;
				}
	h1		{	margin: 0; height: 100%; font-size: 1.4em; padding-left: 0.1em;
				}
	nav		{	float: none; width: auto; padding-left: 0.4em;
				}
	nav a 	{	padding: 0.2em; display: block; font-size: 1em; 
				border-bottom: 1px solid #330000;
				}
	main 	{	padding-top: 0.1em; padding-right: 0.6em; 
				padding-bottom: 0.1em; padding-left: 0.4em; 
				margin-left: 0; font-size: 90%; width: 100%;
				}
	footer	{	margin: 0; padding: 0;
				}
	#photo	{	display: none;
				}
	table	{	border-collapse: collapse; border: none; width: 100%;
				min-height: 30px; margin-top: 0px; padding: 0px 0px 0px 0px;
				}		
	tr, td	{	width: auto; height: auto; padding: 0px 0px 0px 0px;
				}
}
	

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



#purple		{	color: #f37bf9;
				text-shadow: #333366 0px 1px;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 1.8em;
				font-weight: bold;
				padding-top: 0px;
				padding-bottom: 0px;
				}

#blue		{	color: #1661e3;
			font-size: 1.4em;
			font-family: Verdana, arial, Tahoma, sans-serif;
			line-height: auto;
			text-align: left;
			}

small	{	color: #3073e7;}

#wire		{	color: #1661e3;
			font-size: 1.3em;
			font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
			line-height: auto;
			font-weight: lighter;
			}
#wire-bold		{	color: #3073e7;
			font-size: 1.3em;
			font-weight: bold;
			font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
			line-height: auto;
			font-weight: lighter;
			}

#dark		{	color: #000033;
			font-size: 1.3em;
			font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
			line-height: auto;
			font-weight: lighter;
			}

#area		{	color: #3073e7;
			font-size: 1.3em;
			font-family: Verdana, arial, Tahoma, sans-serif;
			line-height: auto;
			}

#here		{	color: #3073e7;
				font-size: 1em;
				font-family: Verdana, arial, Tahoma, sans-serif;
				line-height: 110%;
			}

#mission		{	color: #112d5e;
			font-size: 1.15em;
			font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
			line-height: auto;
			font-weight: lighter;
			}

p		{	text-indent: 0em;
			}


dt		{	color: #000033;
			font-weight: bold;
			}

#photos	{	padding: 0px 0px 0px 10px;
			margin-top: 0px;
			margin-bottom: 10px;
			margin-right: -30px;
			margin-left: 10px;
			float: right;
			width: 460px;
			height: 250px;
			}

#construction	{	padding: 0px 0px 0px 10px;
					margin-top: 10px;
					margin-bottom: 10px;
					margin-right: -30px;
					margin-left: 10px;
					float: left;
					width: 560px;
					height: 200px;
					}

table	{	border-collapse: collapse;
			width: 90%;
			margin-left: 5%;
			margin-right: 5%;
			}
	
tr:nth-of-type(even){	background-color: #f5fafc;}
	
tr:nth-of-type(odd)	{	background-color: #ffffff;}
	
tr:first-of-type	{	background-color: #bde7fc;}
	
table, th, td	{	padding: 0px;
					border: 1px solid #7f5bb8;
					text-align: center;
					width: 90%;
					}
	
.text	{	text-align: left;
			}

form	{	background-color: #ffffff;
			font-family: Verdana, Geneva, Tahoma, sans-serif;
			padding: 10px;
		}

label	{	float: left;
			width: 300px;
			clear: left;
			text-align: right;
			padding-right: 10px;
			margin-top: 20px;
		}

input, textarea	{	margin-top: 20px;
					width: 250px;
					display: block;
					}

#submit	{	margin-left: 300px;
			}

#reset	{	margin-left: 300px;
			}

video	{	float: right;
			margin: 2em;
			padding-bottom: 30px;
			}

.leftfloat	{	float: left;}

.clear	{ float: clear;}

#landmark	{	width: 550px;
				height: 380px;
				padding-left: 20px;
				padding-right: 20px;
			}

#coaching	{	width: 550px;
				height: 315px;
				padding-left: 20px;
				padding-top: 20px;
				padding-bottom: 50px;
			}



.show		{	float: left;
				clear: right;
				width: 100%;
				}
		
		
.info		{	float: bottom;
				}		
		
		

.liner	{	font-family: Arial, Helvetica, sans-serif;
			}

#mail	{	text-decoration: none;
		}

.resort	{	font-weight: bold;
			}

#mobile {	display: none;
}			
#desktop {	display: inline;}
-----------------------------------------------------------*/