/* 
WOO CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles in this file instead of style.css so it 
is easier to update the theme. Simply copy an existing style 
from style.css to this file, and modify it to your liking. */


/* 
GLOBAL STYLES
----------------
Add styles beneath this line that you want to be applied across your entire site */

#logo .site-description {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  color: #545454;
  display: block;
}

#logo .site-title {
    font-weight: normal;
}

#logo .site-title a {
  font-family: 'Dancing Script', cursive;
  color: #222;
  font-size: 70px;
  line-height: 1.067em;
  text-transform: none;
  text-decoration: none;
}

#logo .site-title a:hover {
  text-decoration: none;
  color: #669900;
}

#navigation {
    background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.68);
}



.page, .single{
 	background-color: none !important;
 	
	background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #FFF9EB 97%, #FFEC9E 100%);

	background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #FFF9EB 97%, #FFEC9E 100%);

	background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #FFF9EB 97%, #FFEC9E 100%);

	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #FFFFFF), color-stop(.97, #FFF9EB), color-stop(1, #FFEC9E));

	background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #FFF9EB 97%, #FFEC9E 100%);

	background-image: linear-gradient(to top, #FFFFFF 0%, #FFF9EB 97%, #FFEC9E 100%);

}


.tabed .block li {
    overflow: hidden;
    height: 54px;
    padding: 0px 5px 12px;
    margin: 0px 2px 12px;
}

.tabed .tabs li {
    display: inline;
    padding: 10px 15px 3px 20px !important;
    margin: 10px 5px 5px 10px !important;
    background-color: #eee !important;
    position: relative;
    cursor: pointer;
    z-index: 99;
    bottom: 5px;

-webkit-border-radius: 30px 30px 0px 0px;
-moz-border-radius: 30px 30px 0px 0px;
border-radius: 30px 30px 0px 0px;

}

.tabed .tabs li.current {
    background-color: #F5ECCD !important;
    border-width: 0px;
}


.tabs {
    padding-top: 8px !important;
}

.tabed .tabs {
    border-bottom: 3px solid #E3CA75;
    position: relative;
}


.searchform {
    height: 33px;
    max-width: 500px;
    width: 80%;
    text-align: center;
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;

    background-color: #fff;
    background-image: linear-gradient(#fff, #d4e8ec);
    border-radius: 10px;    
    border-width: 1px;
    border-style: solid;
    border-color: #c4d9df #a4c3ca #83afb7;            
    padding: 5px;
    overflow: hidden; /* Clear floats */
}

.searchform input.submit {
    position: absolute;
    background: none repeat scroll 0% 0% #BF9764;
    top: -2px;
    right: 0px;
    border: medium none;
    margin: 0px;
    padding: 15px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}

.searchform input.s {
    border: 2px solid #E1E1E1;
background-color: rgb(238, 238, 238);
}


.recipe-info-single-big {
    text-align: left !important;
}

button {
    margin: -5px;
}

.recipe-info-page li {
    padding: 5px 10px;
}

.content-right-first {
    width: 45px;
}

.tabed .block.current {
    display: block;
    margin-top: -15px;
    background-color: #F5ECCD;
    padding: 20px 10px 0px 10px;
    border-bottom: 3px solid #E3CA75;
}


.widget ul li {
    padding: 6px 0px 0px 24px;
}

.widget h3 {
    margin: 0px 0px 0.1em;
    padding: 0px 0px 0.1em;
}


#sidebar h3, #sidebar-alt h3 {
    letter-spacing: 3px;
    color: #527E13 !important;
}


.orderby .recipe-ordering {
    display: none;
}

.recipe-menu-tab {
    padding-bottom: 3px;
}

/* 
DESKTOP STYLES
-----------------
Add styles inside the media query below that you only want to be applied to the desktop layout of your site */

@media only screen and (min-width: 768px) {
	/* Desktop styles go here */
}


@media only screen and (max-width: 600px) {
	/* Mobile styles go here */

#content {
    margin-top: -15px;
margin-bottom: -15px;
    padding-top: 0px;
}

#logo .site-title a {
  font-family: 'Dancing Script', cursive;
  color: #222;
  font-size: 40px;
  line-height: 1.067em;
  text-transform: none;
  text-decoration: none;
}


}