/*
Theme Name: Albedo
Theme URI: http://graphpaperpress.com
Author: Graph Paper Press
Author URI: http://graphpaperpress.com/
Description: A theme to showcase your photographs
Version: 1.2.3
License: GNU General Public License
License URI: license.txt
Tags: two-columns, custom-menu, sticky-post, post-formats
*/

/* =Reset
-------------------------------------------------------------- */

html .mc-modal {
    z-index: 100000000000 !important;
    background: white;
}


html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: normal;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
    word-wrap: break-word;
}

html {
    font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
    overflow-y: scroll; /* Keeps page centred in all browsers regardless of content height */
    overflow-x: hidden;
    -webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
    -ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}

body {
}

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

ol,
ul {
    list-style: none;
}

table {
    /* tables still need 'cellspacing="0"' in the markup */
    border-collapse: separate;
    border-spacing: 0;
}

caption,
th,
td {
    font-weight: normal;
    text-align: left;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
}

blockquote,
q {
    quotes: '' '';
}

a:focus {
    outline: thin dotted;
}

a:hover,
a:active {
    /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */
    outline: 0;
}

a img {
    border: 0;
}

nav {
    position: relative;
    /* clear: both; */
}

/* =Global
----------------------------------------------- */

body,
button,
input,
select,
textarea {
    color: #656464;
    font-family: Helvetica, sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.6;
}

/* Headings */
h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
    font-family: 'Open Sans Condensed', sans-serif;
}

h1 {
    font-size: 2em;
}

h2 {
    font-size: 1.8em;
}

h3 {
    font-size: 1.4em;
}

h4 {
    font-size: 1.2em;
}

h5 {
    font-size: 1em;
}

h6 {
    font-size: 0.8em;
}

hr {
    border: 0;
    height: 1px;
    margin-bottom: 1.5em;
}

/* Text elements */
p {
    margin-bottom: 1.5em;
}

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
    margin-left: 1.5em;
}

ul ul,
ol ol,
ul ol,
ol ul {
    margin-bottom: 0;
    margin-left: 1.5em;
}

dt {
    font-weight: normal;
}

dd {
    margin: 0 1.5em 1.5em;
}

b,
strong {
    font-weight: normal;
}

dfn,
cite,
em,
i {
    font-style: italic;
}

blockquote {
    margin: 0 1.5em;
}

address {
    margin: 0 0 1.5em;
}

pre {
    background: #eee;
    font-family: 'Courier 10 Pitch', Courier, monospace;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.6;
    margin-bottom: 1.6em;
    padding: 1.6em;
    overflow: auto;
    max-width: 100%;
}

code,
kbd,
tt,
var {
    font: 15px Monaco, Consolas, 'Andale Mono', 'DejaVu Sans Mono', monospace;
}

abbr,
acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}

mark,
ins {
    background: #fff9c0;
    text-decoration: none;
}

sup,
sub {
    font-size: 75%;
    height: 0;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    bottom: 1ex;
}

sub {
    top: 0.5ex;
}

small {
    font-size: 75%;
}

big {
    font-size: 125%;
}

figure {
    margin: 0;
}

table {
    margin: 0 0 1.5em;
    width: 100%;
}

th {
    font-weight: normal;
}

button,
input,
select,
textarea {
    font-size: 100%; /* Corrects font size not being inherited in all browsers */
    margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
    vertical-align: baseline; /* Improves appearance and consistency in all browsers */
    *vertical-align: middle; /* Improves appearance and consistency in all browsers */
}

button,
input {
    line-height: normal; /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */
    *overflow: visible; /* Corrects inner spacing displayed oddly in IE6/7 */
}

button,
html input[type='button'],
input[type='reset'],
input[type='submit'] {
    border: 1px solid #ccc;
    border-color: #ccc #ccc #bbb #ccc;
    border-radius: 3px;
    background: #fafafa; /* Old browsers */
    background: -moz-linear-gradient(top, #fafafa 60%, #e6e6e6 100%); /* FF3.6+ */
    background: -webkit-gradient(
            linear,
            left top,
            left bottom,
            color-stop(60%, #fafafa),
            color-stop(100%, #e6e6e6)
    ); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(
            top,
            #fafafa 60%,
            #e6e6e6 100%
    ); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(
            top,
            #fafafa 60%,
            #e6e6e6 100%
    ); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fafafa 60%, #e6e6e6 100%); /* IE10+ */
    background: linear-gradient(top, #fafafa 60%, #e6e6e6 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#e6e6e6', GradientType=0); /* IE6-9 */
    box-shadow: inset 0 2px 1px #fff;
    color: rgba(0, 0, 0, 0.8);
    cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
    -webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */
    font-size: 12px;
    font-size: 1.4rem;
    padding: 1.12em 1.5em 0.88em;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

button:hover,
html input[type='button']:hover,
input[type='reset']:hover,
input[type='submit']:hover {
    background: #f5f5f5; /* Old browsers */
    background: -moz-linear-gradient(top, #f5f5f5 60%, #dcdcdc 100%); /* FF3.6+ */
    background: -webkit-gradient(
            linear,
            left top,
            left bottom,
            color-stop(60%, #f5f5f5),
            color-stop(100%, #dcdcdc)
    ); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(
            top,
            #f5f5f5 60%,
            #dcdcdc 100%
    ); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(
            top,
            #f5f5f5 60%,
            #dcdcdc 100%
    ); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f5f5f5 60%, #dcdcdc 100%); /* IE10+ */
    background: linear-gradient(top, #f5f5f5 60%, #dcdcdc 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#dcdcdc', GradientType=0); /* IE6-9 */
    border-color: #bbb #bbb #aaa #bbb;
}

button:focus,
html input[type='button']:focus,
input[type='reset']:focus,
input[type='submit']:focus,
button:active,
html input[type='button']:active,
input[type='reset']:active,
input[type='submit']:active {
    border-color: #aaa #bbb #bbb #bbb;
    box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.15);
}

input[type='checkbox'],
input[type='radio'] {
    box-sizing: border-box; /* Addresses box sizing set to content-box in IE8/9 */
    padding: 0; /* Addresses excess padding in IE8/9 */
}

input[type='search'] {
    -webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
    box-sizing: content-box;
}

input[type='search']::-webkit-search-decoration {
    /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
    -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
    border: 0;
    padding: 0;
}

input[type='text'],
textarea {
    color: #666;
    border: 1px solid #ccc;
    border-radius: 3px;
}

input[type='text']:focus,
textarea:focus {
    color: #111;
}

input[type='text'] {
    padding: 3px;
}

textarea {
    overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
    padding-left: 3px;
    vertical-align: top; /* Improves readability and alignment in all browsers */
    width: 98%;
}

/* Links */
a {
    text-decoration: underline;
}

a:visited {
}

a:hover,
a:focus,
a:active {
}

/* Alignment */
.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
    margin-bottom: 1.5em;
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
    margin-bottom: 1.5em;
}

.aligncenter {
    clear: both;
    display: block;
    margin: 0 auto;
}

/* Text meant only for screen readers */
.assistive-text {
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
}

/* =Layout
----------------------------------------------- */

.site {
    width: 90%;
    margin: 1em auto;
}

.site-header,
.site-content,
.site-footer {
    clear: both;
    /*
      margin: 2em auto;
      */
    width: 100%;
}

.site-header {
    margin: 0 auto;
}

.widget-area {
    overflow: hidden;
}

#sidebar ul#recentcomments li {
    margin-bottom: 0.6em;
}

/* has sidebar */

/*
.has-sidebar .site-content {
	float: left;
	margin: 0 -25% 0 0;
}
.has-sidebar #content {
	margin: 0 25% 0 0;
	float:left;
	max-width:75%;
}
.has-sidebar .widget-area {
	float: right;
	width: 25%;
}
*/
body.home #content,
body.blog #content {
    margin: 0;
    max-width: 100%;
}

body.home .site-content {
    float: left;
    margin: 0;
}

#primary img {
    max-width: 100%;
    height: auto;
}

.container {
    position: relative;
    width: 960px;
    margin: 0 auto;
    background: url(images/site-bg.png) repeat;
    padding: 0 106px 20px 106px;
}

/*
body.has-sidebar .widget-area {
	width: 100%;
	float: left;
}
*/
h1.site-title {
    /*
      font-size: 4em;
      margin-bottom: 0px;
      line-height: 1em;
      float: left;
      */
    position: absolute;
    top: 15px;
    left: 52px;
    z-index: 9999 !important;
}

span.underline {
    width: 100%;
    float: left;
    margin-bottom: 1em;
}

span.logo-underline {
    margin-bottom: 0;
}

.entry-header {
    float: left;
    width: 100%;
    margin-top: -34px;
}

.entry-content a {
    text-decoration: underline;
}

a.breadcrumb-item {
    width: 180px;
}

a.breadcrumb-item {
    color: #fff !important;
    line-height: 1 !important;
    margin: 0;
    padding: 10px 20px;
    font-size: 14px;
    background: #6d6e71;
    text-transform: uppercase;
    text-align: center;
    float: left;
    text-decoration: none;
    display: block;
}

h1.entry-title {
    /*
      text-align: center;
      font-size: 2.5em;
      margin: 0.5em 0 0 0;
      */
    color: #fff !important;
    line-height: 1 !important;
    margin: 0;
    padding: 10px 20px;
    font-size: 14px;
    background: #6d6e71;
    text-transform: uppercase;
    text-align: center;
    float: right !important;
    text-decoration: none;
    display: block;
}

.single-portfolio h1.entry-title {
    margin-top: 0.5em;
}

/*
.has-sidebar h1.entry-title {
	text-align: left;
}
*/
.single-portfolio h1.entry-title {
    text-align: center;
}

.portfolio h2.entry-title {
    text-align: center;
    margin: 0;
    font-size: 2em;
}

h1.site-title a {
    text-decoration: none;
}

h1.entry-title a,
h2.entry-title a {
    text-decoration: none;
}

h2.section-title,
#homewidgets h3.widget-title {
    font-size: 1.8em;
    margin-bottom: 0px;
    line-height: 1.5em;
    text-transform: uppercase;
    float: left;
}

.post-format-content {
    float: left;
    max-width: 100%;
    width: 100%;
}

.cat-links,
.sep,
.comments-link,
.tag-links {
    float: left;
}

.sep {
    margin: 0 6px;
}

#footer-wrap {
    width: 100%;
    height: auto;
}

a.readmore {
    color: #f05d7b;
    text-decoration: none;
}

.page-header {
    margin: 1em 0;
    float: left;
    width: 100%;
}

.page-header .page-title {
    font-size: 1.5em;
    text-transform: uppercase;
    margin-top: 25px;
}

.home-slide-title {
    width: 100%;
    font-size: 15px;
    text-align: center;
    text-transform: uppercase;
    line-height: 15px;
    padding: 30px 0;
    letter-spacing: 2px;
}

.home-slider p.flex-caption {
    bottom: 6em;
}

.home-slider .slide-no-title p.flex-caption {
    bottom: 0;
}

#homewidgets {
    margin-bottom: 0;
    margin-top: 2.5em;
    width: 100%;
}

#homewidgets .widget {
    width: 22%;
    float: left;
    margin-right: 4%;
    margin-bottom: 2.5em;
}

#secondary {
    float: right;
    width: 23%;
    margin-top: 4.6em;
    margin-left: 2%;
}

h3.widget-title {
    font-size: 1.5em;
    margin-bottom: 0.4em;
}

#secondary h3.widget-title {
    font-size: 1.5em;
    text-transform: uppercase;
}

#footer-widgets h3.widget-title {
}

.widget ul {
    list-style: none;
}

.widget ul li {
    margin-bottom: 0.3em;
}

.portfolio-vertical .caroufredsel_wrapper {
    height: 236px !important;
}

.portfolio-horizontal .caroufredsel_wrapper {
    height: 108px !important;
}

.portfolio-items-wrap {
    clear: both;
}

#fromblog .excerpt p {
    margin-bottom: 0.5em;
}

#fromblog,
#fromportfolio {
    font-size: 0.9em;
    float: left;
    width: 100%;
    margin-bottom: 2.5em;
    position: relative;
}

.single-post #fromblog,
.single-post #fromportfolio {
    width: 760px;
}

#recipewidth #fromblog {
    width: 960px !important;
}

#fromblog-desc {
    margin-right: 12px;
    width: 180px;
    float: left;
}

.flex-viewport {
    /* float:left; */
    clear: both;
}

#fromportfolio .flex-viewport,
#fromblog .flex-viewport {
    width: 960px;
}

.single-post #fromportfolio .flex-viewport,
.single-post #fromblog .flex-viewport,
.page #fromportfolio .flex-viewport,
.page #fromblog .flex-viewport {
    width: 760px;
}

#fromportfolio .flex-direction-nav,
#fromblog .flex-direction-nav {
    top: 0;
    position: absolute;
    right: 0;
}

#fromportfolio .flex-direction-nav,
#fromblog .flex-direction-nav {
    top: -31px;
}

.bloghome .flex-direction-nav {
    top: -35px !important;
}

.portfoliohome .flex-direction-nav {
    top: 0 !important;
}

#fromblog a.flex-prev,
#fromblog a.flex-next,
#fromportfolio a.flex-prev,
#fromportfolio a.flex-next {
    height: 17px;
    width: 17px;
}

.portfolio-nav,
.blog-nav {
    list-style: none;
}

#fromblog a.flex-prev,
#fromportfolio a.flex-prev {
    right: 17px;
    background: url(images/prev-icon.png) top left no-repeat;
}

#fromblog a.flex-next,
#fromportfolio a.flex-next {
    right: 0;
    background: url(images/next-icon.png) top left no-repeat;
}

.portfolio-image-wrap h3.portfolio-home-title,
#fromportfolio h3.portfolio-home-title {
    position: absolute;
    width: 100%;
    text-align: center;
    z-index: 10;
    opacity: 0;
    display: none;
    line-height: 1em;
    font-size: 1.4em;
}

.portfolio-image-wrap h3.portfolio-home-title {
    font-size: 1.8em;
}

.portfolio-image-wrap h3.portfolio-home-title a,
#fromportfolio h3.portfolio-home-title a {
    color: #f3f3f3;
    font-weight: normal;
    text-decoration: none;
    font-family: 'Questrial', sans-serif;
    line-height: 1.5;
}

.portfolio-image-wrap h3.portfolio-home-title a:hover,
.portfolio-image-wrap a.view:hover,
#fromportfolio a.view:hover,
#fromportfolio h3.portfolio-home-title a:hover {
    color: #ccc;
}

.portfolio-image-wrap span.view-overlay,
#fromportfolio span.view-overlay {
    text-align: center;
    width: 100%;
    position: absolute;
    z-index: 10;
    opacity: 0;
    display: none;
    left: 0;
}

.portfolio-image-wrap a.view,
#fromportfolio a.view {
    color: #f3f3f3;
    font-size: 2.5em;
    text-transform: uppercase;
    text-decoration: none;
    border-top: 4px solid #f3f3f3;
    padding-top: 3px;
    display: none;
}

.portfolio-image-wrap a.view {
    font-size: 3.2em;
}

h3.portfolio-home-title {
    top: 25%;
    width: 100%;
    text-align: center;
    left: 0;
}

.portfolio-image-wrap span.view-overlay {
    bottom: 25%;
}

#fromportfolio .portfolio-horizontal h3.portfolio-home-title {
    top: 14px;
}

#fromportfolio .portfolio-horizontal span.view-overlay {
    bottom: 0px;
}

#fromportfolio .portfolio-square h3.portfolio-home-title {
    top: 46px;
}

#fromportfolio .portfolio-square span.view-overlay {
    bottom: 46px;
}

#fromportfolio .portfolio-vertical h3.portfolio-home-title {
    top: 70px;
}

#fromportfolio .portfolio-vertical span.view-overlay {
    bottom: 70px;
}

#fromportfolio span.divider {
    width: 144px;
}

#primary .portfolio-image-wrap {
    float: none;
    position: relative;
    width: 100%;
    max-height: 800px;
}

#primary .portfolio-image-wrap a,
#primary .portfolio-image-wrap img {
    float: none;
}

#primary .portfolio-image-wrap img {
    display: block;
    height: auto;
    margin: 0 auto;
    max-width: 100%;
    width: auto;
    border: 0;
}

.archive .portfolio-2-col .portfolio-image-wrap a.view {
    padding-top: 25px;
}

.archive .portfolio-3-col .portfolio-image-wrap a.view {
    padding-top: 1px;
}

.post-type-archive #content {
    width: 100%;
    max-width: 100%;
}

.fromblog-post h3 {
    font-size: 14px;
    color: #f05d7b;
    font-weight: normal;
    margin: 0.5em 0;
}

.fromblog-post h3 a {
    text-decoration: none;
    color: #f05d7b;
}

.fromblog-post img {
    max-width: 100%;
    height: auto;
    width: 100%;
    float: left;
}

.fromblog-thumb {
    width: 100%;
}

.carousel li.carousel-item {
    /*
      margin: 6px 8px 0 0;
      */
    margin: 6px 32px 0 0;
    padding: 0;
    list-style: none;
    float: left;
    max-width: 160px;
    height: auto;
    position: relative;
}

section.homebooks .carousel li.carousel-item {
    max-width: 230px;
}

#fromportfolio .carousel li {
    background: #2d2d2d;
}

.page .carousel li.carousel-item {
    margin-right: 30px;
}

.fromportfolio-items-wrap,
.fromblog-items-wrap {
    position: relative;
    float: left;
}

a.thumb {
    float: left;
}

.omega {
    margin-right: 0px !important;
}

span.required {
    color: red;
}

.hidden {
    visibility: hidden;
}

.entry-meta a {
    text-decoration: none;
    color: #aaa;
}

.fullwidth {
    float: none;
    margin: 0 !important;
    width: 100%;
}

/* =Menu
----------------------------------------------- */

.main-navigation {
    clear: both;
    display: block;
    float: right;
    width: auto;
    /*
      margin-top: -28px;
      */
    max-width: 76%;
}

.main-navigation ul {
    list-style: none;
    margin: 0;
    padding-left: 0;
}

ul.menu-top-right ul {
    margin: 0;
}

.main-navigation li,
ul.menu-top-right li {
    float: left;
    position: relative;
    margin-left: 8px;
    line-height: 1;
}

.main-navigation li li,
ul.menu-top-right li li {
    line-height: 1.5em;
}

.main-navigation a,
ul.menu-top-right a {
    display: block;
    text-decoration: none;
    font-size: 0.9em;
}

.main-navigation ul ul,
ul.menu-top-right ul {
    display: none;
    float: left;
    position: absolute;
    top: 1.9em;
    left: -1em;
    z-index: 99999;
    padding: 4px;
}

.main-navigation ul ul ul,
ul.menu-top-right ul ul {
    left: 102%;
    top: -5px;
}

.main-navigation ul ul a,
ul.menu-top-right ul a {
    width: 200px;
}

.main-navigation ul ul li,
ul.menu-top-right ul li {
    margin-left: 0;
    padding-left: 1em;
    padding-top: 2px;
    padding-bottom: 2px;
}

.main-navigation li:hover > a,
ul.menu-top-right li:hover > a {
}

.main-navigation ul ul :hover > a,
ul.menu-top-right ul :hover > a {
}

.main-navigation ul ul a:hover,
ul.menu-top-right ul a:hover {
}

.main-navigation ul li:hover > ul,
ul.menu-top-right li:hover > ul {
    display: block;
}

.main-navigation li.current_page_item a,
.main-navigation li.current-menu-item a {
}

/* Top menu */
.menu-top-right {
    float: right;
    font-size: 0.8em;
    list-style: none outside none;
    margin: 0.5em 0 0;
    padding: 0;
    position: relative;
    text-transform: uppercase;
    z-index: 1;
}

.menu-top-right li {
    float: left;
    margin: 0 0 0 0.5em;
    list-style: none;
}

/* Small menu */
.menu-toggle {
    cursor: pointer;
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 1.3em;
}

.main-small-navigation .menu {
    display: none;
    position: absolute;
    z-index: 999;
    padding: 4px;
    list-style: none;
    right: 0;
    top: 0;
    width: 40%;
    z-index: 999;
}

.main-small-navigation .menu li {
    width: 100%;
    text-align: center;
}

.main-small-navigation .menu li a {
    text-decoration: none;
}

.main-small-navigation .menu ul {
    list-style: none;
    margin-left: 0;
}

/* =Content
----------------------------------------------- */

.sticky {
}

.hentry {
    margin: 0 0 10px 0;
    float: left;
    width: 100%;
    max-width: 100%;
}

.archive .hentry {
    padding-bottom: 10px;
}

.tax-pcategory .hentry,
.tax-ptag .hentry,
.post-type-archive .hentry {
    border-bottom: 0;
}

.tax-pcategory #content {
    max-width: 100%;
    width: 100%;
}

.tax-ptag #content {
    max-width: 100%;
    width: 100%;
}

.entry-meta {
    clear: both;
    text-transform: uppercase;
    font-size: 10px;
    font-family: 'Georgia';
    letter-spacing: 1px;
}

.entry-meta a:hover {
    text-decoration: none;
    color: #2d2d2d;
}

.byline {
    display: none;
}

.single .byline,
.group-blog .byline {
    display: inline;
}

.entry-content,
.entry-summary {
    margin: 1.5em 0 0;
    float: left;
    max-width: 100%;
    width: 100%;
}

.page-links {
    clear: both;
    margin: 0 0 1.5em;
}

/* =Asides
----------------------------------------------- */

.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
    display: none;
}

/* =Media
----------------------------------------------- */

.site-header img,
.entry-content img,
.comment-content img,
.widget img {
    max-width: 100%; /* Fluid images for posts, comments, and widgets */
}

.site-header img,
.entry-content img,
img[class*='align'],
img[class*='wp-image-'] {
    height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}

.site-header img,
.entry-content img,
img.size-full {
    max-width: 100%;
    width: auto; /* Prevent stretching of full-size images with height and width attributes in IE8 */
}

.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

.wp-caption {
    max-width: 100%;
}

.wp-caption.aligncenter,
.wp-caption.alignleft,
.wp-caption.alignright {
    margin-bottom: 1.5em;
}

.wp-caption img {
    display: block;
    margin: 0;
    max-width: 98%;
}

.wp-caption-text {
    text-align: center;
    font-style: italic;
    font-size: 0.9em;
}

.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}

#content .gallery {
    margin-bottom: 1.5em;
}

#content .post-format-content .gallery {
    margin-bottom: 0;
}

.gallery-caption {
}

#content .gallery a img {
    border: none;
    height: auto;
    max-width: 100%;
}

#content .gallery dd {
    margin: 0;
}

#content .gallery-columns-4 .gallery-item {
}

#content .gallery-columns-4 .gallery-item img {
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
    max-width: 100%;
}

/* =Navigation
----------------------------------------------- */

#content .site-navigation {
    margin: 0 0 1.5em;
    overflow: hidden;
}

#content .nav-previous {
    float: left;
    width: 50%;
}

#content .nav-next {
    float: right;
    text-align: right;
    width: 50%;
}

#nav-below {
    margin-bottom: 2em;
    float: left;
    width: 100%;
}

#image-navigation {
    margin-top: 1em;
}

.nav-previous,
.nav-next {
    margin: 1em 0;
}

.nav-previous,
.previous-image {
    float: left;
}

.nav-next,
.next-image {
    float: right;
}

.nav-previous a,
.nav-next a,
.next-image a,
.previous-image a {
    padding: 5px 10px;
    border-radius: 2px;
    font-size: 0.8em;
    text-decoration: none;
}

/* =Comments
----------------------------------------------- */
#comments {
    float: none;
    margin-left: 0;
}

.bypostauthor {
}

#comments-title {
    padding: 8px 4px;
    text-transform: uppercase;
    font-size: 0.9em;
}

.comments-title {
    margin-left: 180px;
    background: url(images/scallops.png) no-repeat 0 top;
    padding-top: 40px;
    color: #ef5b7a;
    font-size: 17px;
    text-transform: uppercase;
}

article.comment {
    display: block;
}

#respond input[type='text'] {
    display: block;
    width: 40%;
}

#respond textarea {
    display: block;
    margin: 0 0 1em;
    width: 60%;
}

#respond .form-allowed-tags {
    clear: both;
    width: 60%;
}

#respond .form-allowed-tags {
    display: none;
}

.commentlist {
    margin: 2em 0;
    list-style-type: none;
    margin-left: 180px;
}

.commentlist li {
    position: relative;
    margin: 0 0 0;
}

.comment {
    max-width: 100%;
    overflow: hidden;
    display: block;
}

.comment p {
    margin-bottom: 0;
}

article.comment {
    margin: 20px 0 0;
    padding-bottom: 10px;
}

.comment header {
    font-size: 1.2em;
}

.comment .comment-content {
    font-size: 0.9em;
    float: left;
    width: 100%;
    margin-top: 1em;
}

.comment footer {
    float: left;
    width: 75%;
    font-size: 0.7em;
}

.comment .reply {
    float: right;
    font-size: 0.9em;
    width: 100%;
    text-align: right;
    font-weight: normal;
}

.commentmetadata {
}

.pinglist {
    margin: 20px 0 40px 52px;
    list-style-type: decimal;
}

#commentform {
    margin-top: 20px;
}

.children {
    list-style-type: none;
    margin-left: 55px;
}

.comment .avatar {
    float: left;
    margin: 0 1em 0.5em 0;
}

.comment-author {
    display: inline;
    margin-right: 5px;
    font-size: 1.2em;
}

.comment-author cite {
    font-weight: normal;
    font-style: normal;
}

.comment-meta {
    display: block;
    font-size: 11px;
}

.comment-body {
    margin: 0 0 30px 55px;
}

.comment-reply-link {
    font-size: 0.8em;
    padding: 3px;
    text-transform: uppercase;
}

#cancel-comment-reply-link {
    font-size: 1.4em;
}

#respond {
    padding-bottom: 35px;
}

#respond h3 {
    font-size: 14px;
    font-weight: normal;
}

.nocomments {
    text-align: center;
    padding: 20px;
}

.comment-body ul {
    list-style-type: disc;
}

.comment-body ol {
    list-style-type: decimal;
}

#commentform label small {
    font-size: 12px;
}

.comment-author-admin article {
    padding: 1em;
}

.comment-author-admin footer {
    left: 1em;
}

.depth-2,
.depth-3,
.depth-4,
.depth-5 {
    font-size: 1em;
}

/* =Widgets
----------------------------------------------- */

.widget {
    margin: 0 0 3em 0;
}

/* Search widget */
#searchsubmit {
    display: none;
}

/* =Footer
----------------------------------------------- */

#colophon {
    padding: 2em 0 1em 0;
}

.one aside {
    width: 100%;
    float: left;
}

.two aside {
    width: 50%;
    float: left;
}

.three aside {
    width: 30%;
    float: left;
    margin-right: 3.33%;
}

.four aside {
    width: 22%;
    float: left;
    margin-right: 4%;
}

#footer-widgets {
    float: left;
    width: 100%;
}

.site-info {
    clear: both;
    text-align: center;
    font-size: 0.8em;
    padding-top: 1em;
}

.site-info a {
    text-decoration: none;
}

.site-info .sep {
    float: none;
}

/* =Icons
----------------------------------------------- */
.menu-top-right li.facebook a,
.menu-top-right li.twitter a,
.menu-top-right li.rss a,
.menu-top-right li.vimeo a {
    background-image: url(images/icons-small.png);
    text-indent: -9999em;
    float: left;
    padding: 3px;
    height: 16px;
}

.menu-top-right .facebook a {
    width: 14px;
    background-position: -24px 0;
}

.menu-top-right .facebook a:hover {
    background-position: -24px -25px;
}

.menu-top-right .twitter a {
    width: 16px;
    background-position: -45px 0;
}

.menu-top-right .twitter a:hover {
    background-position: -45px -25px;
}

.menu-top-right .rss a {
    width: 16px;
    background-position: 0px 0;
}

.menu-top-right .rss a:hover {
    background-position: 0 -25px;
}

.menu-top-right .vimeo a {
    width: 16px;
    background-position: -68px 0;
}

.menu-top-right .vimeo a:hover {
    background-position: -68px -25px;
}

.menu-top-right .phone a {
    width: auto;
    padding: 0.5em 1em;
    text-decoration: none;
    font-weight: normal;
    top: -2px;
    position: relative;
}

.comment-bubble::before {
    background-position: 74% 4px;
}

.comments-link {
    text-decoration: none;
    margin-top: -2px;
}

.comments-link:hover {
    text-decoration: none;
}

.comment-bubble {
    margin-top: -1px;
    font-size: 12px;
}

.icon {
    float: left;
    margin: 0;
}

.icon::before {
    float: left;
    padding: 0 10px;
    margin: 0 5px 0 0;
    content: '';
    background: url(images/icons-small.png) 200px -2px;
    height: 16px;
    display: inline-block;
    opacity: 0.6;
}

.cat-icon {
    width: 14px;
    height: 11px;
    display: block;
    background: url(images/cat-icon.png) no-repeat;
    margin-right: 7px;
    float: left;
    margin-top: 2px;
    opacity: 0.6;
}

.entry-meta .cat-links a {
    color: #aaa;
}

.entry-meta .cat-links a:hover {
    color: #2d2d2d;
}

.time-icon {
    width: 13px;
    height: 12px;
    display: block;
    background: url(images/clock-icon.png) no-repeat;
    margin-right: 4px;
    float: left;
    margin-top: 1px;
    opacity: 0.6;
}

.tag-icon {
    width: 13px;
    height: 12px;
    display: block;
    background: url(images/tag-icon.png) no-repeat;
    margin-right: 7px;
    float: left;
    margin-top: 2px;
    opacity: 0.6;
}

/* =Portfolio
----------------------------------------------- */
.portfolio-2-col .hentry {
    width: 48%;
    margin-right: 4%;
    float: left;
}

.portfolio-3-col .hentry {
    width: 32%;
    margin-right: 2%;
    float: left;
}

.portfolios .portfolio-image-wrap,
.archive .portfolio-image-wrap {
    margin: 0 0 1em;
    float: left;
    position: relative;
    background: #2d2d2d;
    max-width: 100%;
}

.portfolio-image-wrap img {
    float: left;
}

/* mike added styles */

/* very top header */
#header-menu {
    padding-top: 35px;
}

#header-menu #header-buttons {
    float: right;
}

#header-menu #header-buttons a {
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
    background: #ef5b7a;
    text-decoration: none;
    padding: 9px 25px;
    display: block;
    float: left;
    line-height: 12px !important;
    margin-right: 10px;
}

#header-menu #header-buttons a:hover {
    background: #ff7693;
}

#header-menu #header-social-links {
    float: right;
}

.main-navigation {
    margin: 15px 0 15px;
}

.main-navigation li a {
    text-transform: uppercase;
    font-size: 14px;
    color: #58595b;
}

/* hide the icon from all pages except from the homepage */
span.logo-underline {
    display: none;
}

body.home span.logo-underline {
    display: block;
}

/* submenu */
.menu-sub-menu-container {
    background: url(images/submenu-top.png) no-repeat top center;
    /*
      margin-top:-6px;
      */
    padding-top: 45px;
    clear: both;
    width: 100%;
    height: 68px;
}

.menu-sub-menu-container-spoof {
    background: url(images/submenu-top.png) no-repeat top center;
    margin-top: -6px;
    padding-top: 29px;
    clear: both;
    width: 100%;
    margin-bottom: 20px;
}

#menu-sub-menu li {
    float: left;
    padding-top: 43px;
    width: 190px;
    list-style: none;
    margin-right: 2px;
    background: url(images/menu-heart.png) no-repeat top center;
}

#menu-sub-menu-2 li {
    background: url(images/menu-heart.png) no-repeat bottom center;
    padding-bottom: 30px;
}

#menu-sub-menu-3 {
    margin-top: 40px !important;
    position: absolute;
}

#menu-sub-menu li a {
    display: block;
    list-style: none;
    font-size: 14px;
    text-transform: uppercase;
    padding: 9px 0;
    line-height: 1;
    text-decoration: none;
    text-align: center;
    background: #db9094;
    color: #fff;
    letter-spacing: 2px;
}

#menu-sub-menu li.menu-item-4271 a {
    background: #eab1bc;
}

#menu-sub-menu li.menu-item-4272 a {
    background: #f599a4;
}

#menu-sub-menu li.menu-item-4273 a {
    background: #f8afa6;
}

#menu-sub-menu li.menu-item-4274 a {
    background: #e9a9a9;
}

#menu-sub-menu li.menu-item-4275 a {
    background: #db9094;
}

#menu-sub-menu-3 li,
#menu-sub-menu-2 li {
    float: left;
    padding-top: 2px;
    width: 190px;
    list-style: none;
    margin-right: 2px;
}

#menu-sub-menu-3 li a,
#menu-sub-menu-2 li a {
    display: block;
    list-style: none;
    font-size: 14px;
    text-transform: uppercase;
    padding: 9px 0;
    line-height: 1;
    text-decoration: none;
    text-align: center;
    background: #db9094;
    color: #fff;
    letter-spacing: 2px;
}

#menu-sub-menu-2 li.menu-item-6591 a {
    background: #ed7d8a;
}

#menu-sub-menu-2 li.menu-item-6592 a {
    background: #faaab3;
}

#menu-sub-menu-2 li.menu-item-6593 a {
    background: #f39398;
}

#menu-sub-menu-2 li.menu-item-6594 a {
    background: #cd878b;
}

#menu-sub-menu-2 li.menu-item-7094 a {
    background: #ed7d8a;
}

#menu-item-7097 {
    margin-left: 384px;
}

#menu-sub-menu li:hover,
#menu-sub-menu li.current-menu-item {
    background: url(images/menu-heart-over.png) no-repeat top center;
}

#menu-sub-menu li.current-menu-item a,
#menu-sub-menu li a:hover {
    background: #f05d7b;
}

#menu-sub-menu {
}

.entry-content {
    width: 370px;
    margin-top: 0;
}

.entry-content-second {
    width: 370px;
    float: left;
    margin-left: 35px;
}

.fullwidth-entry-content {
    float: left;
    width: 775px;
}

.fullwidth-entry-content-image {
    float: left;
    width: 700px;
}

.anne-article {
    padding: 23px 0 0 0;
    /*
      background:url(images/scallops.png) no-repeat 180px bottom;
      */
}

.entry-title-absolute {
    width: 152px;
    height: 150px;
    background: url(images/entry-title-doiley.png) no-repeat;
}

.anne-article-title .entry-title,
.anne-article .entry-title {
    width: 152px;
    height: 150px;
    background: url(images/entry-title-doiley.png) no-repeat;
    float: left;
    margin-right: 32px;
}

.anne-article .entry-image {
    width: 200px;
    margin-right: 32px;
    float: left;
}

body.page-id-4268 .entry-title {
    background: url(images/entry-title-doiley-2.png) no-repeat !important;
}

body.page-id-4278 .entry-title {
    background: url(images/entry-title-doiley-3.png) no-repeat !important;
}

body.page-id-4276 .entry-title {
    background: url(images/entry-title-doiley-4.png) no-repeat !important;
}

body.page-id-4280 .entry-title {
    background: url(images/entry-title-doiley-5.png) no-repeat !important;
}

.entry-title span {
    color: #fff;
    font-size: 14px;
    font-family: 'Questrial', sans-serif;
    text-align: center;
    padding-top: 44px;
    display: block;
    line-height: 1.4;
    text-transform: uppercase;
}

.scallops {
    background: url(images/scallops.png) no-repeat;
    width: 716px;
    height: 14px;
    margin-left: 180px;
    margin-bottom: 17px;
}

.scallops-recipesteps {
    background: url(images/divider-recipe-steps.png) no-repeat;
    width: 755px;
    height: 24px;
    margin-left: 180px;
    margin-bottom: 17px;
    margin-top: 10px;
}

#wpsimplegallery li img {
    margin: 0 30px 0 0px !important;
}

.recipestep {
    width: 170px;
    float: left;
    margin-left: 20px;
}

.step2 {
    width: 570px;
}

.step1 {
    margin-left: 0;
}

ul.breadcrumb li {
    list-style: none;
    float: left;
    color: #fff !important;
    line-height: 1 !important;
    margin: 0 4px 0 0;
    font-size: 14px;
    background: #6d6e71;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
}

ul.breadcrumb li span {
    display: block;
    padding: 10px 20px;
}

ul.breadcrumb li span.fixedwidth {
    padding: 10px 0;
    width: 150px;
}

ul.breadcrumb li a {
    display: block;
    text-decoration: none;
    background: #939598;
    padding: 10px 20px;
    color: #fff;
}

ul.breadcrumb li.fixedwidth a {
    width: 150px;
    padding: 10px 0;
}

ul.breadcrumb li a:hover {
    background: #6d6e71;
}

.griditem {
    width: 160px;
    float: left;
    margin: 0 15px 20px 15px;
}

.griditem a {
    color: #f05d7b;
    text-decoration: none;
    font-weight: normal;
    display: block;
}

.anne-article-comment {
    width: 740px;
    float: left;
}

.homeheader h2 {
    color: #ef5b7a;
    font-weight: normal;
    font-size: 17px;
    text-transform: uppercase;
    background: url('images/scallops.png') no-repeat scroll 190px 4px;
    line-height: 1 !important;
}

.homeheaderlong h2 {
    background: url('images/scallops.png') no-repeat scroll 266px 4px;
}

.homeheader {
    margin-bottom: 20px;
}

.homeheader2 {
    margin-bottom: 0;
}

#homepage_top_left {
    width: 200px;
    float: left;
    margin-right: 20px;
}

#homepage_top_left a {
    color: #ef5b7a;
}

#homepage_top_left strong {
    font-size: 17px;
    color: #ef5b7a;
}

#homepage_top_image {
    width: 360px;
    float: left;
    margin-right: 20px;
}

#homepage_top_right {
    width: 360px;
    float: left;
}

#homepage_top {
    margin-top: 20px;
}

#homepage_top {
    margin-top: 20px;
}

#homepage_top_new {
    margin-top: 20px;
    width: 650px;
    float: left;
    margin-right: 10px;
}

#slideshow {
    position: relative;
}

#slideshowitems {
    width: 860px;
    height: 560px;
    position: relative;
    overflow: hidden;
}

.single-post #slideshowitems,
.page #slideshowitems {
    width: 860px;
}

.slideshow_left,
.slideshow_right {
    width: 430px;
    height: 560px;
    float: left;
    position: relative;
}

#slideshow_next,
#slideshow_prev {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 255px;
    z-index: 1000 !important;
    opacity: 0.5;
    filter: alpha(opacity=50);
    filter: 'alpha(opacity=50)';
}

#slideshow_next:hover,
#slideshow_prev:hover {
    opacity: 1;
    filter: alpha(opacity=100);
    filter: 'alpha(opacity=100)';
}

#slideshow_prev {
    left: -50px;
    background: url(images/prev.png) no-repeat center left;
}

#slideshow_next {
    right: 0;
    background: url(images/next.png) no-repeat center left;
}

.slideshow_cover {
    width: 430px;
    height: 560px;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.7;
    z-index: 14;
}

.slideshowpage .slideshow_cover,
.slideshowpage .slideshow_left,
.slideshowpage .slideshow_right {
    height: 560px;
}

.slideshowpage #slideshowitems {
    height: 560px;
}

.slideshow_doiley {
    z-index: 15;
    position: absolute;
    top: 80px;
    left: 37px;
}

.entry-content-title {
    float: left;
    width: 775px;
    color: #ef5b7a;
    text-transform: capitalize;
}

.entry-content-addthis {
    float: left;
    width: 775px;
    margin: 10px 0 0 0;
    padding-left: 182px;
}

.entry-content-title h1 {
    color: #ef5b7a;
    font-size: 20px;
}

#subscribebutton {
    float: left;
    position: relative;
}

#subscribebutton form {
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 30px;
    width: 160px;
    z-index: 999;
    background: #fff;
    padding: 10px;
    border: 2px solid #ef5b7a;
    display: none;
}

#header-buttons form {
    float: left;
    margin-right: 10px;
}

input.search-new,
#header-buttons input#s {
    background: url(images/btn-search-left.png) no-repeat left #fff;
    background-size: 28px 28px;

    border: 1px solid #ef5b7a;
    color: #ef5b7a;
    font-size: 12px;
    line-height: 1;
    border-radius: 0;
    padding: 0 0 0 35px;
    width: 90px;
    height: 28px;
    line-height: 28px;
}

body.search .entry-header {
    margin-top: 0;
}

#sitecredit {
    width: 1172px;
    margin: 0 auto;
    padding-top: 10px;
    padding-bottom: 10px;
    background: #fff;
    /*
      background:url(images/site-bg.png) repeat;
      */
}

#sitecredit span {
    display: block;
    margin-left: 106px;
}

#sitecredit a {
    color: #656464;
    text-decoration: none;
}

#sitecredit a:hover {
    color: #ef5b7a;
    text-decoration: none;
}

.anne-article .entry-content-title,
#stepstomake .entry-content-title {
    margin-bottom: 15px;
}

span.twolines {
    padding-top: 10px;
}

#threehearts {
    position: absolute;
    right: -60px;
    top: 0;
    z-index: 2000;
}

#backtohome {
    position: absolute;
    left: 0;
    top: 10px;
    z-index: 2000;
    background: #db9094;
    width: 150px;
    text-align: center;
    padding: 10px 0;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 1 !important;
}

#backtohome:hover {
    background: #ef5b7a;
}

.home #backtohome {
    display: none;
}

#slideshow {
    margin-left: 50px;
}

.menu-main-navigation-container {
    z-index: 998 !important;
    width: 400px;
    position: absolute;
    top: 0;
    right: -178px;
    display: none;
}

/* #Clearing
================================================== */

/* Self Clearing Goodness */
.container:after {
    content: '\0020';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* You can also use a <br class="clear" /> to clear columns */
.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

/* Sticky footer css */

html,
body {
    height: 100%;
}

#page {
    min-height: 100%;
}

#main {
    /*
      overflow:auto;
      */
    padding-bottom: 70px;
    clear: both;
    position: relative;
    padding-top: 10px !important;
}

#footer-wrap {
    position: relative;
    margin-top: -70px;
    clear: both;
}

/*Opera Fix*/
body:before {
    content: '';
    height: 100%;
    float: left;
    width: 0;
    margin-top: -32767px;
}

/*CC*/
.single-post #similarrecipes #fromportfolio {
    width: 100% !important;
}

/* =Responsiveness: Mobile (Portrait)
================================================== */

/* Note: Design for a width of 320px */

#searchform.searchform-mobile {
    display: none;
}

@media only screen and (max-width: 767px) {
    span.logo-underline {
        display: block;
    }

    #searchform.searchform-mobile {
        display: block;
    }

    .container {
        width: 300px;
        padding: 0; /* mike - added */
        background: none;
    }

    #fromblog .flex-viewport {
        width: 300px;
    }

    #fromblog-desc {
        width: 300px;
        margin: 0 0 1em 0;
    }

    #homewidgets .widget {
        width: 100%;
        margin-right: 0;
    }

    #secondary {
        width: 100%;
        margin-left: 0;
    }

    #menu-social-menu {
        float: left;
    }

    .portfolios .hentry {
        width: 100%;
        margin-right: 0;
    }

    #fromportfolio .portfolio-horizontal h3.portfolio-home-title {
        top: 0px;
    }

    #fromportfolio .portfolio-horizontal a.view {
        bottom: 0px;
        font-size: 2em;
    }

    #fromportfolio .portfolio-square h3.portfolio-home-title {
        top: 24px;
    }

    #fromportfolio .portfolio-square span.view-overlay {
        bottom: 24px;
    }

    #fromportfolio .portfolio-vertical h3.portfolio-home-title {
        top: 14px;
    }

    #fromportfolio .portfolio-vertical span.view-overlay {
        bottom: 0px;
    }

    .portfolio-square .caroufredsel_wrapper {
        height: 150px !important;
    }

    .portfolio-vertical .caroufredsel_wrapper {
        height: 184px !important;
    }

    .portfolio-horizontal .caroufredsel_wrapper {
        height: 84px !important;
    }

    .home-slide-title {
        font-size: 1.5em;
        line-height: 22px;
    }

    .archive .portfolio-2-col .portfolio-image-wrap a.view {
        padding-top: 0px;
    }

    .one aside,
    .two aside,
    .three aside,
    .four aside {
        float: left;
        margin: 0;
        width: 100%;
    }

    h1.site-title {
        font-size: 2.5em;
    }

    #fromblog-desc {
        display: none;
    }

    .has-sidebar #content {
        max-width: 100%;
        margin: 0;
    }

    */ #slideshow {
    display: none;
}
    */ . entry-content-second {
    margin: 0;
    width: inherit !important;
}

    #threehearts {
        display: none;
    }

    #header-menu {
        display: none;
        padding: 0px;
    }

    #sitecredit {
        width: 300px;
        padding: 0;
        background: none;
    }

    #sitecredit span {
        margin-left: 0;
    }

    body {
        /*background:#fff!important;
            background-image:none!important;*/
    }

    .single-post #fromportfolio .flex-viewport,
    .single-post #fromblog .flex-viewport,
    .page #fromportfolio .flex-viewport,
    .page #fromblog .flex-viewport {
        width: 100% !important;
    }

    .scallops {
        display: none;
    }

    .slideshow_right {
        display: none;
    }

    .slideshowpage .slideshow_cover,
    .slideshowpage .slideshow_left,
    .slideshowpage .slideshow_right,
    .slideshowpage #slideshowitems {
        /*height: auto;*/
        height: 400px;
    }

    .slideshowpost .slideshow_cover {
        height: 400px;
    }

    .slideshow_left {
        margin-bottom: 20px;
    }

    .menu-main-navigation-container {
        display: block;
        left: 0px;
        right: 0px;
        width: 100%;
    }

    ol.flex-control-nav {
        display: none;
    }

    body.page-id-4278 .entry-title,
    body .entry-title {
        background: none !important;
        float: inherit !important;
        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;
        text-align: left !important;
        height: inherit !important;
    }

    .entry-title span {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        text-align: left !important;
        color: #ef5b7a;
        font-size: 17px;
    }

    .entry-title span br {
        float: left;
        margin-left: 10px;
    }

    /*Chris*/
    #fromportfolio .flex-viewport,
    #fromblog .flex-viewport {
        width: 100%;
    }

    .home-slider {
        width: 300px !important;
        margin-left: 0px !important;
    }

    ul.flex-direction-nav {
        display: none;
    }

    h1.site-title {
        position: static;
        display: block;
        /*margin-top:-50px;*/
        padding-bottom: 10px;
    }

    img.sitetitle {
        width: 60%;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    div#bannertop {
        display: none;
    }

    .menu-toggle {
        position: relative;
        background: #f599a4;
        text-align: center;
    }

    .main-small-navigation .menu {
        position: inherit;
        top: 30px;
        width: 100%;
        padding: 0;
    }

    #submenu-container {
        display: none;
    }

    .menu-sub-menu-container,
    .menu-sub-menu-2-container {
        display: none;
    }

    .homeheader h2 {
        text-align: center;
        background: url(images/scallops.png) no-repeat center bottom;
        padding-bottom: 20px;
    }

    div#bannerbottom {
        display: block;
        position: static;
        padding-bottom: 20px;
        margin-left: auto;
        margin-right: auto;
    }

    div#bannerbottom a img {
        width: 300px !important;
        height: auto;
        display: block !important;
        margin-left: auto;
        margin-right: auto;
    }

    iframe {
        height: 200px;
    }

    img.alignleft {
        width: 100%;
    }

    #homepage_top_new {
        width: auto;
    }

    .homevideo {
        padding-left: 0 !important;
        margin: 0 !important;
        background: none !important;
    }

    /*CC Recipes*/
    .scallops-recipesteps {
        display: none;
    }

    .entry-content-addthis {
        width: 100%;
        padding-left: 0px;
    }

    .scallops {
        display: none;
    }

    .step2 {
        width: 100%;
        margin-left: 0px;
        background: url(images/divider-recipe-steps.png) no-repeat;
        background-position: top;
        padding-top: 40px;
    }

    .entry-content-title {
        width: 100%;
    }

    #recipewidth #fromblog {
        width: 100% !important;
    }

    #slideshow {
        display: block;
        margin-left: 0px;
    }

    #slideshow_pager {
        display: none;
    }

    #slideshowitems {
        width: 100% !important;
        overflow: visible;
        height: auto;
    }

    .anne-article-title .entry-title,
    .anne-article .entry-title {
        display: none;
    }

    #backtohome {
        display: none;
    }

    .entry-header {
        display: none;
    }

    /*CC Recipe-index*/
    .slideshow_left,
    .slideshow_right {
        width: 100%;
        height: 400px;
    }

    .slideshow_left img {
        width: 100%;
        height: auto;
    }

    .griditem {
        width: 120px;
        height: 340px; /*For recpies in categories*/
    }

    article#post-4258 div.griditem {
        width: 120px;
        height: 240px;
    }

    .clear {
        display: none;
    }

    .slideshow_cover {
        width: 100%;
        background: none;
    }

    .griditem a img {
        width: 120px;
        height: auto;
    }

    .slideshow_doiley {
        /*display: block;*/
        display: none;
        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }

    .slideshow_doiley img {
        width: 100%;
        height: auto;
    }

    .grid_replace_carousel {
        width: 100% !important;
    }

    .single-post #fromblog,
    .single-post #fromportfolio {
        width: 100%;
    }

    .grid_replace_carousel .slides .carousel-item {
        width: 100%;
    }

    .recipe-griditem {
        height: 240px;
    }

    .slideshow_item {
        width: 100% !important;
        height: auto !important;
    }

    #slideshow_next,
    #slideshow_prev {
        display: none;
    }

    #comments,
    #comments .comments-title,
    #comments .commentlist {
        margin-left: 0;
    }

    /*TV Show*/
    .carousel li.carousel-item {
        max-width: 120px;
    }

    article#post-8619 div#slideshowitems {
        height: auto;
    }

    /*From Blog Carousel wrong size*/
    li.carousel-item.fromblog-post:not(.portfolio-vertical) {
        /*width:92px!important;*/
        width: 120px !important;
        margin-right: 10px !important;
        margin-left: 10px;
        /*height: 300px;*/
    }

    .flexslider-mimic-width {
        width: 100% !important;
    }

    .site-header {
        padding-top: 20px !important;
    }

    body.custom-background {
        /*background: url(https://anneskitchen.lu/wp-content/uploads/2013/09/background.jpg), rgba(255, 255, 255, 0.8) repeat;
            background-blend-mode: color;*/
        background-image: url(images/site-bg_mob.jpg) !important;
    }

    /*My Books*/
    .anne-article .entry-image {
        float: none;
        margin-left: auto;
        margin-right: auto;
    }

    entry-content fullwidth-entry-content-image {
        margin-top: 5px;
    }

    .entry-content.fullwidth-entry-content-image p {
        text-align: justify;
    }

    /*New Search Bar under Menu*/
    input#s {
        background: url(images/btn-search-left.png) no-repeat left #fff;
        background-size: 28px 28px;
        border: 1px solid #ef5b7a;
        color: #ef5b7a;
        font-size: 12px;
        line-height: 1;
        border-radius: 0;
        padding: 0 0 0 35px;
        width: 264px;
        height: 28px;
        line-height: 28px;
        margin-top: 5px;
    }

    #primary img {
        height: auto !important;
    }
}

/* =Responsiveness: Mobile (Landscape)
================================================== */

/* Note: Design for a width of 480px */

@media only screen and (min-width: 480px) and (max-width: 767px) {
    #slideshow {
        display: none;
    }

    #threehearts {
        display: none;
    }

    .container {
        width: 420px;
        padding: 0; /* mike - added */
    }

    .entry-content-second {
        margin: 0;
        width: inherit !important;
    }

    #fromblog,
    #fromportfolio {
        display: none;
    }

    #fromblog .flex-viewport {
        width: 420px;
    }

    #fromblog-desc {
        width: 420px;
        margin: 0 0 1em 0;
    }

    #homewidgets .widget {
        width: 100%;
        margin-right: 0;
    }

    #secondary {
        width: 100%;
    }

    #menu-social-menu {
        float: left;
    }

    .portfolios .hentry {
        width: 100%;
        margin-right: 0;
    }

    #fromportfolio .portfolio-horizontal h3.portfolio-home-title {
        top: 0px;
    }

    #fromportfolio .portfolio-horizontal span.view-overlay {
        bottom: 0px;
    }

    #fromportfolio .portfolio-square h3.portfolio-home-title {
        top: 20px;
    }

    #fromportfolio .portfolio-square span.view-overlay {
        bottom: 20px;
    }

    #fromportfolio .portfolio-vertical h3.portfolio-home-title {
        top: 36px;
    }

    #fromportfolio .portfolio-vertical span.view-overlay {
        bottom: 36px;
    }

    .portfolio-square .caroufredsel_wrapper {
        height: 140px !important;
    }

    .portfolio-vertical .caroufredsel_wrapper {
        height: 172px !important;
    }

    .portfolio-horizontal .caroufredsel_wrapper {
        height: 80px !important;
    }

    .archive .portfolio-2-col .portfolio-image-wrap a.view {
        padding-top: 19px;
    }

    .archive .portfolio-3-col .portfolio-image-wrap a.view {
        padding-top: 17px;
    }

    h1.site-title {
        font-size: 3em;
    }

    #fromblog-desc {
        display: none;
    }

    #primary img {
        height: auto !important;
    }
}

.homeinstagram {
    float: left;
    width: 280px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.homeinstagram .homeheader {
    margin-left: 10px;
}

.homeinstagram img {
    width: 130px;
    height: 130px;
    margin-left: 10px;
}

#submenu-container {
    position: relative;
}

#submenu-container .search-new {
    position: absolute;
    top: 0;
    left: 0;
}

#submenu-container .search-new {
    left: 50%;
    margin-left: -95px;
    position: absolute;
    top: 40px;
    width: 155px;


}

/*body.home #submenu-container .search-new {
    top:120px;
}*/

/*CC*/
/* search page */

.search ul.breadcrumb li {
    background: none;
    color: #ef5b7a !important;
    float: inherit;
    font-size: 17px;
    line-height: 1 !important;
    list-style: none outside none;
    margin: 0 0 10px 0;
    text-align: left;
    text-decoration: none;
    text-transform: none;
}

.search ul.breadcrumb li a {
    background: #fff;
    color: #ef5b7a !important;
    margin: 0 0 10px 0;
    padding: 0;
}

.search ul.breadcrumb li a:hover {
    text-decoration: underline;
}

.search ul.breadcrumb li span {
    margin: 0;
    padding: 0;
}

.publish_date {
    font-size: 12px;
    color: #9d9b9b;
}

.rtl {
    position: absolute;
    text-align: left;
    width: 50px;
    height: 50px;
    top: 50px;
    left: -50px;
    z-index: 99999 !important;
}

.griditem_img_container {
    height: 160px;
}

.banner_link_overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 960px;
    height: 560px;
    z-index: 1999;
}

.entry-title-link {
    cursor: pointer;
}

.logortl {
    background: url(images/rtl-logo.png) no-repeat;
    width: 50px;
    height: 50px;
    margin-top: 44px;
    position: absolute;
    top: 0;
    left: 0;
}

.rpwidth2 #fromportfolio {
    width: 100%;
}

.grid_replace_carousel {
    float: left;
    width: 770px;
}

.grid_replace_carousel .slides .carousel-item {
    float: left;
    margin: 0 30px 30px 0;
}

.flexslider-mimic-width {
    width: 770px;
}

.carousel-break {
    clear: both;
}

/*
.flex-control-nav li a:after {
    border: 100px solid #FF0000;
    border-radius: 20px;
    content: "";
    display: inline-block;
    height: 0;
    margin-top: 2px;
    overflow: hidden;
    padding-top: 4px;
    width: 4px;
}
#page-heading a {
    color: #FFFFFF;
}
.flex-control-nav li a {
    background: none repeat scroll 0 0 padding-box #FFFFFF;
    border-radius: 300px;
    display: inline-block;
    height: 0;
    overflow: hidden;
    padding-top: 10px;
    text-align: center;
    width: 10px;
}
*/

ol.flex-control-nav {
    margin-top: -100px;
    text-align: center;
    z-index: 9999 !important;
    position: relative;
}

.flex-control-nav li {
    display: inline;
    margin: 0 7px;
}

.flex-control-nav li a:after {
    border: 100px solid #ff0000;
    border-radius: 20px;
    content: '';
    display: inline-block;
    height: 0;
    margin-top: 2px;
    overflow: hidden;
    padding-top: 4px;
    width: 4px;
}

.flex-control-nav li a.flex-active {
    background: none repeat scroll 0 0 padding-box #cc8889;
}

.flex-control-nav li a {
    background: none repeat scroll 0 0 padding-box #949599;
    border-radius: 300px;
    display: inline-block;
    height: 0;
    overflow: hidden;
    padding-top: 10px;
    text-align: center;
    width: 10px;
}

#slideshow_pager a:after {
    border: 100px solid #ff0000;
    border-radius: 20px;
    content: '';
    display: inline-block;
    height: 0;
    margin-top: 2px;
    overflow: hidden;
    padding-top: 4px;
    width: 4px;
}

#slideshow_pager {
    margin-top: -40px;
    text-align: center;
    z-index: 9999 !important;
    position: relative;
    width: 860px;
}

#slideshow_pager a.activeSlide {
    background: none repeat scroll 0 0 padding-box #cc8889;
}

#slideshow_pager a {
    background: none repeat scroll 0 0 padding-box #949599;
    border-radius: 300px;
    display: inline-block;
    height: 0;
    overflow: hidden;
    padding-top: 10px;
    text-align: center;
    width: 10px;
    margin: 0 7px 0 0;
}

#menu-sub-menu-2 {
    /*
      margin-left:96px;
      */
}

#header_rss {
    float: right;
    margin: 4px 0 0 15px;
}

.homepagebooks {
    margin-bottom: 20px;
}

.homepagebooks .fullwidth-entry-content-image {
    width: 220px;
    margin-right: 20px;
}

.fullwidth-entry-content-image-end {
    margin-right: 0;
}

.homevideo {
    padding-left: 130px;
    margin: 0 100px 15px 80px;
    background: url(images/threehearts.png) left 102px no-repeat;
}

.homevideoinner {
    background: url(images/threehearts.png) right 102px no-repeat;
}

.homepagebooks {
    padding-left: 0px;
    /*
      margin:0 100px 15px 80px;
      */
    /*background:url(images/threehearts.png) left 102px no-repeat; */
}

.homepagebooks-inner {
    background: url(images/threehearts.png) 700px 102px no-repeat;
}

.homeinstagram {
    float: left;
    width: 280px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.homeinstagram .homeheader {
    margin-left: 10px;
}

.homeinstagram img {
    width: 130px;
    height: 130px;
    margin-left: 10px;
}

#submenu-container {
    position: relative;
}

#submenu-container .search-new {
    position: absolute;
    top: 0;
    left: 0;
}

#submenu-container .search-new {
    left: 50%;
    margin-left: -95px;
    position: absolute;
    top: 40px;
    width: 155px;
}

body.home #submenu-container .search-new {
    top: 120px;
}

#footer-wrap #colophon {
    padding: 10px 0;
}

#footer-wrap .site-info {
    display: none;
}

div.category-description p {
    font-size: 14px;
}

div.category-description p strong {
    font-weight: bold;
}

div.category-description {
    float: left;
    max-width: 700px;
}