/*
Theme Name: HKBC
Theme URI: http://jsbox.net
Description:
Version: V1
Author:Theme design: Jay Kwong
Author URI: http://jsbox.net/

*/

@media all {

@charset "UTF-8";


.line { background: url(images/line_b.png); height:20px; clear:both; display:block; margin:20px 0 }

.line_s { background: url(images/line_b.png); height:5px; clear:both; display:block; margin:20px 0 }

body { font-family:  Arial, Helvetica, sans-serif; font-size:13px; color: #444; padding:60px 0 0 0; margin:0; background:#efefef url(images/bg.jpg) center top  no-repeat!important }



/*header*/


#header { background:#efefef; border-bottom:1px solid #c9c9f0; display:block; overflow:hidden; height:60px; position:fixed; z-index:10000; top:0; left:0; width:100% ; padding:0; margin:0}

#header .title { float:left; display:block;overflow:hidden;width:147px ;padding:0; margin:0}

#header h1 { background:url(images/header_logo.jpg) no-repeat; width:147px; height:60px; display:block; overflow:hidden; text-indent:-999px ;padding:0; margin:0}

#header #nav { float:left; display:block; overflow:hidden; padding:0; margin:0 0 0 10px}

#header #nav li { display:block; float:left ;padding:0; margin:0}

#header #nav li a { line-height:60px; padding:0 8px; color:#595990; font-weight:bold; text-shadow:0 1px 0 #fff; font-family: Tahoma, Geneva, sans-serif; text-transform:uppercase; letter-spacing:1px; margin:0; text-decoration:none;
 }

#header #nav li a:hover { color:#9185D6 }

#header .social { float:right; padding:10px 0 ; display:block; overflow:hidden; margin:0}

#header .twitter { background:url(images/icon_twitter.png); width:55px; height:44px; display:block; float:left; overflow:hidden; text-indent:-999px }

#header .facebook { background:url(images/icon_facebook.png); width:55px; height:44px; display:block; float:left; overflow:hidden; text-indent:-999px; margin-left:5px }

#header .rss { background:url(images/icon_rss.png); width:55px; height:44px; display:block; float:left; overflow:hidden; text-indent:-999px; margin-left:5px }

/*===========================================banner*/
.banner { position:relative; display:block; clear:both }

.banner .event_graphic { position:absolute; left:-23px }

.banner .more_info { float:right }

.logo { text-align:center; padding:30px 0 70px 0 }

.buttons { padding-top:20px }

.banner .btn_info { background:url(images/bain_btn_a.jpg) no-repeat; width:179px; height:100px; display:block; float:left; text-indent:-999px; overflow:hidden }

.banner .btn_reg { background:url(images/main_btn_b.jpg) no-repeat; width:220px; height:100px; display:block; float:left; text-indent:-999px; overflow:hidden }

.banner .btn_info:hover,
.banner .btn_reg:hover { background-position:bottom }



/*====================================main page css*/


#page { padding:60px 0 30px 0 ; display:block; clear:both; overflow:hidden;}

/*about*/

#about { padding:30px 0 }

#about h2 { background:url(images/icon_about.jpg); width:73px; height:54px; display:block; overflow:hidden; text-indent:-999px; margin-bottom:10px }

#about p { line-height:25px }

/*Blog*/

#blog { padding:50px 0 }

#blog h2 { background:url(images/icon_blog.jpg); width:73px; height:54px; display:block; overflow:hidden; text-indent:-999px; margin-bottom:10px }


#blog li a{ color:#333}
#blog ul{ border-top:1px solid #CCC}


#blog li{ display:block; padding:15px 5px; border-bottom:1px solid #CCC; position:relative ; overflow:hidden}

#blog li:hover{ background:#FAFFD7; color:#D86F10}
#blog li a:hover{ color:#D86F10}


#blog li .date{ width:60px; float:left; font-weight:bold; position:absolute; color:#666}

#blog li .title{ margin-left:80px; float:left; }

#contents{display:block; overflow:hidden; position:relative; clear:both ; margin-right:10px}

#contents .entry{ padding:20px 0}

.entry p{ line-height:25px}

.entry .top-tit{ margin-bottom:20px; text-shadow:0 1px 0 #fff; font-size:25px; line-height:32px;}

.entry .top-tit a{ color: #1f1f1f; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif}

.entry .top-tit span{ color: #999}

.entry .comments, .entry .comments a{ font-size:12px; color:#999}

.entry h4 {color:#333!important}

.entry li{padding:0 0 0 12px; border-left:3px solid #d1d6d9; margin:20px 0}

textarea {
font-family:Arial,Helvetica,sans-serif;
width:490px;
padding:5px;
}


/*=====================================================aside*/

.aside { float:right }
.org_logo { padding:30px 0 }


.aside  .sidebar_twitter{ padding:0 0 30px 0;}

.aside .widget{padding:10px 0; margin:10px 0; border-top:1px solid #666666}

.aside h1{ font-size:15px; padding-bottom:10px}

.twtr-widget .twtr-tweet{ border-bottom:1px solid #e7e7e7!important; line-height:23px!important; padding:5px!important}
.twtr-widget h3, .twtr-widget h4, .twtr-widget p { line-height:24px!important}


.aside  .btn_info {  background:url(images/bain_btn_a.jpg) no-repeat; width:179px; height:100px; display:block; float:left; text-indent:-999px; overflow:hidden }

.aside  .btn_reg { background:url(images/main_btn_b.jpg) no-repeat; width:220px; height:100px; display:block; float:left; text-indent:-999px; overflow:hidden}

.aside  .btn_info:hover,
.aside  .btn_reg:hover { background-position:bottom }

.aside  .event_info{ padding-bottom:20px}
/*====================================footer*/

#footer { background:url(images/footer.jpg) center top no-repeat; height:226px; text-align:center; margin:0; display:block; overflow:hidden; clear:both; }

#footer p { padding-top:180px;font-size:11px ; color:#677492 }

#footer a{ color:#677492 }

}