/* styles.css

Copyright (c) 2011 Nubaria. All rights reserved.

By Ángel Riesgo (ariesgo@yahoo.com), August 2010 - July 2011.

This is the css file used for the www.apuntesdechino.com website.
*/

/* =Reset default browser CSS. I have copied this from the WordPress Twenty Ten theme stylesheet,
and it is based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

/* CSS-resetting code BEGINS here. */


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
body {
	line-height: 1.4;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}
/* CSS-resetting code ENDS here. */

body
{
	padding:0;
	margin:0 0 40px 0; /* The bottom margin accounts for a bit of scrolling room under the footer. */
	text-align:left;
	background-image:url('../images/kangxi3.png');
}

sup
{
	vertical-align:super;
	padding: 0 0.2em;
	font-size:x-small;
}

sub
{
	vertical-align:sub;
	padding: 0 0.3em;
	font-size:x-small;
}

a:link
{
	color:rgb(0, 0, 192);
	text-decoration:none;
}

a:visited 
{
	color:rgb(0, 0, 192);
	text-decoration:none;
}

a:hover
{
	color:blue;
	text-decoration:none;
}

a:active
{
	color:blue;
	text-decoration:none;
}

.ChinoTopHeader
{
	background-color:rgb(189,2,2);
	border-style:none none solid none;
	border-color:black;
	border-width:1px;
}

.ChinoTopHeaderTextArea
{
	width:980px;
	height:160px;
	margin:0 auto;
	color: black;
	font-size: small;
	background-image:url('../images/logo.png');
	background-repeat:no-repeat;
	background-position:0px 20px;
}

.ChinoNavigationBar
{
	position:relative;
	top:131px;
	float:left;
	height:28px;
	line-height:28px;
	text-align:left;
	background-color:rgb(189,2,2);
	font-size:medium;
	padding:0;
	margin:0 auto;
	list-style-type:none;
	font-family:Arial,Helvetica,sans-serif;
}

.ChinoNavigationBar ul
{
}

.ChinoNavigationBar li
{
	text-align:center;
	float:left;
	width:120px;
	height:28px;
	border-width:1px;
	border-style:solid;
	/*color:rgb(212,211,239);
	background-color:rgb(189,2,2);*/
	background-color:white;
	overflow:visible;
}

.ChinoNavigationBarActiveItem
{
	border-color:black black white black;
}

.ChinoNavigationBarInactiveItem
{
	border-color:black;
}

.ChinoNavigationBar a
{
	display:block;
	padding:0;
	margin:0;
	background-color:rgb(212,211,239);
	color:rgb(64,64,64);
}

.ChinoNavigationBar a:hover
{
	color:rgb(212,211,239);
	background-color:rgb(224,0,0);
}

#chinoCentredBlockFrame
{
	width:980px;
	margin:0 auto;
	padding:0;
	background-color:black;
	overflow:hidden;
}

#chinoCentredBlock
{
	width:978px;
	padding:0;
	margin:0 1px 1px 1px;
	background-color:white;
	/* Note that if overflow is left to the default value of 'visible', the child divs will extend vertically beyond the
	extents of sj_centred_block. Because we want this div, with its padding, to enclose all the child divs we have to
	assign a non-default value, typically hidden, to the overflow property.
	See http://gtwebdev.com/workshop/floats/enclosing-floats.php
	*/
	overflow:hidden;
}

.ChinoSeparator
{
	height:1px;
	background-color:rgb(189,2,2);
	width:100%;
	margin:0 auto;  /*This centres the line horizontally */
	padding:0;
}

.ChinoFooter
{
	clear:both;
	text-align:center;
	line-height:100%;
	background-color:rgb(228,228,228);
	margin:0 auto;
	padding:0;
	font-family:Arial,Helvetica,sans-serif;
}

#chinoCopyright
{
	color:rgb(64,64,64);
	background-color:rgb(228,228,256);
	text-align:center;
	font-size: small;
	padding: 0.5em 0.5em 0.5em 0.5em;
}

.ChinoMainTextArea
{
	width:918px;
	color:black;
	background-color:white;
	margin:0px 20px 0px 20px;
	padding:10px 10px 10px 10px;
	font-size:medium;
	font-family:Arial,Helvetica,sans-serif;
	text-align:justify;
}

.ChinoMainTextArea p
{
	margin:20px 0 20px 0;
}

.ChinoMainTextArea ul
{
	padding:16px 0 0 16px;
	list-style-type:none;
}

.ChinoMainTextArea li
{
	padding:4px 0 4px 0;
}

.ChinoSectionTitle
{
	font-size:x-large;
}

.ChinoTitle
{
	font-size:large;
	font-weight:bold;
}

.ChinoLessonNavigationBar
{
	padding:0;
	margin:0 auto;
	border-color:rgb(212,211,239);
	border-style:solid none solid none;
	border-width:1px;
}

.ChinoLessonNavigationBar p
{
	padding:0;
	margin:0 auto;
}

.ChinoHeading1
{
	text-align:center;
	font-size:large;
	font-weight:bold;
	padding:20px;
}

.ChinoAdvancedBox
{
	background-color:#f6f6f6;
	padding: 0.5em 0.5em 0.5em 0.5em;
	margin: 0;
	font-size:smaller;
}

.ChinoAdvancedBoxFrame
{
	border: black 1px solid;
	margin: 0 auto; /* This is a sort of "float:center" trick! */
	width:95%;
}

.ChinoAdvancedBoxCaption
{
	cursor:default;
	width:100%;
	height:20px;
	background-color:rgb(212,211,239);
	font-size:small;
	font-weight:bold;
	margin: 0;
	border-color:black;
	border-width:1px;
	border-style: none none solid none;
}

.ChinoAdvancedBoxCollapseButton
{
	cursor:default;
	text-align:center;
	float:right;
	font-style:normal;
	width:20px;
	height:20px;
	background-color: #bbbbbb;
	background-repeat:no-repeat;
	background-position:center;
	margin: 0;
}

#chinoFootnotes
{
	font-size:x-small;
	font-family:arial,helvetica;
	background-color:white;
	border:black 1px solid;
	padding: 0.5em;
	margin: 0 0 2em 0;
}

#chinoFootnotes_1
{
	font-size:x-small;
	font-family:arial,helvetica;
	border:black 1px solid;
	padding: 0.5em;
	margin: 0 0 2em 0;
}

#chinoFootnotes_2
{
	font-size:x-small;
	font-family:arial,helvetica;
	border:black 1px solid;
	padding: 0.5em;
	margin: 0 0 2em 0;
}

.ChinoFootnoteReference
{
}

.ChinoVisibleFootnote
{
}

.ChinoBookTitle
{
	font-style:italic;
}

.ChinoPinyin
{
	color:rgb(64, 64, 96);
	font-style:italic;
}

.ChinoSimp
{
	font-size:140%;
	color:rgb(64, 64, 96);
	font-family:simsun;
}

.ChinoTrad
{
	font-size:140%;
	color:rgb(64, 64, 96);
	font-family:simsun;
}

.ChinoCentredImage
{
	text-align:center;
}

.ChinoImageCaption
{
	padding:0 140px 0 140px;
	text-align:justify;
	font-size:small;
	font-family:arial,helvetica;
}

.ChinoImageCentredCaption
{
	text-align:center;
	font-size:small;
	font-family:arial,helvetica;
}

.ChinoRightFloatingImage
{
	float:right;
	margin:0 0 20px 20px;
	padding:0;
}

.ChinoFloatLeft
{
	float:left;
}

.ChinoFloatRight
{
	float:right;
}

.ChinoAdvice
{
	float:right;
	margin:1em;
	padding:0.5em;
	background-color:LightYellow;
	border: black 2px solid;
	width:40%;
	color: black;
}

.draft
{
	color:red;
}