/* 
Theme Name: Food Bloggers
Theme URL: http://www.foodbloggers.net
Description: Original Wordpress Theme for FoodBloggers.net
Author: Weblog Labs
Author URI: http://www.webloglabs.com/
Version: 1.0
Tags: light, fixed-width, two-columns, right-sidebar

*/

/*  Reset me  */

* {margin:0;padding:0;}
h1, h2, h3, h4 {font-weight:normal;}

/*
Basic Elements
*/

body {background:#fff url(images/bg.png) repeat-x;font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif;color: #000;line-height:1.4;}
p, ol, ul, h1, h2, h3, h4, h5, blockquote {margin-bottom:8px;}
h1{font-size:180%;} h2{font-size:160%;} h3{font-size:140%;} h4{font-size:120%;} h5{font-size:100%;font-weight:bold;}
blockquote{padding-left:40px;padding-right:40px;font-style: oblique;}
.alignleft{float:left;}
.alignright{float:right;}

/*
Links
*/

img a, a img {border: none;text-decoration: none;}
a, a:link {color: #993300;text-decoration: none;}
a:hover {color: #000000;}

/*
Layout
*/

#masthead{background:#993300 url(images/bg-navbar.png) repeat;overflow:hidden;}
#navbar{font-size:86%;color:#F6DABC;width:960px;margin:0 auto 0 auto;padding:10px;}
#header{clear:right;width:960px;margin:20px auto 20px auto;overflow:hidden;}
#container{clear:both;width:960px;margin:0 auto 0 auto;}
#content{float:left;width:600px;background:transparent;}
#sidebar{float:right;width:360px;background:transparent;}
#bottom{clear:both;background:#f6d7b8 url(images/bg-bottom.png) repeat-x;}
#extras{width:960px;margin:0 auto;overflow:auto;padding-top:0px;}
	#extras-wrapper{float:left;width:100%}
	#extras-column-one{margin-right: 720px;}
	#extras-column-two{float:left;width:240px;margin-left:-720px;}
	#extras-column-three{float:left;width:240px;margin-left:-480px;}
	#extras-column-four{float:left;width:240px;margin-left:-240px;}
	#extras-footer{clear:left;width:100%}
#footer{clear:both;background-color:#f6d7b8;}

/*
Navbar
*/

.search-box {float:right;margin-bottom:10px;}
.search-box input {
  width: 150px;
  background-color:#AD4B1A;
  border:0;
  padding:8px;
  color:#F6DABC;
}

#navlist a, #navlist a:link {color:#F6DABC;font-weight:bold;}
#navlist a:hover{color:#fff;}
#navlist
{
list-style: none;
padding: 0;
margin: 0;
}

#navlist li
{
display: inline;
padding: 0 20px 0 0;
margin: 0;
}

#navlist li:before { content: " "; }
#navlist li:first-child:before { content: ""; }

/*IE workaround*/
/*All IE browsers*/
* html #navlist li
{
border-left: 0px solid #6ABD6D;
padding: 0 0.4em 0 0.4em;
margin: 0 0.4em 0 -0.4em;
}

/*Win IE browsers - hide from Mac IE\*/
* html #navlist { height: 1%; }

* html #navlist li
{
display: block;
float: left;
}

/*End hide*/
/*Mac IE 5*/
* html #navlist li:first-child { border-left: 0; }


/*
Header
*/

#header .logo{float:left;}
#header h1{margin-bottom:4px;font-size:160%;}
	#header h1 a, #header h1 a:link{color:#0E6244;}
#header .description{font-size:80%;}
#header .banner{float:right;text-align: right;padding:8px 20px 0 0;}


/*
Posts
*/

#posts{padding:0px 10px 10px 10px;}
.post-date{text-transform:uppercase;color:#666;}
.post-title{font-size:200%;}
	.post-title a, .post-title a:link{color:#993300;}
	.post-title a:hover{color:#000;text-decoration:none;}
	.single .post-meta{margin-bottom:10px;padding-top:0;border:0;}
.post-meta{clear:both;font-size:82%;color:#666;border-bottom:1px solid #f6d7b8;padding-top:4px;padding-bottom:4px;margin-top:10px;margin-bottom:10px;}
.post-comment-count{font-size:82%;}
	.post-meta span{font-weight:bold;}
.post-body{padding-bottom:16px;font-size:82%;}
	.post-body ul, .post-body ol{margin-left:20px;padding-left:10px;}
	.post-body h4{font-weight:bold;font-size:100%;text-transform:uppercase;}
	.post-body img{}
.sticky {
font-size:100%;
}
	.sticky .post-meta{font-size:72%;border-bottom:2px solid #f6d7b8;}

.post-navigation{overflow:auto;font-size:90%;padding-top:8px;}
.socialmedia-facebook {padding:8px;border-top:1px solid #ccc;}

/*
Page Links
*/

#page-links{font-size:80%;padding-bottom:10px;}
#page-links a, #page-links a:link{background-color:#CAE6EB;border:1px solid #ccc;padding: 2px 4px 2px 4px;margin: 2px;text-decoration: none; }
#page-links a:hover{background-color:#0E6244;color:#fff;}

/*
Comments
*/

.comments{margin-top:20px;}
.comments ol{list-style: none;padding-left:0;margin-left:0;}
.comments h4{font-weight:bold;color:#666;}
.comments h3{font-weight:bold;border-top:1px solid #ccc;padding-top:10px;color:#666}
#commentlist li{border-top:1px solid #ccc;padding:10px;}
	.postcomment {background-color:#eee;border-bottom:1px dotted #ff9966;padding:10px;margin-top:4px;overflow:auto;color:#333;}
	.comment-author{color:#666;font-size:100%;}
	.comment-date{color:#666;font-size:90%;text-align:right;}
	.avatar{float:left;padding:4px;margin-right:10px;background-color:#fff;border:1px solid #ccc;}

/*
Sidebar
*/

#sidebar{}
#sidebar ul{list-style:square;color:#333;font-size:86%;}
#sidebar ol{padding-left:10px;font-size:86%;}
#sidebar p{font-size:86%;}
#sidebar h2{font-size:120%;font-weight:bold;color:#333;}
#sidebar h3{font-size:110%;font-weight:bold;color:#333;}
#sidebar h4{margin-bottom:8px;}
#sidebar .content{background:transparent;padding-left:10px;}
.sidebar-box{margin-top:10px;padding:10px;border:1px solid #F7DABD;}
.sidebar-box ad{text-align: center;}
.sidebar-box ul, .sidebar-box ol {margin-left:20px;}

/*
Tab Navigation
*/

UL.tabNavigation {
list-style: none;
margin: 0;
padding: 0;}

UL.tabNavigation LI {
display: inline;
margin: 0;}

UL.tabNavigation LI A {
padding: 3px 7px;
text-decoration: none;
padding-right: 32px; /*extra right padding to account for curved right edge of tab image*/
color: #666;
font-size:120%;
background: transparent url(images/righttabdefault.gif) 100% 1px no-repeat; /*give illusion of shifting 1px down vertically*/
border-left: 1px solid #dbdbd5;
position: relative;
display: block;
float: left;
margin-left: -20px; /*shift tabs 20px to the left so they overlap*/
left: 20px;}

UL.tabNavigation LI A.selected {/*selected tab style*/
color: #AD4B1A;
font-weight:bold;
z-index: 100; /*higher z-index so selected tab is topmost*/
top: 1px; /*Shift tab 1px down so the border beneath it is covered*/
background: transparent url(images/righttabselected.gif) 100% 0 no-repeat;}

UL.tabNavigation LI A.selected  a:hover {text-decoration: none;}
UL.tabNavigation LI A:hover {text-decoration: underline;}
UL.tabNavigation LI A:focus {outline: 0;}



#first, #second, #third {clear:left;font-size:86%;border:1px solid #ccc;padding:16px 8px 8px 8px;}
#first ul, #second ul, #third ul{list-style: disc;margin-left:20px;}
.excerpts{clear:left;padding-top:10px;line-height:1.2}
.excerpts h4{font-size:100%;font-weight:bold;margin:0px;padding:0;}
.excerpts p{padding:0 0 8px 0;margin:0;}
.excerpts a, .excerpts a:link{color:#000;}
.excerpts a:hover{color:#330000;}
.more{margin-top:16px;text-align: right;}
.excerpts img{float:left;padding:4px;margin:0 8px 0 0;border:1px solid #ccc;}

/*
Extras
*/

#extras .content{padding:20px 10px 10px 10px;margin:10px;font-size:80%;color:#333;}
#extras h3{font-size:160%;color:#FF9966;}
#extras ul{list-style: square;}
#extras li {margin-left:14px;}
#extras select{margin-bottom:8px;}

/*
Footer
*/

#footer{font-size:70%;padding:8px;text-align: center;color:#666;}
#footer a, #footer a:link{color:#999;}
#footer a:hover{color:#990000;text-decoration: underline;}

/*
Search
*/

.search-form{}
.search-form form{}

/*
Wordpress Stuff
*/

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 70%;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}

img .alignleft {margin-right:10px;margin-bottom:2px;}
img .alignright {margin-left:10px;margin-bottom:2px;}
img .alignnone {margin-top:10px;margin-bottom:8px;}
img .aligncenter {margin-top:10px;margin-bottom:8px;}

/*
Calendar Styling
*/

    table#wp-calendar
    {
       border:1px solid #cccccc;
    }
    tbody .pad
    {
       background-color:#dddddd;
    }
    #wp-calendar caption{font-size:120%;}
    table#wp-calendar>tbody>tr>td>a
    {
       font-weight:bold;
    }
    thead>tr>th
    {
       width:20px;
       height:20px;
       text-align:center;
       background-color:#cdd5de;
       border:1px solid #cccccc;
    }
    tbody>tr>td
    {
       width:20px;
       height:20px;
       text-align:center;
       border:1px solid #cccccc;
    }
    tfoot>tr>td>a, tfoot>tr>td>a:link, tfoot>tr>td>a:visited, tfoot>tr>td>a:hover, tfoot>tr>td>a:active
    {
       font-weight:bold;
       font-size:100%;
       height:20px;
    }
    tfoot>tr>td#prev
    {
       width:58px;
       height:20px;
       text-align:left;
       background-color:#ffffff;
    }
    tfoot>tr>td#next
    {
       width:58px;
       height:20px;
       text-align:right;
       background-color:#ffffff;
    }