/*
Theme Name: www.mlliu.com/blog
Theme URI: http://www.zy.sg/
Description: Child Theme of the Buffet Framework (Version 0.5.4) by Melvin Lee.
Version: 1.0
Author: M. L. Liu
Author URI: http://www.zy.sg/
Template: the-buffet-framework
*/

/* Import Blueprint CSS styles */
@import url('../the-buffet-framework/css/blueprint/reset.css');
@import url('../the-buffet-framework/css/blueprint/typography.css');
@import url('../the-buffet-framework/css/blueprint/forms.css');

/* Import custom layouts (located at /css/layouts/) */
@import url('../the-buffet-framework/css/layouts/2c-r-fixed.css');

/* Un-comment the line below to set a grid with 18px line-height */
/* body { background: url(images/12_col.gif) repeat-y top center } */

/* =Global Elements
-------------------------------------------------------------- */
body { font-family: Arial, Helvetica, sans-serif; background: #FFF; color: #333; font-size: 14px }
a:link, a:visited { color: #6385A1 }
a:hover { color: #D6156C }

.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0 }
.clearfix:after { clear:both; content:'.'; display: block; visibility: hidden; height: 0 }
.clearfix{ display: inline-block }
* html .clearfix{ height: 1% }
.clearfix{ display: block }

h3 { font-size: 18px; font-weight: bold; margin: 2em 0 1.25em; color: #666; text-transform: uppercase }
h1, h2, h4 { font-weight: bold }
h5 { font-size: 16px; margin: 1em 0 0.5em; color: #999; text-transform: uppercase }
h6 { font-size: 14px }
code { font-family: "Consolas", "Lucida Console", "Courier New", Courier, monospace; font-size: 14px }

.aligncenter { display: block; margin: 0 auto }
.alignright { float: right; margin: 0 0 1em 1em }
.alignleft { float: left; margin: 0 1em 1em 0 }
.floatLeft { float: left }
.floatRight { float: right }
img.aligncenter, img.alignright, img.alignleft { border: 5px solid #DDD }

.hls { background: yellow }

.wp-caption { border: 1px solid #DDD; text-align: center; background: #F3F3F3; padding-top: 4px; margin: 10px }
.wp-caption img { margin: 0; padding: 0; border: none }
.wp-caption .wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0 }

.submit { background: #FFF; border: 1px solid #DDD; color: #6385A1; padding: 5px }
.submit:hover { background: #D6156C; color: #FFF }
.navigation a:link, .navigation a:visited, .comments-navigation a:link, .comments-navigation a:visited { border: 1px solid #DDD; display: inline-block; text-decoration: none; padding: 5px; font-weight: bold; font-size: 14px }


/* =Layouts
-------------------------------------------------------------- */
#primary { padding-top: 1em }
#wrapper { width: 980px; margin: 0 auto }
#container { width: 650px }
#content { border-right: 1px solid #DDD; padding: 1em 1em 1em 0; width: auto; overflow: hidden }

/* =Header
-------------------------------------------------------------- */
#header { }
#branding { border-bottom: 1px solid #DDD; padding: 25px 0 }
.logo { float: left }
.blog-name { display: block; font-size: 44px; letter-spacing: -2px; font-weight: bold; margin: 0; padding: 0; line-height: 1em }
.blog-name a:link, .blog-name a:visited { text-decoration: none; color: #2B2825 }
.blog-name a:hover { color: #D6156C }
.blog-description { font-size: 16px; font-weight: bold; color: #CCC; margin: 0; padding: 0 }
#searchbar { display: block; float: right; margin: 1em 0 0 }
#searchbar .text { width: 270px; float: left }
#searchbar .submit { margin: 6px 5px 0; float: left }

/* =Menus
-------------------------------------------------------------- */
.menu { border-bottom: 1px solid #DDD }
.nav, .rss-links { list-style: none; padding: 0; margin: 0 }
.nav { float: left }
.nav li, .rss-links li { float: left; margin-right: 15px; padding: 0 }
.nav li a:link, .nav li a:visited, .rss-links li a:link, .rss-links li a:visited { display: block; padding: 5px 0; font-size: 15px; clear: left; text-decoration: none; font-weight: bold }
.nav li .children { position: absolute; list-style: none; margin: 0 0 0 -7px; padding: 0; z-index: 100; border: 1px solid #DDD; background: #FFF; overflow: hidden; width: 180px }
.nav li .children li { float: none; margin: 0; padding: 3px 6px }
.rss-links { float: right }
.rss-links a { background: url('images/rss.png') no-repeat left 9px; padding-left: 15px !important }

/* =Breadcrumbs
-------------------------------------------------------------- */
#breadcrumbs { margin: 1em 0; list-style: none }
#breadcrumbs li { float: left; padding: 1px 5px 1px 0; margin-right: 5px; border-right: 1px solid #CCC }
#breadcrumbs li:last-child, #breadcrumbs .last { border: 0 }
#breadcrumbs li a:link, #breadcrumbs li a:visited { text-decoration: none; clear: left }
#breadcrumbs .notice { border: 0; color: #999; background: none }

/* =Sidebars
-------------------------------------------------------------- */
.sidebar .xoxo { margin: 0 1em 1.5em }
.sidebar li { list-style: none }
.widgetcontainer ul { list-style: none; margin: 0 !important; padding: 0 }
.widgetcontainer li { margin: 0.5em 0 }
.widgetcontainer a:link, .widgetcontainer a:visited { text-decoration: none }
#widgetsearch .text { width: 250px }

/* =Featured
-------------------------------------------------------------- */
.featured-post { margin: 0 0 1em; padding-bottom: 1em; border-bottom: 1px solid #DDD; font-size: 14px }
.featured-post img { float: left; margin: 0 1.5em 1.5em 0 }
.featured-post .entry-summary { line-height: 1.73em }

/* =News
-------------------------------------------------------------- */
.news-list .post { margin-bottom: 1.5em }

/* =Posts
-------------------------------------------------------------- */
.post { margin-bottom: 3em }
.entry-title { font-size: 28px; margin: 0 0 0.5em; letter-spacing: -1px; font-weight: bold }
.entry-title a:link, .entry-title a:visited { text-decoration: none; color: #2B2825 }
.entry-title a:hover { color: #D6156C }
.entry-content p, .entry-summary { line-height: 1.73em }
.entry-content { font-size: 14px }
.more-link { display: inline-block; overflow: hidden; font-weight: bold; font-size: 14px; margin: 1em 0; zoom: 1 }
.entry-meta { margin: 0.5em 0 1.5em; color: #999 }
.entry-tags { display: block; clear: left }
.author, .published { display: block; float: left; margin-right: 15px }
.entry-links { list-style: none; margin: 1em 0; padding: 1em 0 }
.entry-links li { float: left; margin-right: 15px }
.entry-links a:link, .entry-links a:visited { text-decoration: none; font-weight: bold; font-size: 16px }
.entry-category { font-weight: bold; color: #999; font-size: 12px; display: block; text-transform: uppercase; padding: 0.5em 0 }
.gallery .gallery-item { float: left; margin: 0 1em 1em 0 }
.attachment { margin: 1em 0 }

/* =Lifestream
-------------------------------------------------------------- */
.lifestream { margin: 1em 0 }
.lifestream .url { float: left; margin-right: 10px; display: block }
.lifestream .entry-title { margin: 1em 0 }
.lifestream .published { color: #999; float: left; margin-right: 30px; width: 150px }
.lifestream .entry-content { font-size: 18px; margin-left: 210px }
.lifestream .entry { margin: 0; padding: 1em 0; border-bottom: 1px solid #EEE }

/* =Comments
-------------------------------------------------------------- */
#commentlist { list-style: none; margin: 0; padding: 0 }
#commentlist ul, #commentlist ol { list-style: none; margin: 0; padding: 0 }
#commentlist li { }
#commentlist .children { padding-left: 1.5em }
.comment-author .avatar { float: left; margin: 0 1em 1em 0; border: 2px solid #DDD }
.comment-author cite { font-style: normal; font-weight: bold; font-size: 16px }
.comment-author .says { display: none }
.comment-meta { color: #999 }
.comment-meta abbr { cursor: default }
.comment-node { margin-bottom: 1.5em; padding: 0 0 1.5em; border-bottom: 1px solid #DDD }
.comment-content { clear: left; font-size: 14px }
.comment-content p { line-height: 1.73em }
.comment-reply-link { font-weight: bold; font-size: 16px; text-decoration: none }
#commentform textarea { font-family: Arial, Helvetica, sans-serif; width: 90% }
#trackbacklist { margin-bottom: 3em }
#trackbacklist li { margin: 0.5em 0 }

/* =WP-PageNavi
-------------------------------------------------------------- */
.wp-pagenavi { font-size: 14px }
.wp-pagenavi .current, .wp-pagenavi a:link, .wp-pagenavi a:visited { padding: 5px; border:1px solid #DDD; text-decoration: none; margin: 0 0.3em }

/* =WP125
-------------------------------------------------------------- */
#wp125adwrap_2c .wp125ad { padding: 10px 10px 0 0 !important }

/* =Footer
-------------------------------------------------------------- */
#footer { margin: 0 auto; border-top: 1px solid #DDD; zoom: 1; width: 960px }
#footer ul { list-style: none; margin: 0; padding: 0 }
#footer h5 { font-size: 12px; margin: 1em 0; color: #999; text-transform: uppercase }
#footer-sidebar { float: left }
#footer-sidebar .widgetcontainer { float: left; margin-right: 0.5em; min-width: 200px; overflow: hidden }
#footer-sidebar .widgetcontainer li { margin: 0.3em 0 }
.footer-message { margin: 1em 0; font-size: 10px; color: #666 }