/*
Theme Name: HKSSC
Theme URI: http://jsbox.net/
Description: HKSSC 
Version: 1.0
Author: Jay Kwong
Tags: mantle color, CMS, two columns, widgets

WordPress by Jay Kwong || http://jsbox.net
*/

/* import core styles | Basis-Stylesheets einbinden */
@import url(css/core/base.css);

/* import screen layout | Screen-Layout einbinden */

 @import url(css/navigation/nav_vlist.css);/*layout_overall*/
 @import url(css/screen/basemod.css);/*base layout*/
 @import url(css/screen/content.css);/*h1 h2 h3 br div etc*/
 @import url(css/post.css);/*main page post format*/
 @import url(css/aboutus.css);
 @import url(css/contactus.css);
 @import url(css/comments.css);/*side bar*/
  @import url(css/faq.css);/*side bar*/
   

html,
body { margin:0; color:#333; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; letter-spacing:0.5px; }

.ttf{ padding:6px 0}

/* ===========  main.html  ===========   */

#main { background:url(images/title_bg.jpg) repeat-x; width:100%; margin:0 auto; text-align:center; }

#main .logo { width:947px; height:93px; background:url(images/logo.jpg); color:#919191; font:60% Arial, Helvetica, sans-serif; text-align:right; padding:15px 20px 0 0; margin:0 auto; }

#main .btn_blog a { background:url(images/icon_blog_over.gif) no-repeat bottom left; overflow:hidden; width:82px; height:60px; float:right; margin:10px 0 0 0; }

#main .btn_blog a:hover { background:url(images/icon_blog_over.gif) no-repeat top left; overflow:hidden; width:82px; height:60px; float:right; margin:10px 0 0 0; }

#main .btn_news a { background:url(images/icon_news_over.gif) no-repeat bottom left; overflow:hidden; width:56px; height:63px; float:right; margin:10px 0 0 0; }

#main .btn_news a:hover { background:url(images/icon_news_over.gif) no-repeat top left; overflow:hidden; width:56px; height:63px; float:right; margin:10px 0 0 0; }

#main .logo a:visited,
a:hover,
a:link,
a:active { color:#999; text-decoration:none; }

#main .menu { width:967px; height:55px; background:url(images/menu_bg.jpg) repeat-x; text-align:center; margin:0 auto; }

#main .btn_menu { background:url(images/btn_bg.jpg) no-repeat; width:100px; height:55px; overflow:hidden; }

#main .banner { background:url(images/banner.jpg) top center ; width:100%; height:223px; padding:0; margin:0; overflow:hidden }

.breakline { height:45px; background:url(images/breackline.jpg) repeat-x; }

#main_content { width:900px; margin:0 auto; }

#col1 { float:left; width:215px; margin:0; }

#col2 { float:right; width:288px; margin:0; padding: 0; }

#col3 { width:357px; margin: 0 0 0 240px; }

#col1 .col1_con { padding: 0 10px 0 10px; }

#col1 .event_title { width:215px; height:76px; background:url(images/event_title.jpg) no-repeat; }

#col1 .event_con { width:210px; background:url(images/event_bg.jpg) repeat-y; padding:0 0 0 5px; }

#col1 .event_footer { width:215px; height:76px; background:url(images/event_footer.jpg) no-repeat; }

#col1 .event_icon { background:url(images/event_icon.jpg); width:36px; height:34px; font-size:14px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#FFF; text-align:center; padding:10px; float:left; margin:0pt 5pt 10px 0px; display: inline; line-height: 16px; }

#col1 .event_content { color:#6f6f6f; padding: 10px 12px 10px 5px; font-family:Arial, Helvetica, sans-serif; display: inline; }

.adv_box { width:210px; height:70px; margin:50px 0; clear:both; padding:10px 0; }

#col2 .col2_con { margin:0; }

#col2 .contact_title { background:url(images/contact_title.jpg); width:288px; height:96px; margin:5px 0 0 0; }

#col2 .contact_box { background:url(images/contact_bg.jpg) no-repeat bottom left; /*border:2px solid #d7e9f1;*/ width:248px; padding:0 20px; padding-bottom: 30px; }

#col2 .contact1 { background:url(images/contact_icon1.jpg) no-repeat; width:44px; height:21px; float:left; margin:15px 10px 10px 10px; }

#col2 .contact2 { background:url(images/contact_icon2.jpg) no-repeat; width:44px; float:left; margin:15px 10px 10px 10px; height: 21px; }

#col2 .contact { color:#999; float:left; margin:0; padding: 10px 0; }

#col2 .contact_phone { font-size:12px; color:#999; text-align:center; padding: 5px 0; }

#col2 .time { font-size:12px; color:#36a2ca; margin:5px 0 0 0; text-align:center; }

#col3 .new_title { width:357px; background:url(images/new_title.jpg) no-repeat; text-align:left; padding-top:40px; }

#col3 .col3_box { padding: 0; text-align:center; }

.clear_line { clear:both; border-bottom:solid #D5E6EC 1px; padding: 0; margin: 0; display:block; overflow:hidden; height:0px; width:100%; }

.clear { clear:both; padding: 0; margin: 0; display:block; overflow:hidden; height:0px; width:100%; }

.news a { text-decoration:none; color:#737373; }

.news ul { list-style:none; padding:10px 0; padding-top:60px; font-size:12px; display:block; overflow:hidden; margin:0 10px; }

.news li { padding:10px 0px; background:url(images/dotted.gif) bottom left no-repeat; }

.date , .date a{ font-family:Arial, Helvetica, sans-serif; color:#56aab1; }



#ourservices { width:100%; display:block; overflow:hidden; margin:15px 0; }

#ourservices .services_title { background:url(images/ourservices.jpg) no-repeat; height:26px; margin:0 0 0 5px; }

#ourservices .services_top { background:url(images/ourservices_bg_top.jpg) no-repeat top left; margin:0 auto; height:20px; padding:0 20px; }

#ourservices .services_bg { background:url(images/ourservices_bg.jpg) no-repeat bottom left; height:259px; padding:10px; padding-left:30px; padding-bottom:30px }

#ourservices .services_box { width:25%; height:110px; float:left; display:block; overflow:hidden; padding:10px 0; margin:0 auto }

#ourservices .services_thumb { width:190px; height:80px; }

#ourservices .services_caption { width:100%; height:24px; margin: 15px 0 10px 10px; }

/* ===========  contact us.html  ===========   */

#w895l { width:900px; margin:0 auto; }

#w895l .left { width:640px; float:left; }

#w895l .right { width:255px; float: right; }

#w895l .title { background:url(images/title.jpg) repeat-x bottom; line-height:35px ; padding:5px 0;display:block; margin-top:20px  }

/*#w895l .img { border:1px solid #ccc; margin:20px 10px 10px 0; padding:10px; width:197px; height:240px; overflow:hidden; float:left; }*/

#w895l .content { margin:20px 0 0 0; font-size:12px; line-height:20px;}

#w895l .menu_bgtop { background:url(images/aboutus/link_menu_bg.jpg) no-repeat; width:217px; height:12px; float:right; overflow:hidden; }

#w895l .bottom { background:url(images/aboutus/link_menu_bottom_bg.jpg) no-repeat bottom left; width:197px; padding:0 0 15px 20px; float:right; font-size:12px; overflow:hidden; }

#w895l .bottom ul { margin:0; padding:0; }

#w895l .bottom li { margin:0; padding:0; line-height:30px; font-size:13px; list-style:none; }

#w895l .bottom a { color:#1ea4b8; text-decoration:none; }

#w895l .bottom li a:hover { color:#1ea4b8; background:#f3f8f8; text-decoration:none; width:100%; }

#w895l .thumb { background:#eee; width:151px; height:96px; margin:10px 7px 10px 0; float:left }

/* ===========  footer  ===========   */

#footer { background:url(images/footer_bg.jpg) repeat-x top left; width:100%; height:100px; margin-top:30px; display:block; overflow:hidden; }

#footer .footer_con { width:947px; height:56px; margin:25px auto 0 auto; }

#footer .caring { background:url(images/logo_caring.jpg) no-repeat; width:137px; height:56px; float:left; }

#footer .footer_logo { background:url(images/footer_logo.jpg) no-repeat; height:34px; float:left; margin:10px 0 0 80px; padding:5px 0 0 100px; color:#336176; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-align:center; line-height:16px; }

/* ===========  adv  ===========   */

.services_thumb a:hover{background: transparent}

.entry_author_image img
{
	margin-top:35px;
  border: solid 1px #E3E3E3;
  padding:4px;
  width:100px;
  height:100px
}


.adv{
margin:15px 0; width:210px; height:100px; display:block; overflow:hidden;}