/*
Theme Name: Robert St. John
Theme URI: http://robertstjohn.com/
Description: Robert St. John website theme.
Version: 2.1 (2009-08-16) YYYY-MM-DD
Author: MWB Interactive http://www.mwb.com
Author URI: http://mwb.com/
*/

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
== CSS RESET: ==============================
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label,
legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
img, a, div { behavior: url(/iepngfix/iepngfix.htc) }

a { outline: none; }
a:active { outline: none; }
:focus { -moz-outline-style: none; }


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
== CSS STICKY FOOTER: ==============================
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
html, body, #container {height: 100%;}
body > #container {height: auto; min-height: 100%;}
#main {padding-bottom: 107px;}  /* must be same height as the footer */
#footer {position: relative; margin-top: -107px; /* negative value of footer height */ height: 107px; clear:both; } 

/* CLEAR FIX*/
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
== GENERAL: ==============================
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
body { background:#86ab3b url(images/img-bg.jpg) repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#5c4028; }


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
== QUOTES: ==============================
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
#quotes { margin:30px 0 0 0; width:500px; height:100px; overflow:hidden; }
.quote-title { color:#FFFFFF; font-size: 16px; font-weight:bold; }
.quote-author { color:#FFFFFF; font-size: 11px; font-style: italic; }


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
== NAVIGATION: ==============================
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
#navigation { background-color:#000; width:950px; height:26px; margin:0 auto 11px; vertical-align:middle;  }

#navbar{ padding:0px; float:left;  }
#navbar ul { margin:0; padding:0; width:638px; z-index:10; }
#navbar ul li { float:left; list-style-type:none; position:relative;  margin:0px; }
#navbar li a { background-image:url(images/img-nav-matrix.gif); display:block; }
#navbar li span{ display:none; }

#navbar ul #item1{ top:0; left:0; }
#navbar #item1 a{ width:61px; height:26px; background-position:0 0; }
#navbar #item1 a:hover, #navbar#item1 a.current{ background-position:0 -26px;}

#navbar ul #item2{ top:0; left:0px; }
#navbar #item2 a{ width:129px; height:26px; background-position:-61px 0; }
#navbar #item2 a:hover, #navbar#item2 a.current{ background-position:-61px -26px; }

#navbar ul #item3{ top:0; left:0px; }
#navbar #item3 a{ width:71px; height:26px; background-position:-190px 0; }
#navbar #item3 a:hover, #navbar#item3 a.current{ background-position:-190px -26px; }

#navbar ul #item4{ top:0; left:0px; }
#navbar #item4 a{ width:70px; height:26px; background-position:-261px 0; }
#navbar #item4 a:hover, #navbar#item4 a.current{ background-position:-261px -26px; }

#navbar ul #item5{ top:0; left:0px; }
#navbar #item5 a{ width:67px; height:26px; background-position:-331px 0; }
#navbar #item5 a:hover, #navbar#item4 a.current{ background-position:-331px -26px; }

#navbar ul #item6{ top:0; left:0px; }
#navbar #item6 a{ width:74px; height:26px; background-position:-398px 0; }
#navbar #item6 a:hover, #navbar#item4 a.current{ background-position:-398px -26px; }

#navbar ul #item7{ top:0; left:0px; }
#navbar #item7 a{ width:111px; height:26px; background-position:-472px 0; }
#navbar #item7 a:hover, #navbar#item4 a.current{ background-position:-472px -26px; }

#navbar ul #item8{ top:0; left:0px; }
#navbar #item8 a{ width:55px; height:26px; background-position:-583px 0; }
#navbar #item8 a:hover, #navbar#item4 a.current{ background-position:-583px -26px; }


 /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
== DROPDOWN MENU: ==============================
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
#about-sub { background-color:#333333; font-size:11px; color:#FFFFFF; border: solid 1px #000000; border-bottom: solid 4px #000000; }
#about-sub p { margin:0; padding:0; }
#about-sub a { width:120px; color:#FFFFFF; text-decoration: none; display:block; padding:10px 10px 10px 10px; border-bottom: solid 1px #000000; }
#about-sub a:hover { color:#FFFFFF; text-decoration: none; background-color:#474747; }

#books-sub { background-color:#333333; font-size:11px; color:#FFFFFF; border: solid 1px #000000; border-bottom: solid 4px #000000; }
#books-sub p { margin:0; padding:0; }
#books-sub a { width:120px; color:#FFFFFF; text-decoration: none; display:block; padding:10px 10px 10px 10px; border-bottom: solid 1px #000000; }
#books-sub a:hover { color:#FFFFFF; text-decoration: none; background-color:#474747; }

#recipes-sub { background-color:#333333; font-size:11px; color:#FFFFFF; border: solid 1px #000000; border-bottom: solid 4px #000000; }
#recipes-sub p { margin:0; padding:0; }
#recipes-sub a { width:120px; color:#FFFFFF; text-decoration: none; display:block; padding:10px 10px 10px 10px; border-bottom: solid 1px #000000; }
#recipes-sub a:hover { color:#FFFFFF; text-decoration: none; background-color:#474747; }


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
== SEARCH: ==============================
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
#search { height:26px; width:250px; padding: 0 0 0 0; float:right; }
#search form { width:246px; height:26px; margin:0px; padding:0px; }
#search input.text {width:186px; height:21px; background: #262626 none; color:#FFFFFF; border:0px; margin:0px; padding:5px 2px 0 4px; display:block; float:left; }
#search input.submit { width:44px; margin:0 0 0 5px; padding: 0px; float:left; }


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
== HEADER: ==============================
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
#header { width:591px; margin:0 auto; background-image:url(images/img-bg-header.jpg); background-repeat:no-repeat; height:217px; padding:44px 0 0 359px; }


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
== MAIN: ==============================
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
#main { width:950px; margin:7px auto 30px; background-color:#FFF; }
.main-top { height:10px; }

#content { width:607px; margin: 0 17px 0 10px; float:left; }
#content h1 { margin:20px 0 10px 0; padding:0 0 0 10px; font-size:20px; color:#79972f; text-transform:uppercase; }
#content h1 a { color:#79972f; }
#content h1 a:hover { color:#9cba51; }
#content h2 { margin:0 0 0 0; padding:0 0 0 10px; font-size:14px; color:#e5720d; font-weight:bold; }
#content h2 a { color:#e5720d; }
#content h2 a:hover { color:#9f3901; }
#content h3 { padding:0 0 0 10px; font-size:12px; color:#5c4028; font-weight:bold; margin:0 0 3px 0;}
#content h3 a { color:#5c4028; }
#content h3 a:hover { color:#a5652f; }
#content h4 { margin:10px 0 10px 0; padding:0 0 5px 0; font-size:18px; color:#79972f; text-transform:uppercase; border-bottom:#ccc solid 1px; }
#content h4 a { color:#79972f; }
#content p { margin:0 0 10px 0; padding:0 30px 0 10px; line-height:18px; }
#content a { text-decoration:underline; color:#a5652f; }
#content a:hover { text-decoration:none; }
#content ul { padding:5px 0 5px 10px; margin:0; list-style-type:none; }
#content ol { padding:5px 0 5px 10px; margin:0; list-style-type:none; }
#content li { margin:0 0 7px 0; padding:0px; }
#content li a { text-decoration:underline; color:#a5652f; }

#recipes h2 { font-size:16px; color:#9f3901; }
#recipes a { text-decoration:underline; color:#1e9fee; font-size:13px; }
#recipes a:hover { text-decoration:none; }
#recipes ul { padding:5px 0 5px 40px; margin:0; list-style-type:none; }
#recipes ol { padding:5px 0 5px 10px; margin:0; list-style-type:none; }
#recipes li { margin:0 0 7px 30pz; padding:0px; list-style-image:url(images/bullet-tableware.png); }
#recipes li a { text-decoration:underline; color:#5c4028; }

.entry { margin:0 0 20px 0; }
.edit { /*border-top:#5c4028*/ 1px solid; display:block; margin:30px 10px 0 10px; padding:10px 0 0 0; clear:both; }


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
== SIDEBAR: ==============================
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
#sidebar { width:306px; margin: 0 10px 0 0; float:left; }
#sidebar ul li { list-style:none; }
#sidebar p { margin:0 0 0 0; padding:0 0 15px 0; }
.date { font-size: 11px; color:#906239; font-style:italic; margin:0 0 15px 0;}
.events { margin:0 0 20px 0; }
.events-header { width:96px; height:19px; border-bottom: 1px solid #5c4028; background-image:url(images/img-sidebar-comingevents.gif); padding:7px 0 0 210px; margin:0 0 5px 0; }
.events-header a { color:#5c4028; font-size:12px; }
.events-header a:hover { color:#9f3901; }
.events-content { width:276px; border:1px solid #ebdca6; padding:14px 20px 7px 8px}
.events-content h1 { font-size:16px; color:#e5720d; margin:0 0 0 0; padding:0px; font-weight:bold; }
.events-content p { margin:0px; padding:0px; }
.events-content a { color:#e5720d; text-decoration:none; }
.events-content a:hover { text-decoration:underline; }

.events-content-home { width:276px; border:1px solid #ebdca6; padding:14px 20px 7px 8px}
.events-content-home h1 { font-size:16px; color:#e5720d; margin:0px; padding:0px; font-weight:bold; }
.events-content-home p { margin:0 0 24px 0; padding:0px; }
.events-content-home a { color:#e5720d; text-decoration:none; }
.events-content-home a:hover { text-decoration:underline; }

.columns { margin:0 0 20px 0; }
.columns-header { width:96px; height:19px; border-bottom: 1px solid #5c4028; background-image:url(images/img-sidebar-recentcolumns.gif); padding:7px 0 0 210px; margin:0 0 5px 0; }
.columns-header a { color:#5c4028; font-size:12px; }
.columns-header a:hover { color:#9f3901; }
.columns-content { width:276px; border:1px solid #ebdca6; padding:14px 20px 7px 8px}
.columns-content h1 { font-size:16px; color:#e5720d; margin:0 0 0 0; font-weight:bold; }
.columns-content p { margin:0 0 10px 0; }
.columns-content a { color:#e5720d; text-decoration:none; }
.columns-content a:hover { text-decoration:underline; }

.journal { margin:0 0 20px 0; }
.journal-header { width:96px; height:19px; border-bottom: 1px solid #5c4028; background-image:url(images/img-sidebar-foodjournal.gif); padding:7px 0 0 210px; margin:0 0 5px 0; }
.journal-header a { color:#5c4028; font-size:12px; }
.journal-header a:hover { color:#9f3901; }
.journal-content { width:276px; border:1px solid #ebdca6; padding:14px 20px 7px 8px}
.journal-content h1 { font-size:16px; color:#e5720d; margin:0 0 0 0; font-weight:bold; }
.journal-content p { margin:0 0 10px 0; }
.journal-content a { color:#e5720d; text-decoration:none; }
.journal-content a:hover { text-decoration:underline; }

#twitter { margin:0 0 0 0; }
#twitter h1 { font-size:16px; width:280px; color:#5c4028; margin:0 0 6px 0; padding:0; font-style: italic; font-weight:bold; text-transform:none; text-align:center; }
#twitter a { font-size:16px; font-style: italic; font-weight:bold; }

.twitter-timestamp { display:none; }
.twitter-link a { font-size:16px; font-style: italic; font-weight:bold; }

.connect-home { padding:10px 0 15px 0; }
.connect-side { margin:0 0 20px 0; }

#advert { margin:0; clear:both; background-color:#ebebeb; text-align:center; padding:0; }

.restaurants { margin:0 0 10px 0; }
ul li.restaurants { list-style:none; }
.restaurants-header { width:306px; height:26px; border-bottom: 1px solid #5c4028; background-image:url(images/img-sidebar-restaurants.gif); margin:6px 0 5px 0; }

.rest-logo { height:86px; width:306px; float:left; }
.rest-logo ul { margin:0; padding:0; width:306px; z-index:10; }
.rest-logo ul li { float:left; list-style-type:none; position:relative; margin:0px; }
.rest-logo li a { background-image:url(images/img-restaruant-matrix.jpg); display:block; }
.rest-logo li span{ display:none; }

.rest-logo ul #item1{ top:0; left:0; }
.rest-logo #item1 a{ width:105px; height:86px; background-position:0 0; }
.rest-logo #item1 a:hover, #rest-logo #item1 a.current{ background-position:0 -86px;}

.rest-logo ul #item2{ top:0; left:0px; }
.rest-logo #item2 a{ width:92px; height:86px; background-position:-105px 0; }
.rest-logo #item2 a:hover, #rest-logo #item2 a.current{ background-position:-105px -86px; }

.rest-logo ul #item3{ top:0; left:0px; }
.rest-logo #item3 a{ width:109px; height:86px; background-position:-197px 0; }
.rest-logo #item3 a:hover, #rest-logo #item3 a.current{ background-position:-197px -86px; }

.recipesSidebar { text-align: left; width:276px; border:1px solid #ebdca6; padding:14px 20px 7px 8px; margin:6px 0 15px 0; }
.recipesSidebar ul { list-style:none; }
.recipesSidebar li { padding:0 0 10px 0; }
.recipesSidebar li a { color:#e5720d; font-size:18px; text-decoration:none; }
.recipesSidebar li a:hover { text-decoration:underline; }

#sideshoppingcart {}
#sideshoppingcart h3 { padding:0 0 0 10px; font-size:12px; color:#5c4028; font-weight:bold; margin:0 0 3px 0; text-transform:uppercase; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
== FEATURED: ==============================
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
#featured { width:607px; margin: 0 0 15px 0; }
#featured a { color:#e5ffb1; font-size:13px; margin:0 12px 0 0;}
#featured a:hover { color: #FFFFFF; }
.featured-box { width:296px; height:243px; float:left; }

#slideshow { width:607px; height:229px; float:left; margin:0 0 10px 0; }
#slideshow a { font-size:14px; text-decoration:underline; }
#slideshow a:hover { text-decoration:none; }
#slideshowStore { width:295px; height:199px; background: url(images/slide-store.jpg) no-repeat; padding:20px 19px 10px 293px; }
#slideshowStore h1 { color:#ff9c00; font-size:24px; font-weight:bold; margin:0px; padding:0px; text-transform:none; }
#slideshowStore h2 { color:#ebd47d; font-size:14px; margin:0 0 7px 0; padding:0px; font-weight:normal; }
#slideshowStore p { color:#FFFFFF; margin:0 0 10px 0; padding:0px; }
#slideshowStore a { color:#f7dc7c; margin:0 0 0 0; padding:0px; }
#slideshowStoreDispatches { width:295px; height:199px; background: url(images/slide-store-dispatches.jpg) no-repeat; padding:20px 19px 10px 293px; }
#slideshowStoreDispatches h1 { color:#ff9c00; font-size:23px; font-weight:bold; margin:0px; padding:0px; text-transform:none; }
#slideshowStoreDispatches h2 { color:#ebd47d; font-size:12px; margin:0 0 7px 0; padding:0px; font-weight:normal; }
#slideshowStoreDispatches p { color:#FFFFFF; margin:0 0 10px 0; padding:0px; }
#slideshowStoreDispatches a { color:#f7dc7c; margin:0 0 0 0; padding:0px; }
#slideshowMedia { width:287px; height:190px; background: url(images/slide-media.jpg) no-repeat; padding:20px 296px 19px 24px; }
#slideshowMedia h1 { color:#f6e08e; font-size:24px; font-weight:bold; margin:0px; padding:0px; text-transform:none; }
#slideshowMedia p { color:#FFFFFF; margin:0 0 30px 0; padding:0px; }
#slideshowMedia a { color:#f0e0a8; margin:0px; padding:0px; }
#slideshowRecipes { width:317px; height:199px; background: url(images/slide-recipes.jpg) no-repeat; padding:20px 19px 10px 271px; }
#slideshowRecipes h1 { color:#ac4f03; font-size:24px; font-weight:bold; margin:0px; padding:0px; text-transform:none; }
#slideshowRecipes h2 { color:#f57f20; font-size:18px; margin:0 0 7px 0; padding:0px; font-weight:normal; }
#slideshowRecipes p { color:#5c4028; margin:0 0 30px 0; padding:0px; }
#slideshowRecipes a { color:#ac4f03; margin:0px; padding:0px; }
.box-header-store { width:130px; height:20px; margin: 0 0 2px 0; background-image:url(images/img-bg-featured-store.jpg); padding:6px 0 0 166px; }
.box-header-events { width:296px; height:26px; margin: 0 0 2px 0; background-image:url(images/img-bg-featured-events.jpg); }
.box-header-recipes { width:296px; height:26px; margin: 0 0 2px 0; background-image:url(images/img-bg-featured-recipes.jpg); }
.box-header-media { width:296px; height:26px; margin: 0 0 2px 0; background-image:url(images/img-bg-featured-media.jpg); }

#feature-block { width:296px; float:left; }
#feature-articles { border:#c6e782 solid 1px; padding:15px 6px 15px 6px; margin:4px 0 0 0; min-height:45px; width:282px; }
#feature-articles h1 { font-size:16px; color:#b34c01; margin:0 0 0 0; font-weight:bold; text-transform:none; }
#feature-articles h1 a { color:#e5720d; text-decoration:none; }
#feature-articles h1 a:hover { color:#e5720d; border-bottom:#e5720d 1px solid; text-decoration:none; }
#feature-articles p { margin:0 0 10px 0; }
#feature-articles a { color:#e5720d; text-decoration:none; }
#feature-articles a:hover { text-decoration:underline; }


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
== FOOTER: ==============================
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
#footer { background-color:#000; text-align:center; padding:10px 0 0 0; border-top:#fff 30px solid; }
#footer p { color:#474747; font-size:10px; margin:4px 0 0 0; }
#footer a { color:#8d8d8d; padding:0 10px 0 10px; margin:0 0 0 0; font-size:10px; }