/*   
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');

/* 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: 14px; font-weight: bold; margin: 0; color: #666; text-transform: uppercase }
h1, h2, h4 { font-weight: bold }
h5 { font-size: 14px;  text-transform: uppercase ; color: #333333; margin:0 }
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 }


hr {color: #fff; background-color: #fff; border: 1px dotted #999; border-style: none none dotted; }

div#creditfooter {
display: none;
}


/* =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 }
#content_page {padding: 0.5em 0em 1em 0.75em; width: auto;}
#test { border-right: 1px solid #DDD; padding: 1em 1em 1em 0; width: auto; overflow: hidden }
.smalls {font-size:12px;}

/* =Header
-------------------------------------------------------------- */
#header { }
#branding { border-bottom: 1px solid #DDD; padding: 10px 0px 0px 0px }
.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 }

/* =Feed Page
-------------------------------------------------------------- */
.feedpage-links{list-style: none; padding: 0; margin: 0}
.feedpage-links li a:link,  .feedpage-links li a:visited { display: block; padding: 7px 0; font-size: 15px; clear: left; text-decoration: none; font-weight: bold; list-style: none}
.feedpage-links a { background: url('images/rss.png') no-repeat left 9px; padding-left: 15px !important }

.email-links{list-style: none; padding: 0px; margin: 0px }
.email-links li a:link,  .email-links li a:visited { display: block; padding: 7px 0px; font-size: 15px; clear: left; text-decoration: none; font-weight: bold; list-style: none}
.email-links a { background: url('images/mail.png') no-repeat left 7px; padding-left: 17px !important }



/* =Social Media links
-------------------------------------------------------------- */
.flickr-links{list-style: none; padding: 0; margin: 0}
.flickr-links li a:link,  .flickr-links li a:visited { display: block; padding: 5px 0; font-size: 15px; clear: left; text-decoration: none; font-weight: bold; list-style: none}
.flickr-links a { background: url('images/grunge_flickr.png') no-repeat left 9px; padding-left: 15px}
.flickr-links { float: right }
.flickr-links { float: right; margin-right: 15px; padding: 0 }

/* =Menus
-------------------------------------------------------------- */
.menu { border-bottom: 1px solid #DDD }

.nav, .rss-links { list-style: none; padding: 0; margin: 0 }
nav, .fs-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, fs-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; list-style: none}
nav li a:link, .nav li a:visited, .fs-links li a:link, .fs-links li a:visited { display: block; padding: 5px 0; font-size: 15px; clear: left; text-decoration: none; font-weight: bold; list-style: none}
.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 }
.fs-links { float: right }
.rss-links a { background: url('images/rss.png') no-repeat left 9px; padding-left: 15px !important }
.fs-links  a { background: url('images/fs.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 { text-transform: uppercase; font-size: 20px; 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 {  font-size:13px }
.entry-tags { display: block; }
.author { display: block; float: left; margin-right: 15px }
.published { display: block; float: left; margin-right: 15px }
.entry-links {height: 15px; background-color: #CCCCCC; vertical-align: middle; 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 { color: #000000; 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 }

/* =Add This
-------------------------------------------------------------- */
.addthis_toolbox .hover_effect {width: 500px; }
.addthis_toolbox .hover_effect div {float: left;}
.addthis_toolbox .hover_effect a {border: 2px solid #fff;padding: 2px 2px 2px 16px;position: relative;text-decoration: none;}
.addthis_toolbox .hover_effect a:hover {border: 2px solid #105CB6;-moz-border-radius: 4px;-webkit-border-radius: 4px;background: #B4D3F8;color: #105CB6;text-decoration: none;}
.addthis_toolbox .hover_effect span {position: absolute; width: 16px; height: 16px;top: 2px;left: 1px;}
		
/* =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: 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: 14px; color: #666 }



/***********************************************/
/* 3col_rightNav.css                              */
/* Use with template 3col_rightNav.html           */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 


/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

* { padding: 0; margin: 0; }




#rapper { 
 margin: 0 auto;
 width: 980px;
 padding: .5em 1em 1em .75em;
}

#leftcolumn { 
 color: #333;
 border: 1px solid #ccc;
 background: #E7DBD5;
 margin: 0px 5px 5px 0px;
 padding: 5px;
 height: 560px;
 width: 240px;
 float: left;
font-size: 13px;
line-height: 18px
}

#rightcolumn ul {
  list-style-type: none; 
  margin-left: 0;
  padding-left: 0; 
}

#rightcolumn li {
  line-height: 16pt; 
}



#cont { 
 float: left;
 color: #333;
 border: 1px solid #ccc;
 background: #F2F2E6;
 margin: 0px 5px 5px 0px;
 padding: 5px;
 height: 560px;
 width: 420px;
 display: inline;
font-size: 14px;
line-height:15px;

}


#cont ul {
  list-style-type: bullet; 
  margin-left: 1em;
  padding-left: 0; 
}

#leftcolumn li {
  line-height: 16pt; 
}

#leftcolumn ul {
  list-style-type: none; 
  margin-left: 0;
  padding-left: 0; 
}

#cont li {
  line-height: 13pt;
  font-size: 14px; 
}

#rightcolumn { 
 color: #333;
 border: 1px solid #ccc;
 background: #E7DBD5;
 margin: 0px 5px 5px 0px;
 padding: 5px;
 height: 560px;
 width: 230px;
 float: left;
 position: relative;
font-size: 13px;
line-height: 14px;
}

/*LEARNING PAGE LAYOUT*/

#llrapper { 
 margin: 0 auto;
 width: 980px;
 padding: .5em 1em 1em .75em;
}

#llleftcolumn { 
 color: #333;
 border: 1px solid #ccc;
 background: #E7DBD5;
 margin: 0px 5px 0px 0px;
 padding: 5px;
 height: 560px;
 width: 240px;
 float: left;
font-size: 13px;
line-height:14px;
}

#llrightcolumn ul {
  list-style-type: none; 
  margin-left: 0;
  padding-left: 0; 
}

#llrightcolumn li {
  line-height: 16pt; 
}




#llcont { 
 float: left;
 color: #333;
 border: 1px solid #ccc;
 background: #F2F2E6;
 margin: 0px 5px 5px 0px;
 padding: 5px;
 height: 560px;
 width: 370px;
 display: inline;
font-size: 12.5px;
line-height:12px;

}


#llcont ul {
  list-style-type: none; 
  margin-left: 0;
  padding-left: 0; 
}

#llleftcolumn li {
  line-height: 12pt; 
  
}

#llleftcolumn ul {
  list-style-type: none; 
  margin-left: 0;
  padding-left: 0; 
}

#llcont li {
  line-height: 12pt; 
  font-size: 14px;
}

#llrightcolumn { 
 color: #333;
 border: 1px solid #ccc;
 background: #E7DBD5;
 margin: 0px 5px 5px 0px;
 padding: 5px;
 height: 560px;
 width: 265px;
 float: left;
 position: relative;
font-size: 13px;
}

/*RSS PAGE LAYOUT*/

#rssrapper { 
 margin: 0 auto;
 width: 980px;
 padding: .5em 1em 1em .75em;
}

#rssleftcolumn { 
 color: #333;
 border: 1px solid #ccc;
 background: #E7DBD5;
 margin: 0px 5px 0px 0px;
 padding: 5px;
 height: 570px;
 width: 200px;
 float: left;
font-size: 13px;
line-height:14px;
}




#rsscont { 
 float: left;
 color: #333;
 border: 1px solid #ccc;
 background: #F2F2E6;
 margin: 0px 5px 5px 0px;
 padding: 5px;
 height: 570px;
 width: 300px;
 display: inline;
font-size: 12.5px;
line-height:12px;

}

#rssrightcolumn { 
 color: #333;
 border: 1px solid #ccc;
 background: #E7DBD5;
 margin: 0px 5px 5px 0px;
 padding: 5px;
 height: 570px;
 width: 375px;
 float: left;
 position: relative;
font-size: 13px;
}

#rsscont ul {
  list-style-type: none; 
  margin-left: 0;
  padding-left: 0; 
}

#rssleftcolumn li {
  line-height: 12pt; 
  
}

#rssleftcolumn ul {
  list-style-type: none; 
  margin-left: 0;
  padding-left: 0; 
}

#rsscont li {
  line-height: 12pt; 
  font-size: 14px;
}

/*LOCAL PAGE LAYOUT*/

#localrapper { 
 margin: 0 auto;
 width: 980px;
 padding: .5em 1em 1em .75em;
}

#localleftcolumn { 
 color: #333;
 border: 1px solid #ccc;
 background: #E7DBD5;
 margin: 0px 5px 0px 0px;
 padding: 5px;
 height: 560px;
 width: 240px;
 float: left;
font-size: 14px;
line-height:16px;
}


#localcont { 
 float: left;
 color: #333;
 border: 1px solid #ccc;
 background: #F2F2E6;
 margin: 0px 5px 5px 0px;
 padding: 5px;
 height: 560px;
 width: 240px;
 display: inline;
font-size: 14px;
line-height:16px;

}

#localrightcolumn { 
 color: #333;
 border: 1px solid #ccc;
 background: #E7DBD5;
 margin: 0px 5px 5px 0px;
 padding: 5px;
 height: 560px;
 width: 420px;
 float: left;
 position: relative;
font-size: 13px;
}

#localcont ul {
  list-style-type: none; 
  margin-left: 0;
  padding-left: 0; 
}

#localleftcolumn li {
  line-height: 16pt; 
  
}

#localleftcolumn ul {
  list-style-type: none; 
  margin-left: 0;
  padding-left: 0; 
}

#localcont li {
  line-height: 16pt; 

}

/*media PAGE LAYOUT*/
#mediawrapper { 
 margin: 0 auto;
 width: 980px;
 padding: .5em 1em 1em .75em;
}

#medialeftcolumn { 
 color: #333;
 border: 1px solid #ccc;
 background: #E7DBD5;
 margin: 0px 5px 5px 0px;
 padding: 5px;
 height: 425px;
 width: 420px;
 float: left;
font-size: 13px;
line-height: 18px
}


#mediacont { 
 float: left;
 color: #333;
 border: 1px solid #ccc;
 background: #F2F2E6;
 margin: 0px 5px 5px 0px;
 padding: 5px;
 height: 250px;
 width: 570px;
 display: inline;
font-size: 14px;
line-height:15px;

}


#mediarightcolumn { 
 color: #333;
 border: 1px solid #ccc;
 background: #F2F2E6;
 margin: 0px 5px 5px 0px;
 padding: 5px;
 height: 425px;
 width: 490px;
 float: left;
 position: relative;
font-size: 13px;
line-height: 14px;
}

#mediafooter {
 color: #333;
 width: 928px;
 float: left;
 padding: 5px;
 border: 1px solid #ccc;
 height: 130px;
 margin: 0px 0px 0px 0px;
 background: #E7DBD5;
}

/*about PAGE LAYOUT*/

#aboutrapper { 
 margin: 0 auto;
 width: 980px;
 padding: .5em 1em 1em .75em;
}

#aboutleftcolumn { 
 color: #333;
 border: 1px solid #ccc;
 background: #E7DBD5;
 margin: 0px 5px 0px 0px;
 padding: 5px;
 height: 580px;
 width: 300px;
 float: left;
font-size: 13px;
line-height:14px;
}




#aboutcont { 
 float: left;
 color: #333;
 border: 1px solid #ccc;
 background: #F2F2E6;
 margin: 0px 5px 5px 0px;
 padding: 5px;
 height: 580px;
 width: 300px;
 display: inline;
font-size: 12.5px;
line-height:12px;

}

#aboutrightcolumn { 
 color: #333;
 border: 1px solid #ccc;
 background: #E7DBD5;
 margin: 0px 5px 5px 0px;
 padding: 5px;
 height: 580px;
 width: 300px;
 float: left;
 position: relative;
font-size: 13px;
}

#aboutcont ul {
  list-style-type: bullet; 
  margin-left: 5;
  padding-left: 0; 
}

#aboutleftcolumn li {
  line-height: 12pt; 
  
}

#aboutleftcolumn ul {
  list-style-type: bullet; 
  margin-left: 5;
  padding-left: 0; 
}

#aboutcont li {
  line-height: 12pt; 
  font-size: 14px;
}