/* CSS Document */
	a:link  {color:#0066CC; text-decoration: none;}
	a:visited {color: #0066CC; text-decoration: none;}
	a:active {color:#FF6600; text-decoration: none;}
	a:hover {color: #FF6600; text-decoration: underline; border-bottom:#CCCCCC 3px solid;}	

* { 
margin: 0; 
padding: 0; 
}
body { 
background: #fff; 
font: 0.9em "Tahoma", Verdana;
line-height:115%;
color:#000000;

}
.error {color:#FF0000}
a img {border: 0 none;}
a href {cursor:pointer;}
td{ vertical-align:top;}
textarea, input, select{color:#0066FF; font:tahama;font-size:14px;}
.clear {display: block; padding:10px; height:20px;}
.txtDf{ color:#CCCCCC;}

/*  HEADER */


#header {
display:block;
margin-bottom:5px;
font: 0.9em "Tahoma", Verdana;
text-align: left;
height:84px;
width:850px;
}
#logo {
display:block;
vertical-align:top;
height:80px;
}
/* main navigation */
#nav li {
float: right;
list-style-type: none;
margin-top: -30px; 
padding: 5px 0px;
}
	
#nav a:link, #nav a:visited {
float: left;
padding: 5px;
padding-bottom:0px;
font-weight:bold;
color:#0066CC;
text-decoration: none;
}
#nav li.page_item a:hover {
padding-bottom:0px;
background:#FFFFFF;
color:#F05600;
}

#nav li.current_page_item a, #nav li.current_page_item a:visited {
color:#F05600;
}


/* end HEADER */

/* TOP Content */

#descript {
	width: 100%; 
	border-top:#BCDBFE 1px solid;
	background:url(images/bluefade.jpg) repeat-x;
	padding:5px;
	margin-bottom:10px;
	
}
.descript_text{
	margin:auto;
	color:#666666;
	width: 850px;
	line-height:125%;
	font-size:.75em;
}

#col_left{
	float:left;
	width:350px;
}
#col_right{
	float:right;
	width:480px;
}


#menu {
display:block;
width:850px;
margin:auto;
height: 1%;
height:140px;
}
#post-menu-hd{
width:500px;
float:right;
}
#post-menu {
float: right;
color: #333;
}

#mp li {
font-size: 1em;
line-height:135%;
width:100px;
height:130px;
float:left;
list-style-type: none;
margin: 3px; 
padding: 5px;
border-top:#BCDBFE 1px solid;
border-left:#BCDBFE 1px solid;
}
#sec-about {
color:#666666;
line-height:135%;
font-size:.75em;	
display:block;
float:left;
width:350px;
padding: 5px;
}


/* -- in sub file --*/
#sub_mp li {
font-size: .7em;
line-height:120%;
width:65px;
height:75px;
float:left;
list-style-type: none;
padding: 0px;
padding:5px;
border-right:#CCCCCC 2px solid;
}
.select {background:#FFF4DF;}
#sub-about {
display:block;
float:left;
width:440px;
padding: 5px;
font-size: 0.9em;
line-height: 150%;
}
#sub-about h1{font-size:14px; color:#FF0000}



#tagMath{
border:1px solid #CCCCCC; padding:5px; margin:5px 0; font-size:12px; line-height:16px;;
}
#tagMath a:link, #tagMath a:visited {text-decoration:none; color:#993300}
#tagMath a:hover{text-decoration:underline; color:#000000}

#math-title{
width:850px;
margin:auto;
line-height:140%;
margin-bottom:10px;
}
#math-title h1{ font-size:16px;}

#math-body{
width:850px;
margin:auto;
line-height:140%;
}
#math-body h1{ font-size:16px;}
#math-body h2{ font-size:13px;}
.page_bg1 {background:url(images/left-top-corner-box.jpg) left no-repeat top;
 padding:15px 0 0 15px;}

#math-body li{ 
margin-left:20px;
}
.h1_bg{padding-left:50px; no-repeat; line-height:40px;}
.bg_video{background:url(images/icon_video1.jpg) no-repeat}
.bg_exam{background:url(images/icon_exam1.jpg) no-repeat}
.bg_math{background:url(images/icon_math1.jpg) no-repeat}
.bg_math1{background:url(images/icon_light1.gif) no-repeat}
.bg_link{background:url(images/icon_link1.jpg) no-repeat}
.bg_blog{background:url(images/icon_blog1.gif) no-repeat}

#vleft{
	display:block;
	margin:0; padding:0px;
	width:420px;
	float:left;
	
}
#vright{
	margin:0; padding:0px;
	width:420px;
	float:right;
}
#vleft h1, #vright h1{ font-size:14px; margin-bottom:10px;}
#vleft .v_item, #vright .v_item{ float:left;padding:2px;}
#vleft .v_item_img, #vright .v_item_img{
float:left;
margin-left:15px;
width:50px;
}
#vleft .v_text, #vright .v_text{
width:340px;
float:left;
line-height:110%;
margin: 0 2px;
}
.v_count{font-size:9px; color:#999999;}
#v_line{
background:url(../wp-content/themes/krooon/images/v_line.gif) no-repeat 50% 0%;
float:left;
margin-top:70px;
height:200px;
width:20px
}
.video_description{
font-size:12px; border:#CCCCCC 1px dotted; padding:5px;}


#doclist{
font-size:12px; line-height:130%;
width:460px; padding:5px;
background:url(images/bg-bluecheck.gif) repeat-x;
}
#doclist .row{ width:100%; border-bottom:#999999 1ps dotted; margin-bottom:5px;}
#doclist .dt{font-size:11px; color:#666666; padding-left:10px;}
#doclist .bt{font-size:11px; color:#666666; border-bottom:#CCCCCC 1px solid;border-top:#CCCCCC 1px solid; 
margin-top:10px; text-align:right}

/** LESSON **/
#ls_h{width:20px; float:left; text-align:center; padding:3px; border-bottom:#FFC753 2px solid; color:#999999}
#ls_h1{float:left; text-align:center; padding:3px 10px; border:#FFC753 2px solid; border-bottom:none;}
#ls_h0{float:left; text-align:center; padding:3px 10px; border-bottom:#FFC753 2px solid;}

#lss {padding:0px 0 2px 0;}
.lss_bg0 {background-color:#F5F5F5; border-bottom:1px dotted #CCCCCC; padding:2px;}
.lss_bg1 {background-color:#FFF5DF; border-bottom:1px dotted #CCCCCC; padding:2px;}
.lss_ico{ width:20px; float:left;padding:5px;}
#lss_t{ margin:0px; text-decoration:none;}
	#lss_t a:link {  color:#3366CC; }
	#lss_t a:visited { color:#3366CC;}
	#lss_t a:hover { color:#FF6600;}
.lss_bt{ padding-left:30px; font-size: 11px; color:#666666; line-height:12px}


.tsr {font-size:14px; color:#009900; padding:0px 8px; border-bottom:#CCCCCC 2px solid; font-weight:bold}
.tsh{color:#009900; font-weight:bold;}

.tdH{ font-size:14px; line-height:14px;}
.tdList{font-size:11px; color:#666666; padding-left:10px;}

/* footer-- */
#footer {
	float:left;
	width:100%;
	background:#DADADA;
	margin: 10px 0 0 0;
	padding: 5px;
	border-top:none;
	border-bottom: 5px #CCCCCC solid;
}
#footer_body {	
	width:850px;
	margin:auto;
	font-size: 0.8em;
}