/*   

Theme Name: The Buffet Framework

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/

Version: 0.5.4

Tags: fixed-width,white,light,two-columns,right-sidebar,theme-options,threaded-comments,sticky-post,microformats

.

	This program is free software: you can redistribute it and/or modify

    it under the terms of the GNU General Public License as published by

    the Free Software Foundation, either version 3 of the License, or

    (at your option) any later version.



    This program is distributed in the hope that it will be useful,

    but WITHOUT ANY WARRANTY; without even the implied warranty of

    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the

    GNU General Public License for more details.



    You should have received a copy of the GNU General Public License

    along with this program.  If not, see <http://www.gnu.org/licenses/>.

.

*/



/* Import Blueprint CSS styles */

@import url('css/blueprint/reset.css');

@import url('css/blueprint/typography.css');

@import url('css/blueprint/forms.css');

@import url('css/blueprint/grid.css');



/* Import custom layouts (located at /css/layouts/) */

@import url('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 }
h1 { font-weight: normal; }

h5 { font-size: 16px; margin: 1em 0 0.5em; color: #999; text-transform: uppercase }
.widgetcontainer h5 { font-size: 10px; margin: 1em 0 0.5em; color: #fff; text-transform: uppercase; background-color: #333333; padding: 0 0 2px 0.5em; }

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: 0px solid #DDD; padding: 1em 1em 1em 0; width: auto; overflow: hidden }



/* =Header

-------------------------------------------------------------- */

#header {
	background-image: url(images/logo_l.png);
	background-repeat: no-repeat;
	background-position: left center;
	margin:10px 0 20px;
}

#branding {
	border-bottom: 0px solid #DDD;
	padding: 3px 0;
	background-image: url(images/logo_r.png);
	background-repeat: no-repeat;
	background-position: right center;
}

.logo {
	float: left;
	padding-left: 20px;
}

.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: 0px 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  {margin-right: 35px; height: 65px;}

.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 a:link, .nav li a:visited { font-size: 32px; }
/* = menu img */
.nav li a {
	/*font-size: 200%;*/
	background-image: url(images/menu/m1.gif);
	background-repeat: no-repeat;
	background-position: center;
	height: 35px;
	line-height: 160px;
	overflow: hidden;
}
.nav li.cat-item-3 a {
	background-image: url(images/menu/m2.gif);
}
.nav li.cat-item-10 a {
	background-image: url(images/menu/m3.gif);
}
.nav li.menu_links a {
	background-image: url(images/menu/m4.gif);
}

.nav li.current-cat {
/*	background-image: url(images/menu/mli.gif);
	background-repeat: no-repeat;
	background-position: bottom;*/
}
/*-*/
.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; display: none; visibility: hidden; }

.nav li .children li { float: none; margin: 0; padding: 3px 6px; height:auto; }
.nav li .children a { font-size: 70%; background: none; line-height:normal; height:auto;}


.rss-links { float: right }

.rss-links a { background: url('images/icons/rss32.png') no-repeat left 0px; margin-top:3px;  height:32px; padding-left: 40px !important }



/* =Breadcrumbs

-------------------------------------------------------------- */

#breadcrumbs { margin: 1em 0; list-style: none; font-size: 70%; }

#breadcrumbs li {
	float: left;
	margin-right: 5px;
	background-image: url(images/breadcrumbs.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding-top: 1px;
	padding-right: 15px;
	padding-bottom: 1px;
	padding-left: 0;
	border-right-width: 0px;
	border-right-style: solid;
	border-right-color: #CCC;
}

#breadcrumbs li:last-child, #breadcrumbs .last { border: 0; background: none; }

#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: normal }

.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 }

span.comment_num { display:block; position:relative; width:45px; text-align:center; font-family:"Courier New", Courier, monospace; }

/* =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: 0px solid #DDD; zoom: 1; width: 960px }

#footer ul { list-style: none; margin: 0; padding: 0 }

#footer h5 { font-size: 16px; 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 }

/* =My

-------------------------------------------------------------- */

.excerpt {
	width: 230px;
	float: right;
	background-image: url(images/excerpt_top.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.excerpt p {
	padding: 0 10px 0 20px;
	font-size: 1.33em;
	line-height: normal;
	color: #888888;
	background-image: url(images/excerpt_down.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.home_data {
	font-size: 100%;
	font-weight: bold;
	color: #333333;
	padding-top:5px;
} 
.home_data span { font-size: 70%; color:#000000; }div.link-pdf {
	font-size: 1.3em;
	background-image: url(images/icons/pdf_32.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 45px;
}
img.icon {
	float: left;
	padding-right: 15px;
	padding-top: 3px;
}
a.link-ext {
}
span.link-ext { padding-bottom:10px; clear:both;}