/*  
Theme Name: ELLE Blog
Theme URI: http://code.google.com/p/wp-constructor/?1
Description: Wordpress ELLE HK  Theme, it's many-in-one theme with ELLE HK header. Build your own theme on <a href="themes.php?page=functions.php">settings page</a>.
Version: 1.1
Author: elle.com.hk
Author URI: http://elle.com.hk/

Last Updated at: 20140922 1238
Changes Log: 
1.0->1.1
Initiate: #2884
Search Keyword: 201409
1. Added “floating prev/next button” and rollover you can see blog post
2. Old next/ previous with new look
3. Breadcrumb items added “underline” to indicate they are clickable
4. 6 posts in “you may also like” (showing the latest and same category article from the same blogger first, then show the latest article, exclude reputation) 
4. Latest post layout change
5. most popular section reduced to showing 5 only
6. added a “back to top button” float on bottom right hand side in browser (it should align right of the 1000px width margin)
*/

/**
 * Table of Contents:
 *
 * 1.0 - Reset
 *   1.1 - Re-define
 * 2.0 - Repeatable Patterns
 * 3.0 - Basic Structure
 * 4.0 - Header
 * 5.0 - Navigation
 *   5.1 - Top Menu
 *   5.2 - Center Navigation
 *   5.3 - Bottom Navigation
 * 6.0 - Content
 *   6.1 - Channels
 *       6.1.1 - ELLE Friends
 *   6.2 - Blogger home page
 *   6.3 - Blogger article page
 *   6.4 - Comments
 *   6.5 - Search Result
 * 7.0 - Sidebar
 *   7.1 - Widgets
 *   7.2 - Content Sidebar Widgets
 * 8.0 - Footer
 *   8.1 - General
 *   8.2 - You May Also Like (Top 5 of Latest Post)
 *   8.3 - Hot Blog
 * 9.0 - KV Carousel
 * -----------------------------------------------------------------------------
 */


/**
 * 1.0 Reset
 *
 * -----------------------------------------------------------------------------
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/**
 * 1.1 Re-define
 *
 * -----------------------------------------------------------------------------
 */
 body { background-color: #EBEBEB; font: 12px/14px Arial,Helvetica,sans-serif; }
a { color: #000000; text-decoration: none; }
a img { border: 0; }
/**
 * 2.0 Repeatable Patterns
 *
 * -----------------------------------------------------------------------------
 */
img.off { left: 0; position: absolute; }
img.off:hover { opacity: 0; }
img.fill_in{ height: auto; width: 100%; }

span.button { background-color: #343333; color: #FFFFFF; display: inline-block; font: 14px/40px Helvetica,Arial,sans-serif; height: 40px; padding: 0 15px; }
span.separator { margin: 0 8px; }

.avatar { border-radius: 50%; }
.avatar>.mask { display: none; }

.button { cursor: pointer; }

.clear { clear: both; }
.content-wrapper { margin: 0 auto; position: relative; width: 1000px; }

.icon { background-position: center; background-repeat: no-repeat; display: inline-block; }
.icon-nav-next { background-image: url(./images/ico_post_next.png); height: 6px; width: 5px; }
.icon-nav-on { background-image: url(./images/nav_on_ico.png); height: 6px; width: 8px; }
.icon-nav-previous { background-image: url(./images/ico_post_previous.png); height: 6px; width: 5px; }
.icon-search { background-image: url(./images/btn_search.gif); height: 15px; width: 15px; }

/**
 * 3.0 Basic Structure
 *
 * -----------------------------------------------------------------------------
 */
.site { position: relative; width: 100%; }

.site-topbar { background-color: #F0F0F0; height: 24px; position: relative; width: 100%; }
.site-topbar ul { margin: 0 10px; }
.site-topbar ul.nav-left { float: left; }
.site-topbar ul.nav-right { float: right; }
.site-topbar ul li { float: left; height: 24px; position: relative; }
.site-topbar ul.nav-right.logged-in li { color: #343333; line-height: 24px; margin-left: 20px; }
.site-topbar ul.nav-right.logged-in li a { color: #343333; }
/*ericyau 201409*/
a:hover { text-decoration: underline; }
/*ericyau 201409*/
/**
 * 4.0 Header
 *
 * -----------------------------------------------------------------------------
 */
.site-header { background-color: #FFFFFF; height: 143px; position: relative; width: 100%; z-index: 10; }
.site-header .site-logo { position: absolute; text-align: center; top: 12px; width: 272px; z-index: 11; }
.site-header .ad-top { height: 90px; padding: 12px 0 11px 272px; position: relative; width: 728px;}

/**
 * 5.0 Navigation
 *
 * -----------------------------------------------------------------------------
 */

 /**
 * 5.1 Top Menu
 *
 * -----------------------------------------------------------------------------
 */
.site-header .menu { border-bottom: 1px solid #343333; border-top: 1px solid #343333; height: 28px; position: relative; }
.site-header .menu ul { margin-left: 272px; }
.site-header .menu ul li { float: left; line-height: 28px; margin-right: 20px; position: relative; }
.site-header .menu ul li .icon-nav-on { display: none; }
.site-header .menu ul li.on .icon-nav-on { display: block; left: 50%; margin-left: -4px; position: absolute; }
.site-header .menu .icon-search { cursor: pointer; float: right; margin-top: 6px; }
.site-header .menu .header-search { display: none; height: 30px; position: absolute; right: 0px; top: 28px; width: 300px; }
.site-header .menu .header-search input { border: 1px solid #000000; height: 28px; outline: 0; padding: 0 10px; width: 278px; }


/*ericyau 201409*/
 /**
 * 5.2 Center Navigation 
 *
 * -----------------------------------------------------------------------------
 */
.center_post_navigation  { margin:0; padding:0; }

.center_post_navigation .previous_post_2 { border-style: solid;
    border-width: 0px; border-color: #666666; position:fixed; z-index:100; top:50%; left:50%; margin-left:-588px; width:318px; height:96px; background-color: #FFFFFF; display:none; -webkit-box-shadow: 1px 1px 10px 1px rgba(0,0,0,0.75); -moz-box-shadow: 1px 1px 10px 1px rgba(0,0,0,0.75); box-shadow: 1px 1px 10px 1px rgba(0,0,0,0.75); }
.center_post_navigation .previous_post_2 .blogger-previous div { display: inline-block; overflow: hidden; padding-left: 16px; padding-top: 13px; }
.center_post_navigation .previous_post_2 .blogger-previous .text { display: inline-block; width: 110px; height: 64px; overflow: hidden; line-height: 100%; color: #666666; font-size: 12px; overflow: hidden; box-shadow: none; padding-left: 68px; }
.center_post_navigation .previous_post_2 .blogger-previous .img { display: inline-block; vertical-align: top; width: 116px; height: 70px; overflow: hidden; float: none; box-shadow: none; padding-left: 5px; }
.center_post_navigation .previous_post_button_2 { position:fixed; z-index:200; top:50%; left:50%; margin-left:-580px; width: 50px; height: 70px; overflow: hidden; background-image: url(./images/post_arrow_left.gif); box-shadow: none; margin-top: 13px; }

.center_post_navigation .next_post_2 { border-style: solid;
    border-width: 0px; border-color: #666666; position:fixed; z-index:100; top:50%; right:50%; margin-right:-588px; width:318px; height:96px; background-color: #FFFFFF; display:none;  -webkit-box-shadow: 1px 1px 10px 1px rgba(0,0,0,0.75); -moz-box-shadow: 1px 1px 10px 1px rgba(0,0,0,0.75); box-shadow: 1px 1px 10px 1px rgba(0,0,0,0.75); }
.center_post_navigation .next_post_2 .blogger-next div { display: inline-block; overflow: hidden; padding-left: 16px; padding-top: 13px; }
.center_post_navigation .next_post_2 .blogger-next .text { display: inline-block; width: 110px; height: 64px; overflow: hidden; line-height: 100%; color: #666666; font-size: 12px; overflow: hidden; box-shadow: none; padding-left: 16px; }
.center_post_navigation .next_post_2 .blogger-next .img { display: inline-block; vertical-align: top; width: 116px; height: 70px; overflow: hidden; float: none; box-shadow: none; padding-left: 10px; }
.center_post_navigation .next_post_button_2 { position:fixed; z-index:200; top:50%; right:50%; margin-right:-580px; width: 50px; height: 70px; overflow: hidden; background-image: url(./images/post_arrow_right.gif); box-shadow: none; margin-top: 13px; }


@media only screen and (max-width: 1160px) {
	.center_post_navigation .previous_post_2 { left:508px; margin-left:-508px; }
	.center_post_navigation .previous_post_button_2 { left:500px; margin-left:-500px; }

	.center_post_navigation .next_post_2 { right:508px; margin-right:-508px; }
	.center_post_navigation .next_post_button_2 { right:500px; margin-right:-500px; }
}
/*ericyau 201409*/

 /**
 * 5.3 Bottom Navigation 
 *
 * -----------------------------------------------------------------------------
 */

.navigation {  margin-top: 20px; position: relative; }
.navigation .alignleft { float: left; }
.navigation .alignright { float: right; }
.navigation .icon-nav-next { padding: 2px 0; }
.navigation .icon-nav-previous { padding: 2px 0; }

/*ericyau 201409*/
.post_navigation {  margin-top: 20px; position: relative; }
.post_navigation .alignleft { float: left; }
.post_navigation .alignright { float: right; }
.post_navigation .icon-nav-next { padding: 2px 0; }
.post_navigation .icon-nav-previous { padding: 2px 0; }
.post_navigation .alignleft span.button { background-color: #EAEAEA; color: #666666; font: 12px ; width: 335px; height: 70px; overflow: hidden; padding: 0; margin:0;}
.post_navigation .alignleft .button .blogger-previous div { display: inline-block; width: 335px; height: 70px; overflow: hidden; padding: 0; margin:0;}
.post_navigation .alignleft .button .blogger-previous .img { display: inline-block; float: left; width: 116px; height: 70px; overflow: hidden; padding: 0; margin:0;}
.post_navigation .alignleft .button .blogger-previous .icon-nav-previous { display: inline-block; float:none; background-image: url(./images/post_arrow_left_2.gif); width: 40px; height: 70px; overflow: hidden; padding: 0; margin:0;}
.post_navigation .alignleft .button .blogger-previous .text { display: inline-block; vertical-align: top; color: #666666; font-size: 12px; width: 134px; height: 70px; line-height: 100%; overflow: hidden; padding-top:13px; padding-left: 16px; margin:0;}

.post_navigation .alignright span.button { background-color: #EAEAEA; color: #666666; font: 12px; width: 335px; height: 70px; overflow: hidden; padding: 0; margin:0; }
.post_navigation .alignright .button .blogger-next { display: inline-block; width: 335px; height: 70px; overflow: hidden; padding: 0; margin:0; }
.post_navigation .alignright .button .blogger-next .img { display: inline-block; float: right; width: 116px; height: 70px; overflow: hidden; padding: 0; margin:0;}
.post_navigation .alignright .button .blogger-next .icon-nav-next { display: inline-block; float:right; background-image: url(./images/post_arrow_right_2.gif); width: 40px; height: 70px; overflow: hidden; padding: 0; margin:0;}
.post_navigation .alignright .button .blogger-next .text { display: inline-block; vertical-align: top; color: #666666; font-size: 12px; width: 134px; height: 70px; line-height: 100%; margin:0; overflow: hidden; padding-top:13px; padding-left: 16px; margin:0;}

.bottom-menu { position: relative; width: 100%; }
.bottom-menu .back-to-top .back-to-top-div{ 
/*display: inline-block; vertical-align: middle; float: right; position: relative;*/ 
position:fixed; z-index:100; bottom:0%; right:50%; margin-right:-500px;
background-image: url(./images/btn_top.gif); width: 90px; height: 39px; overflow: hidden; }

@media only screen and (max-width: 1160px) {
	.bottom-menu .back-to-top .back-to-top-div { right:500px; margin-right:-500px; }
}
/*ericyau 201409*/

/**
 * 6.0 Content
 *
 * -----------------------------------------------------------------------------
 */
 /*ericyau 201409*/
/*.site-main { background-color: #FFFFFF; min-height: 600px; padding-bottom: 40px; position: relative; width: 100%; z-index: 1;  }*/
.site-main { background-color: #FFFFFF; min-height: 600px; min-width:1160px; padding-bottom: 40px; position: relative; width: 100%; z-index: 1;  }
@media only screen and (max-width: 1160px) {
	.site-main  { min-width:1000px; }
}
/*ericyau 201409*/
.site-main .home-kv { height: 200px; position: relative; width: 100%; }
.site-main .top-spacer { height: 60px; position: relative; width: 100%; }

.site-main.col2-right .main-content { float: left; position: relative; width: 675px; }

.main-content .block { margin-bottom: 40px; position: relative; }
.main-content .block.star-blogs { margin-top: 40px; }
.main-content .block .block-header { border-bottom: 2px solid #343333; height: 29px; position: relative; }
.main-content .block .block-header .title { float: left; height: 31px; position: relative;  }
.main-content .block .block-header .tabs { float: right; height: 31px; position: relative;  }
.main-content .block .block-header .tabs ul {}
.main-content .block .block-header .tabs ul li { float: left; position: relative; }
.main-content .block .block-header .tabs ul li.tab { cursor: pointer; }
.main-content .block .block-header .tabs ul li.on img.off { display: none; }

.main-content .block .block-content { border: 1px solid #F1F1F1; border-top: 0; position: relative; }
.main-content .block.elle-friends .block-content { padding: 14px 14px 0 14px; }

.main-content .block .block-content .block_page { display: none; position: relative; }
.main-content .block .block-content .block_page.active { display: block; }
.main-content .block .block-content .post-item { border-bottom: 1px dotted #525252; float: left; padding: 10px 8px; position: relative; width: 320px; }
.main-content .block .block-content .post-item.even { border-left: 1px dotted #525252; }
.main-content .block .block-content .post-item .blogger { float: left; position: relative; width: 135px; }
.main-content .block .block-content .post-item .blogger .avatar { height: 120px; position: relative; width: 120px; }
.main-content .block .block-content .post-item .blogger .name { font-weight: bold; height: 20px; text-align: center; }
.main-content .block .block-content .post-item .blogger .title { font-size: 12px; height: 28px; overflow: hidden; text-align: center; }

.main-content .block .block-content .editor-blog.author-item,
.main-content .block .block-content .star-blog.author-item { float: left; padding: 10px 7px 25px 8px; position: relative; width: 120px; }
.main-content .block .block-content .editor-blog.author-item.col-first-item,
.main-content .block .block-content .star-blog.author-item.col-first-item { padding-left: 7px; }
.main-content .block .block-content .editor-blog.author-item.col-last-item,
.main-content .block .block-content .star-blog.author-item.col-last-item { padding-right: 6px; }
.main-content .block .block-content .editor-blog.author-item .blogger,
.main-content .block .block-content .star-blog.author-item .blogger { float: left; position: relative; width: 120px; }
.main-content .block .block-content .editor-blog.author-item .blogger .avatar,
.main-content .block .block-content .star-blog.author-item .blogger .avatar { height: 120px; position: relative; width: 120px; }
.main-content .block .block-content .editor-blog.author-item .blogger .name,
.main-content .block .block-content .star-blog.author-item .blogger .name { font-weight: bold; text-align: center; }
.main-content .block .block-content .editor-blog.author-item .blogger .title,
.main-content .block .block-content .star-blog.author-item .blogger .title { font-size: 12px; height: 42px; overflow: hidden; text-align: center; }

.main-content .block .block-content .elle-friend.author-item { float: left; position: relative; width: 215px; }
.main-content .block .block-content .elle-friend.author-item .blogger { float: left; height: 80px; margin-bottom: 20px; position: relative; width: 100%; }
.main-content .block .block-content .elle-friend.author-item .blogger .avatar { float: left; height: 80px; position: relative; width: 80px; }
.main-content .block .block-content .elle-friend.author-item .blogger .name { float: right; font-weight: bold; padding: 0 10px; position: relative; width: 115px; }
.main-content .block .block-content .elle-friend.author-item .blogger .title { float: right; padding: 0 10px; position: relative; width: 115px; }

.main-content .block .block-content .blog-posts { float: right; padding: 10px 0; position: relative; width: 185px; }
.main-content .block .block-content .blog-posts .blog-post { float: left; margin-bottom: 8px; position: relative; width: 100%; }
.main-content .block .block-content .blog-posts .blog-post .image { float: left; height: 60px; overflow: hidden; position: relative; width: 60px; }
.main-content .block .block-content .blog-posts .blog-post .title { float: right; height: 40px; padding: 10px 0; position: relative; width: 118px; }

.main-content .block .block-content .pagination { height: 38px; line-height: 38px; position: relative; text-align: center; width: 100%; }
.main-content .block .block-content .pagination span { cursor: pointer; display: inline-block; font: 14px/20px Arial,Helvetica,sans-serif; height: 20px; width: 20px; }
.main-content .block .block-content .pagination span.current { background: url(./images/page_on.png) no-repeat; color: #FFFFFF; }
.main-content .block .block-content .pagination span.prev { background: url(./images/page_arrow_left.gif) center no-repeat; margin-right: 10px; }
.main-content .block .block-content .pagination span.next { background: url(./images/page_arrow_right.gif) center no-repeat; margin-left: 10px; }

.main-content .block .block-content .btn_see_all { height: 25px; position: relative; text-align: center; }

/**
 * 6.1 Channel Page
 *
 * -----------------------------------------------------------------------------
 */
.site-main .channel-kv { height: 200px; position: relative; width: 100%; }
.site-main .channel-main-content { margin-top: 10px; position: relative; width: 100%; }
.site-main .channel-main-content .channel-post { margin-top: 30px; }
.site-main .channel-main-content .channel-post .post-row { border-bottom: 1px dotted #c3c3c3; margin-top: 30px; padding-bottom: 30px; }
.site-main .channel-main-content .channel-post .post-row .post-column { float: left; position: relative; width: 32.6%; }
.site-main .channel-main-content .channel-post .post-row .post-column-left {}
.site-main .channel-main-content .channel-post .post-row .post-column-center { margin: 0 1.1%; }
.site-main .channel-main-content .channel-post .post-row .post-column-right { float: right; }
.site-main .channel-main-content .channel-post .post-row .post-column .post-blogger { position: relative; width: 326px; }
.site-main .channel-main-content .channel-post .post-row .post-column .post-blogger .avatar { float: left; height: 62px; position: relative; width: 62px; }
.site-main .channel-main-content .channel-post .post-row .post-column .post-blogger .avatar-right { float: left; margin-left: 10px; position: relative; width: 254px; }
.site-main .channel-main-content .channel-post .post-row .post-column .post-blogger .avatar-right .name a { color:#999999; font-size: 14px; height: 20px; }
.site-main .channel-main-content .channel-post .post-row .post-column .post-blogger .avatar-right .title { font-size: 21px; line-height: 21px; margin-top: 5px; }
.site-main .channel-main-content .channel-post .post-row .post-column .post-blogger .posts { margin-top: 8px; position: relative; }
.site-main .channel-main-content .channel-post .post-row .post-column .post-blogger .posts .post-img { height: 219px; overflow: hidden; position: relative; width: 326px; }
.site-main .channel-main-content .channel-post .post-row .post-column .post-blogger .posts .post-content { line-height: 18px; padding: 12px 8px 0px 8px; }
.site-main .channel-main-content .channel-post .post-row .post-column .post-blogger .posts .post-content .post-date { color:#999999; }
.site-main .channel-main-content .channel-post .post-row .post-column .post-blogger .posts .post-content .post-desc { color:#666666; }
.site-main .channel-main-content .channel-post .post-row .post-column .post-blogger .posts .post-content .post-tags { margin-top: 8px; }
.site-main .channel-main-content .channel-post .pre-next { margin: 30px 0 95px 0; }
.site-main .channel-main-content .channel-post .pre-page { float: left; }
.site-main .channel-main-content .channel-post .next-page { float: right; }

/**
 * 6.1.1 ELLE Friends
 *
 * -----------------------------------------------------------------------------
 */
.channel-bottom { margin-top: 95px; position: relative; }
.channel-bottom .block .block-header { border-bottom: 2px solid #343333; height: 29px; position: relative; }
.channel-bottom .block .block-header .title { float: left; height: 31px; position: relative;  }
.channel-bottom .block .block-content .block_page { display: none; position: relative; }
.channel-bottom .block .block-content .block_page.active { display: block; }
.channel-bottom .block .block-content .elle-friend { float: left; margin-right: 20px; margin-top: 22px; position: relative; width: 150px; }
.channel-bottom .block .block-content .elle-friend.col-last-item { margin-right: 0; }
.channel-bottom .block .block-content .elle-friend .blogger { margin-bottom: 8px; position: relative; text-align: center; width: 100%; }
.channel-bottom .block .block-content .elle-friend .blogger .avatar { height: 62px; margin: 0 auto; position: relative; width: 62px; }
.channel-bottom .block .block-content .elle-friend .blogger .name { font-weight: bold; margin-top: 8px; padding: 0 8px; position: relative; }
.channel-bottom .block .block-content .elle-friend .blog-post { position: relative; width: 100%; }
.channel-bottom .block .block-content .elle-friend .blog-post .image { height: 92px; overflow: hidden; position: relative; width: 150px; }
.channel-bottom .block .block-content .elle-friend .blog-post .title { padding: 8px; position: relative; }

.channel-bottom .block .block-content .pagination { height: 38px; line-height: 38px; position: relative; text-align: center; width: 100%; }
.channel-bottom .block .block-content .pagination span { cursor: pointer; display: inline-block; font: 14px/20px Arial,Helvetica,sans-serif; height: 20px; width: 20px; }
.channel-bottom .block .block-content .pagination span.current { background: url(./images/page_on.png) no-repeat; color: #FFFFFF; }
.channel-bottom .block .block-content .pagination span.prev { background: url(./images/page_arrow_left.gif) center no-repeat; margin-right: 10px; }
.channel-bottom .block .block-content .pagination span.next { background: url(./images/page_arrow_right.gif) center no-repeat; margin-left: 10px; }

/**
 * 6.2 Blogger home page
 *
 * -----------------------------------------------------------------------------
 */
#content { position: relative; width: 100%; }
#content .my_elle_blog { height: 200px; position: relative; width: 100%; }
#content .blog-nav { background-color: #343333; color: #FFFFFF; font-size: 14px; height: 30px; line-height: 30px; padding: 0 10px; position: relative; }
/*ericyau 201409*/
/*#content .blog-nav a { color: #FFFFFF;}*/
#content .blog-nav a { color: #FFFFFF; text-decoration: underline;}
/*ericyau 201409*/

#container { float: left; overflow: hidden; position: relative; width: 675px; }
#container .hline { border-bottom: 1px dotted #999999; margin-top: 26px; }
#container #posts { position: relative; width: 100%; }
#container #posts .post { position: relative; width: 100%; }
#container #posts .post .post-title { margin-top: 26px; position: relative; }
#container #posts .post .post-title h2 { color: #3A3A3A; font-size: 28px; line-height: 32px; }
#container #posts .post .post-date { color: #999999; margin-top: 16px; position: relative; }
#container #posts .post .post-content { color: #666666; font-size: 13px; line-height: 24px; margin-top: 26px; margin-bottom: 10px; position: relative; width: 100%; }
#container #posts .post .post-content-image { position: relative; width: 675px; }
#container #posts .post .hr-row { color: #666666; margin-top: 26px; }
#container .continue-btn { margin-top: 20px;}
#container .fb-like-btn { margin-top: 12px;}
#container .category-txt { color: #666666; margin-top: 15px; }
#container .tag-txt { color: #666666; margin-top: 5px; }
#container .comment-txt { color: #666666; margin-top: 5px; }
#container .hr-row { border-bottom: 1px dotted #c3c3c3; padding: 10px 0px 10px 0; }

/**
 * 6.3 Blogger article page
 *
 * -----------------------------------------------------------------------------
 */
#container .post { position: relative; }
#container .post .post-title { margin-top: 26px; }
#container .post .post-title h2 { color: #3A3A3A; font-size: 28px; line-height: 32px; }
#container .post .post-date { color: #999999; margin-top: 16px; }
#container .post .post-date a { color: #999999; }
#container .post .post-content { color: #666666; font-size: 13px; line-height: 24px; margin-top: 26px; }
#container .post .post-content b,
#container .post .post-content strong { font-weight: bold; }
#container .post .post-content em { font-style: italic; }
#container .post .post-content h1 { font-size: 2em; font-weight: bold; line-height: 2em; }
#container .post .post-content h2 { font-size: 1.5em; font-weight: bold; line-height: 1.5em; }
#container .post .post-content h3 { font-size: 1.17em; font-weight: bold; line-height: 1.17em; }
#container .post .post-content h4 { font-size: 1em; font-weight: bold; line-height: 1em; }
#container .post .post-content h5 { font-size: .83em; font-weight: bold; }
#container .post .post-content h6 { font-size: .75em; font-weight: bold; }
#container .post .post-content p { margin-bottom: 10px; }
#container .post .post-content ol { list-style: decimal; margin-left: 25px; }
#container .post .post-content blockquote { color: #B3B3B3; font-size: 18px; line-height: 24px; margin: 0 40px; }
#container .post .post-content iframe.__youtube_prefs__ { max-width: 100%; }
#container .post .post-content-image { position: releative; width: 675px; }
#container .post .post-content ol { list-style: decimal; margin-left: 25px; }
#container .post .footer { position: relative; margin-top: 10px; }

/**
 * 6.4 Comments
 *
 * -----------------------------------------------------------------------------
 */
.comments-container { margin-top: 30px; position: relative; width: 100%; }
.comments-container #comments { position: relative; }
.comments-container #comments #respond { position: relative; }

/*ericyau 201409*/
/*.comments-container #comments #respond h3#reply-title { color: #999999; font-size: 18px; margin-bottom: 10px; }*/
.comments-container #comments #respond h3#reply-title { margin-top:15px; color: #999999; font-size: 18px; margin-bottom: 10px; }
.comments-container #comments h3{ margin-bottom:15px;}
/*ericyau 201409*/
.comments-container #comments #respond .must-log-in { background: url(./images/btn_login_to_comment.gif) no-repeat; cursor: pointer; text-indent: -9999px; width: 675px; height: 217px; background-size: 675px 217px; }
.comments-container #comments #respond .logged-in-as { }
.comments-container #comments #respond .comment-form-comment { border: 1px solid #A9A9A9; line-height: 0; }
.comments-container #comments #respond .comment-form-comment label { display: none; }
.comments-container #comments #respond .comment-form-comment textarea { border: 0; margin: 0; max-width: 100%; padding: 0; width: 100%; }
.comments-container #comments #respond .form-allowed-tags { }
.comments-container #comments #respond .form-submit { }
.comments-container #comments #respond .form-submit input { background-color: #343333; border: 0; color: #FFFFFF; cursor: pointer; display: inline-block; font: 14px/40px Helvetica,Arial,sans-serif; height: 40px; margin: 0; outline: 0; padding: 0 15px; }

/**
 * 6.5 Search Result
 *
 * -----------------------------------------------------------------------------
 */
.search_content { position: relative; width: 100%; }
.search_content .search_field { border: 1px solid #DEDEDE; height: 58px; margin-top: 16px; position: relative; }
.search_content .search_field input { border: 0; color: #666666; font-size: 14pt; height: 18px; line-height: 18px; outline: 0; padding: 20px 10px; width: 620px; }
.search_content .navigation { border-bottom: 1px dotted #C3C3C3; padding-bottom: 12px; }
.search_content .navigation .textcenter { line-height: 40px; margin-left: 150px; margin-right: 116px; position: relative; text-align: center; }
.search_content .search_content_list { margin-bottom: 12px; margin-top: 20px; position: relative; }
.search_content .search_content_list .search_item { border-bottom: 1px dotted #C3C3C3; margin-top: 30px; padding-bottom: 30px; position: relative; }
.search_content .search_content_list .search_item div.avatar { float: left; margin: 0 8px; position: relative; width: 62px; }
.search_content .search_content_list .search_item .blog-post { float: right; margin-right: 8px; margin-top: 6px; position: relative; width: 589px; }
.search_content .search_content_list .search_item .blog-post .blog-name { color: #000000; font-weight: bold; position: relative; }
.search_content .search_content_list .search_item .blog-post .title { color: #666666; font-size: 14px; line-height: 18px; position: relative; }
.search_content .search_content_list .search_item .blog-post .content { color: #666666; line-height: 18px; position: relative; }
.search_content .search_content_list .search_item .blog-post .footer { color: #666666; line-height: 18px; position: relative; }
/**
 * 7.0 Sidebar
 *
 * -----------------------------------------------------------------------------
 */
.site-main.col2-right .sidebar { background-color: #FFFFFF; float: right; position: relative; width: 300px; }

.sidebar .start-blogging { margin-bottom: 30px; margin-top: 40px; position: relative; }

.sidebar .hot_blogs { position: relative; }
.sidebar .hot_blogs .title { background: url(./images/title_hotblogs.png) no-repeat; height: 31px; position: relative; }
.sidebar .hot_blogs .title h2 { position: relative; text-indent: -9999px; }
.sidebar .hot_blogs ul { border: 1px solid #F1F1F1; border-top: 0; position: relative; }
.sidebar .hot_blogs ul li { display: block; padding: 7px 9px 24px 9px; }
.sidebar .hot_blogs ul li p { font: 14px Georgia,"新細明體",serif; padding-top: 14px; }
.sidebar .hot_blogs ul li p span { color: #FF0000; display: block; }

.sidebar ul.widget { margin-top: 10px; position: relative; }
.sidebar ul.widget li.hline { border-bottom: 1px dotted #c3c3c3; margin: 20px 0; }

.sidebar ul.widget li.blogger-info { text-align: center; }
.sidebar ul.widget li.blogger-info .blogger-avatar {  }
.sidebar ul.widget li.blogger-info .blogger-name { color: #999999; font-size: 14px; font-weight: bold; margin-top: 20px; }
.sidebar ul.widget li.blogger-info .blogger-desc { color: #999999; margin-top: 5px; }

.sidebar ul.widget li.blogger-stat {  }
/*ericyau 201409*/
/*.sidebar ul.widget li.blogger-stat .blogger-stat-title {color: #999999; font-size: 18px; margin-bottom: 20px;}*/
/*.sidebar ul.widget li.blogger-stat .blogger-stat-desc {color: #999999; font-size: 12px;}*/
.sidebar ul.widget li.blogger-stat .blogger-stat-title {color: #666666; font-size: 18px; margin-bottom: 20px;}
.sidebar ul.widget li.blogger-stat .blogger-stat-desc {color: #666666; font-size: 12px;}
/*ericyau 201409*/

.sidebar ul.widget li.blogger-sharing ul.share-list { text-align: center; }
.sidebar ul.widget li.blogger-sharing ul.share-list li { display: inline; padding: 0 13px;}

.sidebar ul.widget li.blogger-latest {  }
/*ericyau 201409*/
/*.sidebar ul.widget li.blogger-latest .blogger-latest-title {color: #999999; font-size: 18px; margin-bottom: 20px;}*/
.sidebar ul.widget li.blogger-latest .blogger-latest-title {color: #666666; font-size: 18px; margin-bottom: 20px;}

/*
.sidebar ul.widget li.blogger-latest .blogger-latest-post {line-height: 18px;}
.sidebar ul.widget li.blogger-latest .blogger-latest-post a {color: #FF847D; font-size: 12px;}
*/
.sidebar ul.widget li.blogger-latest .blogger-latest-div .blogger-latest-title {color: #666666; font-size: 18px; margin-bottom: 20px;}
.sidebar ul.widget li.blogger-latest .blogger-latest-div .blogger-latest-post {width: 300px;}
.sidebar ul.widget li.blogger-latest .blogger-latest-div .blogger-latest-post ul li.list_item{ height: 70px; margin: 7px 0; position: relative; width: 300px; overflow: hidden;}
.sidebar ul.widget li.blogger-latest .blogger-latest-div .blogger-latest-post ul li.list_item .img { float: left; height: 70px; position: relative; width: 116px; z-index: 1; vertical-align: text-top; overflow: hidden;}
.sidebar ul.widget li.blogger-latest .blogger-latest-div .blogger-latest-post ul li.list_item .text { float: left; height: 70px; margin-left: 4px; position: relative; width: 180px; z-index: 1; color: #666666; font-size: 14px; overflow: hidden; font-family: Georgia,"新細明體", serif !important; line-height: 130%; }
.sidebar ul.widget li.blogger-latest .blogger-latest-div .blogger-latest-post ul li.list_item .text:hover { text-decoration: underline; }
.sidebar ul.widget li.blogger-latest .blogger-latest-div .blogger-latest-post ul li.dot_line{ background:url(http://www.elle.com.hk/design/ellehk_phase3/images/home_sprite_20140103.png) no-repeat; background-position:0px -66px; height: 1px; position: relative; width: 300px;}

/*ericyau 201409*/

/*ericyau 201409*/
/*.sidebar ul.widget li.categories h3 { color: #999999; font-size: 18px; }*/
.sidebar ul.widget li.categories h3 { color: #666666; font-size: 18px; }
.sidebar ul.widget li.categories ul { margin-top: 20px; }
/*.sidebar ul.widget li.categories ul li { color: #FF847D; line-height: 18px;}*/
.sidebar ul.widget li.categories ul li { color: #666666; line-height: 18px;}
/*.sidebar ul.widget li.categories ul li a { color: #FF847D; }*/
.sidebar ul.widget li.categories ul li a { color: #666666; }
.sidebar ul.widget li.categories ul li ul.children { margin: 0 20px; }
/*ericyau 201409*/

/*ericyau 201409*/
/*.sidebar ul.widget li.elle-most-popular  .most_popular_title {color: #999999; font-size: 18px; margin-bottom: 20px;}*/
.sidebar ul.widget li.elle-most-popular  {height: 455px; overflow:hidden;}
.sidebar ul.widget li.elle-most-popular  .most_popular_title {color: #666666; font-size: 18px; margin-bottom: 20px;}
/*ericyau 201409*/


.sidebar ul.widget li.elle-most-popular .most_popular{margin-bottom:20px; position: relative; width: 300px;}
/*.sidebar ul.widget li.elle-most-popular .most_popular .block_title{background:url(http://www.elle.com.hk/design/ellehk_phase3/images/home_sprite_20140103.png) no-repeat; background-position:0px -38px; height: 18px; position: relative; width: 300px;}*/
.sidebar ul.widget li.elle-most-popular .most_popular .most_popular_list{}
.sidebar ul.widget li.elle-most-popular .most_popular .most_popular_list ul{}
.sidebar ul.widget li.elle-most-popular .most_popular .most_popular_list ul li.list_item{ height: 70px; margin: 7px 0; position: relative; width: 300px; }
.sidebar ul.widget li.elle-most-popular .most_popular .most_popular_list ul li.list_item .ico_num{ background: url(http://www.elle.com.hk/design/ellehk_phase3/images/home_sprite_20140103.png) no-repeat; height: 23px; position: absolute; width: 23px; z-index: 10; }
.sidebar ul.widget li.elle-most-popular .most_popular .most_popular_list ul li.list_item .ico_num.num_1{ background-position: 0px -77px; }
.sidebar ul.widget li.elle-most-popular .most_popular .most_popular_list ul li.list_item .ico_num.num_2{ background-position: -33px -77px; }
.sidebar ul.widget li.elle-most-popular .most_popular .most_popular_list ul li.list_item .ico_num.num_3{ background-position: -66px -77px; }
.sidebar ul.widget li.elle-most-popular .most_popular .most_popular_list ul li.list_item .ico_num.num_4{ background-position: -99px -77px; }
.sidebar ul.widget li.elle-most-popular .most_popular .most_popular_list ul li.list_item .ico_num.num_5{ background-position: -132px -77px; }
.sidebar ul.widget li.elle-most-popular .most_popular .most_popular_list ul li.list_item .ico_num.num_6{ background-position: -165px -77px; }
.sidebar ul.widget li.elle-most-popular .most_popular .most_popular_list ul li.list_item .ico_num.num_7{ background-position: -198px -77px; }
.sidebar ul.widget li.elle-most-popular .most_popular .most_popular_list ul li.list_item .ico_num.num_8{ background-position: -231px -77px; }
.sidebar ul.widget li.elle-most-popular .most_popular .most_popular_list ul li.list_item .img { float: left; height: 70px; position: relative; width: 116px; z-index: 1; }
.sidebar ul.widget li.elle-most-popular .most_popular .most_popular_list ul li.list_item .text { float: left; height: 70px; margin-left: 4px; position: relative; width: 180px; z-index: 1;  }
/*ericyau 201409*/
/*.sidebar ul.widget li.elle-most-popular .most_popular .most_popular_list ul li.list_item .text .title{ background:none; color:#444444; font-size: 14px; height: 52px; overflow:hidden; position: relative; }*/
.sidebar ul.widget li.elle-most-popular .most_popular .most_popular_list ul li.list_item .text .title{ background:none; color:#444444; font-size: 14px; height: 52px; overflow:hidden; position: relative; font-family: Georgia,"新細明體", serif !important; line-height: 130%; }
/*ericyau 201409*/
.sidebar ul.widget li.elle-most-popular .most_popular .most_popular_list ul li.list_item .text .title a{ color:#444444; }
.sidebar ul.widget li.elle-most-popular .most_popular .most_popular_list ul li.list_item .text .tags{ bottom: 0; color:#7E7E7E; font-family: Arial; font-size: 10px; overflow:hidden; position: absolute; white-space: nowrap; width: 175px; }
.sidebar ul.widget li.elle-most-popular .most_popular .most_popular_list ul li.list_item .text .tags a{ color:#7E7E7E; }
.sidebar ul.widget li.elle-most-popular .most_popular .most_popular_list ul li.dot_line{ background:url(http://www.elle.com.hk/design/ellehk_phase3/images/home_sprite_20140103.png) no-repeat; background-position:0px -66px; height: 1px; position: relative; width: 300px;}


/**
 * 8.0 Footer
 *
 * -----------------------------------------------------------------------------
 */

/**
 * 8.1 General
 *
 * -----------------------------------------------------------------------------
 */ 
/*ericyau 201409*/
/*.site-footer { color: #666666; font-size: 11px; position: relative; width: 100%; z-index: 1; }*/
.site-footer { color: #666666; font-size: 11px; position: relative; width: 100%;}
/*ericyau 201409*/
.site-footer .declaration { padding-top: 30px; }
.site-footer .copyright {  padding-top: 20px; }
.site-footer .footer-links { padding: 20px 0; }
.site-footer .footer-links a { color: #666666; }
.site-footer .footer-links a:hover { text-decoration: underline; }

/**
 * 8.2 Hot Blog
 *
 * -----------------------------------------------------------------------------
 */
.site-footer .hot_blogs { float: left; padding-top: 25px; position: relative; width: 676px; }
.site-footer .hot_blogs .title { background: url(./images/title_hotblogs.png) no-repeat; border-bottom: 2px solid #343333; height: 29px; position: relative; }
.site-footer .hot_blogs .title h2 { position: relative; text-indent: -9999px; }
.site-footer .hot_blogs ul { position: relative; }
.site-footer .hot_blogs ul li { display: none; float: left; margin-left: 8px; margin-top: 10px; width: 220px; }
/*
.site-footer .hot_blogs ul li#hot_blog_li_0 { margin-left: 0; }
.site-footer .hot_blogs ul li#hot_blog_li_3,
.site-footer .hot_blogs ul li#hot_blog_li_4 { display: none; }
*/
.site-footer .hot_blogs ul li img { height: auto; width: 220px; }
.site-footer .hot_blogs ul li p { font: 14px Georgia,"新細明體",serif; padding-top: 5px; }
.site-footer .hot_blogs ul li p span { color: #FF0000; display: block; }

.site-footer .ad_lrec { float: right; padding-top: 25px; position: relative; width: 300px; }

/**
 * 8.3 You May Also Like (Top 5 of Latest Post)
 *
 * -----------------------------------------------------------------------------
 */
/*ericyau 201409*/
.blogger-ymal-div div {width: 676px;}
.blogger-ymal-div .blogger-ymal-title {color: #F49690; font-size: 18px; margin-bottom: 20px;}
.blogger-ymal-div .blogger-ymal-post ul li { padding: 1px 2px 1px 1px; }
.blogger-ymal-div .blogger-ymal-post ul li.list_item{ display: inline-block; margin: 7px 0; width: 220px; height: 159px; overflow: hidden;}
.blogger-ymal-div .blogger-ymal-post ul li.list_item .img { float: left; width: 220px; height: 123px; z-index: 1; vertical-align: text-top; overflow: hidden;}
.blogger-ymal-div .blogger-ymal-post ul li.list_item .text { display: block;  color: #000; font-size: 12px;line-height: 130%; }
/*ericyau 201409*/

/**
 * 9.0 KV Carousel
 *
 * -----------------------------------------------------------------------------
 */
.jcarousel-wrapper { position: relative; }

/** Carousel **/
.jcarousel { overflow: hidden; position: relative; width: 100%; }
.jcarousel ul { list-style: none; margin: 0; padding: 0; position: relative; width: 20000em; }
.jcarousel li { border: 0; box-sizing: border-box; float: left; width: 200px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.jcarousel img { display: block; height: auto !important; max-width: 100%; }

/** Carousel Controls **/
.jcarousel-control-prev,
.jcarousel-control-next { background: #4E443C; border-radius: 30px; box-shadow: 0 0 4px #F0EFE7; color: #fff; font: 24px/27px Arial, sans-serif; height: 30px; margin-top: -15px; position: absolute; text-align: center; text-decoration: none; text-shadow: 0 0 1px #000; top: 50%; width: 30px; -moz-border-radius: 30px; -moz-box-shadow: 0 0 4px #F0EFE7; -webkit-border-radius: 30px; -webkit-box-shadow: 0 0 4px #F0EFE7; }
.jcarousel-control-prev { left: 15px; }
.jcarousel-control-next { right: 15px; }

/** Carousel Pagination **/
.jcarousel-pagination { bottom: 12px; left: 92px; margin: 0; position: absolute; transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); }
.jcarousel-pagination a { background: url(./images/slide_off.png) no-repeat center center; color: #4E443C; display: inline-block; font-size: 11px; height: 10px; line-height: 10px; margin-right: 14px; text-decoration: none; text-indent: -9999px; width: 10px; }
.jcarousel-pagination a.active { background: url(./images/slide_on.png) no-repeat center center; color: #fff; opacity: 1; }