@charset "UTF-8";

#left-clumn{
width:716px;
}

#contents{
background-color:#fffbf5;
}
#footer{
background-color:#fffbf5;
}
#left-clumn-1{
position:relative;
text-align:left;
float:left;
border:1px solid #e8e8e8;
background-color:#FFFFFF;
width:544px;
padding:2px 2px 30px;
margin-top:10px;
min-height:420px;
}

#left-clumn-1 .post{
}

#left-clumn-1 h2{
overflow:hidden;
width:494px;
height:28px;
color:#2f8efa;
background:url(../blog/img/bl_title_bg.jpg) no-repeat;
padding:25px; 
font-size:17px;
}

#left-clumn-1 .pmeta{
position:absolute;
top:8px;
right:8px;
font-size:12px;
}


#left-clumn-2{
margin-top:10px;
float:left;
width:166px;
background:url(../bl/img/left_2_bg.jpg) no-repeat;
padding-top:13px;
overflow:hidden;
}

#left-clumn-2 h3,
#left-clumn-2 ul{
background:url(../bl/img/left_2_list_bg.jpg) no-repeat;
}

#left-clumn-2 h3{
text-align:left;
padding:20px 10px;
color:#707070;
font-size:15px;
}

#left-clumn-2 ul,
ul.advanced-recent-posts{
background-position:0px -60px;
min-height:100px;
}
#left-clumn-2 ul li{
text-align:left;
font-size:12px;
}


#left-clumn-2 ul li a:link,
#left-clumn-2 ul li a:visited,
ul.advanced-recent-posts li a:link,
ul.advanced-recent-posts li a:visited{
display:block;
padding:8px;
color:#797979;
}
#left-clumn-2 ul li a:hover,
ul.advanced-recent-posts li a:hover{
background:url(../common/course_bg.gif);
}

#left-clumn-2 ul li .dates,
#left-clumn-2 ul li .log-title{

}
#left-clumn-2 ul li a:link .post-date,
#left-clumn-2 ul li a:visited .post-date,
#left-clumn-2 ul li a:hover .post-date{
color:#e60012;
}


.left-cont{
float:left;
padding:0px 0px 30px 20px;
width:150px;
}


.main-images{
background:url(../common/course_bg.gif);
text-align:center;
padding:15px 0px;
margin:0px 1px 20px;
}

.main-images img,
.sub-images img{
display:block;
padding:3px;
border:1px solid #e8e8e8;
background:#FFFFFF;
margin:0px auto;
}
.sub-images img{
margin-top:5px;
}

div.sub-images{
clear:both;
float:left;
padding:0px 0px 50px 20px;
width:150px;
min-height:200px;
}

div.sub-images img{
width:146px;
overflow:hidden;
}


.entry{
float:left;
padding:0px 10px 30px 20px;

}
.wid330{
width:330px;
}


.controll{
clear:both;
text-align:center;
position:absolute;
height:30px;
bottom:20px;
}
.controll ul.pagenav{
display:block;
}

.controll ul.pagenav li{
position:absolute;
display:block;
width:60px;
height:30px;
line-height:2em;
}

li.upbtn{
background:url(../blog/img/btn_up.jpg) no-repeat;
}

li.dwbtn{
background:url(../blog/img/btn_down.jpg) no-repeat;
}

li#prev-btn{
left:180px;
}
li#list-btn{
left:245px;
}
li#next-btn{
left:310px;
}



.widget_categories h3{
display:none;
}

.course-index-body{
margin-top:20px;
}
.course-index-row{
clear:both;
margin-bottom:10px;
}
.course-index-block{
min-height:280px;
text-align:left;
width:340px;
padding:4px 4px 10px;
border:1px solid #EDEDED;
background:#FFFFFF;
}

img.img-block{
display:block;
}

.course-index-block h4{
font-size:14px;
margin:10px 0px 0px;
padding:0px 0px 4px 5px;
border-bottom:1px solid #999999;
}

.course-index-block ul li{
border-bottom:1px dotted #999999;
padding:5px 3px;
font-size:12px;
}

.course-index-block ul li a:link,
.course-index-block ul li a:visited{
color:#666666;
}
.course-index-block ul li a:hover{
color:#CC3333;
}
.course-index-block ul li a span.dates{
color:#ff6300;
margin-right:8px;
}

#left-clumn-1 h2.cat-icon{
padding-left:60px;
padding-top:27px;
background:url(../blog/img/blog_icon_bg.jpg) no-repeat;
}

dl.cat-list{
margin:10px;
padding:10px;
border-bottom:1px dotted #cccccc;
}
dl.cat-list dt,
dl.cat-list dd{
display:block;
}

dl.cat-list dt{
color:#FF6600;
float:left;
font-size:12px;
}
dl.cat-list dd{
float:right;
width:425px;
}

dl.cat-list dd a:link,
dl.cat-list dd a:visited{
color:#707070;
}

dl.cat-list dd a:hover{
color:#e60012;
}