/*   
Theme Name: Monin Recipe Theme
Description: Monin Recipe Theme is a Premium Wordpress Theme with a unique design and fully CMS features. Contact <a href="http://www.executivewebs.com" target="_blank">Executive Web Solutions</a> for more details about this theme.
Author: Md. Faizul Kabir
Author URI: http://www.citechco.net/
Theme URI: http://www.citechco.net/
Version: 1.0
License: GNU General Public License V3.0 or later
*/

body{
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:20px;
}

p{
	margin-top:0px;
	margin-bottom:10px !important;
}

a{
	text-decoration:none;
}

a:hover{
	color:#e9d051;
}

h3{
	text-align:left;
	margin:0px;
}

.wrapper{
	margin:0 auto;
	width:1024px;
	background:#ffffff;
	-moz-box-shadow: 0px 0px 15px 5px #999999;
	-webkit-box-shadow: 0px 0px 15px 5px #999999;
	box-shadow: 0px 0px 15px 5px #999999;
}

.banner{
	height:140px;
}

.important-notice{
	float:left;
	padding:5px 5px 5px 10px;
	color: #000080; 
	font-weight:bold;
	width:110px;
	height:20px;
	
}

.marquee-div{
	float:right;
	padding:5px 10px 5px 5px;
	color:#ff0000;
	width:884px;
	height:20px;
}

.marquee-div marquee a{
	color:#ff0000;
	background: url("images/star.png") left center no-repeat;
	padding-left:20px;
}

.marquee-div marquee a:hover{
	color:#bb3636;
}

.vmarquee {
    position: relative;
    height: 200px;
    overflow: hidden;
}

.slider{
	margin:10px 10px 0px 10px;
}

#slides {
	display: none;
}

#slides .slidesjs-navigation {
	margin-top:5px;
}

a.slidesjs-next, a.slidesjs-previous, a.slidesjs-play, a.slidesjs-stop {
	background-image: url("images/btns-next-prev.png");
	background-repeat: no-repeat;
	display:block;
	width:12px;
	height:18px;
	overflow: hidden;
	text-indent: -9999px;
	float: left;
	margin-right:5px;
}

a.slidesjs-next {
	margin-right:10px;
	background-position: -12px 0;
}

a:hover.slidesjs-next {
	background-position: -12px -18px;
}

a.slidesjs-previous {
	background-position: 0 0;
}

a:hover.slidesjs-previous {
	background-position: 0 -18px;
}

a.slidesjs-play {
	width:15px;
	background-position: -25px 0;
}

a:hover.slidesjs-play {
	background-position: -25px -18px;
}

a.slidesjs-stop {
	width:18px;
	background-position: -41px 0;
}

a:hover.slidesjs-stop {
	background-position: -41px -18px;
}

.slidesjs-pagination {
	margin: 7px 0 0;
	float: right;
	list-style: none;
}

.slidesjs-pagination li {
	float: left;
	margin: 0 1px;
}

.slidesjs-pagination li a {
	display: block;
	width: 13px;
	height: 0;
	padding-top: 13px;
	background-image: url("images/pagination.png");
	background-position: 0 0;
	float: left;
	overflow: hidden;
}

.slidesjs-pagination li a.active, .slidesjs-pagination li a:hover.active {
	background-position: 0 -13px;
}

.slidesjs-pagination li a:hover {
	background-position: 0 -26px;
}

#slides a:link, #slides a:visited {
	color: #333;
}

#slides a:hover, #slides a:active {
	color: #9e2020;
}

.navbar {
	overflow: hidden;
}

/*TOP MENU*/
.top-menu{
	font-weight:bold;
	background: #025446; /*background of menu bar (default state)*/
	width: 100%;
	text-transform:uppercase;
}

.top-menu ul{
	z-index:5000;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/*Top level list items*/
.top-menu ul li{
	position: relative;
	display: inline;
	float: left;
}

/*Top level menu link items style*/
.top-menu ul li a{
	display: block;
	background: #025446; /*background of menu items (default state)*/
	color: #ffffff;
	padding: 5px 10px;
	border-right: 1px solid #bbbbbb;
	text-decoration: none;
}

* html .top-menu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
	display: inline-block;
}

.top-menu ul li a:link, .top-menu ul li a:visited{
	color: #ffffff;
}

.top-menu ul li a.selected { /*CSS class that's dynamically added to the currently active menu items' LI A element*/
	background: #e9d051 !important; 
	color: #ffffff;
}

.top-menu ul li a:hover{
	background: #e9d051; /*background of menu items during onmouseover (hover state)*/
	color: #ffffff;
}
	
/* sub menus */
.top-menu ul li ul{
	position: absolute;
	left: -3000px;
	display: none; /*collapse all sub menus to begin with*/
	visibility: hidden;
}

/*Sub level menu list items (alters style from Top level List Items)*/
.top-menu ul li ul li{
	display: list-item;
	float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.top-menu ul li ul li ul{
	top: 0;
}

/* Sub level menu links style */
.top-menu ul li ul li a{
	font-size:13px;
	width: 160px; /*width of sub menus*/
	padding: 4px 10px;
	margin: 0;
	border-top-width: 0;
	border-bottom: 1px solid #bbbbbb;
	border-right:none;
}

/* Holly Hack for IE \*/
* html .top-menu{
	height: 1%;
} /*Holly Hack for IE7 and below*/


/* ######### CSS classes applied to down and right arrow images  ######### */
.downarrowclass{
	position: absolute;
	top: 12px;
	right: 7px;
}

.rightarrowclass{
	position: absolute;
	top: 8px;
	right: 5px;
}

/* ######### CSS for shadow added to sub menus  ######### */
.ddshadow{ 
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	background-color: #ccc; /* generally should be just a little lighter than the box-shadow color for CSS3 capable browsers */
}

.toplevelshadow{
	margin: 5px 0 0 5px; /* in NON CSS3 capable browsers gives the offset of the shadow */
	opacity: 0.8; /* shadow opacity mostly for NON CSS3 capable browsers. Doesn't work in IE */
}

.ddcss3support .ddshadow.toplevelshadow {
	margin: 0; /* in CSS3 capable browsers overrides offset from NON CSS3 capable browsers, allowing the box-shadow values in the next selector to govern that */
/* opacity: 1; */ /* optionally uncomment this to remove partial opacity for browsers supporting a box-shadow property which has its own slight gradient opacity */
}

.ddcss3support .ddshadow {
	background-color: transparent;
	box-shadow: 5px 5px 5px #aaa; /* box-shadow color generally should be a little darker than that for the NON CSS3 capable browsers background-color */
	-moz-box-shadow: 5px 5px 5px #aaa;
	-webkit-box-shadow: 5px 5px 5px #aaa;
}

/*LEFT MENU*/
.left-menu{
	margin-bottom:15px;
}

.left-menu ul{
	margin: 0;
	padding: 0;
	width: 202px; /* Main Menu Item widths */
	list-style-type: none;
	font-weight: bold;
}
 
.left-menu ul li{
	position: relative;
	float: none;
}

/* Top level menu links style */
.left-menu ul li a{
	display: block;
	overflow: auto; /*force hasLayout in IE7 */
	color: #ffffff;
	text-decoration: none;
	padding: 5px 10px 5px 10px;
	border-bottom: 1px solid #bbbbbb;
}

.left-menu ul li a:link, .left-menu ul li a:visited, .left-menu ul li a:active{
	background: #025446; /*background of menu items (default state)*/
	color: #ffffff;
}

.left-menu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
	background: #e9d051 !important; 
	color: #ffffff;
}

.left-menu ul li a:hover{
	background: #e9d051; /*background of menu items during onmouseover (hover state)*/
	color: #ffffff;
}

/*Sub level menu items */
.left-menu ul li ul{
	position: absolute;
	width: 200px; /*Sub Menu Items width */
	top: 0;
	font-weight: normal;
	visibility: hidden;
}

/* Holly Hack for IE \*/
* html .left-menu ul li { float: left; height: 1%; }
* html .left-menu ul li a { height: 1%; }
/* End */

.clearfix{
	clear:both;
}

.body-container{
	display:flex;
	background: url("https://recipes.beansnberries.net/wp-content/uploads/body-bg.jpg");
	background-repeat: repeat-y;
}

.right-content{
	margin:10px;
	width:782px;
}

.right-content ul {
	padding-left:5px;
}

.right-content ul li {
	list-style-type: none;
	background: url("images/bullet.png") left center no-repeat;
	padding-left: 22px;
	margin-bottom:5px;
}

.fullwidth-content{
	margin:10px;
	padding:10px;
	width:984px;
}

.body-title h2{
	font-size:22px;
	text-align:left;
	margin-top:0px;
	margin-bottom:10px;
	padding-bottom:7px;
	border-bottom:1px solid #cccccc;
	line-height: 32px;
}

.body-text{
	margin-bottom:20px;
	padding:10px;
	border-bottom:1px dashed #cccccc;
	background:#fff3fd;
}

.body-text h3{
	font-size:16px;
	line-height:26px;
	text-align:left;
	margin:0px;
}

.body-text h3 a{
	text-decoration:none;
	color:#000000;
}

.body-text h3 a:hover{
	text-decoration:none;
	color:#025446;
}

.post-meta{
	font-size:12px;
	color:#727272;
}

.body-text .readmore{
	text-align:justify;
	font-weight:bold;
	float:right;
}

.body-text .readmore a{
	text-decoration:none;
	color:#ffffff;
	background:#025446;
	padding:3px;
}

.body-text .readmore a:hover{
	text-decoration:none;
	color:#ffffff;
	background:#e9d051;
	padding:3px;
}

.left-sidebar{
	float:left;
	margin:10px;
	width:200px;
}

.widget-title{
	width:182px;
	background:#025446;
	color:#ffffff;
	padding:5px 10px;
	font-size:14px;
	display:block;
}

.textwidget{
	width:180px;
	border:1px solid #025446;
	margin-bottom:15px;
	padding:10px;
}

.textwidget ul{
	padding:0px;
	margin:0px;
}

.textwidget ul li {
	list-style-type: none;
	background: url("images/bullet.png") left center no-repeat;
	padding-left: 22px;
	margin-bottom:5px;
}

.textwidget ul li:last-child {
	margin-bottom:0px;
}

.textwidget:last-child{
	margin-bottom:0px;
}

.footer{
	background:#025446;
	color:#ffffff;
	padding:10px;
}
.footer a{
	text-decoration:none;
	color:#ffffff;
}
.footer a:hover{
	text-decoration:none;
	color:#e9d051;
}

.footer-left{
	text-align:left;
	float:left;
}

.footer-right{
	text-align:right;
	float:right;
}

table {
  border-collapse: collapse;
}

table, th, td {
  border: 1px solid black;
  padding: 3px 5px 3px 5px;
}

.recipe-image {
	width:300px; 
	margin-right:20px; 
	float:left;
}

.recipe-details {
	width:462px; 
	float:right;
}

.recipe-details table tr th p {
	margin-bottom:0px !important;
}

.header .top-header {
	padding:10px;
}

.header .top-header .top-logo {
	width:502px;
	float:left;
}

.header .top-header .contact-info {
	width:502px;
	float:right;
	text-align: right;
}