/*----+ Defaults +----*/
body, td {
   font-family: Arial,Verdana,sans-serif; 
   font-size: 13px; 
   line-height: 16px; 
   color: #777777; 
}
* {
   margin:0; 
   padding:0;
   border-style: none;
}
a {
    text-decoration: none;
}
a {
   color: #ff5522;
}
a:hover {
   color:#bb2200;
}
h1, .h1 {
   font-size: 18px;
   line-height: 22px;
   font-weight: bold;
   color: #554433;
   margin-bottom: 14px;
}
h2 {
   font-size: 14px;
   line-height: 17px;
   font-weight: bold;
   color: #554433;
   margin-bottom: 10px;
}
h3 {
    font-size: 12px;
    line-height: 15px;
    font-weight: bold;
    color: #554433;
    margin-bottom: 4px;
}
.lightorange {
    color:#faaa21;
}
.orange {
    color:#ff5422;
}
.brown {
    color:#554433;
}
.darkbrown {
    color:#35271a;
}
.errorMessage {
    color:#bb2200;
    font-weight: bold;
}
.list-spacing {
    line-height:21px;
}

/*----+ Master - layout +----*/
body {
  position: relative;
  text-align: center; /* center the content on older browsers */
  background-image: url(http://www.tuttifoodie.com/TFimages/master/brownDotBgd.gif);
  background-position: 7px 7px;
  background-repeat: repeat;
  margin-bottom:0;
}
#wrapper {
  width: 668px;
  margin: 0 auto;
  text-align: left;
  background-image: url(http://www.tuttifoodie.com/TFimages/master/layoutBgd.gif);
  background-repeat: repeat-y;
} 
#header {
   height: 123px;
   border-top: 7px solid #533c24;  
   border-bottom: 7px solid #533c24; 
   position: relative;  /* allow bannerText to be aboslutely positioned */ 
}
#header .bannerImage {
    width: 654px;
    height: 123px;
    padding-left: 7px;
    display: block;
}
#bannerText {
    position: absolute;
    top: 50px;
    left: 22px;
}
#archiveNavbar {
   height: 30px;
   border-bottom: 7px solid #533c24;
   margin: 0 7px; 
   padding: 0 5px 0 20px;
   vertical-align: middle;   
}
#homeBar {
   height: 43px;
   border-bottom: 7px solid #533c24; 
   margin: 0 7px;    
}
#homeNavbar {
    height: 145px;
    text-align:left;
}
#content {
  float: left;
  width: 508px;
  margin-left: 7px;
}
#sidebar {
  float: right;
  width: 139px;
  margin: 0 7px 0 0;
  text-align: center;
}
.sidebarContent {
    margin-top: 9px;
    padding: 0 2px;
}
.sidebarText {
    padding: 0 5px;
}
#sidebar #twitter 
{
    margin-bottom:10px;
}
#dummy {
  clear: both;
  width:0;
  height:0;
}
#footer {
  height: 35px;
  border-bottom: 7px solid #533c24;  
}
#footerLeft {
  float: left;
  width: 508px;
  height: 100%;
  margin-left: 7px;
  border-top: 7px solid #533c24;
}
#footerRight {
  float: right;
  width: 139px;
  height: 100%;
  margin-right: 7px;
}      

/*----+ Master - design +----*/

.navbar a {
    color: #ffaa11;
}
.navbar a:hover, .navbar a.current {
    color: #bbcc55;
}
.navbar {
    background-color: #645e58;
    font-weight: bold;
}
#archiveNavbar #navLinks {
    float: left;
    position: relative;
    top: 5px;
}
#archiveNavbar #navLinks .separator {
    padding: 0 3px;
}
#search {
    float: right;
}
#search .searchInput {
    font-size: 12px;
    height: 20px;
    padding-left:2px;
    color:#554433;
    border: 1px solid #ffaa11;
    width: 125px;
    position: relative;
}
#archiveNavbar #search 
{
    position:relative;
    top:-2px;
}
#archiveNavbar #search .searchInput {
    /*top: -4px;*/
}
#search .searchGo {
    position: relative;
    top: 6px;
}
#sidebar h2 {
    text-align: left;
    margin-top: 25px;
}
.sidebarTeaser {
    text-align: left;
    margin-bottom: 10px;
}
.sidebarTeaser * {
    display: block;
}
#content {
    padding: 12px 0 20px 0;
}  
#footerLeft {
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    padding-bottom: 4px;
    word-spacing: -1px;
}
#footerLeft .separator 
{
    padding:0 4px;
}
.rssLogo {
    position:relative; top:4px; left:2px;
}

/*----+ Home page +-----*/
#homeBar {
    background-image: url(http://www.tuttifoodie.com/TFimages/home/homeBarBgd.gif);
    background-repeat: repeat-x;
    background-position: left top;
    padding: 5px 6px 5px 15px;
}
#homeBar #join {
    float: left;
    width: 457px;
    height:43px;
}
#homeBar #lnkJoin {
    float: left;
    position: relative;
    top: 3px;
}
#homeBar #txtJoin 
{
    font-family: Verdana,Arial,sans-serif; 
    font-size: 12px;
    line-height: 14px;
    color:#554433;  
    width: 390px;
    float: right;
    padding-top:7px;
}
#homeBar #txtJoin a {
    color: #FFFF77;
}
#homeBar #txtJoin a:hover {
    color: #EEEE66;
    color: #bb2200;
}
#homeBar #search 
{
    /* padding-top:5px; */
}
#homeBar #search .searchInput {
    border: 1px solid #b9491c;
    background-color: #fff7ea;
    top: 2px;
    line-height: 14px;
}
#homeBar #search .searchGo {
   top: 8px;
}
#homeNavbar {
   border-bottom: 7px solid #533c24; 
   padding: 7px;
   height: 133px;
}
#homeNavbar a {
    display: block;
    line-height: 22px;
}
#homeNavbar .separator {
    display: none;
}
#content #homeTFLatest {
    border-bottom: 1px solid #777777;
    margin-bottom: 15px;
}
.tfImage {
    padding-left: 16px;
}
.tfText {
    padding: 22px 26px 0 29px;
}
.tfDate {
    font-size: 11px;
}
.tfTitle {
    font-size: 24px;
    line-height: 27px;
    margin-bottom: 10px;
}
.tfBody p {
    margin-bottom: 9px;
}
.homeTF  .tfBody {
    margin-bottom: 15px;
}
.homeTF .fileUnder {
    float: right;
    font-size: 12px;
    color: #35271a;
}
.homeTF .fileUnder a {
    text-transform: uppercase;
}
.homeTF  .moreLink {
    /*float: right;*/
    font-weight: bold;
}
.homeTF  .moreCatLink {
    font-weight: bold;
}

/*----+ Archive listing +----*/
#archiveListing {
    padding: 10px 20px 20px 25px;
}
#tuttiSubCat {
    
    font-size: 26px;
    font-weight: 900;
    font-family: Avenir,Avant Garde,Verdana,Sans-Serif;
    margin: 5px 0 12px 0;    
}
#tutti {
    color: #cdbcaa;
}
#subCat {
    color: #b16430;
    margin-left: -7px;
}
#archiveContent {
    padding-top: 10px;
}
.archiveCell {
    padding-bottom: 10px;
}
.archiveDate, .archiveTitle, .archiveDescription {
    font-size: 11px;
    line-height: 14px;
}
.archiveDate {
    color: #554433;
}
.archiveTitle {
    font-weight: bold;
}
.archiveDescription {
    color: #777777;
}
.paginationCell {
    font-weight: bold;
    padding-top: 20px;
    padding-right: 10px;
}
.paginationCell .paginationArrow {
    padding-right: 5px;
}
.paginationCell .separator {
    padding-left: 5px;
    padding-right: 5px;
    color: #777777;
}
.paginationCell .currentPageNumber {
   color:#bb2200;
}

/*----+ Archive detail +----*/
#viewArchive #social 
{
    text-align:right;
    width:425px;
    height:25px;
    position:absolute;
    margin-top:10px;
}
#viewArchive #socialOverlay 
{
    width:300px;
    height:100px;
    position:relative;
    top:-900px;
    left:200px;
    background-color:#ffffff;
    border: 1px solid #3B5998; 
}
#viewArchive #socialOverlay #social 
{
    width:250px;
    text-align:center;
}
#viewArchive #socialOverlay .socialOverlayButton 
{
    position:relative;
    top:50px;
}
#viewArchive #social li 
{
    display:inline;
    margin-right:5px;
}
#viewArchive #fbLike {
    width: 50px;
    height: 24px;
    position:absolute;
    padding-left:5px;
}
/* make the like button smaller */
.fb_edge_widget_with_comment iframe
{
    width:48px !important;
}
/* but make the span that holds the comment box larger */
span.fb_edge_comment_widget.fb_iframe_widget iframe
{
    width:401px !important;
}
#fbLike .fb_iframe_widget iframe 
{
 /*   position:absolute; */
}
#viewArchive #sendToFriend 
{
    font-size: 11px;
    position:relative;
    top:5px;
}
#viewArchive #tuttiSubCat {
    margin: 12px 0 18px 18px;
}
#viewArchive #horizontalAds {
    text-align: center;
    padding-top: 15px;
}
    
/*-----+ Forms +------*/
.tfForm {
    width: 300px;
    padding-left: 20px;
    padding-top: 20px;
    line-height: 18px;
}
.tfForm h1, .tfForm .h1 {
    color: #533c24;
}
#tellContent {
    width: 370px;
}
#signupContent {
    width: 260px;
}
.tfForm .formTextBox {
    border: 1px solid #aaaaaa;
    width: 100%;
}
#signupContent .label {
    margin-top: 5px;
}
.tfForm .smallPrint {
    position: absolute;
    bottom: 75px;
}
.tfForm .tfFormButton {
    margin-top: 15px;  
    margin-bottom: 75px; 
}

/*-----+ Services +------*/

#servicesSidebarContent 
{
    padding:0;
    margin:0;
}
.servicesNavbar 
{    
    font-weight: bold;
    width:133px;
    padding:7px 3px 10px 3px;
    background-color: #645e58;
    border-bottom: 7px solid #533c24; 
    margin-bottom:10px;

}
.servicesNavbar a 
{
    text-align:left;
    display: block;
    line-height: 24px;
    padding-left:5px;
    color: #ffaa11;
 
}
.servicesNavbar a:hover, .servicesNavbar a.current {
    color: #bbcc55;
}
.services .tfImage 
{
    padding-bottom:20px;
}   

/*-----+ Generic content (footer only?) +------*/
.genericContent {
    padding-left: 20px;
    padding-right: 20px;
}
.genericContent p {
    margin-bottom: 10px;
}
.genericContent ul {
    padding-left: 15px;
    margin-bottom: 10px;
}

/*-----+ Random fixes for old content +------*/
div.recipe_goods {
    margin-bottom: 10px;
}