/* Imbibe css */

/*The html height and margin setting keep the right scrolling bar present, so that your site won't keep shifting it's horizontal placement between short and long pages */
html {height: 100%; margin-bottom: 1px;}
body {margin: 0; padding: 0; color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.25em;}
/* for browsers that don't properly implement inheritance */
p, li, ul, ol, td, textarea, input, select {font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.25em;}
p, li, ul, ol {text-align: left;}
img {border: 0;}
td {vertical-align: top; padding: 0; margin: 0;}
form {margin: 0; padding: 0;}
p {margin: 0;}
hr {background: #babcbe; height: 1px; border: none;}


#content a, a {color: #b0282e; text-decoration: none;}
#content a:hover, a:hover {color: #b0282e; text-decoration: underline;}
#content a:active, a:active {color: #b0282e; text-decoration: underline;}

/* Core Imbibe CSS styles that they use in the content editor */
.homepage_headline, a.homepage_headline {color: #000000; font-size: 12px; font-weight: bold;}
.homepage_small {color: #000000; font-size: 11px;}
.blue_header {color: #325b61; font-weight: bold; font-size: 18px; line-height: 1.4em;}
.gray_header {color: #808080; font-size: 18px; text-transform: uppercase; line-height: 1.4em;}
.med_gray_header {color: #808080; font-size: 15px; text-transform: uppercase; line-height: 1.4em;}
.med_black_header, a.med_black_header {margin: 0; color: #272425; font-size: 14px; font-weight: bold; line-height: 1.4em;}
.red_med_header {color: #b0282e; font-weight: bold; font-size: 15px; text-transform: uppercase; line-height: 1.4em;}
.gray_credit {color: #808080; font-size: 9px; padding-top: 6px;}

a.black_link {color: #272425;}


.red_arrows, .red_link {color: #b0282e; text-decoration: none;}


#main {margin: 0 auto; background: white url('/templates/imbibe/images/nav_background.gif') repeat-x; text-align: left; width: 1002px; position: relative;}



/* Header Height: 142px */
#header_links {float: right; padding: 68px 0 0 0;}
#header_links li {text-transform: uppercase; color: black; list-style: none; margin: 0; padding: 0; line-height: 1.2em;  font-weight: bold;}
#header_links a {font-weight: bold;}
#current_cover_header {float: right; padding: 20px 20px 8px 12px;}
#header a, #header a:link, #header a:visited {color: #272425; text-decoration: none; text-transform: uppercase; font-size: 12px;}
#header a:hover {color: #b0282e; text-decoration: underline;}
#header a:active {color: #b0282e; text-decoration: underline;}
#header .red_arrows {color: #b0282e; text-decoration: none;}


/* NAVIGATION */
#nav {width: 100%; margin: 0 0 0 0; padding: 0; background-color: #325a61;}
#nav td {vertical-align: middle;}
#nav a, #nav a:link, #nav a:visited {padding: 6px 7px; font-weight: bold; text-transform: uppercase; font-size: 14px; color: #f6f3e2; text-decoration: none;}
#nav a:hover {color: #325a61; background: #f6f3e2;}
#nav a:active {color: #325a61; background: #f6f3e2;}

#nav {height: 27px;}
#nav #current a {color: #325a61; background: #f6f3e2;}
#nav #current a:hover {color: #f6f3e2; background: #325a61;}
#nav ul {list-style: none; padding: 0; margin: 0;} 
#nav li {float: left; border-right: 1px solid white; padding: 0; margin: 0;} 
#nav li a {display: block; color: #0d2474; text-decoration: none; text-align: center;} 

input.search_field {padding: 0;}
/* input.search_field {font-size: 9px; color: black; margin: 5px 0 0 20px; width: 150px; padding: 0;} */
input.search_field_cat {font-size: 9px; color: black; margin: 5px 2px 0 0px; width: 60px; padding: 0;}
#search_box {position: absolute; top: 143px; right: 10px;}
#search_form td {margin: 0; padding: 0;}
#search_form {padding: 0 5px 0 0;}
.search_button {background: #b0282e; color: white; /*font-size: 9px; margin: 6px 5px 0 0; padding: 0;  */ font-weight: bold; border: none;}
.search_button:hover {background: white; color: #b0282e; /* font-size: 9px; margin: 6px 5px 0 0; padding: 0; */ font-weight: bold; border: none;}
#top_search_table td {padding-top: 1px; padding-left: 5px;}
#mod_search_searchword {padding-top: 0;}

@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari 3.0 and Chrome rules here */
#search_box {top: 141px;} 
#search_button {padding-top: 2px;}
}

/* BREADCRUMBS */
#main_breadcrumbs {margin: 0; padding: 8px 0px 8px 2px; font-size: 12px; text-transform: uppercase; text-align: left; }
#main_breadcrumbs a, #main_breadcrumbs a:link, #main_breadcrumbs a:visited {color: #b0282e; text-decoration: none;}
#main_breadcrumbs a:hover {color: #b0282e; text-decoration: underline;}
#main_breadcrumbs a:active {color: #b0282e; text-decoration: underline;}


/* Icons */
#little_icons {position: absolute; top: 202px; right: 297px; width: 320px;}


/* ACTION TEXT */
#main_actiontext {margin: 0; padding: 0; color: #bbbcbe; font-size: 12px; text-transform: uppercase; text-align: right;}
#current_cover_main {width: 208px; height: 270px; padding: 10px 20px 30px 30px; border: 6px solid #dae9e9;}

/* BODY TEXT */
#content {padding: 20px 15px 15px 15px;}
#joomla_content {width: 690px;}
#flash {margin: 0 0 10px 0;}
h1, h2 {margin: 10px 0; padding: 0; color: #b0282e; font-size: 15px; text-align: left; text-transform: uppercase; font-weight: bold;}
h5 {margin: 0; padding: 0; color: #272425; font-size: 9px; line-height: 1.5em; text-align: left; text-transform: uppercase;}
h1.h1_top {margin-top: 0;}

#home_left_col {width: 236px;}
#home_mid_col {width: 212px;}
#home_right_col {}
.homepage_border {background: url(/images/homepage_border.png) repeat-y;}

/* This should fix the issues with the horizontal rules when the content doesn't fill the screen */
table.contentpaneopen {width: 100%;}

/*
#home_left_col {background: blue;}
#home_left_col1 {background: green;}
#home_mid_col {background: yellow;}
#home_mid_col1 {background: red;}
#home_right_col {background: green;}
#home_right_col1 {background: purple;}
*/

table.poll {width: auto;}

#main p.lg, #sidebar a.lg {margin: 0; padding: 0; color: #272425; font-size: 14px; text-align: left; font-weight: bold;}
/* also applies to 4-column text on Home page */
#main p.sm {margin: 0; padding: 0; color: #272425; font-size: 11px; text-align: left;}
/* also applies to 4-column text on Home page */


.featured_recipe {padding: 15px 0;}
.featured_recipe img {float: left; margin-right: 10px;}
.featured_recipe .red_arrows {color: #b0282e; text-decoration: none;}

.on_tap, .video {margin: 10px 10px 10px 0; padding: 10px 0;}
.on_tap img, .video img {float: left; margin: 0 10px 5px 0;}
.on_tap .red_arrows, .video .red_arrows {color: #b0282e; text-decoration: none;}

/* MICROLINKS */
p.micro_link {margin: 0;}

/* SIDEBAR */
#sidebar {width: 312px;}
#sidebar1 {padding-left: 25px;}
#sidebar p.lg {margin: 0 0; padding: 0; color: #000000; font-size: 14px; line-height: 1.5em; font-weight: bold;}
#sidebar p.sm {margin: 0; padding: 0; color: #2c452e; font-size: 12px; line-height: 1.165em; font-weight: bold;}
a, a:link, a:visited {color: #272425; text-decoration: none;}
a:hover {color: #b0282e; text-decoration: underline;}
a:active {color: #b0282e; text-decoration: underline;}
#sidebar p.red {color: #b0282e;}

#whats_new {padding-left: 10px;}
#sub_and_save {padding: 10px 0 0 0; border-top: 1px solid #babcbe;}
#connect img.connect {margin-right: 5px;}
#newsletter {border-top: 1px solid #babcbe; padding-left: 10px;}
#upcoming {border-top: 1px solid #babcbe; padding-left: 10px;}
#connect {border-top: 1px solid #babcbe; padding-left: 10px;}
input.newsletter_field {color: black; /* font-size: 9px;  margin: 5px 2px 10px 0; padding: 0; */ width: 170px; margin-right: 3px;}
.mini_button {background: #b0282e; color: white; /* font-size: 9px; margin: 5px 0 0 0; padding: 0; */ font-weight: bold; border: 1px solid #babcbe; padding: 1px;}
.mini_button:hover {background: white; color: #b0282e; font-weight: bold; border: 1px solid #babcbe;}

input.submit_button {background: #b0282e; color: white; margin: 5px 0 0 0; font-weight: bold; padding: 1px; border: 1px solid #babcbe;}
input.submit_button:hover {background: white; color: #b0282e; margin: 5px 0 0 0; font-weight: bold; padding: 1px; border: 1px solid #babcbe;}

.newsfeed li {list-style-type: none; margin: 0; padding: 0;}
.newsfeed {margin: 0; padding: 0;}

/* FOOTER */
#footer_nav {background: #325a61; width: 100%; clear: right; padding: 2px 0;}
#footer_nav table {margin: 0 auto;}
#footer_nav td {text-align: center;}
#footer_nav a, #footer_nav a:link, #footer_nav a:visited {background: #325a61; padding: 1px 10px 1.5px 10px; color: #f6f3e2; font-weight: bold; font-size: 11px; text-align: center; border-left: 1px solid white; border-right: 1px solid white;}
#footer_nav a:hover {text-decoration: none; color: #325a61; background: #f6f3e2;}
#footer_nav a:active {text-decoration: none; color: #325a61; background: #f6f3e2;}

#credits p {margin: 0; padding: 5px; color: #272425; font-size: 10px; text-align: center;}


.single_recipe_right {padding-left: 24px; width: 450px;}

/* TAG CLOUD */
table.contentpaneopen fieldset {width: 460px;}
div.cpcloud{
  border : 1px solid silver;
  padding : .5em;
  margin-bottom: 10px;
}


/* Homepage CSS */
#home_content a {color: #272425;}
#home_content a:hover {color: #b0282e; text-decoration: underline;}
#home_content a:active {color: #b0282e; text-decoration: underline;}
#home_content {}


/* TAG SEARCH RESULTS LINKS */
#content .cp_title a {color: #b0282e; text-decoration: none;}
#content .cp_title a:hover {color: #b0282e; text-decoration: underline;}
#content .cp_tags a {padding-right: 15px;}

/* TAG SEARCH AND CLOUD MODULE TITLES */
h3, .componentheading, table.moduletable th, legend {margin: 10px 0; padding: 0; color: #b0282e; font-size: 15px; text-align: left; text-transform: uppercase;}

/* Form styles */
.contact_form {width: 600px;}

/* SIDEBAR SUBSCRIBE FORM */
#sidebar_subscribe {background: #f6f3e2; margin: 10px 10px 10px 0; padding-top: 6px;}
#current_cover_subscribe {float: left; padding: 6px 4px 8px 8px;}
#sidebar_subscribe p.lg {margin: 0 0 0 0; padding: 0; color: #325a61; font-weight: bold; text-transform: uppercase; font-size: 15px;}
#sidebar_subscribe p.med {margin: 0; padding: 0; color: #272425; font-weight: bold; font-size: 11px; line-height: 1.165em; text-transform: uppercase;}
#sidebar_subscribe p.sm {margin: 1em 0 0 0; padding: 0; color: #272425; font-weight: bold; font-size: 10px; line-height: 1.335em; text-transform: uppercase; text-align: left;}
#sidebar_subscribe .form {margin: 0; padding: 0; color: #272425; font-weight: bold; font-size: 10px; line-height: 1.335em;}
#sidebar_subscribe input.submit_button {background: #b0282e; color: white; margin: 5px 0 0 0; font-weight: bold; padding: 1px; border: 1px solid #babcbe;}
#sidebar_subscribe input.submit_button:hover {background: white; color: #b0282e; margin: 5px 0 0 0; font-weight: bold; padding: 1px; border: 1px solid #babcbe;}
#mini_form {padding-left: 10px;}
#sidebar_subscribe form, #sidebar_subscribe input, #sidebar_subscribe select, #sidebar_subscribe option {font-size: 10px;}
#sidebar_subscribe  input.long_field {width: 160px;}
#sidebar_subscribe input.short_field {width: 80px;}