/*
	Theme Name: Etnocook
*/


body {
    margin:0px auto;
    background-color: #f8f8f8;
    color: rgb(60,60,60);
    -webkit-text-size-adjust: 100%; /* Stops Mobile Safari from auto-adjusting font-sizes */
}

/*
    General
*/
h1,h2,h3,h4,h5,h6 {
    font-family: "Georgia", Times New Roman, serif;
    font-weight: normal
}
a, a:visited {
    color:#000
}
a:hover {
    color:#777
}

/* Alexander */

.container {
    margin: 0 auto;
    padding: 0;
    position: relative;
    width: 1070px;
    padding: 10px 0px 0px;
}
.no-display {
    display: none;
}
.bucket-page li {
    background: url("./images/li.png") no-repeat scroll left 12px transparent;
    padding: 0 0 0 15px;
    list-style: none;
}
.bucket-widget li {
    padding-top: 0px !important;
    background-position: left 12px !important;
}

/*.bucket {
    cursor: pointer;
}

.bucket a {
background: url(images/bucket/inshopping_list_hover.png);
}

.bucket :hover {
background: url(images/bucket/inshopping_list.png);
}
*/
.bucket-widget li:hover, .bucket-page li:hover {
    list-style: none;
    background: url(images/bucket/remove_icon.gif) left center no-repeat;
    cursor: pointer;
}

.half-w{
    width: 50%;
}

.bucket {
    display: block;
    /*background: url(images/bucket/inshopping_list_hover.png) top center;
    width: 261px;
    float: none;
    height: 92px;*/
    margin: 0 5px;
}

.popdialog {
    display: none;
    width: 300px;
    height: 200px;
    padding: 15px;
    background: white;
    opacity: 0.9;
    border-radius: 15px;
}

#bucket-sidebar {
    margin:0 0 50px 0;
}
/* END */

.rightsb #primary {
    float:right
}
.rightsb #content {
    float:left;
    margin-left: 0px;
    margin-right: 20px;
}
.rightsb #sidebar {
    margin:0px 30px 0px 30px;
}
.rightsb #nav ul {

    padding: 3px
}
.rightsb h3#comments-title {
    margin-right: 325px;
    margin-left:0px;
}
.rightsb #comments-list .vcard {
    float:right;
    margin-left:65px;
    margin-right:0px;
}

.rightsb #comments-list ul.children ul.children{
    margin-right: 90px;
    margin-left: 0px;
}
.rightsb #comments-list ul.children {
    margin-right: 320px;
    margin-left: 0px;
}
.rightsb .comment-body {
    float: left;
}

.rightsb #respond {
    margin-right: 325px;
    margin-left: 0px;
}
.rightsb .children #respond {
    margin-left:0px;
    margin-right:0px;
}

header.main {
    margin: 10px 10px 60px 0;
    padding: 0;
    position:relative;
}

header h1 {
    font-size:20px;
    padding:10px 10px 10px 0px;
    line-height: 20px;
    float:left;
}
header.main h1 a {
    display: block;
    font-size: 28px;
    margin:10px 0px 0px;
    text-decoration: none;
}
header.main h1 span {
    font-size:15px;
    margin:0 0 0 85px;
}

#logo_etnocook {
    background: url(https://etnocook.com/wp-content/uploads/2022/10/Etnocook_ukrainian_cuisine-logo.svg) no-repeat;
	background-size: cover;
	min-width: 280px;
    min-height: 80px;
    margin: 20px 0px 0px;
    text-indent: -9999px;
    display: block;
    float: left;
}

.template-subtitle {
    font-size: 20px;
    font-weight: normal;
    margin-left: 325px;
    margin-bottom: 20px;
    text-align: center;
}
.rightsb .template-subtitle {
    margin-left: 0px;
    text-align:left;

}
.template-subtitle span {

    padding:0px 10px
}

/*
    Navigation
*/
#nav { margin-top: 20px; }
#nav ul {
    font-family: "Georgia", arial, serif;
    font-weight: normal;
    list-style:none;
    /*float:right;*/
    font-style:normal
}

#nav ul.menu > li {
    float: left;
    position:relative;
    margin-right: 5px;
}

#nav ul.menu ul {
    position:absolute;
    top:auto;
    display: none;
    padding: 5px 0px;
    margin:-1px 0 0 0px;
    box-shadow:2px 3px 4px rgba(0, 0, 0, 0.2)

}

#nav ul.menu ul ul {
    left: 200px;
    margin-top:-30px;
}

#nav ul.menu li ul {
    z-index:109;
    -moz-border-radius: 0px 3px 3px 3px ;
    -webkit-border-radius: 0px 3px 3px 3px ;
    border-radius: 0px 3px 3px 3px;
}

#nav ul.menu li ul li{
    float: none;
    width:200px;

}
#nav ul.menu li {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
#nav ul.menu li:hover {
    background-color: #fff;
    border-radius: 5px 5px 5px 5px;
}
#nav ul.menu li a{
    padding:10px 15px;
    color:#444;
    font-size:14px;
    display:block;
    text-decoration: none;
    position: relative;

}

#nav ul.menu li ul li a{
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
#nav ul.menu li ul li a:hover { padding-left:15px; }
#nav ul.menu li.active > a {
    z-index:110;
    -moz-border-radius: 3px 3px 0px 0px;
    -webkit-border-radius: 3px 3px 0px 0px;
    border-radius: 3px 3px 0px 0px;
    z-index: 110;
    margin: 0px;
}

#nav ul.menu > li ul li a {
    border: none;
    font-style: normal
}
#nav ul.menu > li ul li a:hover {
    background: #eee
}
#nav ul.menu li:hover > ul { display: block; }

#nav label { display:none; }
#nav form { margin-right:9px; }
#nav #searchform input#s { width:100px; }

/*
    eof: Navigation
*/


#searchform input#s {
    border: medium none;
    float: left;
    font-family: "Georgia",arial,serif;
    font-size: 15px;
    padding: 7px 10px;
    width: 160px;
}

#searchsubmit {
    border: 0 none;
    display: block;
    font-size: 0;
    height: 32px;
    text-indent: -9999px;
    width: 21px;
    float:left;
}

/*
    Articles main page
*/
article.post.error404 h2.entry-title {
    font-size: 28px;
    line-height: 34px;
    padding-bottom: 0;
    padding-top: 20px;
}
article.post.error404 {
    width: auto;
    background: url("images/recipe/teared-bg.png") repeat scroll 0 0 #FFFFFF;
    box-shadow: 0 0 0;
}
#content article.post.error404 p {
    padding: 10px 75px 20px;
    text-align: center;
}
.page.page-template-template-advancedsearch-php article.post,
.page.page-template-template-grid-php article.post,
article.post {
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    /* box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2); */
    float: left;
    /*    height: 335px;*/
    margin-bottom: 30px;
    /*    margin-right: 15px;*/
    padding: 0;
    width: 340px;
    position:relative;
    box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.2);
}
article.post:nth-child(even) {
    margin-right: 0px;
}
article.page h2.entry-title,
article.post h2.entry-title {
    color: rgba(0, 0, 0, 0.9);
    font-family: "Georgia",sans-serif;
    font-size: 19px;
    font-weight: normal;
    line-height: 23px;
    margin: 0 15px -1px;
    padding: 10px;
    text-align: center;

}

#articles article.post .entry-content{
    margin: 0 15px ;
    padding: 10px;
}
/*#articles article.post.has-thumb  div.recipe-meta {
    font-size: 12px;
    padding: 5px 25px;
    position: absolute;
    bottom: 120px;
    width: 290px;
}*/
#articles article.post  ul.recipe-meta {
    border-bottom: 1px solid #DDDDDD;
    font-size: 12px;
    margin-bottom: 6px;
    padding:0px 15px 5px ;
    list-style:none;
    overflow:hidden
}
#articles article.post footer {
    font-family: "Arial", sans-serif
}


#articles article footer {
    background: url("images/double-line.png") repeat-x scroll top center #fafafa;
    box-shadow: 0 0 10px #fff inset;
    padding: 10px 0px;
    margin-top:10px;
}
#articles article footer.entry-utility {
    background:none;
    box-shadow:0px 0px 0px;
    padding:10px 20px;
}
#articles article.post footer a {
    text-decoration:none;
    color:#333
}
#articles article.post footer a:hover {
    text-decoration:underline;
    color:#000
}
#articles article.post.has-thumb footer a:hover {
    color:#000
}
#articles article.post.no-thumb footer a {
    color:#000
}
.published-time {
    display: block;
    font-size: 13px;
    margin: 0 15px;
    text-align: center;
    text-decoration: none!important;
    font-family: Georgia;
}

.published-time a {
    text-decoration: none!important;
}


.search .no-thumb .published-time,
.no-thumb .published-time {
    margin-top:10px;
}

.published-time span {
    display: inline-block;
    padding:0px 10px;
}
article.post h2 a {
    text-decoration: none;
}

a.read-more {
    display: block;
    font-size: 12px;
    font-style: italic;
    text-align: right;
    text-decoration: none;
    text-transform: none;

}

.post-meta {
    list-style:none;
    margin:0px;
    padding:0px 15px;
    overflow:hidden;
    font-size:13px;
}
.post-meta li {
    float: right;
    padding-right:10px;
}
.post-meta li.comments {
    background: url("images/ico_comments.png") no-repeat scroll left 5px transparent;
    padding-left: 16px;

}
.post-meta  li.recipe-servings {
    background: url("images/ico_plate.png") no-repeat scroll left center transparent;
    padding-left: 20px;

}
.post-meta li.recipe-time {
    background: url("images/ico_clock.png") no-repeat scroll left center transparent;
    padding-left: 20px;

}
/*.post-meta li.cats {
    float: left;
    max-width: 65%;
}*/
.post-meta li.cats span { font-style: italic}
.post-meta li.author {
}

article.post .attachment-post-thumbnail {
    height: auto;
    width: 100%;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

article.post .attachment-post-thumbnail:hover {
    opacity:0.6
}
article .entry-utility,
article .entry-meta {
    font-size:11px;
    text-transform:uppercase;
    font-family: "Georgia", sans-serif;
    margin-top: 18px;
    clear:both
}
article .entry-utility a,
article .entry-meta a{
    text-decoration:none
}

.archive-page.entry-content ul {
    list-style:none;
    padding-left:0px;
}
.archive-page a { text-decoration:none; }

body.author #author-info {
    overflow: hidden;
    margin-bottom: 30px;
}

body.author #author-data .avatar { float: left; margin-right: 10px; }
body.author #author-data {
    float: left;
    width:300px;
}
body.author #author-desc {
    float: right;
    width:700px;
}


/*
Articles main page - Excerpt mode
*/
.page-template-template-excerpt-php .exclay article.post,
.exclay article.post {
    border-radius: 5px 5px 5px 5px;
    margin-bottom: 30px;
    margin-right: 30px;
    padding: 0;
    width:100%;
    height:auto;
}
.exclay article.post.has-thumb .attachment-post-thumbnail {
    float:left;
    width:40%;
    height:auto;
}

.exlay article.post.has-thumb .published-time {
    margin-top:4px;
}
.exclay article.post.has-thumb .entry-wrapper {
    float:right;
    width:60%
}
.exclay #articles article.post .entry-content {
    height: auto;
    overflow: hidden;
}
.exclay #articles article.post.has-thumb footer{
    clear:both
}
.exclay #articles article.post.no-thumb footer div.recipe-meta {
    background: none repeat scroll 0 0 transparent;
    color: inherit;
    padding: 0;
    position: static;
    text-align: left;
    width: auto;
}


/*
Articles main page - Full mode
*/
.fulllay article.post {
    background: transparent;
    border-radius: 5px 5px 5px 5px;
    margin-bottom: 30px;
    margin-right: 30px;
    padding: 10px 0px;
    width:100%;
    height:auto;
}
.fulllay #articles article.post .entry-content {
    height: auto;
    overflow: hidden;
}

.fulllay article.post h2.entry-title { font-size:28px;}

/*
* Sidebar
*/

#primary {
    float: left;
    width:300px;
}

body.archive  #primary,
body.search #primary,
body.tag #primary { margin-top: 0px;}
body.archive.author #primary { margin-top: 0px;}

#sidebar {
    margin: 0 0px 30px 0;
    padding: 0;
}
#sidebar ul {
    list-style: none;

}
#sidebar h3 {
    font-family: "Georgia",sans-serif;
    font-size: 18px;
    font-weight:normal;
    margin: 5px 0;
}

#sidebar .widget {
    padding:0 0px 15px;
    overflow:hidden

}

#widget_title {
    font-family: "Georgia",sans-serif;
    font-size: 18px;
    font-weight: normal;
    margin: 5px 0;
    background: url("./images/double-line.png") center center repeat-x;
    color: rgba(0,0,0,.9);
}

.widget_title2 {
    background: #fff;
    padding: 0 10px 10px 0;
}

footer .widget {
    padding:20px 20px;
}
.widget ul {
    list-style: none;
}
.widget ul ul {
    padding-bottom:0px;
}

.widget ul li a {
    text-decoration:none;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    display:block;
}
.widget ul li a:hover {
    padding-left:4px;
}
.widget ul li a span {
    font-size:10px;
    text-transform: uppercase
}
.widget_archive ul li {
    text-align: right;
    overflow: hidden
}
.widget_archive ul li a {
    float: left;
}

.author-bio-box .avatar{
    -moz-transform: rotate(-3deg);
    float: left;
    margin: 0 10px 0 0;
    padding: 6px;
}
.author-bio-box .author-name {
    margin: 0px;
    text-decoration:none;
    font-size:14px;
}
.author-more {
    font-family: "Arial",sans-serif;
    font-size: 12px;
    text-decoration: none;
    text-transform: uppercase;
}
.author-bio-box p {
    margin-bottom:10px;
}
.author-bio-box ul {
    clear:both;
    margin: 3px 0px 6px
}

#wp-calendar {
    width: 100%;
}
#wp-calendar td {
    text-align: center
}
#wp-calendar a {
    text-decoration: none;
}

.widget.cookingpress-popular img,
.widget.cookingpress-recent img {
    float: left;
    margin-right: 10px;
    padding: 3px;
}
.widget.cookingpress-popular ul li,
.widget.cookingpress-recent ul li {
    overflow:hidden;
    background:none;
    padding:10px 0px;
}
.cookingpress-popular li span,
.cookingpress-recent li span {
    font-family: "Arial",sans-serif;
    font-size: 13px;
   /* text-transform: uppercase; */
}
.widget_search label {
    display:none;
}
.widget_search #searchsubmit { width:50px }

.widget.widget_links ul li a { display:inline }

/*
 socials
*/
ul#socials {
    overflow:hidden;
}
ul#socials li {
    float: left;
    background: none;
    padding:0px;
    margin-right:4px;
}
#socials a {
    display: block;
    height: 32px;
    margin: 5px 0;
    text-indent: -9999px;
    width: 37px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

#socials a:hover {
    opacity: 0.8;
    border:0px;
    padding:0px;
    text-decoration: none;
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    transform: rotate(10deg);
}

#socials #aim a { background: url("images/socials/aim.png") no-repeat left center; }
#socials #apple a { background: url("images/socials/apple.png") no-repeat left center; }
#socials #behance a { background: url("images/socials/behance.png") no-repeat left center; }
#socials #blogger a { background: url("images/socials/blogger.png") no-repeat left center; }
#socials #coroflot a { background: url("images/socials/coroflot.png") no-repeat left center; }
#socials #delicious a { background: url("images/socials/delicious.png") no-repeat left center; }
#socials #deviantart a { background: url("images/socials/da.png") no-repeat left center; }
#socials #designmoo a { background: url("images/socials/designmoo.png") no-repeat left center; }
#socials #digg a { background: url("images/socials/digg.png") no-repeat left center; }
#socials #dribbble a { background: url("images/socials/Dribbble.png") no-repeat left center; }
#socials #ember a { background: url("images/socials/Ember.png") no-repeat left center; }
#socials #evernote a { background: url("images/socials/Evernote.png") no-repeat left center; }
#socials #facebook a { background: url("images/socials/facebook.png") no-repeat left center; }
#socials #forrst a { background: url("images/socials/Forrst.png") no-repeat left center; }
#socials #goowalla a { background: url("images/socials/gowalla.png") no-repeat left center; }
#socials #grooveshark a { background: url("images/socials/grooveshark.png") no-repeat left center; }
#socials #icq a { background: url("images/socials/icq.png") no-repeat left center; }
#socials #lastfm a { background: url("images/socials/lastfm.png") no-repeat left center; }
#socials #myspace a { background: url("images/socials/myspace.png") no-repeat left center; }
#socials #paypal a { background: url("images/socials/PayPal.png") no-repeat left center; }
#socials #rss a { background: url("images/socials/rss.png") no-repeat left center; }
#socials #skype a { background: url("images/socials/skype.png") no-repeat left center; }
#socials #tumblr a { background: url("images/socials/tumblr.png") no-repeat left center; }
#socials #twitter a { background: url("images/socials/twitter.png") no-repeat left center; }
#socials #vcard a { background: url("images/socials/vcard.png") no-repeat left center; }
#socials #vimeo a { background: url("images/socials/vimeo.png") no-repeat left center; }
#socials #wiki a { background: url("images/socials/wiki.png") no-repeat left center; }
#socials #zootools a { background: url("images/socials/zootools.png") no-repeat left center; }



#content {
    float: right;
    margin-left: 20px;
    width: 710px;
}

#content p {
    padding: 5px 0 13px 0;
}

/*
single
*/
.page article.post,
.single article.post {
    background: none repeat scroll 0 0 transparent;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
    float: none;
    height: auto;
    margin: 0;
    padding: 10px 0 25px;
    width: 100%;
}


.entry-content a {
    color: #720000;
}

.entry-content a:hover {
    color: #720000;
	text-decoration: none;
}

.page article.page h2.entry-title,
.single article.post h2.entry-title {
    font-size:28px;
    line-height:34px;
    margin-bottom: 20px;
}

html body.single-attachment {
    background-image: none;
}
html body.single-attachment #comments-title{
    margin:20px 0px 0px;
}
html body.single-attachment .entry-content {
    background: #fff;
}
.entry-attachment {
    text-align: center;
    padding-top:20px;
}
#content .entry-caption {
    padding-top:20px;
}
#content .entry-caption p {
    padding:0px 0px 5px
}
html body.single-attachment .page-title {
    background: url("images/double-line.png") repeat-x scroll center center transparent;
    text-decoration:none;
    text-align:center;
    display:block
}
html body.single-attachment .page-title span {
    background:#E8E8E8;
}

.single-attachment #content{
    width:auto;
    float:none;
    margin:0px
}


.page .published-time,
.single .published-time {
    margin:0px;
    font-family: Georgia;
}

img.size-large,
img.size-full {
    display: block;
    height: auto;
    padding: 5px;
    margin-top:10px;
    margin-bottom:10px;
    max-width:96%;
}
img.size-large.alignright,
img.size-full.alignright {
    margin-left:15px;
}
img.size-large.alignleft,
img.size-full.alignleft {
    margin-right:15px;
}
.entry-content ol,
.entry-content ul{
    padding: 10px 20px;
	font-size: 17px;
	line-height: 30px;
}
.footer-widgets iframe,
.entry-content iframe {
    max-width: 99%;
}

#entry-author-info {
    overflow: hidden;
    padding: 10px;
}
#entry-author-info .avatar {
    float: left;
    margin: 5px 15px 0 0;
    padding: 3px;
}

#entry-author-info h4 {
    font-size: 16px;
    font-weight: normal;
    padding-top: 0;
}

.pwbox {
    padding:5px;
    border:1px solid #ddd
}
#submit-btn {
    padding:5px;
}
#submit-btn {
    background: none repeat scroll 0 0 #EEEEEE;
    border: 1px solid #DDDDDD;
    border-radius: 5px 5px 5px 5px;
    font-weight: bold;
    padding: 6px;
    text-shadow: 0 1px 0 #FFFFFF;
}

.post h1, .post h2, .post h3, .post h4, .post h5 {
    margin-bottom: 0;
    padding: 20px 0 5px;
}
.post h1 {
    font-size:28px;
    text-shadow: 1px 1px 1px #fff;
    text-align:center;
    margin-bottom: 10px;
    line-height: 30px;
    color: #720000;

}
.post h2 {
    font-size:24px;
    text-shadow: 1px 1px 1px #fff;
    text-align:center;
    line-height: 26px;
    color: #720000;
	padding-top: 20px;
}

.post h3 {
    font-size:20px;
    font-weight: normal;
    margin: 5px 0 0;
    /*clear: both;*/
	line-height: 26px;
}

.post h4 {
    font-size:18px;
}
.post h5 {
    font-size:15px;
    text-transform: uppercase;
}
.archive-page  h5{
    background:url("images/double-line.png") repeat-x scroll center bottom transparent
}
.post h6 {
    font-size:13px;
    text-transform: uppercase
}

dt {
    font-weight:bold;
}

.license {
	padding-right:10px!important;
	min-width:20%; 
	float:left;
	margin: 0px !important;
}

/*
nav
*/

#nav-below {
    background: url("images/double-line.png") repeat-x scroll center top #FAFAFA;
    box-shadow: 0 0 10px #FFFFFF inset;
    clear: both;
    margin: 20px 0;
    overflow: hidden;
    padding: 10px;
}
#nav-below span {

    font-size: 13px;
    font-style: italic;

    text-decoration: none;
    text-transform: none;
}
#nav-below img {
    background: #DDDDDD;
    border: 1px solid #EEEEEE;
    padding: 5px;
}
#content #nav-below p {
    padding-top:2px;
    padding-bottom:0px;
}
.nav-previous {
    float:left;
    width:49%;
    text-align:left;
    cursor: pointer
}
.nav-previous img {
    margin-right:10px;
}
.nav-next {
    float:right;
    width:49%;
    text-align:right;
    cursor: pointer
}
.nav-next img {
    margin-left:10px;
}
#nav-below a {
    text-decoration:none;
}
.current-menu-ancestor,
.current-menu-item {
    background: #FFFFFF;
    border-radius: 5px ;
}
.arrow {
    background-image:url('images/menu-arrow.png');
    background-repeat: no-repeat;
    background-position: right center
}

/*
    Featured slider
*/

#featured {
    overflow:hidden;
    max-height:460px
}
#featured-shadow {
    background:url('images/shadow-featured.png') no-repeat top center;
    width:100%;
    height:40px;
}

/*#featured-container {
  background: url("images/bg/tileable_wood_texture.png") repeat scroll center top transparent;
  margin-bottom: 20px;
  padding-top: 20px;
}*/

.panel-wrapper h2 .post-ratings {
    position: absolute;
    right: 10px;
    top: 8px;
    width: auto;
}
.panel-wrapper h2.with-rating {
    padding-top:15px
}
.panel-wrapper h2 {

    font-size: 26px;
    padding: 10px;
    position: absolute;
    right: 0;
    text-align: right;
    font-family: "Georgia";
    font-weight: normal;
}
.panel-wrapper h2 a {
    text-decoration:none;
}
.panel-wrapper p {

    font-size: 15px;
    color:#999;
    margin-right: 20px;
    padding: 10px;
    position: absolute;
    right: 0;
    text-align: right;
}

.panel-wrapper p a {
    color: #fff;
    text-decoration: none;
}

.panel-wrapper p a:hover {
    text-decoration: underline;
}

.panel-container img {
    width: 100%;
    height: auto;
    display: block;
}
.panel-container .post-ratings img {
    width:auto;
    height:auto;
    float:left
}


/*
* bof search
*/

/* Taxonomies */

.advsearch {
    border-radius: 5px 5px 5px 5px;
    /*   clear: both;
       overflow: hidden;*/
    padding:20px 20px 20px;
    text-align: left;
}
.advsearch select {
    min-width:200px
}
.advsearch-cont {
    margin-bottom: 35px;
}
.advsearch label {
    width:150px;
    float:left;
    display:block;
}
.advsearch label.full {
    float:none;
    width:100%
}
#content .advsearch p {
    padding:10px
}
.advsearch input#s {

    background-color: #FFFFFF;
    background-image: -moz-linear-gradient(center top , #EEEEEE 1%, #FFFFFF 15%);
    border: 1px solid #AAAAAA;
    cursor: text;
    height: auto !important;
    margin: 0;
    overflow: hidden;
    padding: 5px;
    width:235px;
    position: relative;

}
#custom-search {
    clear: both;
    display: block;
    float: none;
    overflow: hidden;
    padding: 10px;
}
#custom-search label {
    width:120px;
    display:block;
    float: left;
}
.catlist {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    list-style: none;
    padding: 0 .5em .5em .5em;
}
.catlist a {
    display: block;
    float: left;
    width: 165px;
    margin: 0;
    padding: .25em;
}
.taglist {
    padding: .25em;
    overflow: auto;
    font-size: 13px;
    max-height: 150px;
    margin: 20px 0px;
}
.taglist a {
    display: block;
    float: left;
    text-decoration:none;
    border-radius: 4px;
    padding: 5px;
    margin: .125em;
}
.taglist a.selectedtag {
    border-radius:50px;
    padding: 4px;
}

.searchcontrols {
    padding-left: 1.2em;
    font-size: 12px;
}

.searchcontrols span {
    float: left;
    margin: 0;
    padding: .4em 0 .4em 0;
    margin: .5em 0;
}


.searchcontrols a { float: left; padding: .3em .6em; margin: .5em 0;}
.searchcontrols a:hover {cursor: pointer;}


#any {
    margin-left: .4em;

}

#all {
    margin-right: .4em;
}

input.searchtags {
    float: right;
    font-size: 14px;
    font-weight: normal;
    margin: -45px 0 0 1em;
    padding: 5px 10px 5px 35px;
}
input.searchtags:hover {cursor: pointer;}
p#relation .chzn-container {
    top:8px;
}
#content p#relation { padding-top:0px; }
/*
* eof search
*/

.coda-slider-no-js .coda-slider { height: 200px; overflow: auto !important; padding-right: 20px }
.coda-slider, .coda-slider .panel { width: 770px }
.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 790px }
.coda-slider-wrapper.arrows .coda-slider { margin: 0 10px }

/* Arrow styling */
.coda-nav-left a, .coda-nav-right a {
    padding: 5px;
    width: 100px;
}
/* Panel padding */
.coda-slider .panel-wrapper {
    position: relative;
}

/* Preloader */
.coda-slider p.loading {
    padding: 20px;
    text-align: center
}

.coda-nav {
    float: right;
    width: 290px;
}

.coda-nav ul {
    clear: both;
    display: block;
    margin: auto;
    overflow: hidden
}
.coda-nav ul li {
    display: inline
}

.coda-nav ul li a {
    display: block;
    font-size: 14px;
    margin-right: 1px;
    opacity: 0.6;
    padding: 5px 10px;
    text-decoration: none;
    overflow:hidden;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.coda-nav ul li a.current {
    opacity:1
}
.coda-nav ul li a:hover {
    opacity:1
}
.coda-nav ul li a img {
    display: block;
    float: right;
    margin-left: 10px;
}

/* Miscellaneous */
.coda-slider-wrapper {
    clear: both;
    margin-bottom: 0px;
    padding: 0;
    position: relative;

}

.coda-slider {
    overflow: hidden;
    position: relative;
    float:left;
}

.coda-slider .panel {
    display: block;
    float: left
}
.coda-slider .panel-container {
    position: relative;
    overflow:hidden;

}
.coda-nav-left {
    position: absolute;
    left:0px;
    top:35%;
    z-index:9999
}
.coda-nav-right {
    position: absolute;
    right: -9px;
    top:35%;
    z-index:9999
}
.coda-nav-left a, .coda-nav-right a {
    display: block;
    text-align: center;
    text-decoration: none;
    text-indent:-9999px
}
.coda-nav-right a {
    background: url("images/posts-next.png") no-repeat;
    width: 25px;
    height:76px;
}
.coda-nav-left a {
    background: url("images/posts-prev.png") no-repeat;
    width: 25px;
    height:76px;
}

/*
* Comments list
*/


#comments-list {
    list-style:none;
    margin:25px 0px 25px 15px
}
#comments-list ul {
    list-style:none;
}
#comments-list ul.children {
    margin-left:320px;
}
#comments-list ul.children .children{
    margin-left:0px;
}
#comments-list ul.children .depth-2 .comment-body{
    width:430px;
}
#comments-list ul.children .depth-3 .comment-body{
    width:330px;
}
#comments-list ul.children .depth-2 .vcard{
    margin:0px;
}
.pingback { margin-left:310px; margin-bottom:10px }
.pingback .comment-edit-link { display:inline}
a.comment-reply-link {
    border-radius: 4px 4px 4px 4px;
    float: right;
    font-family: "Georgia";
    font-size: 12px;
    padding: 0 10px;
    text-decoration: none;
    text-transform: uppercase;
}
.comment-body {
    float: right;
    padding: 10px;
    width: 685px;
}
.says {
    font-size:12px;
}
#comments-list .vcard{
    float: left;
    margin-right: 65px;
    padding: 15px 10px 10px 0;
    width: 235px;
}
#comments-list .vcard a{
    text-decoration: none;
}
li.comment .avatar {
    float:left;
    margin-right: 15px;
    border-radius:5px;
}

h3#comments-title {
    font-size: 20px;
    font-weight: normal;
    margin-left: 325px;
    text-align: center;
    margin-top:20px;
}
h3#comments-title span {
    display: inline-block;
    margin: 0 40px;
    padding: 0 10px;
}
a.comment-edit-link,
a.comment-date {
    display: block;
    font-size:11px
}

li.comment article {
    overflow: hidden;
    padding: 15px 0px;
}
#respond {
    margin-left: 325px;
    margin-bottom:20px;
}
.children #respond {
    margin-left:0px;
}
h3#reply-title {
    font-size:20px;
}
.comment-notes,
.form-allowed-tags {
    font-size:11px;
    margin-left:125px
}
.subscribe-to-comments {
    margin:10px 0px
}
#commentform label{
    width:120px;
    display: block;
    float:left;
}
#commentform .subscribe-to-comments  label {
    width:500px;
}
#commentform p {
    padding:6px 0px
}
#commentform textarea,
#commentform input {
    border: 1px solid #ddd;
    padding:4px;
}
input#submit {
    margin-left: 120px;
}
span.required {
    display: none;
}

/*
* Footer
*/

footer.contentinfo {
    position: relative;
    clear: both;
    margin: 20px 0 0;
    overflow: hidden;
    width:100%;
}
#pattern-container {
    clear: both;
    margin: 50px 0 0px 0px;
    overflow: hidden;
    padding-top: 20px;
    padding-bottom: 35px;
}

#footer-insta {
    float: left;
    text-align: center;
    margin: 5px;
    width: 100%;

}

 #sb_instagram .sbi_header_text h3 {
    background: none!important;
}

.textwidget p {
    padding-bottom:15px;

}
.footer-widgets {
    margin-bottom: 20px;
    z-index: 1000;
}
.footer-widgets h3 {
    font-size:21px;
    margin-bottom: 15px
	
}
.footer-widgets h3 span{
    padding:0px 10px 0px;
}
.fcolumn {
    float: left;
    width: 33%;
    padding-bottom: 20px;
    height: auto !important;
}
.fcolumn:last-child {
    border-right: 0px ;
}
#footer-right-column.fcolumn {
    border:none;
}
#footer-bottom {
    clear:both;
    padding:20px;

}

#footer-bottom a {
    text-decoration: none;
    font-size:11px;
}

#footer-text {
    float:left;
    margin:80px 20px 50px 40px;
    font-size: 20px;
    font-style:italic;
    width:70%;
    font-family: Georgia;
}


#gototop {
    float:right;
    font-size:18px!important;
}

.printfriendly {
    -moz-transform: rotate(1deg);
    background: url("images/recipe/yellowcard-bg.png") no-repeat scroll right top #FFFFFF;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
    padding: 10px 10px 4px;
}
.printfriendly a { text-decoration: none}
.entry-utility {

    opacity: 1;
    padding: 15px;
    overflow:hidden;

}
.entry-utility .post-meta { float:left; padding:0px }
.entry-utility .post-meta li { float: left; }
.entry-utility .post-ratings {
    float: right;
    opacity: 1;
    width: auto;
}
.post-ratings em { font-style: normal}
table {
    width:100%;
}
table td { padding:10px; }


/* Pagenavi plugin*/
.wp-pagenavi {

    background: url("images/double-line.png") repeat-x scroll center top #f8f8f8;
    font-size: 16px;
	box-shadow:none;
	text-align:center;
	font-family: "PT Sans";
}

.wp-pagenavi span.pages {
    font-size: 14px;
}

.wp-pagenavi a.last {

    font-size: 15px;
}


/*
* Recipies
*/
.ingredients {
    width:65%;
    list-style:none;
}
.hasImage #recipe-desc {
    width:70%;
}
#purerecipe-wrapper.photo h3 {
    width:70%;
}
.purerecipe {
    position: relative;
    margin:30px 0px
}
.purerecipe header {
    padding:40px 30px 10px;
}

#recipe-content {
    padding:0px 30px 20px;
    overflow: hidden;
}

#recipe-content li {
    margin-left:15px;
}

.purerecipe.tearedh .recipe-image,
.purerecipe.teared .recipe-image {
    padding:5px;
    background: #fff;
    position: absolute;
    top:0px;
    right:-20px;
    -moz-transform: rotate(2deg);
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
    box-shadow:0px 0px 1px rgba(0,0,0,0.3)
}

p#author-data {
    padding:0px;
    font-size:16px;
    font-style:italic;
    font-family: Georgia;
}
.purerecipe ul {
    /* list-style:none; */
    padding: 5px 1px;
}

.purerecipe ul li {
    margin: 4px 0px;
}
.purerecipe ul.recipe-metadata {
    padding:0px;
}
.purerecipe em {
    background: url('images/recipe/penball-line.png') repeat-x bottom;
}
#purerecipe-wrapper {
    margin:40px 0px 20px;
}

/*
* Teared paper recipe theme
*/

.purerecipe.teared {
    -moz-transform: rotate(1deg);
    transform: rotate(1deg);
    -webkit-transform: rotate(1deg);
    border-color: #DDDDDD;
    border-style: solid;
    margin-top: -14px;
    margin-bottom:0px;
    border-width:0px 1px 1px 1px;
    box-shadow:2px 3px 3px #DDDDDD;

}


.purerecipe.teared h4,
.purerecipe.teared h3 {
    font-family: 'Satisfy', cursive;
    font-size:30px;
}
.purerecipe.teared h4 {
    margin:0px 0px 5px;
    padding-top:15px;
    font-size:24px;
    font-weight: normal;
}

.purerecipe.teared:before {
    background: url("images/recipe/pin-left.png") no-repeat scroll left top transparent;
    content: "";
    display: block;
    height: 69px;
    position: absolute;
    right: 41px;
    top: -29px;
    width: 72px;
    z-index: 9999;
}
.purerecipe.teared #recipe-content{
    background: url('images/recipe/teared-bg.png') repeat top left;
    overflow:hidden;
}
.purerecipe.teared #recipe-content:before {
    background: url("images/recipe/coffe-stain.png") no-repeat scroll left top transparent;
    content: "";
    display: block;
    height: 360px;
    position: absolute;
    right: 0;
    top: 160px;
    width: 139px;
}
.purerecipe.teared header {
    background: url('images/recipe/teared-bg-top.png') repeat top left;
}

.purerecipe.teared ul.ingredients {
    width:70%;
}
.purerecipe.teared .instructions ul li,
.purerecipe.teared ul.ingredients li {
    background: url("images/recipe/checkbox.png") no-repeat scroll left 6px transparent;
    padding-left:20px;
    cursor: pointer
}
.purerecipe.teared ul li.active {
    background: url("images/recipe/checkbox-checked.png") no-repeat scroll left 6px transparent;
    padding-left:20px;
    text-decoration: line-through
}
.purerecipe.teared #recipe-add-data {
    background: url("images/recipe/yellowcard-bg.png") no-repeat scroll right top #FFFF9E;
    width:225px;
    position: absolute;

    right:-25px;
    padding:20px;
    font-size:14px;
    box-shadow:0px 1px 3px rgba(0,0,0,0.3);

}
.purerecipe.teared #recipe-add-data:before {
    background: url("images/recipe/pin-right.png") no-repeat scroll left top transparent;
    content: "";
    display: block;
    height: 70px;
    position: absolute;
    right: 41px;
    top: -15px;
    width: 57px;
    z-index: 999;
}
#purerecipe-wrapper.teared {
    -moz-transform: rotate(-1deg);
    -webkit-transform: rotate(-1deg);
    transform: rotate(-1deg);
    background: url("images/recipe/teared-bg.png") repeat scroll left top transparent;
    border: 1px solid #DDDDDD;
    padding: 0;
    box-shadow:0px 2px 3px #DDDDDD
}

/*
* Teared paper ver 2 recipe theme
*/
.purerecipe.tearedh {
    -moz-transform: rotate(1deg);
    -webkit-transform: rotate(1deg);
    transform: rotate(1deg);
    background: url('images/recipe/tearedh-bg.png') repeat top left;
    margin-top: -14px;
    margin-bottom:0px;
    padding-left:10px;
    box-shadow:1px 1px 1px #eee;
    border-radius:15px 0px 0px 0px
}
.purerecipe.tearedh header {
    padding-top:20px;
}

.purerecipe.tearedh h4,
.purerecipe.tearedh h3 {
    font-family: 'Satisfy', cursive;
    font-size:30px;
}
.purerecipe.tearedh h4 {
    margin:0px 0px 5px;
    padding-top:15px;
    font-size:24px;
    font-weight: normal;
}

.purerecipe.tearedh:before {
    background: url("images/recipe/pin-left.png") no-repeat scroll left top transparent;
    content: "";
    display: block;
    height: 69px;
    position: absolute;
    right: 41px;
    top: -19px;
    width: 72px;
    z-index: 9999;
}

.purerecipe.tearedh #recipe-content:before {
    background: url("images/recipe/coffe-stain.png") no-repeat scroll left top transparent;
    content: "";
    display: block;
    height: 360px;
    position: absolute;
    right: 0;
    top: 233px;
    width: 139px;
}

.purerecipe.tearedh ul.ingredients {
    width:70%;
}

.purerecipe.tearedh .instructions ul li,
.purerecipe.tearedh ul.ingredients li {
    background: url("images/recipe/checkbox.png") no-repeat scroll left 6px transparent;
    padding-left:20px;
    cursor: pointer
}
.purerecipe.elegant ul.ingredients li.separator,
.purerecipe.minimal ul.ingredients li.separator,
.purerecipe.teared ul li.separator,
.purerecipe.tearedh ul li.separator {
    background: none repeat scroll 0 0 transparent;
    font-size: 15px;
    font-weight: bold;
    margin-top: 15px;
    padding-left: 0;
    font-family: Georgia;
}
.purerecipe.tearedh ul li.active {
    background: url("images/recipe/checkbox-checked.png") no-repeat scroll left 6px transparent;
    padding-left:20px;
    text-decoration: line-through
}
.purerecipe.tearedh #recipe-add-data {
    background: url("images/recipe/yellowcard-bg.png") no-repeat scroll right top #FFFF9E;
    width:225px;
    position: absolute;
    right:-25px;
    padding:20px;
    margin-top:-30px;
    font-size:14px;
    box-shadow:0px 1px 3px rgba(0,0,0,0.3);
}

.purerecipe.tearedh #recipe-add-data:before {
    background: url("images/recipe/pin-right.png") no-repeat scroll left top transparent;
    content: "";
    display: block;
    height: 70px;
    position: absolute;
    right: 41px;
    top: -15px;
    width: 57px;
    z-index: 999;
}
#purerecipe-wrapper.tearedh {
    -moz-transform: rotate(-1deg);
    -webkit-transform: rotate(-1deg);
    transform: rotate(-1deg);
    background: url("images/recipe/tearedh-bg.png") repeat scroll left top transparent;
    padding: 0;
}

/*
* Elegant recipe Theme
*/
#purerecipe-wrapper.elegant {
    background:#fdfbef;
    padding: 15px;
    border:1px solid rgba(0,0,0,0.1);
    color: #000;
    box-shadow: 0 15px 25px 0 rgba(0, 0, 0, 0.25);
}
.purerecipe.elegant {
    margin:0px;
    border:1px solid #801301 /*rgba(0,0,0,0.1)*/;
}
.purerecipe.elegant header {

    margin: 1px;
    padding-top: 20px;
    text-align: center;
    text-shadow:0px 1px 0px #fff;
    position:relative;
}

.purerecipe.elegant header:after {
    background: url("images/recipe/ornaments.png") no-repeat scroll right top transparent;
    content: "";
    display: block;
    height: 33px;
    position: absolute;
    right: 5px;
    top: 5px;
    width: 35px;
    z-index: 999;
}
.purerecipe.elegant header:before {
    background: url("images/recipe/ornaments.png") no-repeat scroll left top transparent;
    content: "";
    display: block;
    height: 33px;
    position: absolute;
    left: 5px;
    top: 5px;
    width: 35px;
    z-index: 999;
}
.purerecipe.elegant header h3 {
    font-weight:normal;
}

.purerecipe.elegant h4 {
    font-size: 18px;
    font-style: italic;
    font-weight: normal;
    margin: 15px 0 0;
    clear: both;
}
.elegant .hasImage #recipe-desc {
    width: 100%;
}
.purerecipe.elegant em {
    background:none;
    font-weight: 600;
}
.purerecipe.elegant #recipe-desc{
    font-size:14px;
}
.purerecipe.elegant  ul.recipe-metadata {
    overflow:hidden;
    margin:0px;
}
.purerecipe.elegant .recipe-metadata li {
    float:left;
    margin-right:5px;
}
.purerecipe.elegant .instructions ul li,
.purerecipe.elegant ul.ingredients li {
    cursor: pointer;
    font-family: Georgia;
}
.purerecipe.elegant ul.ingredients li .ingredient__check{
    position: relative;
    display: inline-block;
    width: 20px;
    height: 10px;
    font-size: 18px;
    margin: 0 5px 5px 0;
}
.purerecipe.elegant ul.ingredients li i.fa.fa-square-o{
    position: absolute;
    top: 2px;
}
.purerecipe.elegant ul.ingredients li i.fa.fa-check{
    display: none;
    position: absolute;
    top: -3px;
    left: -3px;
    font-size: 22px;
    color: #841415;
}

.purerecipe.elegant ul.ingredients li.active i.fa.fa-check{
    display: block;
}
.ingredient__helper{
    display: inline-block;
    font-size: 20px;
    vertical-align: middle;
    height: 20px;
    margin: 0 5px 0 5px;
    text-decoration: none;
}

.purerecipe.elegant #recipe-add-data {
    background: url("images/recipe/yellowcard-bg.png") no-repeat scroll right top #ffffff;
    width:225px;
    position: absolute;
    right:20px;
    padding:20px;
    font-size:14px;
    box-shadow:-3px 5px 10px 0 rgba(0, 0, 0, 0.35);
    margin-top: 30px;
}
.purerecipe.elegant #recipe-add-data:before {
    background: url("images/recipe/olivec.png") no-repeat scroll left top transparent;
    content: "";
    display: block;
    height: 210px;
    position: absolute;
    right: -85px;
    top: -55px;
    width: 215px;
    z-index: 999;
}

.purerecipe.elegant .recipe-image {
    background: rgba(0,0,0,0.1);
    float: right;
    margin: 30px 0 0 20px;
    padding: 5px;
    box-shadow:1px 1px 0px #fff;
    position: static;
}
.purerecipe.elegant #recipe-content {

    margin: 1px;
    position:relative;
    padding: 0 10px 45px;
    font-size:16px;
    overflow: visible;
}
#purerecipe-wrapper.photo .purerecipe.elegant h3 {
    width:100%
}
.purerecipe.elegant #recipe-content:after {
    background: url("images/recipe/ornaments.png") no-repeat scroll right bottom transparent;
    content: "";
    display: block;
    height: 33px;
    position: absolute;
    right: 5px;
    bottom: 5px;
    width: 35px;
    z-index: 9999;
}
.purerecipe.elegant #recipe-content:before {
    background: url("images/recipe/ornaments.png") no-repeat scroll left bottom transparent;
    content: "";
    display: block;
    height: 33px;
    position: absolute;
    left: 5px;
    bottom: 5px;
    width: 35px;
    z-index: 9999;
}
/*
* Minimal recipe Theme
*/
#purerecipe-wrapper.minimal {
    padding:0px;
    margin:0px;
}
.purerecipe.minimal {
    margin:0px;

}
.purerecipe.minimal header {
    padding: 20px 0px 20px;
    position:relative;
}

.purerecipe.minimal header h3 {
    font-weight:normal;
}

.purerecipe.minimal h4 {
    font-size: 18px;
    font-style: italic;
    font-weight: normal;
    margin: 15px 0 0;
}
.elegant .hasImage #recipe-desc {
    width: 100%;
}
.purerecipe.minimal em {
    background:none;
}
.purerecipe.minimal #recipe-desc{
    font-size:14px;
}
.purerecipe.minimal  ul.recipe-metadata {
    overflow:hidden;
    margin:0px;
}
.purerecipe.minimal .recipe-metadata li {
    float:left;
    margin-right:5px;
}
.purerecipe.minimal .instructions ul li,
.purerecipe.minimal ul.ingredients li {
    background: url("images/recipe/checkbox_no.png") no-repeat scroll left 6px transparent;
    padding-left:20px;
    cursor: pointer;
}
.purerecipe.minimal ul li.active {
    background: url("images/recipe/checkbox_yes.png") no-repeat scroll left 6px transparent;
    padding-left:20px;
    text-decoration: line-through
}
.purerecipe.minimal #recipe-add-data {
    background: url("images/double-line.png") repeat-x scroll center bottom transparent;
    font-size: 14px;
    padding-bottom: 20px;
}
.hasImage #recipe-add-data {
    width:65%;
}

.purerecipe.minimal .recipe-image {
    background: #eee;
    float: right;
    margin: 30px 0 0 20px;
    padding: 5px;
    position: static;
}
.purerecipe.minimal #recipe-content {
    position:relative;
    padding: 0 0px 45px;
    font-size:14px;
    overflow:visible
}

blockquote {
    float: none;
    font-family: "Georgia",arial,serif;
    font-size: 13px;
    font-style: italic;
    margin: 10px 25px 5px 0;
    padding: 5px 15px 5px 31px;
    width: 80%;
    position: relative;
    margin: 0 auto!important;
}


blockquote.q-left{

    float: left;
    font-family: "Georgia",arial,serif;
    font-size: 16px;
    font-style: italic;
    margin: 10px 25px 5px 0;
    padding: 5px 15px 5px 31px;
    width: 240px;
    position: relative;
}

blockquote:before {
    position: absolute;

    display: block;
    top:-13px;
    left:30%;
    width: 99px;
    height: 26px;
    content: " "
}

blockquote.q-right{

    float: right;
    width:240px;
    padding:5px 15px 5px 35px;
    border-right: none;
    font-style: italic;
    font-size:13px;
    margin:10px 0px 10px 20px;
    font-family: "Georgia", arial, serif;
}
.comment-body blockquote {
    width:auto;
    float:none
}
blockquote p {
    line-height: 1.8em
}

#tag-description {
    overflow:hidden;
    margin-bottom:20px;
}
.tag-image {
    float:left;
    padding:10px;
    margin:10px 20px 10px 0px;
    border:1px solid #ddd;
    background:#fff;
    max-width: 300px;
    height: auto;
}
/*
* Some shortcodes styling
*/

input#submit,
a.button {
    -webkit-transition: background 1s ease-in-out;
    -moz-transition: background 0.5s ease-in-out;
    -o-transition: background 1s ease-in-out;
    -ms-transition: background 1s ease-in-out;
    transition: background 0.5s ease-in-out;
    border-radius: 24px 24px 24px 24px;
    font-family: "Georgia";
    font-size: 12px;
    font-style: italic;
    letter-spacing: 1px;
    line-height: 12px;
    padding: 9px 16px;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.7);
    text-decoration: none;
}

a.button:hover {
    background-image: none;
    text-decoration: none;
}
a.button {
    color:#000;
    -webkit-transition: background 1s ease-in-out;
    -moz-transition: background 0.5s ease-in-out;
    -o-transition: background 1s ease-in-out;
    -ms-transition: background 1s ease-in-out;
    transition: background 0.5s ease-in-out;
}
a.button.blue { background-color: #d5dff6; color:#5c7cc4; text-shadow:0px 1px 0px #fff }
a.button.green { background-color: #e0f0ce; color:#395b13; text-shadow:0px 1px 0px #fff }
a.button.red { background-color: #ffc5bd; color:#831001; text-shadow:0px 1px 0px #fff }
a.button.yellow { background-color: #f9f9a7; color:#555;  text-shadow:0px 1px 0px #fff }
a.button.orange { background-color: #fde7c4; color:#b97d1e;  text-shadow:0px 1px 0px #fff }
a.button.pink { background-color: #f4d2f3; color:#850781;  text-shadow:0px 1px 0px #fff }
a.button.brown { background-color: #B99B76; color:#482e04;  text-shadow:0px 0px 0px #cda059 }
a.button.black { background-color: #111; color:#888; text-shadow:0px 0px 0px #222 }
a.button.black:hover {  background: #444; text-shadow:0px 0px 0px #222; color:#888; }
a.button:hover {
    background: #ddd;
    color:#000;

}

.dropcap {
    float: left;
    font-family: "Georgia","Tahoma",sans-serif;
    font-size: 50px;
    padding: 15px 5px 0 0;
}

.box-ok-outer {
    border:1px solid #afcd7f;
    margin:20px 0px;
}
.box-ok {
    border:3px solid #fff;
    background: #f6ffec;
    padding:15px;
    color:#608722;
    font-size:14px;
    font-family: "Georgia", arial, serif
}

#content .box-ok p {
    background: url("images/ok.png") no-repeat top left;
    padding-left: 45px;
}

.box-question-outer {
    border:1px solid #a2c2d4;
    margin:20px 0px;
}
.box-question {
    border:3px solid #fff;
    background: #eef8ff;
    padding:15px;
    color:#327a97;
    font-size:14px;
    font-family: "Georgia", arial, serif
}
#content .box-question p {
    background: url("images/question.png") no-repeat top left;
    padding-left: 45px;
}

.box-error-outer {
    border:1px solid #e7895b;
    margin:20px 0px;
}
.box-error {
    border:3px solid #fff;
    background: #FFEFE8;
    padding:15px;
    color:#cf4913;
    font-size:14px;
    font-family: "Georgia", arial, serif
}
#content .box-error p {
    background: url("images/boxerror.png") no-repeat 5px 5px;
    padding-left: 45px;
}

.box-info-outer {
    border:1px solid #deae62;
    margin:20px 0px;
}
.box-info {
    border:3px solid #fff;
    background: #ffedd0;
    padding:15px;
    color:#de8a19;
    font-size:14px;
    font-family: "Georgia", arial, serif
}
#content .box-info p {
    background: url("images/info.png") no-repeat top left;
    padding-left: 45px;
}

.half, .half-last {
    float: left;
    margin: 0px 6% 20px 0;
    width: 47%;
}

.half-last {
    margin-right: 0;
}

.one-three, .one-three-last {
    float: left;
    margin: 0px 4% 20px 0;
    width: 30%;
}
.one-three-last {
    margin-right: 0;
}
.one-fourth, .one-fourth-last {
    float: left;
    margin: 0px 2% 20px 0;
    width: 23%;
}
.one-fourth-last {
    margin-right: 0;
}
.one-fifth, .one-fifth-last {
    float: left;
    margin: 0px 2% 20px 0;
    width:18%;
}
.one-fifth-last {
    margin-right: 0;
}

.three-fourth {
    float: left;
    margin: 0px 4% 20px 0;
    width: 73%;
    margin-right: 0;
}
.three-three {
    float: left;
    margin: 0px 5% 20px 0;
    width: 66%;
    margin-right: 0;
}

.two-fifth {
    float: left;
    margin: 0px 4% 20px 0;
    width:38%;

}

.three-fifth {
    float: left;
    margin: 0px 5% 20px 0;
    width: 58%;
    margin-right: 0;
}


hr {
    height: 0px;
    clear: both;
    margin: 15px 0px;
}

.hr {
    text-align: right;
    font-size:11px;
    text-transform: uppercase;
    cursor: pointer;
    clear: both;

}


div.purelist ul {
    list-style: none;
}
#post div.purelist li {
    padding-left:20px;
}
div.asterisk li { background: url("images/lists/asterisk_yellow.png") no-repeat 0px 5px transparent; }
div.go li { background: url("images/lists/bullet_go.png") no-repeat 0px 5px transparent; }
div.bullet_green li { background: url("images/lists/bullet_green.png") no-repeat  0px 5px transparent; }
div.bullet_orange li { background: url("images/lists/bullet_orange.png") no-repeat  0px 5px transparent; }
div.bullet_pink li { background: url("images/lists/bullet_pink.png") no-repeat  0px 5px transparent; }
div.bullet_purple li { background: url("images/lists/bullet_purple.png") no-repeat 0px 5px transparent; }
div.bullet_star li { background: url("images/lists/bullet_star.png") no-repeat 0px 5px transparent; }
div.bullet_red li { background: url("images/lists/bullet_red.png") no-repeat 0px 5px transparent; }
div.bullet_yellow li { background: url("images/lists/bullet_yellow.png") no-repeat 0px 5px transparent; }
div.information li { background: url("images/lists/information.png") no-repeat 0px 5px transparent; }
div.key li { background: url("images/lists/key.png") no-repeat 0px 5px transparent; }
div.lightning li { background: url("images/lists/lightning.png") no-repeat 0px 5px transparent; }
div.picture li { background: url("images/lists/picture.png") no-repeat 0px 5px transparent; }
div.star li { background: url("images/lists/star.png") no-repeat 0px 5px transparent; }
div.tag_green li { background: url("images/lists/tag_green.png") no-repeat 0px 5px transparent; }
div.tag_orange li { background: url("images/lists/tag_orange.png") no-repeat 0px 5px transparent; }
div.tag_pink li { background: url("images/lists/tag_pink.png") no-repeat 0px 5px transparent; }
div.tag_purple li { background: url("images/lists/tag_purple.png") no-repeat 0px 5px transparent; }
div.tag_red li { background: url("images/lists/tag_purple.png") no-repeat 0px 5px transparent; }
div.tag_yellow li { background: url("images/lists/tag_purple.png") no-repeat 0px 5px transparent; }

.tabs-content .tab {
    display:none;
    line-height: 1.6em;
    margin-top: 0px;
    padding: 15px;
    -webkit-border-radius: 0 0 4px 4px ;
    -moz-border-radius: 0 0 4px 4px ;
    border-radius:  0 0 4px 4px;
}
.tabs-content {
    margin-top:-1px
}
.tabs-content .tab:first-child {
    display:block;
}
ul.tabs {
    list-style: none;
    margin:0px;
    margin-top:25px;
    padding:3px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

ul.tabs li {
    display: inline;
    padding:10px 10px 8px;
    margin:0px 0px 0px 3px;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    font-size: 15px;
    cursor: pointer;
    border-bottom: 0px;
}

ul.tabs li a {

    text-decoration: none
}

div.accordion {
    margin:10px 0px
}

div.accordion h4 {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding:7px;
    margin:2px 0px 0px;
    cursor:pointer;
    font-size:16px;
}

div.accordion h4 a{
    text-decoration: none;
    padding-left:10px
}

div.accordion div {

}


h4.toggle-trigger {
    border-radius: 4px 4px 4px 4px;
    cursor: pointer;
    margin: 2px 0 20px;
    padding: 7px;
}
h4.toggle-trigger.active {
    margin-bottom: 0px
}




h4.toggle-trigger {
    background: url("images/expand.gif") no-repeat scroll left center ;
    padding-left:15px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    font-size:16px;
}

h4.toggle-trigger.active {
    background: url("images/expanded.gif") no-repeat scroll left center ;
}

div.accordion h4 {
    background: url("images/expand.gif") no-repeat scroll left center transparent;

}
div.accordion h4.active {
    background: url("images/expanded.gif") no-repeat scroll left center transparent;
}
div.accordion h4 a {
    color:#444
}

div.accordion {
    margin: 10px 0;
}
#mobile-nav {
    display:none
}


@media only screen and (min-width: 1070px) {
    #ub_menu {
        position: relative;
        float: right;
        margin-top: 30px;
    }

  .wp-caption {
    /* Force the box to be 100% */
    max-width: 100% !important;
	margin-top: 20px;
  }

  #content .wp-caption a img {
    /* Scale down if too big */
    max-width: 99.03225806%; /* 614/620 */
    height: auto;
  }


    #content {
		margin-right: 2%;
    }


    #footer-img {
        background: url("images/feather_ink.webp") no-repeat;
        float:left;
        width: 500px;
        height: 400px;
        margin:-210px 0 0 600px;
        padding:0 0 0 0;
    }

}

@media only screen and (min-width: 992px) and (max-width: 1070px) {

    body {
        background: url("images/bg/content-bg.png") repeat scroll -920px center #f8f8f8 !important
    }
    #logo_etnocook{
        width: 260px;
        background-size: contain;
    }
    #featured {max-height: 385px!important;}
    .coda-slider {width:650px!important;}
    .coda-slider, .coda-slider .panel {width: 650px!important;}

    .container { width: 950px; }
    #content {
        width: 630px;
    }

    #primary {
        width: 260px;
    }

    .page article.post, .single article.post { 
	width:100%; 
	}

    #ub_menu {
        position: relative;
        float: right;
        margin-top: 40px;
    }

  .wp-caption {
    /* Force the box to be 100% */
    max-width: 100% !important;
	margin-top: 20px;
  }
  #content .wp-caption a img {
    /* Scale down if too big */
    max-width: 99.03225806%; /* 614/620 */
    height: auto;
  }

    .widget_title2 {
        background: #f8f8f8;
    }

    article.post { width:300px; overflow:hidden }
    #articles article.post.has-thumb footer div.recipe-meta {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
        bottom: 132px;
        font-size: 12px;
        padding: 5px 15px;
        position: absolute;
        width: 290px;
    }

    .purerecipe.elegant #recipe-add-data:before {
        right: -53px;
        top: -70px;
    }

    .select-buttons {
        margin-top: 20px;
    }
    #searchform input#s { width:130px }

    #articles article.post footer div.recipe-meta {width:270px;}
    .exclay #articles article.post.has-thumb footer div.recipe-meta { width: 248px; }

    .comment-body { width:600px }
    #comments-list ul.children .depth-2 .comment-body { width:410px; }

    .rightsb #comments-list ul.children { margin-right:252px }
    body.author #author-data {
        float: left;
        width:300px;
    }
    body.author #author-desc {
        float: right;
        width:650px;
    }

    #footer-img {
        background: url("images/feather_ink.webp") no-repeat;
        float:left;
        width: 500px;
        height: 400px;
        margin: -160px 0 0 450px;
        padding:0 0 0 0;
    }

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

    body {
        background: #f8f8f8!important;
    }

    header h1 { text-align:center; }
    #mobile-nav { display:block; margin:0px; float:right; }

    #nav ul { display:none }

    #featured-container {
        display:none;
    }

    #logo_etnocook {
        margin: 20px 3% 0px;
    }

  .wp-caption {
    /* Force the box to be 100% */
    max-width: 100% !important;
	margin-top: 20px;
  }
  #content .wp-caption a img {
    /* Scale down if too big */
    max-width: 99.03225806%; /* 614/620 */
    height: auto;
  }


    .container {
        width: 100%!important;
        padding:0px!important;
    }
    .rightsb #primary,
    #primary {
        float: none;
        width: 90%;
        margin: 0 auto;
    }
    .rightsb #content, #content {
        float: none;
        margin: 0 auto;
        width: 90%;
    }
    article.post {
        width: 48%;
        margin-right: 4%;
        margin-bottom:20px;
        height: auto;
    }
    div.recipe-meta { display:none}

    .widget_title2 {
        background: #f8f8f8;
    }

    .purerecipe.elegant #recipe-add-data {
        position: relative;
        margin: 0 auto;
    }
    .half-w {
        width:100%;
    }

    #sidebar { margin: 0 10px 20px 0; }

    #searchform input#s { width:110px }

    .rightsb h3#comments-title,

    h3#comments-title { margin-left:0px; margin-right:0px; }


    #sidebar .widget {
        float: none;
        overflow: hidden;
        padding: 0 2% 15px;
        width:100%
    }


 
    .page article.post, .single article.post { width: 100%; }

    .rightsb #respond { margin:0px; }

    #respond,
    #comments-list ul.children {
        margin-left:0px;
    }

    .rightsb #comments-list .vcard {
        float: right;
        margin-left: 25px;
        margin-right: 0;
        padding:10px 10px 10px 0
    }

    .rightsb #comments-list ul.children { margin:0px;}

    .rightsb .comment-body {
        float: left;
        width: 400px;
    }
    .comment-body { width: 430px;}
    #comments-list .vcard { margin-right: 0px }

    .coda-nav { width:200px }
    .coda-slider, .coda-slider .panel { width: 502px; }

    .purerecipe.teared #recipe-add-data { position:static; width:auto }
    .purerecipe.teared #recipe-add-data:before { display:none; }
    .purerecipe.teared header h3 { max-width: 270px}
    .purerecipe.tearedh .recipe-image, .purerecipe.teared .recipe-image { max-width: 165px; height: auto }
    .template-subtitle {
        margin-left:0px;
        margin-right:0px;
    }
    body.author #author-data {
        float: left;
        width:300px;
    }
    body.author #author-desc {
        float: right;
        width:410px;
    }

    footer .widget {
        padding: 20px 5px;
    }

    /* #footer-text {    margin: 50px 20px 50px 40px;	} */

    #footer-img {
        background: url("images/feather_ink_small.webp") no-repeat;
        float: left;
        width: 500px;
        height: 400px;
        margin: -15% 0 0 45%;
        padding: 0 0 0 0;
    }

}



/*		Mobile Layout: 320px.
		Gutters: 24px.
		Outer margins: 34px.
		Inherits styles from: Default Layout.
---------------------------------------------
cols    1     2      3
px      68    160    252    */

@media only screen and (max-width: 767px) {

    #ub_menu {
        position: relative!important;
        float:none!important;
        margin: 0 auto!important;
		padding-top: 15px;
    }

    #featured-shadow,
    #featured {
        display:none;
    }
    .exclay article.post.has-thumb .attachment-post-thumbnail {
        width:100%;
        float:none;
    }
    .exclay article.post.has-thumb .entry-wrapper {
        float:none;
        width:100%;
    }
    .rightsb h3#comments-title { margin:0px;}
    body.author #author-data {
        float:none;
        width:auto;
    }
    body.author #author-desc {
        float:none;
        width:auto;
    }

    #content .wp-caption {
        height:auto;
		margin-top: 20px;
    }

    .fcolumn {
        float: none;
        width: 100%;
    }

    .widget_title2 {
        background: #f8f8f8;
    }
	
	.single article.post a img {
    margin: 0px!important;
	}

	#searchform {
    margin-top: 40px;
	}

}



/*		Wide Mobile Layout: 480px.
		Gutters: 24px.
		Outer margins: 22px.
		Inherits styles from: Default Layout, Mobile Layout.
------------------------------------------------------------
cols    1     2      3      4      5
px      68    160    252    344    436    */

@media screen and (min-width: 480px) and (max-width: 767px) {

    body {
        background: #f8f8f8!important;
    }

  .wp-caption {
    /* Force the box to be 100% */
    max-width: 60% !important;
	margin-top: 20px;
  }
  #content .wp-caption a img {
    /* Scale down if too big */
    max-width: 99.03225806%; /* 614/620 */
    height: auto;
  }


    #mobile-nav {
        display:block;
        margin:0px auto;
    }

    header h1 {
        float:none;
        text-align:center;
    }

    #logo_etnocook {
        display: block;
        margin: 0 auto;
        float: none;
        padding: 10px 0px;
		background-size: contain;
		min-width: 360px;
   		min-height: 100px;
    }


    #nav ul {
        display:none;
    }

    body {
        width: 90%!important;
        padding: 0;
        margin: 0 auto!important;
    }

    .container {
        width: 100%;
        padding:0px;
    }
    .rightsb #primary,
    #primary {
        float: none;
        width: 93%;
    }
    .rightsb #content,
    #content {
        float: none;
        margin-left: 0px;
        width: 100%;
    }
    article.post {
        width: 48%;
        margin-right: 4%;
        margin-bottom:20px;
        height: auto;
    }
    div.recipe-meta { display:none}

    .purerecipe.elegant #recipe-add-data:before {
        right: -53px;
        top: -70px;
    }

	.license {
	min-width: 150px;
  	float: none;
	}
	
	.select-buttons {
        margin-top: 20px!important;
    }

    .flex-direction-nav li a {
        display:none!important;
    }

    .footer-widgets {
        box-shadow: 0px;
    }
    .nav-next,
    .nav-previous {
        width: 100%;
        float:none;
    }
    .page article.page h2.entry-title, .single article.post h2.entry-title {
        font-size: 22px;
        line-height: 32px;
        margin-bottom: 0;
    }
    #articles {
        overflow:hidden
    }
    .rightsb #sidebar,
    #sidebar {
        margin: 0 10px 20px 0;
    }
    .rightsb #primary {
        float:none;
    }
    body.archive #primary, body.search #primary, body.tag #primary {
        margin-top:0px
    }
    h3#comments-title {
        margin-left:0px;
    }
    .purerecipe.teared:before {
        display:none;
    }
    #searchform input#s {
        width: 80%;
    }
    #articles article.post .entry-content {
        height: 135px;
        overflow: hidden;
    }
   
    .page article.page h2.entry-title, .single article.post h2.entry-title {
        font-size: 22px;
        line-height: 32px;
        margin-bottom: 0;
    }
    .page article.post, .single article.post {
        width: 100%;
    }
    .purerecipe.teared ul.ingredients {
        width: 100%;
    }
    .hasImage #recipe-desc {
        width: 100%;
    }
    .rightsb #respond,
    #respond,
    .rightsb #comments-list ul.children,
    #comments-list ul.children {
        margin-left:0px;
        margin-right:0px;
    }
	
    .template-subtitle { margin-left:0px;}
    #pattern-container {
        background: none repeat scroll 0 0 transparent;
        border-top: 0 none;
        clear: both;
        margin: 0 0 0 0;
        overflow: hidden;
        padding-top: 20px;
    }
    .fcolumn {
        float: none;
        width: 100%;
    }
    #sidebar .widget {
        float: none;
        overflow: hidden;
        padding: 0 2% 15px;
        width:100%
    }

    .flexslider {
        margin: 0;
        width: 90%;
    }
    .purerecipe.teared #recipe-add-data {
        position:static;
        width:auto;
    }
    .purerecipe.tearedh .recipe-image, .purerecipe.teared .recipe-image,
    .purerecipe.teared #recipe-add-data:before { display: none }

    .rightsb .comment-body,
    .comment-body {
        float: right;
        padding: 10px;
        width: 320px;
    }
    .rightsb #comments-list .vcard,
    #comments-list .vcard {
        float: left;
        padding: 15px 10px 10px 0;
        width: 110px;
        margin-right:0px;
        margin-left:0px;
    }
    .rightsb #comments-list ul.children .depth-2 .comment-body,
    #comments-list ul.children .depth-2 .comment-body {
        width: 320px;
    }
    .container { overflow: hidden;}

}

@media screen and (min-width: 480px) and (max-width: 680px) {

    #content .wp-caption {
        height:auto;
		margin-top: 20px;
    }

    .purerecipe.elegant #recipe-add-data {
        position: relative;
        margin: 0 auto;
    }

    .purerecipe.elegant #recipe-add-data::before {

        position: absolute;
        right: -70px;
        top: -53px !important;
    }

    .select-buttons {
        margin-top: 20px!important;
    }

    #footer-text {
        width: 90%;
    }

    #footer-img {
        background: url("images/feather_ink_small.webp") no-repeat;
        width: 400px;
        height: 318px;
        margin: 0 auto;
    }

}

@media only screen and (min-width: 240px) and (max-width: 479px) {
    #mobile-nav {
        display:block;
        margin:0px auto;
    }

    #logo_etnocook {
        display: block;
        margin: 0 auto;
        float: none;
        padding: 0px 0px 40px 0px;
		background-size: contain;
		min-width: 360px;

    }

    body {
        width: 100%!important;
        padding: 0;
        margin: 0 auto!important;
    }

    .page article.page h2.entry-title, .single article.post h2.entry-title {
        font-size: 18px;
        line-height: 32px;
        margin-bottom: 0;
    }
    .fulllay article.post h2.entry-title { font-size: 18px }
    header h1 {
        float:none;
        text-align:center;
    }
    #nav ul {
        display:none;
    }
    .container {
        width: 90%;
        padding:0px;
    }

    #content .wp-caption {
        width:95%!important;
        height:auto;
		margin-top: 20px;
    }

    .rightsb #primary,
    #primary {
        float: none;
        width: 93%;
    }
    .rightsb #content,
    #content {
        float: none;
        margin-left: 00px;
        width: 100%;
    }
    article.post {
        height: auto;
        margin-bottom: 20px;
        margin-right: 0;
        width: 100%;
    }
    div.recipe-meta { display:none}

    .purerecipe header {
        padding:1px;
    }

    .purerecipe.elegant #recipe-add-data {
        position:relative;
		margin:0 auto;
		box-shadow: -3px 5px 10px 0 rgba(0, 0, 0, 0.2);
        /*width: 96%;
        margin-left: 2%;*/
    }

    .purerecipe.elegant #recipe-add-data:before {
    background: url("images/recipe/olivec.png") no-repeat scroll left top transparent;
    content: "";
    display: block;
    height: 174!important;
    position: absolute;
    right: -65px!important;
    top: -55px;
    width: 190!important;
    z-index: 999;
    }
	
	.license {
	min-width: 150px;
  	float: none;
	}

    .half-w {
        width:100%;
    }

    .purerecipe.elegant .recipe-image
    {
        float: none;
        margin: 20px 0 0 0!important;
    }

    .flex-direction-nav li a {
        top: 30%!important;
    }

    .footer-widgets {
        box-shadow:0px;
    }

    #sidebar {
        margin: 0 10px 20px 0;
    }
    h3#comments-title {
        margin-left:0px;
    }
    .purerecipe.teared:before {
        display:none;
    }
    #articles article.post .entry-content {
        height: 135px;
        overflow: hidden;
    }

    .page article.post, .single article.post {
        width: 100%;
    }
    .purerecipe.teared ul.ingredients {
        width: 100%;
    }
    .hasImage #recipe-desc {
        width: 100%;
    }
    #respond,
    #comments-list ul.children {
        margin-left:0px;
    }
    .rightsb #respond {
        margin-left: 0;
        margin-right: 0px;
    }
    .rightsb #comments-list ul.children {
        margin-left: 0;
        margin-right: 0px;
    }

    .template-subtitle { margin-left:0px;}
    #pattern-container {
        background: none repeat scroll 0 0 transparent;
        border-top: 0 none;
        clear: both;
        margin: 0 0 0 0;
        overflow: hidden;
        padding-top: 20px;
    }
    .fcolumn {

        float: none;
        width: 100%;
    }
    .rightsb #sidebar { margin:0px;}
    #sidebar .widget {
        float: none;
        overflow: hidden;
        padding: 0 2% 15px;
        width:100%
    }
    #purerecipe-wrapper.elegant {
        padding:0px;
    }
    #recipe-content {
        padding: 0px 10px 20px;
    }
    /*    .purerecipe.elegant #recipe-content {
            padding: 0 10px 45px;
        }
        .purerecipe.elegant .recipe-image {display:none;} */


    .purerecipe.tearedh #recipe-add-data,
    .purerecipe.teared #recipe-add-data {
        position:static;
        width:auto;
    }
    .purerecipe.tearedh .recipe-image, .purerecipe.teared .recipe-image,
    .purerecipe.teared #recipe-add-data:before { display: none }

    .rightsb .comment-body,
    .comment-body {
        float: none;
        padding: 10px;
        width:auto
    }
    .rightsb #comments-list .vcard,
    #comments-list .vcard {
        float: none;
        padding: 15px 10px 10px 0;
        width:auto;
        margin-right:0px;
    }
    .rightsb #comments-list ul.children .depth-2 .comment-body,
    #comments-list ul.children .depth-2 .comment-body {
        width:auto
    }
    .container { overflow: hidden;}

    #footer-text {
        margin: 10px 4% 50px 6%;
        width: 90%;
    }

    #footer-img {
        background: none;
        float: left;
        width: 20px;
        height: 20px;

    }

}


@media only screen and (min-width: 280px) and (max-width: 319px) {
    #mobile-nav {
        display:block;
        margin:0px auto;
    }
    .page article.page h2.entry-title, .single article.post h2.entry-title {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 0;
    }
    header h1 {
        float:none;
        text-align:center;
    }

    #logo_etnocook {
        display: block;
        margin: 0 auto;
    }

    body {
        width: 100%!important;
        padding: 0;
        margin: 0 auto!important;
    }

    #nav ul {
        display:none;
    }
    .container {
        width: 95%;
        padding:0px;
    }
    .rightsb #primary,
    #primary {
        float: none;
        width: 93%;
    }
    .rightsb #content,
    #content {
        float: none;
        margin-left: 00px;
        width: 100%;
    }
    .fulllay article.post h2.entry-title { font-size: 16px }
    article.post {
        height: auto;
        margin-bottom: 20px;
        margin-right: 0;
        width: 100%;
    }
    div.recipe-meta { display:none}
    #searchform input#s { width:140px }
    .footer-widgets {
        box-shadow:0px;
    }

    .purerecipe header {
        padding: 1px;
    }

    .purerecipe.elegant .recipe-image
    {
        float: none;
        margin: 20px 0 0 0!important;
    }

    .purerecipe.elegant #recipe-add-data {
        position: relative;
        margin: 0 auto;
    }

    .purerecipe.elegant #recipe-add-data:before {
        background: none;
    }

    .half-w {
        width:100%;
    }

    #sidebar {
        margin: 0 10px 20px 0;
    }
    h3#comments-title {
        margin-left:0px;
    }
    .purerecipe.teared:before {
        display:none;
    }
    #articles article.post .entry-content {
        height: 135px;
        overflow: hidden;
    }


    .page article.post, .single article.post {
        width: 100%;
    }
    .purerecipe.teared ul.ingredients {
        width: 100%;
    }
    .hasImage #recipe-desc {
        width: 100%;
    }
    #respond,
    #comments-list ul.children {
        margin-left:0px;
    }
    #comments-list ul.children .depth-2 .comment-body { width: auto;}
    .footer-widgets {
        box-shadow:0px 0px 0px #fff;
    }
    .template-subtitle { margin-left:0px;}
    #pattern-container {
        background: none repeat scroll 0 0 transparent;
        border-top: 0 none;
        clear: both;
        margin: 0 0 0 0;
        overflow: hidden;
        padding-top: 20px;
    }
    .fcolumn {
        border-right: 1px solid #DDDDDD;
        float: none;
        width: 100%;
    }
    #sidebar {margin:0px}
    .rightsb #sidebar {margin:0px}
    #sidebar .widget {
        float: none;
        overflow: hidden;
        padding: 0 2% 15px;
        width:100%
    }

    .purerecipe.teared #recipe-add-data {
        position:static;
        width:auto;
    }
    .purerecipe.tearedh .recipe-image, .purerecipe.teared .recipe-image,
    .purerecipe.teared #recipe-add-data:before { display: none }

    .rightsb .comment-body,
    .comment-body {
        float: none;
        padding: 10px;
        width: auto;
    }
    .rightsb #respond,
    #respond {
        margin:0px;
    }
    .rightsb #comments-list ul.children .depth-2 .comment-body,
    #comments-list ul.children .depth-2 .comment-body { width:auto}
    .rightsb #comments-list ul.children,
    #comments-list ul.children{ margin:0px;}
    .rightsb #comments-list .vcard,
    #comments-list .vcard {
        float: none;
        padding: 10px;
        width: auto;
        margin:0px;
    }

    #comments-list .vcard {
        float: left;
        padding: 15px 10px 10px 0;
        width: 110px;
        margin-right:0px;
    }

    .container { overflow: hidden;}

    #footer-img{
        display:none!important;
    }


}
/*	Retina media query.
	Overrides styles for devices with a
	device-pixel-ratio of 2+, such as iPhone 4.
-----------------------------------------------    */

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {

    body {

    }

}

/**
 * Non-semantic helper classes: please define your styles before this section.
*/

/* For image replacement */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }

/* Hide for both screenreaders and browsers:
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display: none; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: by Jon Neal.
  www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: drupal.org/node/897638 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements in most situations.
   nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }





/**
 * Print styles.
 *
 * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
*/
@media print {
    * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
        -ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
    a, a:visited { color: #444 !important; text-decoration: underline; }
    a[href]:after { content: " (" attr(href) ")"; }
    abbr[title]:after { content: " (" attr(title) ")"; }
    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
    pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
    thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
    tr, img {page-break-inside:avoid;
        page-break-after:avoid; width:auto; height: 0px;}
    img { max-width: 100% !important; }
    @page { margin: 0.5cm; }
    p, h2, h3 { orphans: 3; widows: 3; }
    h2, h3{ page-break-after: avoid; }

    h3#comments-title,
    #comments-list,
    #respond,
    .contentinfo,
    #primary,
    img {
        display: none;  float:none;
        width:auto; height: 10px;
    }
    #content { float:none;width:auto;}
}

/** END HTML5 Boilerplate CSS **/


/** START Starkers CSS **/

/* LAYOUT */
/* ----------------------------------------- */

/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }

#content p.wp-caption-text {
    padding:10px 0px;
    max-width:100%!important;
}

.wp-caption.alignleft {
    margin-left:0px;
    margin-right:20px;
    margin-top: 2px!important;
}
.wp-caption.alignright {
    margin-left:20px;
    margin-right:0px;
}
.wp-caption img {
    border: 2px solid #ddd;
    max-width:95%!important;
    height:auto;
}

.wp-caption {
	margin-top: 20px;
}


.wp-caption:hover img {
    opacity:0.9;
}


#content .wp-caption a img {
    height:auto;
}

/* You might find the following useful */
/* div, ul, li { position:relative } This will save you having to declare each div / ul / li's position as 'relative' and allows you to absolutely position elements inside them
br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */
li#theme-switcher { background:#fff; border:10px solid red; padding:20px; position:fixed; top:0; right:0 } /* Use this if you have the Theme Switcher Reloaded plugin (http://themebot.com/webmaster-tools/1-wordpress-theme-switcher-reloaded) installed and want to make it nice and obvious */
/* TYPOGRAPHY */
/* ----------------------------------------- */


/*h1, h2, h3, h4, h5, h6 { font-weight:bold } !* This helps to identify headings at the initial build stage, so I thought it'd be useful to have it *!*/
.alert { background:red; color:white } /* 'alert' has a basic style, since it's useful to have it standing out for testing purposes.




*/

/** END Starkers CSS **/

/** START WordPress-Defined CSS Classes **/
.wp-caption-text{}
.gallery-caption{}
.gallery .gallery-icon img {
    border: 8px solid #FFFFFF !important;
    box-shadow: 1px 1px 1px #DDDDDD;
}
.gallery .gallery-icon a:hover {
    opacity:0.9
}
.gallery-caption {
    background: none repeat scroll 0 0 #FFFFFF;
    bottom: 0;
    font-family: 'Arial';
    font-size: 12px;
    padding: 5px;
    position: absolute;
}
.gallery-item {
    position:relative;
}
.bypostauthor{}
.sticky{}
/** END WordPress-Defined CSS Classes **/



/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
*/

.jspContainer
{
    overflow: hidden;
    position: relative;
}

.jspPane
{
    position: absolute;
}

.jspVerticalBar
{
    position: absolute;
    top: 0;
    right: 0;
    width: 12px;
    height: 100%;
    background: red;
}

.jspHorizontalBar
{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 16px;

}

.jspVerticalBar *,
.jspHorizontalBar *
{
    margin: 0;
    padding: 0;
}

.jspCap
{
    display: none;
}

.jspHorizontalBar .jspCap
{
    float: left;
}

.jspTrack
{
    background: #111;
    position: relative;
}

.jspDrag
{
    background: #aeaeae;
    position: relative;
    top: 0;
    left: 0;
    cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
    float: left;
    height: 100%;
}

.jspArrow
{
    background: #50506d;
    text-indent: -20000px;
    display: block;
    cursor: pointer;
}

.jspArrow.jspDisabled
{
    cursor: default;
    background: #80808d;
}

.jspVerticalBar .jspArrow
{
    height: 16px;
}

.jspHorizontalBar .jspArrow
{
    width: 16px;
    float: left;
    height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
    outline: none;
}

.jspCorner
{
    background: #333;
    float: left;
    height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
    margin: 0 -3px 0 0;
}


/* CONTACT FORM 7 SPECIFIC STUFF*/
.addrecipe {

    padding: 15px;
    border: none;

}
.addrecipe-form fieldset.error {
    border-right: 5px double #CF4913
}
.addrecipe-form fieldset {
    background: url("images/recipe/tearedh-bg.png") repeat scroll left top transparent;
    margin: 0px 0 0;
    overflow: hidden;
    padding: 10px 10px 35px 35px;
    position: relative
}

.addrecipe-form fieldset span.req {
    background: url("images/recipe/yellowcard-bg.png") no-repeat scroll right top #FFFF9E;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    display: block;
    padding: 4px;
    position: absolute;
    right: 5px;
    top: 5px;
    width: auto;
}

.addrecipe-form #submit {
    margin:0px;
    background: url("images/recipe/yellowcard-bg.png") no-repeat scroll right top #FFFF9E;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    float: left;
}

.addrecipe-form fieldset h4 {
    padding-top:5px
}
.addrecipe-form fieldset label {
    display: block;
    float: left;
    font-weight: normal;
    line-height: 1.4;
    margin-left: 10px;
    padding-top: 4px;
    width: 20%;
}
.addrecipe-form fieldset:last-child {
    margin: 0;
}


.addrecipe-form fieldset input#title {
    width:70%;
}
.addrecipe-form fieldset input[type="text"]{
    width: 215px;
    padding: 5px 8px;
    font-size: 1.2em;
    color: #666;
    border: 1px solid #c7c7c7;

    box-shadow: 0px 2px 6px #E2E2E2 inset

}
select {
    padding:5px;
    border:1px solid #ddd;
    box-shadow: 0px 2px 6px #E2E2E2 inset

}
a.move{
    display: block;
    height: 20px;
    text-indent: -9999px;
    width: 20px;
    cursor: move;
}
a.delete {
    display: block;
    height: 16px;
    text-indent: -9999px;
    width: 16px;
}
#nutritionfacts_list {
    overflow:hidden;
}
#nutritionfacts_list li {
    background: none ;
    border-radius: 4px 4px 4px 4px;
    float: left;
    margin-right: 10px;
    margin-top: 10px;
    padding: 4px 10px;
}
#nutritionfacts_list li input {

    background: none repeat scroll 0 0 transparent;
    border-color: #777777;
    border-radius: 0 0 0 0;
    border-style: none none dashed;
    border-width: 0 0 1px;
    box-shadow: 0 0 0;
    margin: 0 3px;
    padding: 4px;
    width: 60px;
}
#ingridients-sort {
    border:1px solid #ddd;
    margin-bottom:30px;
}
#ingridients-sort th {
    background: none repeat scroll 0 0 #FFFFFF;
    font-weight: normal;
    padding: 10px;
    text-align: left;
}
tr.ingridients-cont {
    background:#fff;
}
tr.ingridients-cont:nth-child(odd){
    background:#FAFAFA;
}
tr.ingridients-cont.separator {
    background: #ddd
}
tr.ingridients-cont.separator input.notes{
    display:none;
}

.ingridients-cont input {
    background-color: #FFFFFF;
    border: 1px solid #DFDFDF;
    border-radius: 3px 3px 3px 3px;
    padding: 5px;
    width: 100%;
}

a.add_separator,
a.add_ingridient {
    background: none repeat scroll 0 0 #E2E2E2;
    border: 1px solid #DDDDDD;
}
.addrecipe-form fieldset textarea {
    width: 430px;
}
.addrecipe-form input[type="submit"] {
    padding: 8px 15px;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
    line-height: 1;
    color: #444;
    border: none;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.85);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#bbb));
    background-image: -moz-linear-gradient(0 100% 90deg, #fff, #bbb);
    background: #FFFFFF url('images/grad.jpg') left top repeat-x;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    -o-border-radius: 23px;
    border-radius: 23px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 12px rgba(64, 31, 31, 0.2);
    }
    50% {
        -webkit-box-shadow: 0 0 12px rgba(64, 31, 31, 0.9);
    }
    100% {
        -webkit-box-shadow: 0 0 12px rgba(64, 31, 31, 0.2);
    }
}
.addrecipe-form fieldset input[type="text"]:focus,
.addrecipe-form fieldset textarea:focus {
    -webkit-animation: pulse 1.5s infinite ease-in-out;
}
.addrecipe-form fieldset input[type="submit"]:hover,
.addrecipe-form fieldset input[type="submit"]:focus {
    -webkit-animation: pulse 1.5s infinite ease-in-out;
}


.addrecipe .box-ok-outer,
#new_post .box-error-outer {
    display:none;
}
.addrecipe .box-ok-outer.show,
#new_post .box-error-outer.show {
    display: block;
}
#content #new_post .box-error {
    padding: 0px 7px 7px
}
#content #new_post .box-error p {
    padding-bottom:0px;
    background-position:5px 10px
}
fieldset.submit span {
    background: url("images/ajax-loader.gif") no-repeat scroll 0 0 transparent;
    display: none;
    float: left;
    height: 24px;
    margin-left: 15px;
    margin-top: 5px;
    text-indent: -9999px;
    width: 24px;
}

.loginbox.tabs-content .tab {
    background: url("images/recipe/tearedh-bg.png") repeat scroll left top transparent;
    border: none;
    padding-left:40px;
}
.loginbox h3 {
    padding:5px 0px;
}
.loginbox label {
    display: block;
    float: left;
    width: 145px;
}
.entry-content .addrecipe ul {
    list-style:none;
    padding:0px;
}
#login-register-password ul.tabs {
    margin-left:20px;
}
#login-register-password ul.tabs li.active {
    background: url("images/recipe/yellowcard-bg.png") no-repeat scroll right top #FFFF9E;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

.loginbox input{
    background: url("images/recipe/yellowcard-bg.png") no-repeat scroll right top #fff8c8;
    padding:5px;
    border:1px solid #fbdb00
}

.loginbox input[type="submit"] {
    padding:10px 20px;
    border-radius: 24px 24px 24px 24px;
    font-family: "Georgia";
    font-size: 12px;
    font-style: italic;
    letter-spacing: 1px;
    line-height: 12px;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.7);
    margin-top:30px;
}

#rememberme {
    margin-right: 10px;
}



/* @group Base */
.chzn-container {
    font-size: 13px;
    position: relative;
    display: inline-block;
    zoom: 1;
    *display: inline;
}
.chzn-container .chzn-drop {
    background: #fff;
    border: 1px solid #aaa;
    border-top: 0;
    position: absolute;
    top: 29px;
    left: 0;
    -webkit-box-shadow: 0 4px 5px rgba(0,0,0,.15);
    -moz-box-shadow   : 0 4px 5px rgba(0,0,0,.15);
    -o-box-shadow     : 0 4px 5px rgba(0,0,0,.15);
    box-shadow        : 0 4px 5px rgba(0,0,0,.15);
    z-index: 1010;
}
/* @end */

/* @group Single Chosen */
.chzn-container-single .chzn-single {
    background-color: #ffffff;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0 );
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f8f8f8));
    background-image: -webkit-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f8f8f8 100%);
    background-image: -moz-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f8f8f8 100%);
    background-image: -o-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f8f8f8 100%);
    background-image: -ms-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f8f8f8 100%);
    background-image: linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f8f8f8 100%);
    -webkit-border-radius: 5px;
    -moz-border-radius   : 5px;
    border-radius        : 5px;
    -moz-background-clip   : padding;
    -webkit-background-clip: padding-box;
    background-clip        : padding-box;
    border: 1px solid #aaaaaa;
    -webkit-box-shadow: 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1);
    -moz-box-shadow   : 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1);
    box-shadow        : 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1);
    display: block;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    height: 23px;
    line-height: 24px;
    padding: 0 0 0 8px;
    color: #444444;
    text-decoration: none;
}
.chzn-container-single .chzn-default {
    color: #999;
}
.chzn-container-single .chzn-single span {
    margin-right: 26px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
.chzn-container-single .chzn-single abbr {
    display: block;
    position: absolute;
    right: 26px;
    top: 6px;
    width: 12px;
    height: 13px;
    font-size: 1px;
    background: url('images/chosen-sprite.png') right top no-repeat;
}
.chzn-container-single .chzn-single abbr:hover {
    background-position: right -11px;
}
.chzn-container-single.chzn-disabled .chzn-single abbr:hover {
    background-position: right top;
}
.chzn-container-single .chzn-single div {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    height: 100%;
    width: 18px;
}
.chzn-container-single .chzn-single div b {
    background: url('images/chosen-sprite.png') no-repeat 0 0;
    display: block;
    width: 100%;
    height: 100%;
}
.chzn-container-single .chzn-search {
    padding: 3px 4px;
    position: relative;
    margin: 0;
    white-space: nowrap;
    z-index: 1010;
}
.chzn-container-single .chzn-search input {
    background: #fff url('images/chosen-sprite.png') no-repeat 100% -22px;
    background: url('images/chosen-sprite.png') no-repeat 100% -22px, -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
    background: url('images/chosen-sprite.png') no-repeat 100% -22px, -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
    background: url('images/chosen-sprite.png') no-repeat 100% -22px, -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
    background: url('images/chosen-sprite.png') no-repeat 100% -22px, -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
    background: url('images/chosen-sprite.png') no-repeat 100% -22px, -ms-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
    background: url('images/chosen-sprite.png') no-repeat 100% -22px, linear-gradient(top, #eeeeee 1%, #ffffff 15%);
    margin: 1px 0;
    padding: 4px 20px 4px 5px;
    outline: 0;
    border: 1px solid #aaa;
    font-family: sans-serif;
    font-size: 1em;
}
.chzn-container-single .chzn-drop {
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius   : 0 0 4px 4px;
    border-radius        : 0 0 4px 4px;
    -moz-background-clip   : padding;
    -webkit-background-clip: padding-box;
    background-clip        : padding-box;
}
/* @end */

.chzn-container-single-nosearch .chzn-search input {
    position: absolute;
    left: -9000px;
}

/* @group Multi Chosen */
.chzn-container-multi .chzn-choices {
    background-color: #fff;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
    background-image: -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
    background-image: -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
    background-image: -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
    background-image: -ms-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
    background-image: linear-gradient(top, #eeeeee 1%, #ffffff 15%);
    border: 1px solid #aaa;
    margin: 0;
    padding: 0;
    cursor: text;
    overflow: hidden;
    height: auto !important;
    height: 1%;
    position: relative;
}
.chzn-container-multi .chzn-choices li {
    float: left;
    list-style: none;
}
.chzn-container-multi .chzn-choices .search-field {
    white-space: nowrap;
    margin: 0;
    padding: 0;
}
.chzn-container-multi .chzn-choices .search-field input {
    color: #666;
    background: transparent !important;
    border: 0 !important;
    font-family: sans-serif;
    font-size: 100%;
    /*height: 15px;*/
    padding: 5px;
    margin: 1px 0;
    outline: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow   : none;
    -o-box-shadow     : none;
    box-shadow        : none;
}
.chzn-container-multi .chzn-choices .search-field .default {
    color: #999;
}
.chzn-container-multi .chzn-choices .search-choice {
    -webkit-border-radius: 3px;
    -moz-border-radius   : 3px;
    border-radius        : 3px;
    -moz-background-clip   : padding;
    -webkit-background-clip: padding-box;
    background-clip        : padding-box;
    background-color: #e4e4e4;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#eeeeee', GradientType=0 );
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f8f8f8), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
    background-image: -webkit-linear-gradient(top, #f8f8f8 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: -moz-linear-gradient(top, #f8f8f8 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: -o-linear-gradient(top, #f8f8f8 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: -ms-linear-gradient(top, #f8f8f8 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: linear-gradient(top, #f8f8f8 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    -webkit-box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05);
    -moz-box-shadow   : 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05);
    box-shadow        : 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05);
    color: #333;
    border: 1px solid #aaaaaa;
    line-height: 13px;
    padding: 3px 20px 3px 5px;
    margin: 3px 0 3px 5px;
    position: relative;
    cursor: default;
}
.chzn-container-multi .chzn-choices .search-choice-focus {
    background: #d4d4d4;
}
.chzn-container-multi .chzn-choices .search-choice .search-choice-close {
    display: block;
    position: absolute;
    right: 3px;
    top: 4px;
    width: 12px;
    height: 13px;
    font-size: 1px;
    background: url('images/chosen-sprite.png') right top no-repeat;
}
.chzn-container-multi .chzn-choices .search-choice .search-choice-close:hover {
    background-position: right -11px;
}
.chzn-container-multi .chzn-choices .search-choice-focus .search-choice-close {
    background-position: right -11px;
}
/* @end */

/* @group Results */
.chzn-container .chzn-results {
    margin: 0 4px 4px 0;
    max-height: 240px;
    padding: 0 0 0 4px;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
.chzn-container-multi .chzn-results {
    margin: -1px 0 0;
    padding: 0;
}
.chzn-container .chzn-results li {
    display: none;
    line-height: 15px;
    padding: 5px 6px;
    margin: 0;
    list-style: none;
}
.chzn-container .chzn-results .active-result {
    cursor: pointer;
    display: list-item;
}
.chzn-container .chzn-results .highlighted {
    background-color: #3875d7;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3875d7', endColorstr='#2a62bc', GradientType=0 );
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
    background-image: -webkit-linear-gradient(top, #3875d7 20%, #2a62bc 90%);
    background-image: -moz-linear-gradient(top, #3875d7 20%, #2a62bc 90%);
    background-image: -o-linear-gradient(top, #3875d7 20%, #2a62bc 90%);
    background-image: -ms-linear-gradient(top, #3875d7 20%, #2a62bc 90%);
    background-image: linear-gradient(top, #3875d7 20%, #2a62bc 90%);
    color: #fff;
}
.chzn-container .chzn-results li em {
    background: #feffde;
    font-style: normal;
}
.chzn-container .chzn-results .highlighted em {
    background: transparent;
}
.chzn-container .chzn-results .no-results {
    background: #f8f8f8;
    display: list-item;
}
.chzn-container .chzn-results .group-result {
    cursor: default;
    color: #999;
    font-weight: bold;
}
.chzn-container .chzn-results .group-option {
    padding-left: 15px;
}
.chzn-container-multi .chzn-drop .result-selected {
    display: none;
}
.chzn-container .chzn-results-scroll {
    background: white;
    margin: 0 4px;
    position: absolute;
    text-align: center;
    width: 321px; /* This should by dynamic with js */
    z-index: 1;
}
.chzn-container .chzn-results-scroll span {
    display: inline-block;
    height: 17px;
    text-indent: -5000px;
    width: 9px;
}
.chzn-container .chzn-results-scroll-down {
    bottom: 0;
}
.chzn-container .chzn-results-scroll-down span {
    background: url('images/chosen-sprite.png') no-repeat -4px -3px;
}
.chzn-container .chzn-results-scroll-up span {
    background: url('images/chosen-sprite.png') no-repeat -22px -3px;
}
/* @end */

/* @group Active  */
.chzn-container-active .chzn-single {
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
    -moz-box-shadow   : 0 0 5px rgba(0,0,0,.3);
    -o-box-shadow     : 0 0 5px rgba(0,0,0,.3);
    box-shadow        : 0 0 5px rgba(0,0,0,.3);
    border: 1px solid #5897fb;
}
.chzn-container-active .chzn-single-with-drop {
    border: 1px solid #aaa;
    -webkit-box-shadow: 0 1px 0 #fff inset;
    -moz-box-shadow   : 0 1px 0 #fff inset;
    -o-box-shadow     : 0 1px 0 #fff inset;
    box-shadow        : 0 1px 0 #fff inset;
    background-color: #eee;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0 );
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #eeeeee), color-stop(80%, #ffffff));
    background-image: -webkit-linear-gradient(top, #eeeeee 20%, #ffffff 80%);
    background-image: -moz-linear-gradient(top, #eeeeee 20%, #ffffff 80%);
    background-image: -o-linear-gradient(top, #eeeeee 20%, #ffffff 80%);
    background-image: -ms-linear-gradient(top, #eeeeee 20%, #ffffff 80%);
    background-image: linear-gradient(top, #eeeeee 20%, #ffffff 80%);
    -webkit-border-bottom-left-radius : 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomleft : 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-left-radius : 0;
    border-bottom-right-radius: 0;
}
.chzn-container-active .chzn-single-with-drop div {
    background: transparent;
    border-left: none;
}
.chzn-container-active .chzn-single-with-drop div b {
    background-position: -18px 1px;
}
.chzn-container-active .chzn-choices {
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
    -moz-box-shadow   : 0 0 5px rgba(0,0,0,.3);
    -o-box-shadow     : 0 0 5px rgba(0,0,0,.3);
    box-shadow        : 0 0 5px rgba(0,0,0,.3);
    border: 1px solid #5897fb;
}
.chzn-container-active .chzn-choices .search-field input {
    color: #111 !important;
}
/* @end */

/* @group Disabled Support */
.chzn-disabled {
    cursor: default;
    opacity:0.5 !important;
}
.chzn-disabled .chzn-single {
    cursor: default;
}
.chzn-disabled .chzn-choices .search-choice .search-choice-close {
    cursor: default;
}

/* @group Right to Left */
.chzn-rtl { text-align: right; }
.chzn-rtl .chzn-single { padding: 0 8px 0 0; overflow: visible; }
.chzn-rtl .chzn-single span { margin-left: 26px; margin-right: 0; direction: rtl; }

.chzn-rtl .chzn-single div { left: 3px; right: auto; }
.chzn-rtl .chzn-single abbr {
    left: 26px;
    right: auto;
}
.chzn-rtl .chzn-choices .search-field input { direction: rtl; }
.chzn-rtl .chzn-choices li { float: right; }
.chzn-rtl .chzn-choices .search-choice { padding: 3px 5px 3px 19px; margin: 3px 5px 3px 0; }
.chzn-rtl .chzn-choices .search-choice .search-choice-close { left: 4px; right: auto; background-position: right top;}
.chzn-rtl.chzn-container-single .chzn-results { margin: 0 0 4px 4px; padding: 0 4px 0 0; }
.chzn-rtl .chzn-results .group-option { padding-left: 0; padding-right: 15px; }
.chzn-rtl.chzn-container-active .chzn-single-with-drop div { border-right: none; }
.chzn-rtl .chzn-search input {
    background: #fff url('images/chosen-sprite.png') no-repeat -38px -22px;
    background: url('images/chosen-sprite.png') no-repeat -38px -22px, -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
    background: url('images/chosen-sprite.png') no-repeat -38px -22px, -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
    background: url('images/chosen-sprite.png') no-repeat -38px -22px, -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
    background: url('images/chosen-sprite.png') no-repeat -38px -22px, -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
    background: url('images/chosen-sprite.png') no-repeat -38px -22px, -ms-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
    background: url('images/chosen-sprite.png') no-repeat -38px -22px, linear-gradient(top, #eeeeee 1%, #ffffff 15%);
    padding: 4px 5px 4px 20px;
    direction: rtl;
}
/* @end */


/* tooltip styling */
.tooltip {
    background: url("images/recipe/tearedh-bg.png") repeat scroll 0 0 transparent;
    color: #000000;
    padding: 15px 30px 20px 40px;
    max-width: 520px;
    width: 90%;
    display:none;
    z-index:10000;
}
#tooltip_container {
    width: 170px;
    padding: 10px 10px 10px 40px;
}
#tooltip_container_popup {
    width: 170px;
    padding: 10px 30px 10px 40px;
}
@media screen and (max-width: 768px) {
    .tooltip{
        max-width: 460px
    }
    #tooltip_container {
        width: 90px;
    }
}

@media screen and (max-width: 480px) {
    .tooltip{
        max-width: 310px
    }
}

/* a .label element inside tooltip */

.single article.post a img { margin:10px; padding:5px; border: 1px #ccc solid; max-width: 96%; height: auto;}
.single article.post a:hover img {border: 1px #891a1a solid;}

#header a img {border: none;}
#header a:hover img{border: none;}


#disqus_thread {
    padding: 20px;
    background-color: #ffffff;}



/*adaptive video*/

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    margin:0 0 15px 0;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* reset.css */

/** START HTML5 Boilerplate CSS **/

/**
 * HTML5 ✰ Boilerplate
 *
 * style.css contains a reset, font normalization and some base styles.
 *
*/


/**
 * html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
 * v1.6.1 2010-09-17 | Authors: Eric Meyer & Richard Clark
 * html5doctor.com/html-5-reset-stylesheet/
*/

html, body, body div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

blockquote, q { quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after { content: ""; content: none; }

ins { background-color: #ff9; color: #000; text-decoration: none; }

mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }

table { border-collapse: collapse; border-spacing: 0; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }


/**
 * Font normalization inspired by YUI Library's fonts.css: developer.yahoo.com/yui/
*/

body { font:13px/1.231 sans-serif; *font-size:small; } /* Hack retained to preserve specificity */

/* Normalize monospace sizing:
   en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome */
pre, code, kbd, samp { font-family: monospace, sans-serif; }


/**
 * Minimal base styles.
*/

/* 1) Always force a scrollbar in non-IE
   2) Remove iOS text size adjust without disabling user zoom: www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
html { overflow-y: scroll; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; }

/* j.mp/webkit-tap-highlight-color */
a:link { -webkit-tap-highlight-color: #FF5E99; }

/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active { outline: none; }

a, a:active, a:visited { color: #720000; }
a:hover { color: #777; }

ul, ol { margin-left: 2em; }
ol { list-style-type: decimal; }

/* Remove margins for navigation lists */
nav ul, nav li { margin: 0; list-style:none; list-style-image: none; }

small { font-size: 85%; }
b, strong, th { font-weight: bold; }

td { vertical-align: top; }

/* Set sub, sup without affecting line-height: gist.github.com/413930 */
sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

pre {
    /* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
    white-space: pre; white-space: pre-wrap; word-wrap: break-word;
    padding: 15px;
}

.ie6 legend, .ie7 legend { margin-left: -7px; }

/* 1) Make inputs and buttons play nice in IE: www.viget.com/inspire/styling-the-button-element-in-internet-explorer/
   2) WebKit browsers add a 2px margin outside the chrome of form elements.
      Firefox adds a 1px margin above and below textareas
   3) Set font-size to match <body>'s, and font-family to sans-serif
   4) Align to baseline */
button, input, select, textarea { width: auto; overflow: visible; margin: 0; font-size: 100%; font-family: sans-serif; vertical-align: baseline; }

/* 1) Remove default scrollbar in IE: www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/
   2) Align to text-top */
textarea { overflow: auto; vertical-align:text-top; }

/* Hand cursor on clickable input elements */
label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }

/* Remove extra padding and inner border in Firefox */
input::-moz-focus-inner,
button::-moz-focus-inner { border: 0; padding: 0; }

/* Colors for form validity */
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red; }
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; }

/* Bicubic resizing for non-native sized IMG:
   code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
.ie7 img { -ms-interpolation-mode: bicubic; }


/**
 * You might tweak these..
*/

body, select, input, textarea {
    /* #444 looks better than black: twitter.com/H_FJ/statuses/11800719859 */
    color: #333;
    /* Set your base font here, to apply evenly */
    /* font-family: "Georgia", serif;  */
}

/* Headers (h1, h2, etc) have no default font-size or margin; define those yourself */
/* h1, h2, h3, h4, h5, h6 { font-weight: bold; } */

/* These selection declarations have to be separate
   No text-shadow: twitter.com/miketaylr/status/12228805301
   Also: hot pink! */
::-moz-selection { background: #fe57a1; color:#fff; text-shadow: none; }
::selection { background:#fe57a1; color:#fff; text-shadow: none; }

/* less.css */

/*	Less Framework 4 with 16/24 type presets
	http://lessframework.com
	by Joni Korpi
	License: http://opensource.org/licenses/mit-license.php	*/



/*	Resets
	------	*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em,
img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figure, figcaption, hgroup,
menu, footer, header, nav, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
}

article, aside, canvas, figure, figure img, figcaption, hgroup,
footer, header, nav, section, audio, video {
    display: block;
}

a img {border: 0;}



/*	Typography presets
	------------------	*/

.gigantic {
    font-size: 110px;
    line-height: 120px;
    letter-spacing: -2px;
}

.huge, h1 {
    font-size: 38px;
    letter-spacing: -1px;
    line-height: 55px;
}

.large, h2 {
    font-size: 32px;
    line-height: 43px;
}

.bigger, h3 {
    font-size: 26px;
    line-height: 20px;
}

.big, h4 {
    font-size: 22px;
    line-height: 30px;
}
h5 {
    font-size: 20px;
    line-height: 28px;
}
h6 {
    font-size: 17px;
    line-height: 25px;
}

body {
    font: 16px/24px "PT Sans", Arial, serif;
}

.small, small {
    font-size: 13px;
    line-height: 18px;
}

/* Selection colours (easy to forget) */

::selection 	 	{background: #700; color:#fff}
::-moz-selection 	{background: #700; color:#fff}
img::selection 		{background: transparent;}
img::-moz-selection	{background: transparent;}
body {-webkit-tap-highlight-color: rgb(239,174,134);}







/*		Tablet Layout: 768px.
		Gutters: 24px.
		Outer margins: 28px.
		Inherits styles from: Default Layout.
-----------------------------------------------------------------
cols    1     2      3      4      5      6      7      8
px      68    160    252    344    436    528    620    712    */

@media only screen and (min-width: 768px) and (max-width: 991px) {

    body {

        padding: 20px 28px 60px;
    }

    #ub_menu {
        position: relative;
        float: right;
        margin-top: 35px;
    	min-width: 50%;
		
    }



}



/*		Mobile Layout: 320px.
		Gutters: 24px.
		Outer margins: 34px.
		Inherits styles from: Default Layout.
---------------------------------------------
cols    1     2      3
px      68    160    252    */

@media only screen and (max-width: 767px) {

    body {
        width: 252px;
       /* padding: 48px 34px 60px; */
    }

    header.main {
        float: none;
    }

}



/*		Wide Mobile Layout: 480px.
		Gutters: 24px.
		Outer margins: 22px.
		Inherits styles from: Default Layout, Mobile Layout.
------------------------------------------------------------
cols    1     2      3      4      5
px      68    160    252    344    436    */

@media only screen and (min-width: 480px) and (max-width: 767px) {

    body {
        width: 436px;
        padding: 20px 22px 48px;
    }

  .wp-caption {
    /* Force the box to be 100% */
    width: 100% !important;
  }
  #content .wp-caption a img {
    /* Scale down if too big */
    max-width: 99.03225806%; /* 614/620 */
    height: auto;
  }



}


/*	Retina media query.
	Overrides styles for devices with a
	device-pixel-ratio of 2+, such as iPhone 4.
-----------------------------------------------    */

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {

    body {

    }

}

/* PrettyPhoto.css */

div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right{height:13px}
div.pp_default .pp_top .pp_left{background:url(images/prettyPhoto/default/sprite.png) -78px -93px no-repeat}
div.pp_default .pp_top .pp_middle{background:url(images/prettyPhoto/default/sprite_x.png) top left repeat-x}
div.pp_default .pp_top .pp_right{background:url(images/prettyPhoto/default/sprite.png) -112px -93px no-repeat}
div.pp_default .pp_content .ppt{color:#f8f8f8}
div.pp_default .pp_content_container .pp_left{background:url(images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;padding-left:13px}
div.pp_default .pp_content_container .pp_right{background:url(images/prettyPhoto/default/sprite_y.png) top right repeat-y;padding-right:13px}
div.pp_default .pp_next:hover{background:url(images/prettyPhoto/default/sprite_next.png) center right no-repeat;cursor:pointer}
div.pp_default .pp_previous:hover{background:url(images/prettyPhoto/default/sprite_prev.png) center left no-repeat;cursor:pointer}
div.pp_default .pp_expand{background:url(images/prettyPhoto/default/sprite.png) 0 -29px no-repeat;cursor:pointer;height:28px;width:28px}
div.pp_default .pp_expand:hover{background:url(images/prettyPhoto/default/sprite.png) 0 -56px no-repeat;cursor:pointer}
div.pp_default .pp_contract{background:url(images/prettyPhoto/default/sprite.png) 0 -84px no-repeat;cursor:pointer;height:28px;width:28px}
div.pp_default .pp_contract:hover{background:url(images/prettyPhoto/default/sprite.png) 0 -113px no-repeat;cursor:pointer}
div.pp_default .pp_close{background:url(images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;cursor:pointer;height:30px;width:30px}
div.pp_default .pp_gallery ul li a{background:url(images/prettyPhoto/default/default_thumb.png) center center #f8f8f8;border:1px solid #aaa}
div.pp_default .pp_social{margin-top:7px}
div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{left:auto;position:static}
div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{background:url(images/prettyPhoto/default/sprite.png) -51px 1px no-repeat;height:30px;width:30px}
div.pp_default .pp_nav .pp_pause{background-position:-51px -29px}
div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url(images/prettyPhoto/default/sprite.png) -31px -3px no-repeat;height:20px;margin:4px 0 0;width:20px}
div.pp_default a.pp_arrow_next{background-position:-82px -3px;left:52px}
div.pp_default .pp_content_container .pp_details{margin-top:5px}
div.pp_default .pp_nav{clear:none;height:30px;position:relative;width:110px}
div.pp_default .pp_nav .currentTextHolder{color:#999;font-family:"Georgia";font-size:11px;font-style:italic;left:75px;line-height:25px;margin:0;padding:0 0 0 10px;position:absolute;top:2px}
div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover{opacity:0.7}
div.pp_default .pp_description{font-size:11px;font-weight:700;line-height:14px;margin:5px 50px 5px 0}
div.pp_default .pp_bottom .pp_left{background:url(images/prettyPhoto/default/sprite.png) -78px -127px no-repeat}
div.pp_default .pp_bottom .pp_middle{background:url(images/prettyPhoto/default/sprite_x.png) bottom left repeat-x}
div.pp_default .pp_bottom .pp_right{background:url(images/prettyPhoto/default/sprite.png) -112px -127px no-repeat}
div.pp_default .pp_loaderIcon{background:url(images/prettyPhoto/default/loader.gif) center center no-repeat}
div.light_rounded .pp_top .pp_left{background:url(images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat}
div.light_rounded .pp_top .pp_right{background:url(images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat}
div.light_rounded .pp_next:hover{background:url(images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;cursor:pointer}
div.light_rounded .pp_previous:hover{background:url(images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}
div.light_rounded .pp_expand{background:url(images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.light_rounded .pp_expand:hover{background:url(images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.light_rounded .pp_contract{background:url(images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.light_rounded .pp_contract:hover{background:url(images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.light_rounded .pp_close{background:url(images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:75px}
div.light_rounded .pp_nav .pp_play{background:url(images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.light_rounded .pp_nav .pp_pause{background:url(images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.light_rounded .pp_arrow_previous{background:url(images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat}
div.light_rounded .pp_arrow_next{background:url(images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat}
div.light_rounded .pp_bottom .pp_left{background:url(images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat}
div.light_rounded .pp_bottom .pp_right{background:url(images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat}
div.dark_rounded .pp_top .pp_left{background:url(images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat}
div.dark_rounded .pp_top .pp_right{background:url(images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat}
div.dark_rounded .pp_content_container .pp_left{background:url(images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y}
div.dark_rounded .pp_content_container .pp_right{background:url(images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y}
div.dark_rounded .pp_next:hover{background:url(images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;cursor:pointer}
div.dark_rounded .pp_previous:hover{background:url(images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}
div.dark_rounded .pp_expand{background:url(images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.dark_rounded .pp_expand:hover{background:url(images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.dark_rounded .pp_contract{background:url(images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.dark_rounded .pp_contract:hover{background:url(images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.dark_rounded .pp_close{background:url(images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:75px}
div.dark_rounded .pp_description{color:#fff;margin-right:85px}
div.dark_rounded .pp_nav .pp_play{background:url(images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.dark_rounded .pp_nav .pp_pause{background:url(images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.dark_rounded .pp_arrow_previous{background:url(images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat}
div.dark_rounded .pp_arrow_next{background:url(images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat}
div.dark_rounded .pp_bottom .pp_left{background:url(images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat}
div.dark_rounded .pp_bottom .pp_right{background:url(images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat}
div.dark_rounded .pp_loaderIcon{background:url(images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat}
div.dark_square .pp_left,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{background:#000}
div.dark_square .pp_description{color:#fff;margin:0 85px 0 0}
div.dark_square .pp_loaderIcon{background:url(images/prettyPhoto/dark_square/loader.gif) center center no-repeat}
div.dark_square .pp_expand{background:url(images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.dark_square .pp_expand:hover{background:url(images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.dark_square .pp_contract{background:url(images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.dark_square .pp_contract:hover{background:url(images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.dark_square .pp_close{background:url(images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:75px}
div.dark_square .pp_nav{clear:none}
div.dark_square .pp_nav .pp_play{background:url(images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.dark_square .pp_nav .pp_pause{background:url(images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.dark_square .pp_arrow_previous{background:url(images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat}
div.dark_square .pp_arrow_next{background:url(images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat}
div.dark_square .pp_next:hover{background:url(images/prettyPhoto/dark_square/btnNext.png) center right no-repeat;cursor:pointer}
div.dark_square .pp_previous:hover{background:url(images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;cursor:pointer}
div.light_square .pp_expand{background:url(images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.light_square .pp_expand:hover{background:url(images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.light_square .pp_contract{background:url(images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.light_square .pp_contract:hover{background:url(images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.light_square .pp_close{background:url(images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:75px}
div.light_square .pp_nav .pp_play{background:url(images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.light_square .pp_nav .pp_pause{background:url(images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.light_square .pp_arrow_previous{background:url(images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat}
div.light_square .pp_arrow_next{background:url(images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat}
div.light_square .pp_next:hover{background:url(images/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor:pointer}
div.light_square .pp_previous:hover{background:url(images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor:pointer}
div.facebook .pp_top .pp_left{background:url(images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat}
div.facebook .pp_top .pp_middle{background:url(images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x}
div.facebook .pp_top .pp_right{background:url(images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat}
div.facebook .pp_content_container .pp_left{background:url(images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y}
div.facebook .pp_content_container .pp_right{background:url(images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y}
div.facebook .pp_expand{background:url(images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.facebook .pp_expand:hover{background:url(images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.facebook .pp_contract{background:url(images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.facebook .pp_contract:hover{background:url(images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.facebook .pp_close{background:url(images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:22px}
div.facebook .pp_description{margin:0 37px 0 0}
div.facebook .pp_loaderIcon{background:url(images/prettyPhoto/facebook/loader.gif) center center no-repeat}
div.facebook .pp_arrow_previous{background:url(images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px}
div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default}
div.facebook .pp_arrow_next{background:url(images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px}
div.facebook .pp_arrow_next.disabled{background-position:-32px -96px;cursor:default}
div.facebook .pp_nav{margin-top:0}
div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px}
div.facebook .pp_nav .pp_play{background:url(images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;height:22px;width:22px}
div.facebook .pp_nav .pp_pause{background:url(images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;height:22px;width:22px}
div.facebook .pp_next:hover{background:url(images/prettyPhoto/facebook/btnNext.png) center right no-repeat;cursor:pointer}
div.facebook .pp_previous:hover{background:url(images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;cursor:pointer}
div.facebook .pp_bottom .pp_left{background:url(images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat}
div.facebook .pp_bottom .pp_middle{background:url(images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x}
div.facebook .pp_bottom .pp_right{background:url(images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat}
div.pp_pic_holder a:focus{outline:none}
div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500}
div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000}
.pp_content{height:40px;min-width:40px}
* html .pp_content{width:40px}
.pp_content_container{position:relative;text-align:left;width:100%}
.pp_content_container .pp_left{padding-left:20px}
.pp_content_container .pp_right{padding-right:20px}
.pp_content_container .pp_details{float:left;margin:10px 0 2px}
.pp_description{display:none;margin:0}
.pp_social{float:left;margin:0}
.pp_social .facebook{float:left;margin-left:5px;overflow:hidden;width:70px}
.pp_social .twitter{float:left}
.pp_nav{clear:right;float:left;margin:3px 10px 0 0}
.pp_nav p{float:left;margin:2px 4px;white-space:nowrap}
.pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px}
a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px}
.pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000}
.pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000}
.pp_gallery div{float:left;overflow:hidden;position:relative}
.pp_gallery ul{float:left;height:35px;margin:0 0 0 5px;padding:0;position:relative;white-space:nowrap}
.pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden}
.pp_gallery ul a img{border:0}
.pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0}
.pp_gallery li.default a{background:url(images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px}
.pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important}
a.pp_next{background:url(images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%}
a.pp_previous{background:url(images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%}
a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000}
a.pp_close{display:block;line-height:22px;position:absolute;right:0;text-indent:-10000px;top:0}
.pp_loaderIcon{display:block;height:24px;left:50%;margin:-12px 0 0 -12px;position:absolute;top:50%;width:24px}
#pp_full_res{line-height:1!important}
#pp_full_res .pp_inline{text-align:left}
#pp_full_res .pp_inline p{margin:0 0 15px}
div.ppt{color:#fff;display:none;font-size:17px;margin:0 0 5px 15px;z-index:9999}
div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#fff}
div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000}
div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff}
div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative}
div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,div.light_rounded .pp_bottom .pp_middle,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content,div.facebook .pp_content{background:#fff}
div.light_rounded .pp_description,div.light_square .pp_description{margin-right:85px}
div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px!important}
div.light_rounded .pp_arrow_previous.disabled,div.dark_rounded .pp_arrow_previous.disabled,div.dark_square .pp_arrow_previous.disabled,div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default}
div.light_rounded .pp_arrow_next.disabled,div.dark_rounded .pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default}
div.light_rounded .pp_loaderIcon,div.light_square .pp_loaderIcon{background:url(images/prettyPhoto/light_rounded/loader.gif) center center no-repeat}
div.dark_rounded .pp_top .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_bottom .pp_middle{background:url(images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat}
div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder{color:#c4c4c4}
div.dark_rounded #pp_full_res .pp_inline,div.dark_square #pp_full_res .pp_inline{color:#fff}
.pp_top,.pp_bottom{height:20px;position:relative}
* html .pp_top,* html .pp_bottom{padding:0 20px}
.pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px}
.pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px}
* html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static}
.pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px}
.pp_fade,.pp_gallery li.default a img{display:none}

/* css_button/style4 */

.a-but{
    padding-left:20px;
    padding-right:80px;
    height:34px;
    display:inline-block;
    position:relative;
    float:left;
    clear:both;
    margin:10px 0px;
    overflow:hidden;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
    border-radius:20px;
    text-decoration: none;
    margin-right: 20px;
}

.select-buttons{
    display: inline-block;
}


.blue
{
    background:#428BCA;
}

.blue .a-but-slide-text
{
    background:#226FBE;
}

.green
{
    background:#17AA56;
}

.green .a-but-slide-text
{
    background:#0A833D;
}

.orange
{
    background:#841415;
}

.orange .a-but-slide-text
{
    background:#f8e9c9;
}

.red
{
    background:#F06060;
}

.red .a-but-slide-text
{
    background:#AB3C3C;
}


.a-but-text{
    padding-top:5px;
    display:block;
    font-size:17px;
    font-family: Georgia;
    white-space:nowrap;
    color:#fff;
    -webkit-transition:all 0.2s linear;
    -moz-transition:all 0.2s linear;
    -o-transition:all 0.2s linear;
    transition:all 0.2s linear;
}
.a-but-slide-text{
    position:absolute;
    height:100%;
    top:0px;
    right:52px;
    width:0px;
    border-radius:20px;
    color:#841415;
    font-size:15px;
    font-family: Georgia;
    white-space:nowrap;
    text-transform:uppercase;
    text-align:left;
    text-indent:15px;
    overflow:hidden;
    line-height:34px;
    -webkit-transition:width 0.3s linear;
    -moz-transition:width 0.3s linear;
    -o-transition:width 0.3s linear;
    transition:width 0.3s linear;
}
.a-but-icon-right{
    position:absolute;
    right:-10px;
    top:3px;
    height:100%;
    width:52px;
    font-size:25px;
    color: white;
}
.a-but-icon-right span{
    width:38px;
    height:38px;
    opacity:0.7;
    position:absolute;
    left:50%;
    top:50%;
    margin:-20px 0px 0px -20px;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}


.a-but:hover{
    padding-right:180px;
}
.a-but:hover .a-but-text{
    color:#fff;
}
.a-but:hover .a-but-slide-text{
    width:100px;
}
.a-but:hover .a-but-icon-right span{
    opacity:1;
}
.a-but:active{
    position:relative;
    top:1px;
    border-color:#80a9da;
}

.but {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    color: inherit;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    margin: 20px 10px 7px 0px;
    outline: medium none;
    padding: 10px 15px 10px 50px;
    position: relative;
    transition: all 0.3s ease 0s;
    /* text-transform:uppercase; */
}
.but-red {
    background: none repeat scroll 0 0 #F06060;
    color: #FFFFFF;
}
.but-red:hover {
    background: none repeat scroll 0 0 #CB4E4E;
}
.but-red:active {
    background: none repeat scroll 0 0 #CB4E4E;
    top: 2px;
}
.but-red:before {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 35px;
    font-size:18px;
    line-height:2;
}
.but-dred {

}
.but-dred:before {
    background: #AB3C3C;
}

.but-dred:hover {
    -webkit-transform:scale(1.01);
    -moz-transform:scale(1.01);
    -ms-transform:scale(1.01);
    -o-transform:scale(1.01);
    transform:scale(1.01);
}



/*green*/

.but-green {
    background: none repeat scroll 0 0 #2AC56C;
    color: #FFFFFF;
}
.but-green:hover {
    background: none repeat scroll 0 0 #17AA56;
}
.but-green:active {
    background: none repeat scroll 0 0 #17AA56;
    top: 2px;
}
.but-green:before {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 35px;
    font-size:18px;
    line-height:2;
}
.but-dgreen {

}
.but-dgreen:before {
    background: #119E4D;
}

.but-dgreen:hover {
    -webkit-transform:scale(1.01);
    -moz-transform:scale(1.01);
    -ms-transform:scale(1.01);
    -o-transform:scale(1.01);
    transform:scale(1.01);
}


/*Blue*/

.but-blue {
    background: none repeat scroll 0 0 #4593E3;
    color: #FFFFFF;
}
.but-blue:hover {
    background: none repeat scroll 0 0 #007FCF;
}
.but-blue:active {
    background: none repeat scroll 0 0 #007FCF;
    top: 2px;
}
.but-blue:before {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 35px;
    font-size:18px;
    line-height:2;
}
.but-dblue {

}
.but-dblue:before {
    background: #226FBE;
}

.but-dblue:hover {
    -webkit-transform:scale(1.01);
    -moz-transform:scale(1.01);
    -ms-transform:scale(1.01);
    -o-transform:scale(1.01);
    transform:scale(1.01);
}



/*Yellow*/

.but-yellow {
    background: none repeat scroll 0 0 #f8e9c9;
    color: #841415;
}
.but-yellow:hover {
    background: none repeat scroll 0 0 #fae1a3;
}
.but-yellow:active {
    background: none repeat scroll 0 0 #FCD04B;
    top: 2px;
}
.but-yellow:before {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 35px;
    font-size:18px;
    line-height:2;
}
.but-dyellow {

}
.but-dyellow:before {
    background: #841415;
    color: #fff;
}

.but-dyellow:hover {
    -webkit-transform:scale(1.01);
    -moz-transform:scale(1.01);
    -ms-transform:scale(1.01);
    -o-transform:scale(1.01);
    transform:scale(1.01);
}


/* css-button/font-awesome.min.css */

/*!
 *  Font Awesome 4.0.3 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */

/*@font-face {*/
/*font-family: 'FontAwesome';*/
/*src: url('../../fonts/fontawesome-webfont.eot?v=4.0.3');*/
/*src: url('../../fonts/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'), url('../../fonts/fontawesome-webfont.woff?v=4.0.3') format('woff'), url('../../fonts/fontawesome-webfont.ttf?v=4.0.3') format('truetype'), url('../../fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');*/
/*font-weight: normal;*/
/*font-style: normal;*/
/*}*/


/*.fa {*/
/*display:inline-block;*/
/*font-family:FontAwesome;*/
/*font-style:normal;*/
/*font-weight:400;*/
/*line-height:1;*/
/*-webkit-font-smoothing:antialiased;*/
/*-moz-osx-font-smoothing:grayscale;*/
/*}*/

/*.fa-lg {*/
/*font-size:1.3333333333333em;*/
/*line-height:.75em;*/
/*vertical-align:-15%;*/
/*}*/

/*.fa-3x {*/
/*font-size:3em;*/
/*}*/

/*.fa-4x {*/
/*font-size:4em;*/
/*}*/

/*.fa-5x {*/
/*font-size:5em;*/
/*}*/

/*.fa-fw {*/
/*width:1.2857142857143em;*/
/*text-align:center;*/
/*}*/

/*.fa-ul {*/
/*padding-left:0;*/
/*margin-left:2.1428571428571em;*/
/*list-style-type:none;*/
/*}*/

/*.fa-ul>li {*/
/*position:relative;*/
/*}*/

/*.fa-li {*/
/*position:absolute;*/
/*left:-2.1428571428571em;*/
/*width:2.1428571428571em;*/
/*top:.14285714285714285em;*/
/*text-align:center;*/
/*}*/

/*.fa-li.fa-lg {*/
/*left:-1.8571428571429em;*/
/*}*/

/*.fa-border {*/
/*border:solid .08em #eee;*/
/*border-radius:.1em;*/
/*padding:.2em .25em .15em;*/
/*}*/

/*.pull-right {*/
/*float:right;*/
/*}*/

/*.pull-left {*/
/*float:left;*/
/*}*/

/*.fa.pull-left {*/
/*margin-right:.3em;*/
/*}*/

/*.fa.pull-right {*/
/*margin-left:.3em;*/
/*}*/

/*.fa-spin {*/
/*-webkit-animation:spin 2s infinite linear;*/
/*-moz-animation:spin 2s infinite linear;*/
/*-o-animation:spin 2s infinite linear;*/
/*animation:spin 2s infinite linear;*/
/*}*/

/*100% {*/
/*-moz-transform:rotate(359deg);*/
/*-webkit-transform:rotate(359deg);*/
/*-o-transform:rotate(359deg);*/
/*-ms-transform:rotate(359deg);*/
/*transform:rotate(359deg);*/
/*}*/

/*.fa-rotate-90 {*/
/*filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);*/
/*-webkit-transform:rotate(90deg);*/
/*-moz-transform:rotate(90deg);*/
/*-ms-transform:rotate(90deg);*/
/*-o-transform:rotate(90deg);*/
/*transform:rotate(90deg);*/
/*}*/

/*.fa-rotate-180 {*/
/*filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);*/
/*-webkit-transform:rotate(180deg);*/
/*-moz-transform:rotate(180deg);*/
/*-ms-transform:rotate(180deg);*/
/*-o-transform:rotate(180deg);*/
/*transform:rotate(180deg);*/
/*}*/

/*.fa-rotate-270 {*/
/*filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);*/
/*-webkit-transform:rotate(270deg);*/
/*-moz-transform:rotate(270deg);*/
/*-ms-transform:rotate(270deg);*/
/*-o-transform:rotate(270deg);*/
/*transform:rotate(270deg);*/
/*}*/

/*.fa-flip-horizontal {*/
/*filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0,mirror=1);*/
/*-webkit-transform:scale(-1,1);*/
/*-moz-transform:scale(-1,1);*/
/*-ms-transform:scale(-1,1);*/
/*-o-transform:scale(-1,1);*/
/*transform:scale(-1,1);*/
/*}*/

/*.fa-flip-vertical {*/
/*filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2,mirror=1);*/
/*-webkit-transform:scale(1,-1);*/
/*-moz-transform:scale(1,-1);*/
/*-ms-transform:scale(1,-1);*/
/*-o-transform:scale(1,-1);*/
/*transform:scale(1,-1);*/
/*}*/

/*.fa-stack {*/
/*position:relative;*/
/*display:inline-block;*/
/*width:2em;*/
/*height:2em;*/
/*line-height:2em;*/
/*vertical-align:middle;*/
/*}*/

/*.fa-stack-1x,.fa-stack-2x {*/
/*position:absolute;*/
/*left:0;*/
/*width:100%;*/
/*text-align:center;*/
/*}*/

/*.fa-stack-1x {*/
/*line-height:inherit;*/
/*}*/

/*.fa-inverse {*/
/*color:#fff;*/
/*}*/

/*.fa-check:before {*/
/*content:"\f00c";*/
/*}*/

/*.fa-check-square-o:before {*/
/*content:"\f046";*/
/*}*/
/*.fa-check-circle:before {*/
/*content:"\f058";*/
/*}*/

/*.fa-check-circle-o:before {*/
/*content:"\f05d";*/
/*}*/

/*.fa-check-square:before {*/
/*content:"\f14a";*/
/*}*/

/*.fa-home:before {*/
/*content:"\f015";*/
/*}*/

/*.fa-list-ul:before {*/
/*content:"\f0ca";*/
/*}*/

/*.fa-list-ol:before {*/
/*content:"\f0cb";*/
/*font-size: 24px;*/
/*}*/

/*.fa-pencil-square:before {*/
/*content:"\f14b";*/
/*}*/

/*.fa-pencil:before {*/
/*content:"\f040";*/
/*}*/

/*.fa-edit:before,.fa-pencil-square-o:before {*/
/*content:"\f044";*/
/*}*/

/*.fa-square-o:before {*/
/*content:"\f096";*/
/*}*/

/*.fa-times:before {*/
/*content:"\f00d";*/
/*}*/

/*.fa-times-circle:before {*/
/*content:"\f057";*/
/*}*/

/*.fa-times-circle-o:before {*/
/*content:"\f05c";*/
/*}*/


/* Disqus */

.disqus-footer__link {
  font-size: 13px!important;
}

#License {
	text-align:left;
	padding: 10px 10px 20px 10px;
}

/* Facebook likebox*/

fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget {
    width: 100% !important;
}

#tag_recipes {
	background: url(https://etnocook.com/wp-content/themes/Etnocook/images/double-line.png) center repeat-x;
}

.tag_recipes_title {
	display: block;
	font-size: 18px;
	margin: 0 30% 30px 30%;
	text-align: center;
	text-decoration: none !important;
	font-family: Georgia;
	padding: 0px 10px;
	background: #f8f8f8 none repeat scroll 0% 0%;
}

.tag_title {
    margin:0 auto;
    text-align:center;
    font-size: 28px;
    margin-bottom: 10px;
    line-height: 30px;
    color: #720000;
    font-family: Georgia,Times New Roman,serif;
}

.tag_title p::first-letter {
    text-transform: capitalize;
}

.known_since_subtitle {
    padding: 0px;
    font-size: 18px;
    font-style: italic;
    font-family: Georgia;
    text-align: center;
    margin-bottom: 30px;
}
#print_product_list{
    display: inline-block;
    padding: 10px;
    text-align: center;
    line-height: 20px;
}
#print_product_list:after{
    content: '';
    margin-left: 5px;
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHN0eWxlPSIiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSIzMTEiIGhlaWdodD0iMjkyIj48cmVjdCBpZD0iYmFja2dyb3VuZHJlY3QiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHg9IjAiIHk9IjAiIGZpbGw9Im5vbmUiIHN0cm9rZT0ibm9uZSIgY2xhc3M9IiIgc3R5bGU9IiIvPjxnIGNsYXNzPSJjdXJyZW50TGF5ZXIiIHN0eWxlPSIiPjx0aXRsZT5MYXllciAxPC90aXRsZT48ZyBpZD0ic3ZnXzEiIGNsYXNzPSJzZWxlY3RlZCIgZmlsbD0iIzcyMDAwMCIgZmlsbC1vcGFjaXR5PSIxIj48ZyBpZD0ic3ZnXzIiIGZpbGw9IiM3MjAwMDAiIGZpbGwtb3BhY2l0eT0iMSI+PHBhdGggc3R5bGU9IiIgZD0iTTc3LjY3MjU2OTI3NDkwMjM0LDIzMy41MTc3MDc4MjQ3MDcwMyB2NTguMjU0NDI2OTU2MTc2NzYgaDE1NS4zNDUxMzg1NDk4MDQ3IHYtNTguMjU0NDI2OTU2MTc2NzYgdi0zOC44MzYyODQ2Mzc0NTExNyBINzcuNjcyNTY5Mjc0OTAyMzQgVjIzMy41MTc3MDc4MjQ3MDcwMyB6TTk3LjA5MDcxMTU5MzYyNzkzLDIxNC4wOTk1NjU1MDU5ODE0NSBoMTE2LjUwODg1MzkxMjM1MzUyIHYxOS40MTgxNDIzMTg3MjU1ODYgSDk3LjA5MDcxMTU5MzYyNzkzIFYyMTQuMDk5NTY1NTA1OTgxNDUgek05Ny4wOTA3MTE1OTM2Mjc5MywyNTIuOTM1ODUwMTQzNDMyNjIgaDExNi41MDg4NTM5MTIzNTM1MiB2MTkuNDE4MTQyMzE4NzI1NTg2IEg5Ny4wOTA3MTE1OTM2Mjc5MyBWMjUyLjkzNTg1MDE0MzQzMjYyIHoiIGlkPSJzdmdfMyIgZmlsbD0iIzcyMDAwMCIgZmlsbC1vcGFjaXR5PSIxIi8+PHBvbHlnb24gc3R5bGU9IiIgcG9pbnRzPSIyMzMuMDE3NzA3ODI0NzA3MDMsNTguNzU0NDI2OTU2MTc2NzYgMjMzLjAxNzcwNzgyNDcwNzAzLDAuNSA3Ny42NzI1NjkyNzQ5MDIzNCwwLjUgNzcuNjcyNTY5Mjc0OTAyMzQsNTguNzU0NDI2OTU2MTc2NzYgNzcuNjcyNTY5Mjc0OTAyMzQsOTcuNTkwNzExNTkzNjI3OTMgMjMzLjAxNzcwNzgyNDcwNzAzLDk3LjU5MDcxMTU5MzYyNzkzICIgaWQ9InN2Z180IiBmaWxsPSIjNzIwMDAwIiBmaWxsLW9wYWNpdHk9IjEiLz48cGF0aCBzdHlsZT0iIiBkPSJNMjcxLjg1Mzk5MjQ2MjE1ODIsNTguNzU0NDI2OTU2MTc2NzYgaC0xOS40MTgxNDIzMTg3MjU1ODYgdjM4LjgzNjI4NDYzNzQ1MTE3IHYxOS40MTgxNDIzMTg3MjU1ODYgSDU4LjI1NDQyNjk1NjE3Njc2IHYtMTkuNDE4MTQyMzE4NzI1NTg2IHYtMzguODM2Mjg0NjM3NDUxMTcgSDM4LjgzNjI4NDYzNzQ1MTE3IGMtMTkuNDE4MTQyMzE4NzI1NTg2LDAgLTM4LjgzNjI4NDYzNzQ1MTE3LDE5LjQxODE0MjMxODcyNTU4NiAtMzguODM2Mjg0NjM3NDUxMTcsMzguODM2Mjg0NjM3NDUxMTcgdjk3LjA5MDcxMTU5MzYyNzkzIGMwLDE5LjQxODE0MjMxODcyNTU4NiAxOS40MTgxNDIzMTg3MjU1ODYsMzguODM2Mjg0NjM3NDUxMTcgMzguODM2Mjg0NjM3NDUxMTcsMzguODM2Mjg0NjM3NDUxMTcgaDE5LjQxODE0MjMxODcyNTU4NiB2LTM4LjgzNjI4NDYzNzQ1MTE3IHYtMTkuNDE4MTQyMzE4NzI1NTg2IGgxOTQuMTgxNDIzMTg3MjU1ODYgdjE5LjQxODE0MjMxODcyNTU4NiB2MzguODM2Mjg0NjM3NDUxMTcgaDE5LjQxODE0MjMxODcyNTU4NiBjMTkuNDE4MTQyMzE4NzI1NTg2LDAgMzguODM2Mjg0NjM3NDUxMTcsLTE5LjQxODE0MjMxODcyNTU4NiAzOC44MzYyODQ2Mzc0NTExNywtMzguODM2Mjg0NjM3NDUxMTcgdi05Ny4wOTA3MTE1OTM2Mjc5MyBDMzEwLjY5MDI3NzA5OTYwOTQsNzguMTcyNTY5Mjc0OTAyMzQgMjkxLjI3MjEzNDc4MDg4MzgsNTguNzU0NDI2OTU2MTc2NzYgMjcxLjg1Mzk5MjQ2MjE1ODIsNTguNzU0NDI2OTU2MTc2NzYgeiIgaWQ9InN2Z181IiBmaWxsPSIjNzIwMDAwIiBmaWxsLW9wYWNpdHk9IjEiLz48L2c+PC9nPjxnIGlkPSJzdmdfNiIgY2xhc3M9IiI+PC9nPjxnIGlkPSJzdmdfNyIgY2xhc3M9IiI+PC9nPjxnIGlkPSJzdmdfOCIgY2xhc3M9IiI+PC9nPjxnIGlkPSJzdmdfOSIgY2xhc3M9IiI+PC9nPjxnIGlkPSJzdmdfMTAiIGNsYXNzPSIiPjwvZz48ZyBpZD0ic3ZnXzExIiBjbGFzcz0iIj48L2c+PGcgaWQ9InN2Z18xMiIgY2xhc3M9IiI+PC9nPjxnIGlkPSJzdmdfMTMiIGNsYXNzPSIiPjwvZz48ZyBpZD0ic3ZnXzE0IiBjbGFzcz0iIj48L2c+PGcgaWQ9InN2Z18xNSIgY2xhc3M9IiI+PC9nPjxnIGlkPSJzdmdfMTYiIGNsYXNzPSIiPjwvZz48ZyBpZD0ic3ZnXzE3IiBjbGFzcz0iIj48L2c+PGcgaWQ9InN2Z18xOCIgY2xhc3M9IiI+PC9nPjxnIGlkPSJzdmdfMTkiIGNsYXNzPSIiPjwvZz48ZyBpZD0ic3ZnXzIwIiBjbGFzcz0iIj48L2c+PC9nPjwvc3ZnPg==);
}

/* Compensate sticky menu height for the Anchors */

.aal_anchor {
    display: block;
    position: relative;
    top: -25px;
    visibility: hidden;
}

.aal_anchor:hover {
    top: 0px!important;
}

.aal_svg {
    top: 25px !important;
	position: relative;
	width: 30px;
	height: 20px;
}

.aal_svg:hover {
    top: 0px!important;
}

.receipt_anchor {
    display: block;
    position: relative;
    top: -95px;
    visibility: hidden;
}

/* Normal list for recipes */

.purerecipe ul {
	font-size: 16px;
	line-height: 24px;
}


.title_instructions {
	padding-top: 50px !important;
}


/* custom link style for anchor menu inside the post */

.single-post .entry-content ul {
padding: 20px 10px 10px 10px;
}

.single-post .entry-content ul a {
padding: 10px 10px;
font-size: 18px;
line-height: 32px;
text-decoration: none;
}


.single-post .entry-content ul a:hover {
text-decoration: underline;
}


/* Multi-column Tag Map customization */

.links li a {
	text-decoration: none;
	color: #720000;
}

.links li:hover {
	text-decoration: underline;
	color: #720000;
}