/* 	::::: TYPOGRAPHY :::::
	Fonts, colors and formatting defined here for text, links, etc
	
	::::: Optimal font family sets :::::
	Sans-serif			Arial, Helvetica, sans-serif
						Verdana, sans-serif
	Serif				Georgia, "Times New Roman", Times,serif
						Georgia, serif
	Monospace			Monaco, "Lucida Console", "Courier New", Courier, mono-space, monospace
	x-browser Lucida	"Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif (for body)
						"Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif (for strong, em, b, i)
*/

body {
	font-size: 62.5%; 						/* For use with em units */
	line-height: 1.5;
	color: #222;
}

#wrapper {
	font-size: 1.2em;
}

body,
input, textarea, select, option, button {
	font-family: Arial, Helvetica, sans-serif;
}

a:link {
	color: #b6aca1;
	text-decoration: none;
}
a:visited {
	color: #b6aca1;
	text-decoration: none;
}
a:hover {
	color: #b6aca1;
	text-decoration: underline;
}
a:active {
	color: #b6aca1;
	text-decoration: none;
}


/* 	::::: Content Type :::::
	with vertical rhythm
*/

#header p,
#content p,
#sidebar p,
#footer p,
.modal_cotent p {
	margin: 0 0 1.5em;
}

h1 {
	font-size: 2em;
	text-transform: uppercase;
	line-height: 0.75;
	margin: 0 0 0.75em;
}
h2 {
	font-size: 1.5em;
	line-height: 1;
	margin: 0 0 1em;
}
h3 {
	font-size: 1.25em;
	line-height: 1.2;
	margin: 0 0 1.2em;
}
h4 {
	font-size: 1;
}


#content ul,
#sidebar ul {
	list-style: disc;
	margin: 0 0 1.5em 1.5em;
}
#content ol,
#sidebar ol {
	list-style: decimal;
	margin: 0 0 1.5em 1.5em;
}

#content img,
sidebar img {
	float: left;
	margin: 0 1.5em 1.5em 0;
}

code {
	font-family: Monaco, "Lucida Console", "Courier New", Courier, mono-space, monospace;
}


/* 	::::: Toolbar :::::
*/

#toolBar {
	font-size: 1.2em;
}

#toolBar a {
	color: #999;
}

#toolBar a:hover {
	color: #222;;
}


/* 	::::: Miscellaneous :::::
*/

.highlight {
margin: 0 -0.2em; padding: 0 0.2em 0;
background-color: #fcf6bd;
border-bottom: 1px solid #f0f099;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
white-space: nowrap; }

.none { display: none; }
p.attention { font-weight: bold; text-align: right; }
p.attention a {  }
p.attention a:hover {  }



/* 	::::: Flag Icons :::::
*/

.flag {
padding: 0 0 0 20px;
background-position: 0 50%;
background-repeat: no-repeat; }

li.en { background-image: url('/img/icons/flags/gb.gif'); }
li.ja { background-image: url('/img/icons/flags/jp.gif'); }
li.zh-s { background-image: url('/img/icons/flags/cn.gif'); }
li.zh-t { background-image: url('/img/icons/flags/tw.gif'); }
li.kr { background-image: url('/img/icons/flags/kr.gif'); }