/*   
Theme Name: myTheme
Theme URI: http://www.zy.sg/the-buffet-framework/
Description: The Buffet Framework is a theme framework designed not only for the theme developers who will be using the theme actions and filters to create the child themes, but also for the end users who would be able to add and remove what they want.
Author: Melvin Lee
Author URI: http://www.zy.sg/
Template: the-buffet-framework
Version: 0.5.4
Tags: fixed-width,white,light,two-columns,right-sidebar,theme-options,threaded-comments,sticky-post,microformats
*/

/* 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: #000; color: #333; font-size: 14px }
a:link, a:visited { color: #CC0000}
a:hover { color: #750000}

.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: 12px }


/* =Layouts
-------------------------------------------------------------- */
#primary, #secondary { margin:0 5px 0 0; padding: 0; }
#wrapper { width: 900px; margin: 0 auto; background-color: #FFF }
#container { width: 640px }
#content { border-right: 1px solid #DDD; margin: 15px 0 15px 20px; padding: 0 20px 0 0; width: auto; overflow: hidden }

/* =Header
-------------------------------------------------------------- */
#header { }
#branding {
	text-indent: -9999px;
	background-image:url(../the-buffet-framework/images/bg_header.gif);
	margin-left: 20px;
	margin-top: 20px;
	display: inline;
	float: left;
	height: 330px;
	margin-bottom: 10px;
	width: 860px;}
.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: none; float: right; margin: 1em 0 0 }
#searchbar .text { width: 260px; float: left }
#searchbar .submit { margin: 6px 5px 0; float: left }

/* =Menus
-------------------------------------------------------------- */
.menu { border-bottom: 1px solid #DDD; margin: 10px 0; padding: 0 0 10px 0; max-width:900px;}
.nav, .rss-links { list-style: none; padding: 0; margin: 0 }
.nav { float: left; margin: 0 20px }
.nav li { float: left; margin-right: 15px; padding: 0 }
.rss-links li { float: left; margin-left: 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: 12px; 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; margin: 0 20px 0 0 }
.rss-links a { background: url('../the-buffet-framework/images/rss.png') no-repeat left 9px; padding-left: 15px !important; color:#666 }

/* =Breadcrumbs
-------------------------------------------------------------- */
#breadcrumbs { display:none; margin: 0; padding: 0; list-style: none }
#breadcrumbs li { float: left; padding: 0 0 0 5px; 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 { width: 230px; margin: 0 0 0 10px; padding: 0 0 10px 0; }
.sidebar li { list-style: none }
.widgetcontainer {/*width:230px; max-width:230px;*/ margin: 0; /*border-bottom: 1px dashed #CCC*/ }
.widgetcontainer ul { list-style: none; margin: 0 !important; padding: 0 }
.widgetcontainer li { margin: 0 0 5px 0 }
.widgetcontainer a:link, .widgetcontainer a:visited { text-decoration: none }
.widgettitle { margin:0 0 10px 0 }
#widgetsearch .text { width: 230px }

/* =Featured
-------------------------------------------------------------- */
.featured-post { margin: 0; padding-bottom: 1em; 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:0; padding-top: 0px; border-bottom: 1px dashed #DDD; }
.entry-title { font-size: 22px; margin: 0 0 0.5em; letter-spacing: -1px; font-weight: bold }
.entry-title a:link, .entry-title a:visited { text-decoration: none; color: #750000 }
.entry-title a:hover { color: #CC0000 }
.entry-content p, .entry-summary { line-height: 1.25em }
.entry-content { font-size: 14px }
.more-link { display: inline-block; overflow: hidden; font-weight: bold; font-size: 14px; margin: 10px 0 20px 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: 10px auto; border-top: 1px solid #DDD; zoom: 1; width: 900px }
#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: 10px auto; padding-bottom: 10px; font-size: 12px; color: #666; text-align:center }

/* eshop */

.eshopwidget {border: 1px solid #CCC; padding-left:10px }
.eshopwidget span {font-size: 12px; color: #CC0000 }
.eshopw_featured .itemref { color: #750000 }
.eshopw_featured a:hover.itemref { color: #CC0000 }

/* MailChimp Form */

#mc_signup_container {border: 1px solid #CCC; margin-top:20px; margin-bottom: 0; padding: 10px 0 0 10px }
#mc_signup_container input {margin-bottom: 10px; }
.mc_custom_border legend { margin:0; padding: 0 }
.mc_merge_var { margin-left:10px; }
div.mc_signup_submit { margin-left:0; padding-left:0; text-align:left; }
#mc_signup_container .button {margin-bottom: 0 }
.mc_custom_border { font-size:12px }