/*
Theme Name: sugarpiefarmhouse.com
Theme URI: http://www.sugarpiefarmhouse.com
Description: Sugar Pie Farmhouse
Version: 1.0
Author: Dusty
Author URI: http://www.sugarpiefarmhouse.com
*/





/* GLOBAL */
body {
margin:0px;
font-family:georgia !important;
color:#62340d !important;
}

a:link {
color:#de597c !important;
text-decoration:underline;
}
a:visited {
color:#de597c;
text-decoration:underline;
}
a:hover {
color:#679df2;
text-decoration:none;
}

img {
border:0px !important;
}
img.aligncenter {
display: block;
margin: 10px auto;
}
img.alignright {
margin: 0px 0px 5px 10px;
display: inline;
}
img.alignleft {
margin: 0px 10px 5px 0px;
display: inline;
}
.alignright {
float: right;
}
.alignleft {
float: left
}

p {
margin:0px 0px 20px 0px !important;
padding:0px !important;
line-height:24px !important;
}


h2 {
font-size:20px !Important;
color:#49a33e !important;
margin:0px 0px 0px 0px !important;
padding:5px 0px !important;
}

h3 {
font-size:16px !important;
color:#49a33e !important;
margin:0px 0px 0px 0px !important;
padding:5px 0px !important;
line-height:16px !important;
}
h3 a:link {
color:#679df2;
text-decoration:none;
}
h3 a:visited {
color:#679df2;
text-decoration:none;
}
h3 a:hover {
color:#de597c;
text-decoration:none;
}





/* LAYERS */
#layer-0 {
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
z-index:0;
}

#layer-1 {
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
z-index:1;
}

#container {
position:relative;
width:1000px;
margin:-45px auto 0px auto;
z-index:2;
}

#content-container {
width:860px;
}




/* HEADER */
#slider {
position:relative;
left:0px;
top:101px;
}

#nav-container {
    height: 150px;
    margin: 40px auto;
    width: 100%;
    max-width: 1000px;
    position: relative;
}

#logo {
position:relative;
width:601px;
margin:0px auto 0px auto;
padding:10px 0px 0px 0px;
z-index:3;
}

#chicken {
position:absolute;
top:15px;
left:0px;
}

#bg-top {
background:url(images/bg-top.jpg) repeat-x top left;
height:50px;
}

#bg-photo-top {
background:url(images/bg-photo-top.jpg) repeat-x top left;
height:50px;
}

#bg-photo {
background:url(images/bg-photo.jpg) repeat-x top left;
height:252px;
}

#bg-photo-bottom {
background:url(images/bg-photo-bottom.jpg) repeat-x top left;
height:57px;
}





/* NAVIGATION */
#the-farmhouse {
position:absolute;
top:50px;
left:76px;
background-image:url(images/the-farmhouse.gif);
background-repeat:no-repeat;
background-position:top left;
display:block;
width:174px;
height:70px;
text-decoration:none;
line-height:70px;
}
a#the-farmhouse:link {
text-decoration:none;
}
a#the-farmhouse:visited {
text-decoration:none;
}
a#the-farmhouse:hover {
text-decoration:none;
background-position:bottom right;
}

#blog {
position:absolute;
top:50px;
left:290px;
background-image:url(images/blog.gif);
background-repeat:no-repeat;
background-position:top left;
display:block;
width:65px;
height:70px;
text-decoration:none;
line-height:70px;
}
a#blog:link {
text-decoration:none;
}
a#blog:visited {
text-decoration:none;
}
a#blog:hover {
text-decoration:none;
background-position:bottom right;
}

#general-store {
position:absolute;
top:43px;
left:383px;
background-image:url(images/store.gif);
background-repeat:no-repeat;
background-position:top left;
display:block;
width:216px;
height:82px;
text-decoration:none;
}
a#general-store:link {
text-decoration:none;
}
a#general-store:visited {
text-decoration:none;
}
a#general-store:hover {
text-decoration:none;
background-position:bottom right;
}


#product-reviews {
position:absolute;
top:45px;
left:405px;
background-image:url(images/product-reviews.gif);
background-repeat:no-repeat;
background-position:top left;
display:block;
width:188px;
height:70px;
text-decoration:none;
line-height:56px;
}
a#product-reviews:link {
text-decoration:none;
}
a#product-reviews:visited {
text-decoration:none;
}
a#product-reviews:hover {
text-decoration:none;
background-position:bottom right;
}


#home-cooking {
position:absolute;
top:48px;
left:650px;
background-image:url(images/home-cooking.gif);
background-repeat:no-repeat;
background-position:top left;
display:block;
width:137px;
height:70px;
text-decoration:none;
line-height:70px;
}
a#home-cooking:link {
text-decoration:none;
}
a#home-cooking:visited {
text-decoration:none;
}
a#home-cooking:hover {
text-decoration:none;
background-position:bottom right;
}
#favorite-things {
    position: absolute;
    top: 48px;
    left: 820px;
    display: block;
    width: 137px;
    height: 70px;
    text-decoration: none;
    line-height: 70px;
    opacity:100%;
}
#favorite-things:hover {
    opacity:85%;
}

#aunt-ruthie {
background-image:url(images/aunt-ruthie.gif);
background-repeat:no-repeat;
background-position:top left;
display:block;
width:158px;
height:70px;
text-decoration:none;
line-height:70px;
}
a#aunt-ruthie:link {
text-decoration:none;
}
a#aunt-ruthie:visited {
text-decoration:none;
}
a#aunt-ruthie:hover {
text-decoration:none;
background-position:bottom right;
}

#forum {
position:absolute;
top:50px;
left:621px;
background-image:url(images/girl-talk.gif);
background-repeat:no-repeat;
background-position:top left;
display:block;
width:158px;
height:70px;
text-decoration:none;
line-height:70px;
}
a#forum:link {
text-decoration:none;
}
a#forum:visited {
text-decoration:none;
}
a#forum:hover {
text-decoration:none;
background-position:bottom right;
}



/* CONTENT SECTION */
#content-homepage {
width:530px;
font-size:16px;
line-height:20px;
text-align:left;
}

#content {
font-size:16px;
line-height:20px;
text-align:left;
padding-right:30px;
width:100%;
max-width: 1200px;
    margin: 0 auto;
}

ul, ol {font-size: 18px; color: #dd506f; line-height: 140%;}
ul li, ol li {margin-bottom: 20px;}

/* POST */
#title-page {
font-family:georgia !Important;
font-size:24px!Important;
line-height:24px!Important;
color:#de597c!Important;
font-weight:normal!Important;
padding:3px 0px!Important;
margin:0px!Important;
}
#title-page a:link {
color:#de597c;
text-decoration:none;
}
#title-page a:visited {
color:#de597c;
text-decoration:none;
}
#title-page a:hover {
color:#679df2;
text-decoration:none;
}

#title {
font-family:georgia!Important;
font-size:33px!Important;
line-height:33px!Important;
color:#9b0000!Important;
font-weight:bold!Important;
padding:3px 0px!Important;
margin:0px!Important;
}
#title a:link {
color:#9b0000!Important;
text-decoration:none;
}
#title a:visited {
color:#9b0000!Important;
text-decoration:none;
}
#title a:hover {
color:#de597c!Important;
text-decoration:none;
}

.post-time {
font-size:14px!Important;
color:#de597c!Important;
padding:0px 0px 5px 0px!Important;
margin:0px;
}

.post-content {
color:#62340d!Important;
border-bottom:1px dashed #afbfe4!Important;
padding-bottom:10px!Important;
margin-bottom:30px!Important;
}
.post-content img {
padding:10px!Important;
border:1px solid #cccccc!Important;
}

.home-thumbnail img {
padding:10px!Important;
border:1px solid #cccccc!Important;
}



/* COMMENTS */
.post-comments {
text-align:right!Important;
font-size:24px!Important;
}

.post-comments a:link {
color:#679df2!Important;
text-decoration:none!Important;
}
.post-comments a:visited {
color:#679df2!Important;
text-decoration:none!Important;
}
.post-comments a:hover {
color:#de597c;
text-decoration:none;
}

#comments {
font-size:24px!Important;
margin:15px 0px 15px 0px!Important;
color:#de597c!Important;
}

#respond {
color:#679df2!Important;
font-size:24px!Important;
margin:15px 0px 15px 0px!Important;
}

.leave-comment {
font-size:24px!Important;
margin:0px 0px 15px 0px!Important;
}
.leave-comment a:link {
color:#679df2;
text-decoration:none;
}
.leave-comment a:visited {
color:#679df2;
text-decoration:none;
}
.leave-comment a:hover {
color:#de597c!Important;
text-decoration:none;
}

#comment {
width:490px!Important;
font-family:arial!Important;
font-size:16px!Important;
color:#de597c!Important;
}

#author {
width:300px!Important;
padding:4px!Important;
font-size:16px!Important;
color:#de597c!Important;
}

#email {
width:300px!Important;
padding:4px;
font-size:16px!Important;
color:#de597c;
}

#url {
width:300px;
padding:4px;
font-size:16px;
color:#de597c;
}

.comment-author {
font-size:16px;
line-height:18px;
}
.comment-author a:link {
color:#9b0000;
text-decoration:none;
}
.comment-author a:visited {
color:#9b0000;
text-decoration:none;
}
.comment-author a:hover {
color:#9b0000;
text-decoration:underline;
}

.comment-date {
font-size:12px;
margin:0px 0px 5px 0px;
}
.comment-date a:link {
color:#7e7e7e;
text-decoration:none;
}
.comment-date a:visited {
color:#7e7e7e;
text-decoration:none;
}
.comment-date a:hover {
color:#7e7e7e;
text-decoration:none;
}

.comment-text p {
color:#ca2752;
font-size:12px;
line-height:16px;
margin:0px;
padding:0px;
}

.commentlist {
list-style:none;
margin:0px;
padding:0px;
}
.commentlist li {
margin:0px;
padding:0px;
}
.comment-moderation {
color:#de597c;
padding:10px 0px;
}
.comment-form-text {
color:#ca2752;
font-size:22px;
}





/* SIDEBAR SECTION */
#sidebar {
width:300px;
text-align:left;

}
.blog-ish #sidebar {
margin-top:200px;
}

#sidebar-intro {
padding:4px!Important;
margin:0px;
background:url(/wp-content/themes/sugar/images/dot.gif) repeat;
}

#sidebar-intro p {
font-family:georgia!Important;
font-size:14px!Important;
color:#ca2752!Important;
line-height:18px!Important;
padding:8px!Important;
margin:0px;
background:#ffffff!Important;
}

#sidebar-intro form {
font-size:16px!Important;
color:#9b0000!Important;
background-color:#ffffff!Important;
padding:0px!Important;
margin:0px!Important;
height:72px!Important;
text-align:center!Important;
}

#latest-posts {
font-family:georgia!Important;
font-size:14px!Important;
padding:10px!Important;
border:6px double #fbd2dd!Important;
background-color:#fff1f5!Important;
}
#latest-posts h2 {
font-family:georgia!Important;
font-size:16px!Important;
letter-spacing:2px!Important;
text-transform:uppercase!Important;
font-weight:normal;
color:#000000!Important;
margin:0px 0px 10px 0px!Important;
padding:0px;
}
#latest-posts ul {
list-style: none!Important;
margin:10px 0px 0px 0px!Important;
padding-left:5px !Important;
}
#latest-posts li {
background:url(images/bullet-blog.gif) no-repeat center left !Important;
padding-left:12px !Important;
text-transform:lowercase;
line-height:16px !Important;
margin:0px 0px 15px 0px !Important;
}
#latest-posts a:link {
color:#9b0000 !Important;
text-decoration:none;
}
#latest-posts a:visited {
color:#9b0000 !Important;
text-decoration:none;
}
#latest-posts a:hover {
color:#9b0000;
text-decoration:underline;
}

#favorites {
padding:10px;
border:6px double #fbd2dd;
}
#favorites p {
font-family:georgia;
font-size:12px;
line-height:16px;
padding:0px;
margin:0px;
}
#favorites div {
font-family:georgia !Important;
font-size:16px !Important;
line-height:16px !Important;
text-align:right !Important;
font-weight:normal !Important;
font-style:italic !Important;
border-bottom:1px dashed #cccccc !Important;
padding:0px 0px 10px 0px !Important;
margin:0px 0px 10px 0px !Important;
color:#de597c;
}
#favorites h3 {
font-weight:normal !Important;
margin:0px !Important;
padding:5px 0px !Important;
}
#favorites a:link {
color:#679df2 !Important;
text-decoration:underline;
}
#favorites a:visited {
color:#679df2 !Important;
text-decoration:underline;
}
#favorites a:hover {
color:#de597c !Important;
text-decoration:none;
}

#archives {
font-family:georgia;
font-size:14px;
padding:10px;
border:6px double #eaeaea;
background-color:#f9f9f9;
}
#archives h2 {
font-family:georgia;
font-size:16px;
letter-spacing:1px;
text-transform:uppercase;
font-weight:normal;
color:#000000;
margin:0px 0px 10px 0px;
padding:0px;
}
#archives ul {
list-style: none;
margin:10px 0px 0px 0px;
padding-left:5px;
}
#archives li {
background:url(images/bullet-blog.gif) no-repeat center left;
padding-left:12px;
text-transform:lowercase;
line-height:16px;
margin:0px 0px 15px 0px;
}
#archives a:link {
color:#9b0000;
text-decoration:none;
}
#archives a:visited {
color:#9b0000;
text-decoration:none;
}
#archives a:hover {
color:#9b0000;
text-decoration:underline;
}

#popular-posts {
font-family:georgia;
font-size:14px;
padding:10px;
border:6px double #c0d9f3;
background-color:#e8f4ff;
}
#popular-posts h2 {
font-family:georgia;
font-size:16px;
letter-spacing:2px;
text-transform:uppercase;
font-weight:normal;
color:#000000;
margin:0px 0px 10px 0px;
padding:0px;
}
#popular-posts ul {
list-style: none;
margin:10px 0px 0px 0px;
padding-left:5px;
}
#popular-posts li {
background:url(images/bullet-blog.gif) no-repeat center left;
padding-left:12px;
text-transform:lowercase;
line-height:16px;
margin:0px 0px 15px 0px;
}
#popular-posts a:link {
color:#9b0000;
text-decoration:none;
}
#popular-posts a:visited {
color:#9b0000;
text-decoration:none;
}
#popular-posts a:hover {
color:#9b0000;
text-decoration:underline;
}



/* FOOTER */
#footer {
text-align:center;
font-size:11px;
color:#999999;
clear:both;
padding:20px 0px;
}


/* GENERAL STORE */
.shr-pop {font-family:'Open Sans';background-color:#eeeeee;padding:15px;display:none;width:240px;max-width:240px;}
.shr-pay-how {font-size:110%;color:#222222;font-weight:400;text-shadow:1px 1px 0px #ffffff;margin:10px 0 0 0}
.shr-summary {text-align:center;font-size:100%;color:#444444;font-weight:700;text-shadow:1px 1px 0px #ffffff;margin:0 0 5px 0;}
.shr-receipt {text-align:left;background-color:#f6f6f6;font-size:90%;font-weight:400;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;padding:5px;-moz-box-shadow: 0px 0px 5px 0px #999999;-webkit-box-shadow: 0px 0px 5px 0px #999999;box-shadow: 0px 0px 5px 0px #999999;}
.shr-receipt table {border-collapse:collapse;}
.shr-receipt table td, .shr-receipt table th {font-size:90%;font-weight:400;padding:4px;}
.shr-receipt table td {background-color:#ffffff;color:#333333;}
.shr-receipt table th {background-color:#e3e3e3;color:#333333;text-shadow:1px 1px 0px #ffffff;}
.shr-total {border-top:1px solid #cccccc;}
.shr-creditcard {text-align:center;font-size:130%;font-style:italic;color:#ffffff !important;font-weight:700;border:1px solid #cc2020;text-decoration:none !important;text-shadow:-1px -1px 0px #cc2020;line-height:40px;display:block;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;margin:10px 0 15px 0;
background: #dd506f; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RkNTA2ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjMjJlNGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #dd506f 0%, #c22e4f 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dd506f), color-stop(100%,#c22e4f)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #dd506f 0%,#c22e4f 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #dd506f 0%,#c22e4f 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #dd506f 0%,#c22e4f 100%); /* IE10+ */
background: linear-gradient(to bottom,  #dd506f 0%,#c22e4f 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd506f', endColorstr='#c22e4f',GradientType=0 ); /* IE6-8 */
}
.shr-creditcard:hover {color:#ffffff !important; text-decoration:none !important;}


/* New Changes 2020 */

table {
    width: 100%;
}
td.left-content {
    width: 100%;
    max-width: 600px;
    display: block;
    float: left;
    margin-right: 30px;
}
td.right-content {
    width: 100%;
    display: block;
    max-width: 280px;
    float: left;
}
.container {
    max-width: 900px !important;
}

.row {
    font-family: georgia !important;
}

.side-bar-contian {
    padding: 10px;
    margin-bottom: 30px;
}

.side-bar-contian.social {
    padding: 10px;
    margin-bottom: 0px;
}

a.social-btn {
    width: 100%;
    display: block;
    margin-bottom: 5px;
}
.social-btn img {
    max-width: 100%;
    width: 100%;
}
.social-media-contain {
    width: 100%;
    display: block;
    margin-top: -40px;
    margin-bottom: 30px;
    z-index: 0;
}