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

* {	box-sizing: border-box;	}

body	{	color: #000000;
			background-image: linear-gradient(to bottom, #3399dd, #c2e0f0, #3399dd);
			font-family: Verdana, Arial, sans-serif;			
			}	

#wrapper	{	
			width: 90%;
			margin-left: auto;
			margin-right: auto;
			background-color: #000000;
			box-shadow: #000000 3px 3px;
			}

h1		{	color: #ffffff;
			/*letter-spacing: 0.05em;*/
			text-align: center;
			text-shadow: #000033 4px 5px;
			background-image: url(../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: #017d18;
			font-size: 1.6em;
			font-family: Verdana, arial, Tahoma, sans-serif;
			line-height: auto;
			text-align: left;
			}

#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;}

#art 	{	color: #a0ff52;}

#coach 	{	color: #74ccff;}

#write 	{	color: #f068ff;}

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

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

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

span	{	font-weight: bold;}

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

#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;
			}	

figure	{	width: 93%;
			height: Auto;
			border: 1px solid #1c02ac;
			box-shadow: #63befa 2px 3px;
			/*border-bottom: 2px solid #000000;
			border-right: 2px solid #000000;*/
			padding: 15px 15px 15px 15px;
			background-color: #eef7fc;	
			}

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

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

p		{	text-indent: 0em;
			}

#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;
			}

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;
				}
}