/* $Id: layout-fixed.css,v 1.5.2.3 2009/02/13 19:20:19 johnalbin Exp $ */

/*
 * LAYOUT STYLES
 *
 * Define CSS classes to create a table-free, 3-column, 2-column, or single
 * column layout depending on whether blocks are enabled in the left or right
 * columns.
 *
 * This layout is based on the Zen Columns layout method.
 *   http://drupal.org/node/201428
 *
 * Only CSS that affects the layout (positioning) of major elements should be
 * listed here.  Such as:
 *   display, position, float, clear, width, height, min-width, min-height
 *   margin, border, padding, overflow
 */


/** body **/
  body
  {
    margin: 0;
    padding: 0;
    background-image: url(images/bkgnd-gradient-3.jpg);
    background-repeat: repeat-x;
    background-color: #FAFBEA;
	color: #51261C;
  }

  #page-background
  {
    margin-left: auto;
    margin-right: auto;
    width: 1024px;

    /*background-image: url(images/page-bkgnd/lettuce-02.gif);*/
    background-repeat: no-repeat;
  }

  #page
  {
  }

  #page,
  #closure-blocks
  {
    /*
     * If you want to make the page a fixed width and centered in the viewport,
     * this is the standards-compliant way to do that. See also the ie.css file
     * for the necessary IE5 hack to center a div.
     */
    margin-left: auto;
    margin-right: auto;
    width: 960px;
    background-image: url(images/bkgnd-nav-2.png);
    background-repeat: repeat-x;
    background-position: 0px 50px;
  }

  #page-inner
  {
  }

  #navigation-top,
  #navigation
  {
    position: absolute; /* Take the named anchors out of the doc flow    */
    left: -10000px;     /* and prevent any anchor styles from appearing. */
  }

  #skip-to-nav
  {
    color: #fff;
    float: right;
    margin: 0 !important;
    font-size: 0.8em;
    font-weight: bold;
  }

  #skip-to-nav a
  {
    color: #fff;
    text-decoration: none;
    font-weight: bold;
  }

  /* Alternatively, the skip-to-nav link can be completely hidden until a user tabs
     to the link. Un-comment the following CSS to use this technique. */
  /*
  #skip-to-nav a, #skip-to-nav a:hover, #skip-to-nav a:visited
  {
    position: absolute;
    left: 0;
    top: -500px;
    width: 1px;
    height: 1px;
    overflow: hidden;
  }

  #skip-to-nav a:active, #skip-to-nav a:focus
  {
    position: static;
    width: auto;
    height: auto;
  }
  */

/** header **/
  #header
  {
  }

  #header-inner
  {
  }

  #logo-title
  {
  }

  #logo
  {
    float: left;
    margin: 0 10px 0 0;
    padding: 0;
  }

  #logo-image /* The actual logo image */
  {
  }

  #site-name
  {
  }

  #site-slogan
  {
  }

  #header-blocks
  {
    clear: both; /* Clear the logo */
  }

/** main (container for everything else) **/
  #main
  {
    position: relative;
  }

  #main-inner
  {
  }

/** content **/
  #content
  {
    float: left;
    width: 960px;
    margin-left: 0;
    margin-right: -960px; /* Negative value of #content's width + left margin. */
    padding: 0; /* DO NOT CHANGE. Add padding or margin to #content-inner. */
  }

  #content-inner
  {
    margin: 0;
    padding: 0 8px 0 8px;
  }

  #mission /* The mission statement of the site (displayed on homepage) */
  {
  }

  #content-top /* Wrapper for any blocks placed in the "content top" region */
  {
  }

  #content-header /* Wrapper for breadcrumb, title, messages, tabs, and help */
  {
  }

  .breadcrumb /* The path to the current page in the form of a list of links */
  {
    padding-bottom: 0; /* Undo system.css */
  }

  h1.title, /* The title of the page */
  h2.title, /* Block title or the title of a piece of content when it is given in a list of content */
  h3.title /* Comment title */
  {
    margin: 0;
  }

  div.messages /* Important messages (status, warning, and error) for the user */
  {
  }

  div.status /* Normal priority messages */
  {
  }

  div.warning, tr.warning /* Medium priority messages */
  {
    /* border: 1px solid #f0c020; */ /* Drupal core uses: 1px solid #f0c020 */
  }

  div.error, tr.error /* High priority messages. See also the .error declaration below. */
  {
  }

  div.tabs /* See also the tabs.css file. */
  {
  }

  .help /* Help text on a page */
  {
    margin: 1em 0;
  }

  .more-help-link /* Link to more help */
  {
    font-size: 0.85em;
    text-align: right;
  }

  #content-area /* Wrapper for the actual page content */
  {
  	width: 614px;
  	margin: 0px;
  	padding: 0px;
  }

  #content-area-full /* Wrapper for the actual page content */
  {
	border: 1px solid #BCCC95;
	margin: 0 0 6px 0;
	padding: 2px;
	background-color: #ffffff;
  }

  #content-area-full div.node-form {
	padding: 20px;
  }

  #content-area-right /* Wrapper for the actual page content */
  {
  	float: right;
  	width: 300px;
  	margin: 0;
  	padding: 0;
  }

  .pager /* A list of page numbers when more than 1 page of content is available */
  {
    clear: both;
    margin: 1em 0;
    text-align: center;
  }

  .pager a, .pager strong.pager-current
  {
    padding: 0.5em;
  }

  .feed-icons /* The links to the RSS or Atom feeds for the current list of content */
  {
    margin: 1em 0;
  }

  #content-bottom /* Wrapper for any blocks placed in the "content bottom" region */
  {
  }

/** navbar **/
  #navbar
  {
    width: 900px;
    margin: 0 0 5px 0;
    padding:0;
    height: 30px;
  }

  .with-navbar #content
  {
  }

  #navbar-inner
  {
  }

  #search-box
  {
    width: 324px;
    margin-left: 616px; /* Width of primary */
  }

  #edit-search-theme-form-1-wrapper label /* Label that says "Search this site:" */
  {
    display: none;
  }

  #edit-search-theme-form-1-wrapper{
    margin: 0 0 0 0;
    padding: 0 0 0 0;
  }

#search.container-inline {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

  #edit-search-theme-form-1
  {
    width: 239px;
    height: 20px;
    margin: 0 0 0 0;
    border: solid 1px #91AD4E;
  }  

  .theme-search-submit #edit-submit {
    margin: 0 0 0 0;
    width: 58px;
    height: 23px;
  margin-bottom: 0px;
  cursor: pointer;
  padding: 2px 10px;
  color: #fff;
  font-weight: bold;
  font-size: 12px;
  border: solid 1px #91AD4E;
  *border: solid 0px #91AD4E;
  background: #fff url("images/btn-bkgnd/green-med.gif") repeat-x center;

  }

#search-theme-form div {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

  #primary
  {
    padding: 0 0 0 10px;
    float: left;
  }

  #primary .links a {
    color: #fff;
    text-decoration: none;
    font-size: 1.2em;
    font-weight: bold;
    text-transform: uppercase;
  }

  #primary .links a:link
  {
  }

  #primary .links a:visited
  {
    color: #fff;
  }

  #primary .links a:hover,
  #primary .links a:focus
  {
  }

  #primary .links a:active
  {
  }

  #secondary
  {
    margin-left: 616px; /* Width of primary */
  }

  #navbar ul /* Primary and secondary links */
  {
    margin: 10px 0 0 0;
    padding: 0;
    text-align: left;
  }

  #navbar li /* A simple method to get navbar links to appear in one line. */
  {
    /* float: left; */
    display: inline;
    padding: 0 48px 0 0px;
  }

  /* There are many methods to get navbar links to appear in one line.
   * Here's an alternate method: */
  /*
  #navbar li
  {
    display: inline;
    padding: 0 10px 0 0;
  }
  */

/** footer **/
  #footer
  {
	margin: 20px 0 0 0;
  }

  #footer-inner
  {
  	padding: 2px;
  	background-image: url('images/footer-bkgnd.png');
  	background-repeat: repeat-x;
  }

  #footer-message /* Wrapper for the footer message from Drupal's "Site information"
                     and for any blocks placed in the footer region */
  {
  }

  #footer ul /* Primary and secondary links */
  {
    margin: 6px 0 0 0;
    padding: 0;
    text-align: center;
  }

  #footer li /* A simple method to get navbar links to appear in one line. */
  {
    /* float: left; */
    display: inline;
    padding: 0 50px 0 0px;
    font-size: 0.85em;
    color: #274603;
  }

  #footer li a
  {
    font-size: 0.85em;
    color: #274603;
    font-weight: bold;
    text-decoration: none;
  }


/** closure **/
  #closure-blocks /* See also the #page declaration above that this div shares. */
  {
  }

/** Prevent overflowing content **/
  #header,
  #content,
  #navbar,
  #footer,
  #closure-blocks
  {
    overflow: visible;
    word-wrap: break-word; /* A very nice CSS3 property */
  }

  #navbar
  {
    overflow: hidden; /* May need to be removed if using a dynamic drop-down menu */
  }

  /* If a div.clear-block doesn't have any content after it and its bottom edge
     touches the bottom of the viewport, Firefox and Safari will mistakenly
     place several pixels worth of space between the bottom of the div and the
     bottom of the viewport. Uncomment this CSS property to fix this.
     Note: with some over-large content, this property might cause scrollbars
     to appear on the #page div.
  */
  /*
  #page
  {
    overflow-y: hidden;
  }
  */

/** Drupal nodes **/
  .node /* Node wrapper */
  {
  }

  .node-inner /* Additional wrapper for node */
  {
  }

  .sticky /* A sticky node (displayed before others in a list) */
  {
  }

  .node-unpublished /* Unpublished nodes */
  {
    /* background-color: #fff4f4; */ /* Drupal core uses a #fff4f4 background */
  }

  .node-unpublished div.unpublished, /* The word "Unpublished" displayed beneath the content. */
  .comment-unpublished div.unpublished
  {
    height: 0;
    overflow: visible;
    color: #d8d8d8;
    font-size: 75px;
    line-height: 1;
    font-family: Impact, "Arial Narrow", Helvetica, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    word-wrap: break-word; /* A very nice CSS3 property */
  }

  .node-mine /* A node created by the current user */
  {
  }

  .node-teaser /* A node displayed as teaser */
  {
  }

  /* All nodes are given a node-type-FOO class that describes the type of
   * content that it is. If you create a new content type called
   * "my-custom-type", it will receive a "node-type-my-custom-type" class.
   */
  .node-type-page /* Page content node */
  {
  }

  .node-type-story /* Story content node */
  {
  }

  .node h2.title /* Node title */
  {
  }

  .marker /* "New" or "Updated" marker for content that is new or updated for the current user */
  {
    color: #c00;
  }

  .node .picture /* The picture of the node author */
  {
  }

  .node.node-unpublished .picture,
  .comment.comment-unpublished .picture
  {
    position: relative; /* Otherwise floated pictures will appear below the "Unpublished" text. */
  }

  .node .meta /* Wrapper for submitted and terms data */
  {
  }

  .node .submitted /* The "posted by" information */
  {
  }

  .node .terms /* Node terms (taxonomy) */
  {
  }

  .node .content /* Node's content wrapper */
  {
  }

  .node div.links /* Wrapper for node links */
  {
    margin: 1em 0;
  }

  ul.links /* Taxonomy links, node links, comment links */
  {
    margin: 0;
    padding: 0;
  }

  ul.links.inline
  {
    display: inline;
  }

  ul.links li
  {
    display: inline;
    list-style-type: none;
    padding: 0 0.5em;
  }

  .preview .node /* Preview of the content before submitting new or updated content */
  {
    /* background-color: #ffffea; */ /* Drupal core uses a #ffffea background */
  }

/** Drupal comments **/
  #comments /* Wrapper for the list of comments and its title */
  {
    margin: 1em 0;
  }

  #comments-title /* Heading for the list of comments */
  {
  }

  .comment /* Wrapper for a single comment */
  {
  }

  .comment-inner /* Additional wrapper for a single comment */
  {
  }

  .comment-preview /* Preview of the comment before submitting new or updated comment */
  {
  }

  .comment.new /* A new comment since the user last viewed the page. */
  {
  }

  .comment.odd /* An odd-numbered comment in the list of comments */
  {
  }

  .comment.even /* An even-numbered comment in the list of comments */
  {
  }

  .comment.first /* The first comment in the list of comments */
  {
  }

  .comment.last /* The last comment in the list of comments */
  {
  }

  .comment-unpublished /* Unpublished comments */
  {
    /* background-color: #fff4f4; */ /* Drupal core uses a #fff4f4 background */
  }

  .comment-unpublished div.unpublished /* The word "Unpublished" displayed beneath the content. See also the div.unpublished declaration in the node section above. */
  {
  }

  .comment-published /* Published comments */
  {
  }

  .comment-by-anon /* A comment created by an anonymous user */
  {
  }

  .comment-by-author /* A comment created by the node's author */
  {
  }

  .comment-mine /* A comment created by the current user */
  {
  }

  .comment h3.title /* Comment title */
  {
  }

  .new /* "New" marker for comments that are new for the current user */
  {
    color: #c00;
  }

  .comment .picture /* The picture of the comment author */
  {
  }

  .comment .submitted /* The "posted by" information */
  {
  }

  .comment .content /* Comment's content wrapper */
  {
  }

  .comment .user-signature /* The user's signature */
  {
  }

  .comment div.links /* Wrapper for comment links. See also the ul.links declaration in the node section above. */
  {
    margin: 1em 0;
  }

  .indented /* Nested comments are indented */
  {
    /* margin-left: 25px; */ /* Drupal core uses a 25px left margin */
  }

  .preview .comment /* Preview of the comment before submitting new or updated comment */
  {
    /* background-color: #ffffea; */ /* Drupal core uses a #ffffea background */
  }

/** Drupal blocks **/
  .block /* Block wrapper */
  {
    margin-bottom: 1em;
  }

  .block.region-odd /* Zebra striping for each block in the region */
  {
  }

  .block.region-even /* Zebra striping for each block in the region */
  {
  }

  .block.odd /* Zebra striping independent of each region */
  {
  }

  .block.even /* Zebra striping independent of each region */
  {
  }

  .region-count-1 /* Incremental count for each block in the region */
  {
  }

  .count-1 /* Incremental count independent of each region */
  {
  }

  .block-inner /* Additional wrapper for block */
  {
  }

  .block h2.title /* Block title */
  {
  }

  .block .content /* Block's content wrapper */
  {
  }

  #block-aggregator-category-1 /* Block for the latest news items in the first category */
  {
  }

  #block-aggregator-feed-1 /* Block for the latest news items in the first feed */
  {
  }

  #block-block-1 /* First administrator-defined block */
  {
  }

  #block-blog-0 /* "Recent blog posts" block */
  {
  }

  #block-book-0 /* "Book navigation" block for the current book's table of contents */
  {
  }

  #block-comments-0 /* "Recent comments" block */
  {
  }

  #block-forum-0 /* "Active forum topics" block */
  {
  }

  #block-forum-1 /* "New forum topics" block */
  {
  }

  #block-menu-2 /* "Primary links" block */
  {
  }

  #block-node-0 /* "Syndicate" block for primary RSS feed */
  {
  }

  #block-poll-0 /* "Most recent poll" block */
  {
  }

  #block-profile-0 /* "Author information" block for the profile of the page's author */
  {
  }

  #block-search-0 /* "Search form" block */
  {
  }

  #block-statistics-0 /* "Popular content" block */
  {
  }

  #block-user-0 /* "User login form" block */
  {
  }

  #block-user-1 /* "Navigation" block for Drupal navigation menu */
  {
  }

  #block-user-2 /* "Who's new" block for a list of the newest users */
  {
  }

  #block-user-3 /* "Who's online" block for a list of the online users */
  {
  }

/** Drupal boxes **/
  /* Wrapper for Comment form, Comment viewing options, Menu admin, and
   * Search results.
   */
  .box /* Wrapper for box */
  {
  }

  .box-inner /* Additional wrapper for box */
  {
  }

  .box h2.title /* Box title */
  {
  }

  .box .content /* Box's content wrapper */
  {
  }

/** Miscellaneous Drupal styles **/
  .error /* Errors that are separate from div.messages status messages (see above.) */
  {
    /* color: #e55; */ /* Drupal core uses a #e55 background */
  }

  .warning /* Warnings that are separate from div.messages status messages (see above.) */
  {
    /* color: #e09010; */ /* Drupal core uses a #e09010 background */
  }

  .more-link /* Aggregator, blog, and forum more link */
  {
    text-align: right;
  }

  #user-login-form /* Drupal's default login form */
  {
    text-align: left;
  }

  tr.even /* Some tables have rows marked even or odd. */
  {
    /* background-color: #eee; */ /* Drupal core uses a #eee background */
  }

  tr.odd
  {
    /* background-color: #eee; */ /* Drupal core uses a #eee background */
  }

  li a.active /* The active item in a Drupal menu */
  {
    color: #000;
  }


/** Drupal forms **/
  .form-item, /* Wrapper for a form element (or group of form elements) and its label */
  .form-checkboxes,
  .form-radios
  {
    margin: 1em 0;
  }

  .form-item input.error, /* Highlight the form elements that caused a form submission error */
  .form-item textarea.error,
  .form-item select.error
  {
    border: 2px solid #c00;
  }

  .form-item label /* The label for a form element */
  {
    display: block;
    font-weight: bold;
    color: #282821;
    font-size: 0.85em;
  }

  .form-item label.option /* The label for a radio button or checkbox */
  {
    display: inline;
    font-weight: normal;
  }

  .form-required /* The part of the label that indicates a required field */
  {
    color: #c00;
  }

  .form-item .description /* The descriptive help text (separate from the label) */
  {
    font-size: 0.85em;
  }

  .form-checkboxes .form-item, /* Pack groups of checkboxes and radio buttons closer together */
  .form-radios .form-item
  {
    margin: 0.4em 0;
  }

  .form-submit /* The submit button */
  {
  }

  .container-inline div, .container-inline label /* Inline labels and form divs */
  {
    display: inline;
  }

  .tips /* Tips for Drupal's input formats */
  {
    margin: 0;
    padding: 0;
    font-size: 0.9em;
  }

/** OpenID **/
  /* The default styling for the OpenID login link seems to assume Garland's
   * styling of list items.
   */
  #user-login-form ul /* OpenID creates a new ul above the login form's links. */
  {
    margin-bottom: 0; /* Position OpenID's ul next to the rest of the links. */
  }

  #user-login-form li.openid-link, /* The "Log in using OpenID" links. */
  #user-login li.openid-link
  {
    margin-top: 1em;
    margin-left: -20px; /* Un-do some of the padding on the ul list. */
  	padding-left: 20px;
  	background-position: left center;
  }

  #user-login-form li.user-link, /* The "Cancel OpenID login" links. */
  #user-login li.user-link
  {
    margin-top: 1em;
  	list-style-type: disc;
  	list-style-position: outside;
  }

  #user-login li.openid-link, /* The OpenID links on the /user form. */
  #user-login li.user-link
  {
    margin-left: -2em; /* Un-do all of the padding on the ul list. */
  }

/** Drupal admin tables **/
  /* We overrode these styles in html-elements.css, but restore them for the
   * forms on the site.
   */
  form tbody
  {
    border-top: 1px solid #ccc;
  }

  form th
  {
    text-align: left;
    padding-right: 1em;
    border-bottom: 3px solid #ccc;
  }

  form tbody th
  {
    border-bottom: 1px solid #ccc;
  }

  form thead th
  {
    text-align: left;
    padding-right: 1em;
    border-bottom: 3px solid #ccc;
  }

  /* recipe-specific */

  .view-recipe-list {
    border: 1px solid #BCCC95;
    padding: 0;
    margin: 0;
    background-color: #FBFCF8;
  }
  .view-recipe-list .view-header {
	background-image:url(images/title-bkgnd/green.png);
	background-repeat: repeat-x;
	height: 30px;
	border-bottom: 1px solid #CCCCCC;
  }
  
  .view-header-inner {
	padding: 7px 0 0 6px;
	margin: 0;
	font-size: 1.2em;
	font-weight: bold;
	color: #fff;
  }

  .view-recipe-list .view-content {
    padding: 8px 8px 8px 8px;
  }
  
  /* overlays */
div.overlay {
	
	/* growing background image */
	background-image:url(images/overlay/white.png);
	
	/* dimensions after the growing animation finishes  */
	width:600px;
	height:470px;		
	
	/* initially overlay is hidden */
	display:none;
	
	/* some padding to layout nested elements nicely  */
	padding:55px;
}



/* default close button positioned on upper right corner */
  #account-menu.popup {
    overflow: visible;
	width: 15em;
  }
    
  #account-menu.popup ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }

  #account-menu.popup ul li {
    font-size: 0.85em;
    color: #446418;
    margin: 0 0 12px 0px;
  }
    
  #account-menu.popup ul li div.menu-divider {
    border-bottom: 1px solid green;
    padding: 0;
    margin: 0;
  }
    
  #account-menu.popup ul li a {
    font-size: 0.85em;
    font-weight: bold;
    color: #446418;
    text-decoration: none;
  }
    
  #account-menu.popup img.account-menu {
    width:15em;
    height:14em;
    *z-index: -1;
  }
  
  #account-menu.popup div.popup-inner {
	position: relative;
	top: -14em;
	z-index: 1;
	height: 14em;
	margin: 0;
	padding: 30px;
  }
  
div.account-menu-close {
	background-image:url(images/overlay/close.png);
	position: absolute;
	right:-5px;
	top:-5px;
	z-index: 2;
	cursor:pointer;
	height:35px;
	width:35px;
}

div.popup-inner h2 {
  color: #446418;
  font-size: 0.90em;
  font-weight: bold;
  margin: 0 0 18px 0;
  padding: 0;
  border-bottom: 2px solid green;
}


img.placeholder-ad
{
	margin: 0px 0px 6px 0px;
	padding: 0;
	width: 300px;
}

.content-container
{
	margin: 0;
	padding: 0;
	width: 614px;
}

.kuc-box-single
{
	border: 1px solid #BCCC95;
	width: 608px;
	margin: 0 0 6px 0;
	padding: 2px;
	background-color: #ffffff;
}

.kuc-green-bottom
{
  	background-image: url('images/footer-bkgnd.png');
  	background-repeat: repeat-x;
  	background-position: bottom;
  	padding: 0 0 0 0;
  	margin: 0 0 0 0;
	overflow-y: hidden;
}

.kuc-box-content
{
	padding: 4px 4px 4px 4px;
	margin: 0 0 0 0;
	font-size: 0.85em;
}

.kuc-box-content-mini
{
	padding: 0px 4px 4px 4px;
	margin: 0 0 0 0;
	font-size: 0.85em;
}

.kuc-box-content-mini h3
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
	color: #446418;
}

.kuc-box-content p,
.kuc-box-content-mini p
{
	margin: 0px 0px .85em 0px;
	padding: 0px 0px 0px 0px;
}

.kuc-box-title
{
	margin: -2px;
	padding: 0px;
	color: #fff;
	background-image:url(images/title-bkgnd/green.png);
	background-repeat: repeat-x;
	height: 30px;
	border-bottom: 1px solid #CCCCCC;

}

.kuc-box-title.red
{
	background-image:url(images/title-bkgnd/red.png);
}

.kuc-box-title-mini
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	line-height: 0.85em;
}

.kuc-box-title-mini h2.green
{
	margin: 0 0 0 0;
	padding: 6px 0px 0px 4px;
	overflow: hidden;
	font-size: 0.85em;
	color: #446418;
}

.kuc-box-title h2.kuc-green-top
{
	margin: 0px;
	padding: 8px 0 0 6px;
	overflow: hidden;
	font-size: 1.00em;
}

.kuc-box-title h2.kuc-red-top
{
	margin: 0px;
	padding: 8px 0 0 6px;
	overflow: hidden;
	font-size: 1.00em;
	display: inline-block;
}

.kuc-box-double
{
	border: 1px solid #BCCC95;
	width: 298px;
	margin: 0 0 6px 0;
	padding: 2px;
	background-color: #ffffff;
}

.kuc-box-double.right
{
	float: right;
}

.kuc-box-double.left
{
}

.kuc-box-double img.featured-chef {
  width: 288px;
  margin-top: 6px;
  margin-bottom: 2px;
}

.kuc-box-double strong
{
	color:#903A19;
}

.kuc-box-double a
{
	text-decoration: none;
	color:#903A19;
}

.kuc-box-double img.recipe-placeholder {
  margin-top: 6px;
}

img.photo-header
{
	margin: 0;
	padding: 0;
	height:28px;
}

/* fix so this is actually 30px high */
div.special-header
{
	margin: 0px;
	padding: 0px;
	height: 28px;
	width: 302px;
	background-image:url(images/title-bkgnd/green.png);
	background-repeat: repeat-x;
	border: 1px solid #CCCCCC;
	border-bottom:0;
}

div.special-header div.special-header-title
{
	color:#fff;
	background-image:url(images/title-bkgnd/red.png);
	background-repeat: repeat-x;
	padding:6px 0px 0px 6px;
	margin:0;
	font-size:1.0em;
	font-weight:bold;
	height:22px;
	display:inline-block;
	float:left;
}

img.special-header-photo
{
	margin:0;
	padding:0;
	float:none;
	border:0;
}

div.placeholder {
	width: 298px;
	margin: 0px 0px 6px 0px;
	padding: 0px;
}

div.placeholder.right {
	float:right;
	margin-right:6px;
}

div.placeholder.left {

}

img.recipe-helper {
	display: block;
}


#edit-title-wrapper
{
  background-color: #DEECBC;
  padding: 4px;
}

fieldset.group-instructions legend,
fieldset.group-description legend,
fieldset.group-ingredients legend,
fieldset.group-directions legend,
fieldset.group-food-times legend,
fieldset.group-food-pictures legend,
fieldset.group-video legend,
fieldset.group-recipe-categories legend,
fieldset.taxonomy-fieldset legend
{
	display: none;
}

#edit-field-prep-time-value-wrapper,
#edit-field-cook-time-value-wrapper,
#edit-field-extra-time-value-wrapper,
#edit-field-servings-value-wrapper,
#edit-field-difficulty-value-wrapper
{
	margin: 0;
	display: inline-block;
	width: 18%;
}

#edit-field-cook-time-value-wrapper,
#edit-field-extra-time-value-wrapper,
#edit-field-difficulty-value-wrapper
{
	margin-left:10px;
}

#edit-field-difficulty-value-wrapper
{
	margin-left:0px;
}

#edit-field-servings-value-wrapper
{
	margin-left:40px;
	width: 100px;
}

#node-form fieldset
{
	border: 0;
	border-top: 2px solid #BCCC95;
}


table.sticky-table th
{
    font-weight: bold;
    color: #282821;
    font-size: 0.85em;

}

tr.draggable
{
	background-color:#DEECBC;
	border-bottom: 4px solid #fff;
}

form thead th
{
	border-bottom: 2px solid #BCCC95;
}

div.help-overlay { 
     
    /* growing background image */ 
    background-image:url(/sites/all/themes/kuc/images/overlay/white.png); 
     
    /* dimensions after the growing animation finishes  */ 
    width:600px; 
    height:470px;         
     
    /* initially overlay is hidden */ 
    display:none; 
     
    /* some padding to layout nested elements nicely  */ 
    padding:55px; 
} 
 
/* default close button positioned on upper right corner */ 
div.help-overlay div.close { 
    background-image:url(/sites/all/themes/kuc/images/overlay/close.png); 
    position:absolute; 
    right:5px; 
    top:5px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
} 
 
 
/* black */ 
div.help-overlay.black { 
    background:url(/sites/all/themes/kuc/images/overlay/transparent.png) no-repeat !important; 
    color:#fff; 
} 
 
/* petrol */ 
div.help-overlay.petrol { 
    background:url(/sites/all/themes/kuc/images/overlay/petrol.png) no-repeat !important; 
    color:#fff; 
} 
 
div.black h2, div.petrol h2 { 
    color:#ddd;         
}

div.help-pop
{
	margin: 0px 10px 20px 10px;
	padding: 0;
}

div.help-overlay h2
{
	margin: 10px 10px 4px 0px;
	padding: 0;
	border-bottom: 4px solid #BCCC95;
	font-weight: bold;
	font-size: 1.25em;
}

div.help-pop h3
{
	margin: 10px 10px 10px 0px;
	padding: 0;
	font-weight: bold;
	font-size: 1.0em;
}

img.help-button
{
    position:absolute; 
    right:14px; 
    top:56px; 
    cursor:pointer; 
	width: 24px;
	height: 20px;
	margin:0;
	padding:0;
	border: 0;
	background-color:none;
}

fieldset.group-recipe-categories div.form-item
{
	margin: 0;
	width: 278px;
	float: left;
	margin-right: 10px;
}

fieldset.group-recipe-categories div.form-item div.form-item
{
	float: none;
	width:100%;
	margin:0;
}

fieldset.group-recipe-categories div.form-checkboxes {
	border:1px solid #BCCC95;
	margin:0px;
	margin-bottom:10px;
	max-height:100px;
	overflow-x:hidden;
	overflow-y:auto;
	width:100%;
	float: none;
}

fieldset.group-recipe-categories div.form-item div.form-checkboxes div.form-item {
	background-color:#DEECBC;
	border-bottom:1px solid #FFFFFF;
	margin:0;
	float: none;
}

#field_recipe_image_values
{
	width:100%;
}

div.filefield-upload .form-file
{
	width: 600px;
}


div.filefield-element div.widget-edit div.form-item div.description
{
	display:none;
}

.section-user div.profile {
	margin:0;
	padding:0;
}


table.recipe-list-row
{
	width: 597px;
	border: 1px solid #CCCCCC;
	margin: 6px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

table.recipe-list-row td.recipe-list-td
{
	vertical-align:top;
	padding: 6px;
}

td.recipe-list-utils
{
	width: 160px;
}

table.recipe-node-view td.recipe-list-utils
{
	width: 190px;
}

div.user-miniprofile
{
	width: 100px;
	float:right;
	margin: -4px 0px 6px 2px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
}

table.recipe-list-row div.user-mini-avatar
{
	float:left;
	margin-right: 4px;
}

div.user-mini-avatar
{
	width: 48px;
	height: 48px;
	padding:1px;
	margin: 0px 0px 0px 0px;
	border: 1px solid #BCCC95;
	background-color: #F7F8E6;
}

div.user-mini-avatar img.avatar-image
{
	width: 48px;
	height: 48px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

div.recipe-list-links
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

div.user-username
{
	font-size: 0.85em;
	font-weight: bold;
	color: #446418;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

div.user-username a
{
	font-size: 0.85em;
	font-weight: bold;
	color: #446418;
	text-decoration: none;
}

div.user-username .byline
{
	font-size: 0.75em;
	color: #51261C;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

div.recipe-created
{
	font-size: 0.85em;
	color: #51261C;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}


div.node-views
{
	font-size: 0.85em;
	font-weight: bold;
	color: #446418;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

div.node-views .node-views-label
{
	font-size: 0.85em;
	color: #51261C;
}

td.recipe-list-title
{
	
}

td.recipe-list-title h2,
td.recipe-list-title h2 a
{
	font-size: 1.1em;
	font-weight: bold;
	color: #903A19;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.recipe-list-links span.flag-wrapper
{
	padding: 0px 2px 2px 2px;
	margin: 0px 0px 2px 0px;
	border: 1px solid #969F46;
	display: inline-block;
	width: 150px;
	height: 16px;
	background-image: url(images/btn-bkgnd/green-tiny.gif);
	font-weight: bold;
}

table.recipe-node-view .recipe-list-links span.flag-wrapper
{
	width: 192px;
}

.recipe-list-links a
{
	color: #FFFFFF;
	text-decoration: none;
	font-size: 0.85em;
}

td.recipe-list-picture a img
{
	border: 1px solid #3B5715;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

table.recipe-node-view div.user-miniprofile
{
	width: 140px;
}

.recipe-list-terms
{
	margin-top: 10px;
}

.recipe-list-terms,
.recipe-list-terms a
{
	color: #274603;
	text-decoration: none;
	font-size: 0.95em;
}


table.recipe-node-view td.recipe-node-td
{
	vertical-align:top;
}


table.recipe-node-view td.recipe-list-utils
{
	padding: 0px 0px 0px 4px;
}

table.recipe-node-view div.recipe-list-links
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
}

div.addthis-area
{
	margin: 0px 0px 6px 0px;
	padding: 0px 0px 0px 0px;
	width: 190px;
	overflow: hidden;
}

.no-x
{
	overflow: hidden;
}

table.time-info
{
	border: 1px solid #cccccc;
	width: 99%;
	margin: 4px;
}

table.time-info td.label
{
	text-align: right;
	padding: 4px;
	font-size: 1.0em;
	font-weight: bold;
}

table.time-info td.info
{
	text-align: left;
	padding: 4px;
	font-size: 1.0em;
	font-weight: bold;
}

table.time-info td
{
	width: 25%;
}

a.userlink {
	font-size: 0.85em;
	font-weight: bold;
	text-decoration: none;
	color: #EEC87C;
}

.pager-wrapper
{
	margin: 10px 0px 0px 0px;
}

.pager-wrapper .item-list
{
}

.pager-wrapper .item-list ul.pager
{
	margin: 0px 0px 0px 0px;
	clear: none;
}

/* for some reason, ingredient.css won't load */
div.ingredient-field-wrapper.mainingredient span.ingredient-field-ingredient{
  font-weight: bold;
}

/* for some reason, ingredient.css won't load */
div.ingredient-field-wrapper.optional span.ingredient-field-ingredient{

}

/* from main index file */

		.slideShow div.slides, .slideShow div.slide {
			margin: 0px;
			padding: 0px;
		}
		.slideShow div.slides
		{
			height: 290px;
		}
		/* slideshow styles */
		.slideShow {
			padding: 0px;
			display: table;
			margin-bottom: 10px;
		}
		.slideShow .navigation {
			margin-top: 6px;
		}
		.slideShow .navigation a {
			margin: 0px 0px 0px 0px;
			padding: 0px 0px;
			float: left;
			font-size: 0.8em;
		}
		.slideShow .navigation a:hover, .slideShow .navigation a.selected {
		}
		
		/** slides with more than an image in it **/
		.slide img {
			position: absolute;
		}
		.slide h1 {
			position: absolute;
			background-color: #ffffff;
			left: 0px;
			top: 0px;
		}
		.slidenav {
			display: inline-block;
			width: 20px;
			height: 20px;
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
		}

.mySlideShow {
}

.navigation.thumbs .slidenav {
	height: 90px;
	width: 139px;
	display: inline-block;
	padding: 0px 4px;
}

.navigation.thumbs .slidenav a img {
	height: 90px;
	width: 138px;
}

.thumbnav {
	height: 90px;
	width: 600px;
}

.thumbnav div.navigation.thumbs {
}

div.maincarousel
{
	width:600px;
	border:1px solid #BCCC95;
	background-color: #FBFCF8;
	margin:0;
	padding:6px;
	margin-bottom: 6px;
	height: 418px;
}

.navigation.dots
{
	margin: 2px 0px 4px 0px;
	padding: 0px;
	height: 20px;
}

.navigation.dots .slidenav a.page img
{
	width:20px;
	height: 20px;
}

.navigation.dots .slidenav a.first,
.navigation.dots .slidenav a.prev,
.navigation.dots .slidenav a.next,
.navigation.dots .slidenav a.last,
.navigation.dots .slidenav a.page
{
	height: 20px;
	width: 20px;
	margin: 0px;
	padding: 0px;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: transparent;
}

.navigation.dots .slidenav a.page
{
	background-image: url(/sites/all/themes/kuc/images/square-green.gif);
}

.navigation.dots .slidenav a.page.selected
{
	background-image: url(/sites/all/themes/kuc/images/square-red.gif);
}

.navigation.dots .slidenav a.first
{
	background-image: url(/sites/all/themes/kuc/images/arrow-first.gif);
}

.navigation.dots .slidenav a.prev
{
	background-image: url(/sites/all/themes/kuc/images/arrow-prev.gif);
}

.navigation.dots .slidenav a.next
{
	background-image: url(/sites/all/themes/kuc/images/arrow-next.gif);
}

.navigation.dots .slidenav a.last
{
	background-image: url(/sites/all/themes/kuc/images/arrow-last.gif);
}



.centerdots
{
	text-align:center;
	margin: 0px;
	padding: 0px;
}

td.recipe-list-picture
{
	width: 200px;
}

div.splash-twocolumn
{
	width: 614px;
	margin:0px 0px 6px 0px;
	padding:0px 0px 0px 0px;
}

.splash-2-left,
.splash-2-right
{
	display: inline-block;
	width: 300px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 1px solid #BCCC95;
	background-color:#eeeeee;
	vertical-align:top;
	font-size: 0.85em;
	overflow:hidden;
}

div.splash-twocolumn .splash-2-left,
div.splash-twocolumn .splash-2-right
{
	height: 220px;	
}

div.splash-twocolumn .splash-2-left
{
	margin-right:6px;	
	*margin-right:10px;	
}