/*******************************************************************/
/* General */

#leftcolumn{
width: 320px;
float: left;
}

#rightcolumn{
width: 320px;
float: right;
}

.source_list{
width: 125px;
float: left;
}

.order_list{
float: left;
}

.clear{
clear: both;
}

ul li{
list-style: none;
margin-left: -20px;
}

.stroke_research{
clear: left;
}

h1, h2, h3, h4, h5, h6 { color: #4094D1; }

/*******************************************************************/
/* Links */

.foreign {
	float: left;
	margin-left: 15px;
	width: 450px;
	}
.foreign_logo img{  
	border: 2px solid #ccc;
	background-color: #000;
	margin-top: 17px; }
.foreign_link {  font-size: 120%;  font-weight: bold; }
div.link_text .foreign_logo {
	display: block;
	float: left;
	clear: both;
	}

a.self, a.self:visited { color: #000000; }
	
/*******************************************************************/
/* Spaced Repetition */

.caption { font-size: 80%; }

/*******************************************************************/
/* Stroke Order */

div.littlebox { width: 10px; height: 10px; background: #4094D1; 
	        margin: 3px 5px 0 3px; float: left; }

div.rule_number { color: #4094D1; width: 80px; float: left; margin-top: 5px; }

div.rule_text { width: 400px; float: left; margin-right: 20px; }
div.rule_text h2 { margin: 0; }
div.rule_text p { margin-top: 0; }
div.rule_gif img { width: 115px; height: 105px; border: 2px solid black; 
		   padding: 5px; margin-top: 5px; }
div.divider { height: 25px; width: 2px; clear: both; }

div.rule_gif { float: left; }

/*******************************************************************/
/* Pinyin Converter */

.converter {
    display: inline-block;
}

.converter textarea {
    height:100px;
    width:330px;
}

.converter button {
    margin: auto;
    display: block;
}