/* import base CSS style */
@import 'default.css';


/* globals */
input[type=submit]:hover  { background: #313428; }

a, a:link, a:visited	{ color: #7CB41C; text-decoration: none; }
a:hover					{ color: #4B5928; }

/* header */
#header					{ background:url(../../images/bg2.jpg) repeat-x  scroll 0 0px  #320A33; border-bottom: 5px solid orange; }
.blog-description		{ font-size: 11px; color: #7CB41C; }

/* top menu */
#top-menu  { background: #2D092E; border-bottom: 1px solid #390B3B; }
#top-menu .sf-menu a  { color: #FFF; }
#top-menu .sf-menu ul li  { border: 1px solid #340B36; }
#top-menu .sf-menu a:hover, #top-menu .sf-menu li:hover, #top-menu .sf-menu li.sfHover, #top-menu .sf-menu ul li  { color: #FFF; background: #430E45; }
#top-menu .sf-menu ul a:hover, #top-menu .sf-menu ul li.sfHover, #top-menu .sf-menu ul li:hover { color: #430E45; background: #FFF; }
#top-menu .sf-menu ul li.sfHover a.sf-with-ul { color: #430E45; }

/* main navigation */
#nav  { /*background:url(../../images/bg.jpg) repeat-x #FDDA70;*/ background-color:#F0E39F;min-width: 990px; }
#nav .sf-menu a  { color: #7CB41C;    font-weight: bold;}
#nav .sf-menu ul li  {  border: 1px solid #7CB41C;}
#nav .sf-menu a:hover, #nav .sf-menu li:hover, #nav .sf-menu li.sfHover, #nav .sf-menu ul li  { background: green; color: #FFF; }
#nav .sf-menu ul a:hover, #nav .sf-menu ul li.sfHover, #nav .sf-menu ul li:hover { color: #7CB41C; background: #FFF; }
#nav .sf-menu ul li.sfHover a.sf-with-ul { color: white; }

/* search bar */
.searchform  { border: 3px solid #4B0F4C; }

/* sidebar */
.sidebar-read-more:link, .sidebar-read-more:visited	{ background: #671569; }
.sidebar-read-more:hover  { background: #4B5928; }

.widgettitle  { background: url(../../images/bg.jpg) repeat-x ; color: #FFF; }
.widgettitle a  { color: #FFF; }

#bottom-content-1 .widgettitle, #bottom-content-2 .widgettitle  { color: #333; }

.multi-sidebar .tabs li	{ background: #581259; border: 1px solid #CCC; }				
.multi-sidebar .tabs .ui-tabs-selected a:link, .multi-sidebar .tabs .ui-tabs-selected a:visited	{ color: #37322F; }			

/* tapestries */
.posts-quick .quick-read-more a:hover, #commentlist .comment-controls a:hover, .navigation a:hover, .comments-navigation a:hover, .wp-pagenavi a:hover, .wp-pagenavi span.current, .comments-navigation span.current { background:orange; color: #FFF; }

.home-title				{ color: #2D092E; }

/* single post */
.single .post .entry-comments, .single-post .entry-comments  { background-color: #581259; display: inline-block; color: #FFF; }

.single-post-meta-field  { background: #581259; display: block; border: 1px solid #0F3158; padding: 5px 10px; color: #FFF; font-weight: 700; }
.single-post-meta-value	 { border: 1px solid #CCC; padding: 5px 10px; background: #F0F0F0; display: block; }

/* author template */
.author-posts-title, .author-content h1, .archive-title { color: #2D092E; }

#wrapper {
  /*  background: url("../../images/bg-after-menu.png") repeat-x scroll 0 0 #FFFDF4; 
    background-color:#FFFDF4; */
   background: url('http://espace.recettesmaroc.com/theme/default/img/purty_wood.png');
    min-height: 50%;
    padding: 20px 0;
    position: relative;	background-color: #FFFDF4;	border-top: 1px solid #7CB41C;
}

#main {
	background-color: #fff;
    border: 1px solid #7CB41C;	
}

#branding {
    background: url(../../images/bg-branding.png) ;
	 width: 1020px;

}


#footer_tertiary {
	background:url("http://www.recettesmaroc.com/wp-content/themes/inove/img/motif-orange.gif") repeat scroll 0 0 #C9C9C9;
	/*border-top:1px solid #BBBBBB;*/
	clear:both;
	border:10px solid rgba(214, 214, 214, 0.6);
}

#footer_tertiary .footer div.first {
border-left:medium none;
padding-left:0;
}

#footer_tertiary .footer div {
/*border-left:1px solid #BBBBBB;*/
float:left;
min-height:200px;
padding:12px 12px 40px;
text-indent:3px;
width:200px;
}

.footer {
background:url("http://www.recettesmaroc.com/wp-content/themes/inove/img/recettes_maroc.png") no-repeat scroll 162px -25px transparent;
clear:both;
color:#666666;
font-size:12px;
line-height:18px;
margin:0 auto;
padding-left:11px;
text-align:left;
width:944px;
min-height: 300px;
}


/* Fixed Module Sizes (Width Only)
===========================================
- fixed width modules defined
- used with the Standard Module Container below.
*/
.mod_160 { width:160px; }
.mod_180 { width:180px; }
.mod_171 { width:171px; }
.mod_204 { width:204px; }
.mod_206 { width:217px; }
.mod_225 { width:225px; }
.mod_250 { width:250px; }
.mod_279 { width:279px; }
.mod_300 { width:300px; }
.mod_344 { width:344px; }

.mod_360 { width:360px; }

.mod_370 { width:370px; }
.mod_420 { width:420px; }
.mod_459 { width:459px; }
.mod_559 { width:559px; }
.mod_580 { width:580px; }
.mod_600 { width:600px; }
.mod_640 { width:640px; }
.mod_650 { width:650px; }
.mod_739 { width:739px; }
.mod_783 { width:783px; }
.mod_938 { width:938px; }
.mod_943 { width:943px; }

.std_mod_container .b-rt {
  padding-bottom:15px;
  zoom:1;
}
.std_mod_container .t-rt {
  padding-top:0px;
}
.std_mod_container .content-box {
  padding-left:6px;
  padding-right:6px;
}

.std_mod_container .green_b-rt {
  padding-bottom:15px;
  zoom:1;
}
.std_mod_container .green_t-rt {
  padding-top:0px;
}

.std_mod_container.b-lt {
	background-image:url(../../images/std-mod-bl.png);
	background-position:left bottom;
	background-repeat:no-repeat;
}

.std_mod_container.b-fleft {
	background-image:url(../../images/std-mod-bl.png);
	background-position:left bottom;
	background-repeat:no-repeat;
	float:left;
}

.std_mod_container .b-rt {
	background-image:url(../../images/std-mod-br.png);
	background-position:right bottom;
	background-repeat:no-repeat;
}

.std_mod_container .t-lt {
	background-image:url(../../images/std-mod-tl.png);
	background-position:left top;
	background-repeat:no-repeat;
}

.std_mod_container .t-rt {
	padding-top:0;
}

.std_mod_container .t-rt {
	background-image:url(../../images/std-mod-tr.png);
	background-position:right top;
	background-repeat:no-repeat;
}

#submenu ul li {
    display:inline;
	background-color:#eee;
	border:1px solid;
	border-color:#f3f3f3 #bbb #bbb #f3f3f3;
	margin:0;
	padding:.3em;
	zoom: 1;
}






.infiniteCarousel {
 /* width: 395px;*/
  width: 545px;
  position: relative;
}

.infiniteCarousel .wrapper {
 /* width: 415px;*/ /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
 /* width: 605px;*/
  overflow: auto;
  /*min-height: 10em;*/
   height: 235px;
  margin: 0 13px;
  position: absolute;
  top: 0;
  width: 630px;
}

.infiniteCarousel ul a img {
  /*border: 5px solid #000;*/
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.infiniteCarousel .wrapper ul {
  width: 9999px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  margin-left: 30px;
  padding:0;
  position: absolute;
  top: 0;
}

.infiniteCarousel ul li {
  /*display:block;
  float:left;
  padding: 0px;
  margin-left: -10px;
  */
  /*height: 85px;
  width: 85px;
  */
  /*height: 225px;
  width: 205px;
  */
   float: left;
    height: 224px;
    margin-left: -20px;
    padding: 5px;
    width: 205px;
}

.infiniteCarousel ul li a img {
  display:block;
}

.infiniteCarousel .arrow {
  display: block;
  height: 36px;
  width: 37px;
  background: url(../../images/arrow.png) no-repeat 0 0;
  text-indent: -999px;
  position: absolute;
  top: 37px;
  cursor: pointer;
}

.infiniteCarousel .forward {
  background-position: 0 0;
  /*right: 0;*/
  right:-110px;
}

.infiniteCarousel .back {
  background-position: 0px -72px;
  left:-10px;
}

.infiniteCarousel .forward:hover {
  background-position: 0 -36px;
}

.infiniteCarousel .back:hover {
  background-position: 0 -108px;
}









ul.tabs {
    margin-top: 30px;
    padding: 0;
    float: left;
    list-style: none;
    height: 32px; /*--Set height of tabs--*/
    border-bottom: 1px solid #006600;
    border-left: 1px solid #006600;
    width: 100%;
}
ul.tabs li {
    float: left;
    margin: 0;
    padding: 0;
    height: 31px; /*--Subtract 1px from the height of the unordered list--*/
    line-height: 31px; /*--Vertically aligns the text within the tab--*/
    border: 1px solid #006600;
    border-left: none;
    margin-bottom: -1px; /*--Pull the list item down 1px--*/
    overflow: hidden;
    position: relative;
    background: #e0e0e0;
}
ul.tabs li a {
    text-decoration: none;
    color: #000;
    display: block;
    font-size: 1.0em;
    padding: 0 5px;
    border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
    outline: none;
}
ul.tabs li a:hover {
    background: #ccc;
}
html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
    background: #fff;
    border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
}




.tab_container {
    overflow: hidden;
    clear: both;
    float: left; 

    width:660px;
    background: #fff;
}
.tab_content {
    padding: 20px;
    font-size: 1.2em;
}

.tabbed_area {
   /* border:1px solid #494e52;  */
    /*background-color:#636d76;   */
    padding:8px; 
    width:216px;
      
}

table, th, td			{ border: 0px; }
th, thead th			{ font-weight: 700; color: #333; background: #DDD; }
td, tbody td			{ background: none; }

.discussion {   
    border: 1px solid gray; 
    background-color : #F4F5F7;
	margin-right: 10px;
    min-height:30px;
    margin-left: auto;
    margin-right: auto;
	width:585px;
}

.sub_discussion {
    background-color:#EEEEFF;
    border: 1px dashed;
    margin-top:10px;
    min-height:50px;
    padding-bottom:10px;
}

.sub_discussion_message{
    background-color:white;
    margin:10px;
    min-height:50px;
     border: 1px dotted;
}

.infiniteCarousel2 {
  width: 395px;
  position: relative;
}

.infiniteCarousel2 .wrapper {
 /* width: 415px;*/ /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
  overflow: auto;
  min-height: 16em;
  margin: 0 20px;
  position: absolute;
  top: 0;
  width: 205px;
}

.infiniteCarousel2 ul a img {
  border: 5px solid #000;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.infiniteCarousel2 .wrapper ul {
  width: 9999px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  position: absolute;
  top: 0;
}

.infiniteCarousel2 ul li {
  display:block;
  float:left;
  height: 85px;
 
  padding: 4px;
    width: 205px;
}

.infiniteCarousel2 ul li a img {
  display:block;
}

.infiniteCarousel2 .arrow {
  display: block;
  height: 36px;
  width: 37px;
  background: url(img/arrow.png) no-repeat 0 0;
  text-indent: -999px;
  position: absolute;
  top: 37px;
  cursor: pointer;
}

.infiniteCarousel2 .forward {
  background-position: 0 0;
  /*right: 0;*/
  right:160px;
}

.infiniteCarousel2 .back {
  background-position: 0 -72px;
  left: 0;
}

.infiniteCarousel2 .forward:hover {
  background-position: 0 -36px;
}

.infiniteCarousel2 .back:hover {
  background-position: 0 -108px;
}


#signup-btn a {
    -moz-border-radius:5px 5px 5px 5px;
    background:url("../../images/bg-btn-signup.png") repeat-x scroll 0 0 #FFAA22;
    border:1px solid #FFAA22;
    color:#333333;
    display:block;
    font:14px Arial,Sans-serif;
    padding:6px 8px;
    text-align:center;
    text-decoration:none;
    text-shadow:0 1px 0 #FFEE66;
}


.post .entry-content ul li, .post .entry-content ol li {
    list-style-position: inside;
    padding-left: 20px;
}

.entry-content ul li {
    border-bottom: 1px solid #D6DDE0;
    font-size: 13px;
    list-style: none outside none;
    padding-bottom: 5px;
    padding-top: 5px;
}

.discussion {   
    border: 1px solid gray; 
    background-color : #F4F5F7;
    margin-top:10px;
    min-height:30px;
    padding-left:10px;
}

.current-cat, .current-cat-parent{
	background-color : orange;
}

.current-category-ancestor, .current-menu-item{
	background-color : orange;
}

.asset ul{
	margin-left:auto;
	margin-right:auto;
	width:480px;
	
}

.asset  li{
	background: url("../../images/button-bg.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 75px;
    margin: 0 1px 0 0;
    text-align: center;
    width: 76px;
	padding:0px !important; 
	padding-bottom:10px;
	
}


#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:696px;
		height:241px;
		overflow:hidden; 
		 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		/*left:-30px;*/
		/*top:71px;*/
		top:0px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:725px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:241px;
		background:url(../../images/btn_prev.gif) no-repeat 0 0;	
		top:5px;
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../../images/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}


.content-box 
{
/*	width:650px;*/
}	

.content-box ul
{
	padding:0;
	/*margin:10px;*/
}

.content-box li
{
	list-style:none;
	border-bottom:1px dashed green;
	margin:10px;
}

.subwidget_block 
{
	padding-bottom:7px;
}

.snippet 
{
	clear:both;
	padding:25px 16px 4px 17px;
}

.subwidget_block {
	background-image:url(../../images/horizontal_lines.gif);
	background-position:0 100%;
	background-repeat:repeat-x;
}

.morebox {
    -moz-border-radius: 6px 6px 6px 6px;
    background: url("../../images/bg-btn-signup.png") repeat-x scroll 0 0 #FFAA22;
    border: 1px solid #FFAA22;
    color: #333333;
    display: block;
    font: bold 18px Arial,Sans-serif;
    margin-bottom: 8px;
    margin-top: 8px;
    padding: 8px 10px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 0 #FFEE66;
}



.window {
position:relative;
margin-right:7px;
margin-bottom:7px;
margin-top:7px;
}

#side-content .window .content {
font-size:11px;
}

.window .content {
background:url("../../images/new.png") repeat-x scroll 0 -50px #FFFFFF;
border:1px solid #DDDDDD;
margin:0;
padding:19px;
}

#side-content .window .content h3 {
border-bottom:1px dotted #CCCCCC;
}

.window .content h3 {
color:#516882;
font-size:18px;
font-weight:bold;
margin-bottom:1em;
text-shadow:1px 1px 2px #CCCCCC;
}

.window .window-corners .corner.top.left {
background-position:0 0;
left:0;
}

.window .window-corners .corner.top {
top:0;
}

.window .window-corners .corner {
background:url("../../images/new.png") repeat scroll 0 0 #F4F4F4;
height:5px;
position:absolute;
width:5px;
}


.window .window-corners .corner.top.right {
background-position:-5px 0;
right:0;
}


.window .window-corners .corner.bottom.left {
background-position:0 -5px;
left:0;
}

.window .window-corners .corner.bottom {
bottom:0;
}

.window .window-corners .corner.bottom.right {
background-position:-5px -5px;
right:0;
}

.entry-content{

/*margin: 10px auto;
width: 500px;*/

}

.single .post, #main .single-post {
  background-color:#FFFDF4;
  border:1px solid #F0E39F;
  color: #666666;
  font-family: verdana,sans-serif;
}

.footer  a{
  font-size:14px;
  font-weight:900;
  color: #4b5928;
}

.content li{

	list-style:none;
	border-bottom:1px dashed #DDDDDD;
	margin-bottom:10px;
}