/*---------------------------------------------------------------
Title:		Master Yu styles for screen media
Updated:	June 18 2010 by jtr
-------------------------------------------------------------- */





/* baselines
-------------------------------------------------------------- */
* {
	margin: 0;
	padding: 0;
	}

body {
	background: #fff;
	color: #545454;
	font-family: "Helvetica Neue", "Helvetica CY", Arial, sans-serif;
	font-size: 62.5%;
	line-height: 1;
	text-align: center;
	}

img, a img {
	border: none;
	vertical-align: text-bottom;
	}

abbr {
	border: none;
	cursor: help;
	}
/* --------------------------------------------------------------
                                                 end baselines */





/* link styles
-------------------------------------------------------------- */
a:link,
a:visited,
a:hover,
a:active {
	color: #f26522;
	text-decoration: underline;
	}

a:hover {
	text-decoration: none;
	}

#footer a:link,
#footer a:visited,
#footer a:hover,
#footer a:active {
	color: #acacac;
	padding: 0 .25em;
	text-decoration: none;
	text-transform: uppercase;
	}

#footer a:hover {
	color: #f26522;
	}

.email {
	padding: 1px 0 1px 22px;
	background: url(/themes/shyu/img/ui/icons/email_16x64.png) no-repeat 1px 0;
	}
	
	.email:hover,
	.email:focus {
		background-position: 1px -48px;
		}
		
	a.email:hover {
		color: #6598cc;
		}

.tel {
	padding: 1px 0 1px 22px;
	background: url(/themes/shyu/img/ui/icons/phone_18x16.png) no-repeat 0 0;
	}
/* --------------------------------------------------------------
                                               end link styles */





/* structure
-------------------------------------------------------------- */
#wrap {
	width: 970px;
	margin: 0 auto;
	background: url(/themes/shyu/img/ui/bg_wrap_970x5.png) repeat-y 0 0;
	text-align: left;
	}

.threecolumn #logo {
	float: left;
	margin: 20px 0;
	}

.threecolumn #content {
	float: left;
	display: inline;
	width: 480px;
	margin: 0 0 0 30px;
	padding: 10px 15px;
	}

.threecolumn #sidebar {
	float: right;
	display: inline;
	width: 200px;
	padding: 20px 0;
	}
	
	.home .threecolumn #content,
	.threecolumn #sidebar {
		padding-bottom: 0;
		}

.box {
	padding: 8px;
	}

.img {
	margin: 0 0 2.4em 0;
	text-align: center;
	}

.flash {
	margin: 4px 0 8px 0;
	}

.homepage:after,
.threecolumn:after,
#nav:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
/* --------------------------------------------------------------
                                                 end structure */





/* typography
-------------------------------------------------------------- */
h2 {
	font-size: 1.6em;
	line-height: 1.5;
	}

	.homepage .column h2 {
		background: #ebebeb;
		color: #7c7c7c;
		font-size: 1.3em;
		line-height: 1;
		padding: .4615em .6154em; /* 6px 8px */
		}

h3 {
	font-size: 1.4em;
	line-height: 1.71429;
	}
	
	h2 + h3 {
		margin-top: 1.71429em;
		}

	#sidebar h3 {
		background: #ebebeb;
		color: #7c7c7c;
		font-size: 1.3em;
		line-height: 1;
		padding: .4615em .6154em; /* 6px 8px */
		text-transform: none;
		}
		
		#sidebar h3.alt {
			background: #f26422;
			color: #fff;
			}

h4 {
	font-size: 1.4em;
	line-height: 1.2857;
	}
	
	h4 + h4 {
		margin-top: .5em;
		}

p {
	font-size: 1.4em;
	line-height: 1.42857;
	margin: 0 0 1.42857em 0;
	}
	
	p.note {
		color: #777;
		font-size: 1.2em;
		font-style: italic;
		line-height: 1.6666;
		margin: 0 0 .8333em 0;
		}

	.home p {
		font-size: 1.2em;
		line-height: 1.5;
		margin: 0 0 1.5em 0;
		}
	
	#sidebar p {
		font-size: 1.2em;
		line-height: 1.5;
		margin: 0 0 1.5em 0;
		}
	
	#sidebar p.large {
		font-size: 1.6em;
		line-height: 1.25;
		margin: 0 0 .625em 0;
		}
	
	#footer p {
		font-size: 1em;
		line-height: 1;
		margin: .5em 0;
		}

ol,
ul {
	margin: 0 0 2.4em 3.6em;
	}

li {
	font-size: 1.4em;
	line-height: 1.71429;
	}

	#sidebar li {
		font-size: 1.2em;
		line-height: 1.5;
		}


blockquote {
	border-top: 10px solid #ebebeb;
	border-bottom: 10px solid #ebebeb;
	margin: 0 0 2.4em 0;
	padding: 1em 5px 1em 30px;
	background: url(/themes/shyu/img/ui/quotes/open_21x19.png) no-repeat 2px 1.2em;
	height: 1%;
	}

blockquote p {
	font-size: 3em;
	font-style: italic;
	line-height: 1.2;
	margin: 0;
	}
	
	blockquote p span {
		padding-right: 25px;
		background: url(/themes/shyu/img/ui/quotes/close_21x19.png) no-repeat 100% 4px;
		}

blockquote p.cite {
	font-size: 1.2em;
	font-style: normal;
	line-height: 1.5;
	margin: 5px 0 0 0;
	}
	
	blockquote p.cite cite {
		font-style: normal;
		margin-left: -1.25em;
		}






.vcard {
	font-size: 1.2em;
	line-height: 1.5;
	margin: 0 0 1.5em 0;	
	}

.vcard .tel {
	padding: 0 0 0 22px;
	background: url(/themes/shyu/img/ui/icons/phone_18x16.png) no-repeat 0 1px;
	}

.vcard .tel .type {
	color: #787878;
	font-size: .91666em;
	text-transform: uppercase;
	}





dl {
	margin: 0 0 2.4em 0;
	}
	
	#sidebar dl {
		margin: 0 0 1.8em 0;
		}

dt {
	font-size: 1.4em;
	line-height: 1.71429;
	}
	
	#sidebar dt {
		font-size: 1.2em;
		line-height: 1.5;
		}

dd {
	font-size: 1.4em;
	line-height: 1.71429;
	margin: 0 0 .8571em 0;
	}
	
	#sidebar dd {
		font-size: 1.2em;
		line-height: 1.5;
		margin: 0 0 .75em 0;
		}
/* --------------------------------------------------------------
                                                end typography */





/* navigation
-------------------------------------------------------------- */
#nav {
	position: relative;
	margin: 0;
	padding: 0 0 2em 0;
	}
	
	.home #nav {
		padding: 0;
		}

#nav li {
	float: left;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 1;
	list-style: none;
	letter-spacing: -1px;
	text-transform: uppercase;
	}
	
#nav li a:link,
#nav li a:visited,
#nav li a:hover,
#nav li a:active {
	float: left;
	display: block;
	color: #464646;
	text-decoration: none;
	padding: 1em 1em 1em 0;
	}

#nav li.active a:link,
#nav li.active a:visited,
#nav li.active a:hover,
#nav li.active a:active,
#nav li a:hover {
	color: #f26522;
	}


#nav ul {
	position: absolute;
	top: 3em;
	left: 0;
	width: 100%;
	margin: 0;
	display: none;
	}
	
	#nav li.active ul,
	#nav li:hover ul {
		display: block;
		}

#nav ul li {
	font-size: 1.5em;
	line-height: 1;
	text-transform: none;
	}

#nav ul li a:link,
#nav ul li a:visited,
#nav ul li a:hover,
#nav ul li a:active {
	background: url(/themes/shyu/img/ui/nav_border_right.png) no-repeat 100% 50%;
	color: #959595 !important;
	padding: 0 9px 0 6px;
	}
	
	#nav ul li.first-child a,
	#nav ul li:first-child a {
		padding-left: 0 !important;
		}
		
	#nav ul li.last-child a,
	#nav ul li:last-child a {
		background: none !important;
		}

#nav ul li.active a:link,
#nav ul li.active a:visited,
#nav ul li.active a:hover,
#nav ul li.active a:active,
#nav ul li a:hover {
	color: #f26522 !important;
	}



ul.links {
	margin-left: 0;
	}

.links li {
	list-style: none;
	margin: 0 0 .75em 0;
	}

.links li a:link,
.links li a:visited,
.links li a:hover,
.links li a:active {
	display: block;
	width: 100%;
	}
/* --------------------------------------------------------------
                                                end navigation */





/* form styles
-------------------------------------------------------------- */
fieldset {
	border: none;
	}

label {
	cursor: pointer;
	}

legend {
	display: none;
	}



form dt {
	font-size: 1.2em;
	line-height: 1.5;
	text-transform: uppercase;
	}
	
	form dt.checkbox {
		margin: 0 0 .75em 0;
		text-transform: none;
		}

dt em.note {
	color: #787878;
	font-size: .8333em;
	font-style: normal;
	}



dd input {
	font-size: .857em;
	padding: 3px;
	}
	
	#sidebar dd input {
		padding: 2px;
		}

dd textarea {
	font-family: "Lucida Grande", Tahoma, Arial, sans-serif;
	font-size: .857em;
	padding: 3px;
	}

dt.error,
label.error {
	color: #cc0000;
	}
	
	label.error {
		padding-left: 5px;
		}

#error {
	font-size: 1.2em;
	padding: .5em .75em;
	background: #f7e8e8;
	color: #444;
	border: 1px solid #cc3300;
	}
/* --------------------------------------------------------------
                                               end form styles */





/* homepage
-------------------------------------------------------------- */
.home#wrap {
	background: #fff;
	}

.homepage {
	clear: both;
	margin: 10px 0 0 0;
	padding: 0 0 100px 0;
	}

.homepage #hero {
	background: url(/themes/shyu/img/photos/art_hero_970x380.jpg) no-repeat 0 0;
	width: 100%;
	height: 380px;
	}

.homepage #hero p {
	color: #fff;
	font-size: 1.6em;
	padding: 255px 0 0 360px;
	}
	
#visit {
	color: #fff;
	font-size: 1em;
	padding: 0 0 2px 0;
	text-decoration: none;
	border-bottom: 1px solid #fff;
	}

#visit:hover {
	border: none;
	}


.homepage .column {
	float: left;
	display: inline;
	width: 234px;
	margin: 0 4px;
	}

.homepage .box img {
	float: left;
	margin: 0 9px 0 0;
	vertical-align: text-top;
	}
/* --------------------------------------------------------------
                                                  end homepage */

	



/* calendar
-------------------------------------------------------------- */
table.cal {
	margin-bottom: 1.8em;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	}

.cal td,
.cal th {
	font-size: 1.2em;
	padding: .25em;
	vertical-align: text-top;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	text-align: center;
	}

.cal thead th {
	font-size: 1.1em;
	line-height: 1;
	padding: 0;
	vertical-align: middle;
	}

.cal thead th a {
	float: left;
	display: block;
	width: 100%;
	padding: 2px 0 4px 0;
	text-align: center;
	text-decoration: none;
	}

.cal thead th a {
	font-size: 1.272727em;
	}
	
	.cal thead th a:hover {
		background: #f7f7f7;
		}

.cal tbody th {
	font-size: 1.1em;
	text-align: center;
	}

.cal tbody td.null {
	color: #aaa;
	}

.cal tbody td.today {
	background: #ffffcc;
	font-weight: bold;
	}
/* --------------------------------------------------------------
                                                  end calendar */





/* basic data table
-------------------------------------------------------------- */
table.data {
	margin: 1.8em 0;
	border-left: 1px solid #efefef;
	}

.data td,
.data th {
	font-size: 1.2em;
	line-height: 1.25;
	padding: .25em 1em .25em .5em;
	border-right: 1px solid #efefef;
	border-bottom: 1px solid #efefef;
	}
	
	.data th {
		background: #f0f0f0;
		}
	
	.data th.note {
		color: #666;
		font-size: 1.1em;
		line-height: 1.3636;
		font-style: italic;
		font-weight: normal;
		}
/* --------------------------------------------------------------
                                          end basic data table */

	



/* schedule
-------------------------------------------------------------- */
table.schedule {
	width: 100%;
	margin: 1.8em 0;
	}
	
.schedule td,
.schedule th {
	font-family: Arial, sans-serif;
	}

.schedule td {
	font-size: 1.1em;
	font-weight: bold;
	line-height: 1.3636;
	padding: .0909em .2727em;
	border-right: 1px solid #efefef;
	border-bottom: 1px solid #efefef;
	vertical-align: text-top;
	}
	
	.schedule td em.time {
		display: block;
		color: #666;
		font-style: normal;
		font-weight: normal;
		}
	
.schedule th {
	color: #666;
	font-size: 1.1em;
	}
	
	.schedule thead th {
		padding: .2727em;
		text-align: center;
		vertical-align: middle;
		border-bottom: 1px solid #ccc;
		}
	
	.schedule tbody th {
		padding: .2727em;
		text-align: right;
		vertical-align: text-top;
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #efefef;
		}

.adult {
	background: #99ccff;
	}

.child1 {
	background: #ccffff;
	}
	
.child2 {
	background: #ff9900;
	}
	
.child3 {
	background: #e69999;
	}

.kinder {
	background: #ccffcc;
	}

.kumdo {
	background: #cc99ff;
	}
/* --------------------------------------------------------------
                                                  end schedule */

	



/* footer
-------------------------------------------------------------- */
#footer {
	clear: both;
	padding: .5em 0 1em 0;

	background: #fff;
	color: #acacac;
	border-top: 1px solid #acacac;
	font-weight: bold;
	text-align: center;
	}
/* --------------------------------------------------------------
                                                    end footer */