/*   
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 custom layouts (located at /css/layouts/) */
@import url('css/layouts/2c-r-fixed.css');
@import url(http://www.oscarcampos.com/blog/css/jquery.lightbox-0.5.css);

/* Import Color Scheme CSS */
@import url(http://fonts.googleapis.com/css?family=Nobile:regular,italic,bold,bolditalic);
@import url(green.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; font-size: 14px; }
a { text-decoration: none; }

.blog-name a, h1.entry-title, h4.web-design-post-featured-header { 
	font-family: "Nobile", Arial, Helvetica, sans-serif;
}

.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; text-transform: uppercase }
h1, h2, h4 { font-weight: bold }
h4 { font-size: 18px; }
h5 { font-size: 16px; margin: 1em 0 0.5em; 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.floatLeft { margin-left: 2px; }

.hls { background: yellow }

.wp-caption { text-align: center; 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 { border: none; padding: 5px; font-weight: bold; cursor: pointer }
.navigation a:link, .navigation a:visited, 
.comments-navigation a:link, .comments-navigation a:visited { 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: none; padding: 1em 1em 1em 0; width: auto; }

/* =Header
-------------------------------------------------------------- */
#header { }
#branding { border-bottom: none; padding: 10px 0px 0px 0px; }
.logo { float: left; vertical-align: middle; }
.blog-name { display: block; font-size: 48px; letter-spacing: 0px; font-weight: bold; margin: 0; padding: 2px; }
.blog-name a:link, .blog-name a:visited { text-decoration: none; }
.blog-description { display: block; font-size: 16px; font-weight: bold; margin: -10px 0px 0px 10px; padding: 0 }
.blog-name, .blog-name a { width: 360px; }
.blog-name a { font-weight: bold; font-style: italic}

#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: none; }
.nav, .rss-links { list-style: none; padding: 0; margin: 0 }
.nav { float: right; margin-top: -10px; }
.nav li, .rss-links li { float: left; margin-right: 17px; 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: normal; }
.nav li .children { position: absolute; list-style: none; margin: 0 0 0 -7px; padding: 0; z-index: 100; overflow: hidden; width: 180px;}
.nav li .children li { float: none; margin: 0; padding: 3px 6px }
.nav li .children li a { font-weight: normal }
.rss-links { float: right; display: none; }
.rss-links a { padding-left: 15px !important }

/* =Breadcrumbs
-------------------------------------------------------------- */
#breadcrumbs { margin: 1em 0; list-style: none }
#breadcrumbs li { float: left; padding: 1px 5px 1px 0; margin-right: 5px; }
#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; }

/* =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: 170px; border: none; }

/* =Featured
-------------------------------------------------------------- */
.featured-post { margin: 0 0 1em; 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-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; }
.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; }
.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; 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 { float: left; margin-right: 30px; width: 150px }
.lifestream .entry-content { font-size: 18px; margin-left: 210px }
.lifestream .entry { margin: 0; padding: 1em 0; }

/* =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; }
.comment-author cite { font-style: normal; font-weight: bold; font-size: 16px }
.comment-author .says { display: none }
.comment-meta abbr { cursor: default }
.comment-node { margin-bottom: 1.5em; padding: 0 0 1.5em; }
.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; text-decoration: none; margin: 0 0.3em }

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

/* =Footer
-------------------------------------------------------------- */
#footer { margin: 0 auto; width: 960px;  }
#footer ul { list-style: none; margin: 0; padding: 0 }
#footer h5 { font-size: 16px; margin: 1em 0; 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: 5px; font-size: 11px; }

/*
 Custom Classes
*/
.captionImg { display: block; margin: 0px auto 0px auto; padding: 5px; }
blockquote { margin:0px;}
blockquote div { margin:0px; padding: 10px 30px 10px 30px;}

/* Contact Me Page */
.contact-info-wrapper {

}
.contact-name, .contact-email, .contact-subject, 
.contact-cap, .contact-info-address, .gmap {
  float: left;
}
.contact-subject {
  margin: 9px 0px 0px 0px;
}
.contact-textarea {
  height: 100px;
  width: 545px;
}
.contact-info-address { width: 180px; }
#gmap { margin: 50px 0px 0px 15px; width: 400px; height: 150px; }
.passion { font-style: italic; text-decoration: underline; }
.passion-simple { font-weight: bold; }
#body-bg { 
  position: absolute; 
  top: 0; 
  left: 0px; 
  height: 85px; 
  width: 100%; 
  z-index: -1;
}
.widgettitle { margin: 0px; }
#widgetsearch {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding-left: 6px;
	margin-bottom: 10px;
}
.socialTwitter, .socialFacebook, .socialDigg,
.socialDelicious, .socialLinkedin, .socialMyspace, .socialStumbleupon {
	display: block;
	height: 64px;
	width: 64px;
}
.socialTwitter span, .socialFacebook span, .socialDigg span,
.socialDelicious span, .socialLinkedin span, .socialMyspace span, .socialStumbleupon span {
	display: none;
}
#homeTag { font-size: 36px; }

/* BEGIN: JQuery Sliders */
#projectGallery, .featured-text {
	margin: -35px 0px 20px 8px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding-left: 5px;
	width: 596px;
}
ul#menuback {
	margin: 0px;
	padding: 0px;
	list-style: none;
	height: 133px;
	width: 586px;
	display: block;
	clear: both;
}
ul#menuback li.shutter {
	width: 192px;
	height: 64px;
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
}
ul#menuback li.shutter-right {
	margin-left: 5px;
}
ul#menuback li.shutter-subrow {
	margin-top: 5px;
}
a.project {
   width: 192px;
   height: 64px;
   display: block;
   text-indent: -9999px;
}
/* END: JQuery Sliders */
#pointer-projects, #pointer-comment, #pointer-featured {
	position: relative;
	font-family: "Nobile", Arial, Helvetica, sans-serif;
	font-weight: bold;
	height: 30px;
	width: 150px;
	padding: 0px;
}
#pointer-projects div, #pointer-comment div, #pointer-featured div { padding: 1px 0px 0px 20px; }
#pointer-projects {
	left: 0px;
	top: -17px;
}
.breadcrumbs { display: none; }
.socialComments { display: none }
#commentsform {
	margin: -17px 0px 20px 8px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 10px 0px 0px 5px;
	width: 596px;
}
.featured-text { padding-top: 30px; }
.featured-text h4 { text-align: center; }
ul.projectInfo { 
  margin: 0px 0px 0px 15px !important; 
  padding: 0px 0px 0px 15px !important;
}
ul.projectInfo li { margin: 0px; padding: 0px !important; }
.tester { border: 1px solid #000; }