/*
Theme Name:Julies Eats and Treats
Theme URI:http://www.judithshakesdesigns.com
Description:Custom WP Template by JudithShakes Designs
Author:JudithShakes Designs
Author URI:http://www.judithshakesdesigns.com
*/
/* - BASIC STUFF - */
body{background:#f8f8f8; font:14px 'Questrial',sans-serif; color:#556270; margin:0 auto}
a{text-decoration:none; color:#ff6b6b}
a:hover{text-decoration:none; color:#4ecdc4}
.commentmetadata, .additional-meta{font-size:12px; color:#ccc; text-transform:uppercase}
.additional-meta span{text-transform:lowercase}
.meta{font-size:12px; color:#ff6b6b; border-top:1px solid #eee; padding-top:10px; text-transform:uppercase}
.meta span{text-transform:lowercase}
.signature{margin-top:10px}
blockquote{font-style:oblique; color:#ff6b6b}
img{border:none !important}
.clear{clear:both}
#add{margin:30px 0}

/* -- LISTS -- */
ul{margin:0; padding:0}
ul li{margin-left:5px; padding:0}
li{list-style-type:none}
.disc{list-style-type:disc}
/* lists inside posts */
.entry-content ul ol{margin-left:0}
.entry-content ul li{margin-left:10px; list-style:disc; list-style-position:inside}
.entry-content ul li ol{margin-left:10px}
.entry-content ol li{margin-left:5px; list-style:decimal; list-style-position:inside}
.entry-content ol li li{margin-left:5px}

/*--PREV POST--*/
#prevnextpost {border-top: 1px solid #EEEEEE; padding:10px 0; border-bottom: 1px solid #EEEEEE; margin-top:30px;}
#prevpost {float:left; width:50%;}
#nextpost {float:right;width:50%; text-align:right;}
.clear {clear:both;}
#prevnextpost a {color:#4ECDC4;}


/* -- HEADINGS -- */
h1, h2, h3, h4, h5, h6{margin:0; padding:0; font-weight:normal}

h3#comments, h2.entry-title{font-size:25px; color:#4ECDC4}
h4.name a, h2.entry-title a{}
h4.name a:hover, h2.entry-title a:hover{color:#4ecdc4}
h2.archive-title{color:#fff; padding:10px; text-transform:uppercase; background:#C7F464;  margin-bottom:20px;  padding-bottom:10px}
h3.widgettitle{color:#4ecdc4;  font-size:25px;  margin-bottom:10px}
h4.name{font-weight:bold; font-size:17px}
h2.ebookheader {
    text-align: center;
    border-top: 1px solid #CCC;
    margin-top: 25px;
    padding-top: 10px;
    font-size: 35px;
    font-weight: bold;
}

.page-id-12724 h2.entry-title {
display: none;
}

/* headings inside posts */
.entry-content h3{font-size:140%}
.entry-content h4{font-size:120%}
.entry-content h5{font-size:100%}
.entry-content h6{font-size:90%}
.entry-content h1{font-size:140%}

/* -- MAIN DIV'S -- */
#wrapper{background:#fff none; float:none; clear:both; margin:40px auto 0; padding:0 15px 30px; width:1063px; -moz-box-shadow:0 0 5px #888; -webkit-box-shadow:0 0 5px#888; box-shadow:0 0 5px #888}
#header{height:165px; width:1063px; padding:0 5px}
#header img{border:0}
#content-wrapper{margin-top:15px; overflow:hidden}
#footer{height:100px; overflow:hidden; margin:20px auto 0; clear:both; float:none;  padding:5px 0; background:#434343 url(images/foot.png) no-repeat right center}
#foot{margin-top:-5px; background:#ff6b6b; -webkit-box-shadow:0px -1px 5px #ccc; -moz-box-shadow:   0px -1px 5px #ccc; box-shadow:        0px -1px 5px #ccc; overflow:hidden}
#foot a{color:#D3545D}
#foot h2, #foot h2 a{color:#fff}
#footinner{width:1063px; margin:0 auto 20px; padding:30px 0 20px}
h2.popularposts{color:#FFF;     font-size:25px;     margin-bottom:20px}
.footcolumn{float:left;     margin-right:40px;     width:307px}
.footimage{width:90px; float:left}
.footimage img{width:90px; height:90px; border-radius:50% 50% 50% 50%}
.footinfo{float:right;     padding-top:15px;     width:205px}
.footmeta{color:#D3545D}
#pop{border-bottom:1px solid #F46567; overflow:hidden; padding-bottom:35px; margin-bottom:35px}
#foot .widget{border:none; padding-top:0; line-height:1.6}
#foot h3{color:#fff !important}
#fwid{ border-bottom:1px solid #F46567;     margin-bottom:20px;     overflow:hidden;     padding-bottom:25px}
#copy{text-align:right; font-size:12px; color:#D3545D}
#fleft{width:600px; float:left; margin-left:-10px}
#fright{width:250px; float:right; font-style:oblique; text-align:right}
.ad{clear:both; text-align:center; padding:5px 0 20px}
.ad2{clear:both; text-align:center; padding:10px 0 20px}
#logo{width:450px; float:left;}
#newsocial {margin-top: -45px;
padding-left: 110px;}
#topmenu{width:450px; float:right;  padding-right:10px;   margin-top:10px;     padding-top:10px; background:#fff url(images/miss.png) top left no-repeat}
#topmenu ul{padding-top:10px}
#topmenu ul li{display:inline; padding-right:10px}
#topmenu ul img{width:125px; height:125px; border-radius:50%}
#homeleft{width:510px; float:left}
#homeright{width:445px; float:right}

#subbox{background:#4ecdc4; padding:10px 10px 15px; line-height:1.2}
h2.subtitle{ color:#FFF;  font-size:27px;  text-align:center;   margin-bottom: 10px;}
#signup_email, #s{border:medium none;  font-size:17px;  padding:2px 0;  width:210px; color:#ccc;}
@-moz-document url-prefix() { 
  #submit_button,#searchsubmit
  {
  	padding:1px !important; 
  }
}
.widget_wysija_cont .wysija-submit {display:inline-block !important;}
.formError .formErrorContent {background: none repeat scroll 0 0 #ccc !important; font-family:'Questrial',sans-serif !important; }
.widget_wysija_cont .updated, .widget_wysija_cont .login .message {background-color: #FFFFFF !important; border-color: #ffffff !important;}

#submit_button, #searchsubmit{padding-bottom:3px; margin-left:-10px; background:#C7F464; border:none; color:#79AC0C; font:20px 'Questrial',sans-serif}
#subbox form{margin-top:10px}
#s{border:1px solid #ccc; width:230px; vertical-align:middle;}
#searchsubmit{color:#fff; background:#FF6B6B; border:1px solid #FF6B6B; vertical-align:middle;}

#welcome{overflow:hidden}
#headshot{width:95px; float:left; padding-top:5px}
#welcometext{}
#meet{text-align:right}
#headshot img{width:90px; height:auto; border-radius:50%}

#search{background:#eee; padding:10px; margin:10px 0}

.archiveblock{border-bottom:1px dotted #CCC;  margin-bottom:15px;  padding-bottom:25px}
.archivethumb{width:200px; float:left}
.archivethumb img{border-radius:50% 50% 50% 50%; width: 200px;
    height: 200px;}
.archivecontent{width:430px; float:right; padding-top:20px}
.archivecontent p{ line-height:1.57; margin-top:5px}
.readmore{font-size:22px}
.readmore a{color:#4ecdc4}
.commentbubble{margin-top:-5px; float:right; line-height:.7; background:#f7f7f7 none; border-radius:50%; width:60px; height:60px; color:#b2b2b2; text-align:center}
.commentbubble a{color:#b2b2b2}
.commentbubble span{font-size:9px}
.bubbleinner{font-size:16px;  padding-top:16px}
.atbleft{width:365px; float:left}
#moreposts{text-align:right}
#bigpost{border-bottom:1px dotted #CCC;  margin-bottom:15px;  padding-bottom:25px; margin-top:10px}
#featuredthumb{margin-top:10px}
#featuredthumb img {width:650px; height:auto;}

#topadspace, #footadspace {text-align:center; padding: 20px 0;}

#footadspace {display: none;}

.recipeblock {float: left;
overflow: hidden;
text-align: center;
width: 215px; height:290px;}
.recipethumb {}
.recipethumb img {width:175px; height:175px; border-radius:50%;}
.recipecontent {}
h2.recipe-title {font-size: 16px;
line-height: 1.2;
padding: 0 25px;}
.widget-grid-view-image img {border-radius:50%;}
#missout{color: #FF6B6B;
margin-bottom: 20px;
margin-top: 20px;
padding: 10px;
text-align: center;}
h2.missout{color:#556270; font-size:18px}
#recipeshare{margin:20px 0; text-align:center; font-size:14px; color:#ff6b6b; border:1px dotted #ccc; padding:10px}
h2.recipeshare{color:#4ecdc4;  font-size:20px;  margin-bottom:5px}
#recipeshare a{}
#recipeshare ul li{display:inline; border-left:1px solid #ff6b6b; padding-left:5px}
#recipeshare ul li:first-child{border:none}

/* -- MENU -- */
#access{ border-bottom:1px solid #CCC;  border-top:1px solid #CCC;  float:left;  padding:5px 0; width:100%;  text-transform:uppercase}
#access .menu-header, 
div.menu{font-size:18px}
#access .menu-header ul, 
div.menu ul{list-style:none; margin:0}
#access .menu-header li, 
div.menu li{float:left; position:relative}
#access a{display:block; text-decoration:none; color:#a5a5a5; padding:5px 10px}
#access ul ul{display:none; position:absolute; padding-top:5px; left:0; float:left; z-index:99999; background:#fff; font-size:13px !important;}
#access ul ul li{min-width:180px}
#access ul ul ul{left:100%; top:0}
#access ul ul a{background:#fff; height:auto; line-height:1em; padding:10px; width:160px; color:#a5a5a5}
#access li:hover >a, 
#access ul ul:hover >a{color:#4ecdc4; background:#fff}
#access ul li:hover >ul{display:block}
#access ul li.current_page_item >a, 
#access ul li.current-menu-ancestor >a, 
#access ul li.current-menu-item >a, 
#access ul li.current-menu-parent >a{color:#4ecdc4}

* html #access ul li.current_page_item a, 
* html #access ul li.current-menu-ancestor a, 
* html #access ul li.current-menu-item a, 
* html #access ul li.current-menu-parent a, 
* html #access ul li a:hover{color:#4ecdc4}

/* -- POSTS -- */
.post-index{margin:0 0 30px}
#post-single{margin:0 0 20px}
.posts-wrap{clear:none;  float:left;  line-height:1.7em;  padding-left:15px;  width:650px; padding-top:5px;}
.entry-content{line-height:1.8}
.entry-content img {max-width:100%; height:auto;}

/* -- ATTACHMENT PAGES -- */
.attachment-content {text-align: center;}
.attachment-content img {max-width: 70%; height: auto;}
.attachment-get-recipe {font-size: 40px; margin: 0px;}
.attachment-get-recipe-bottom {font-size: 25px;}

/* -- SIDEBARS --*/
#sb1{width:170px; float:left; display:none;}
#sb2{width:315px; float:right; padding-bottom:25px}
.sidebar-wrap{margin:0 auto; overflow:visible;  clear:none;  line-height:1.5em}
.sidebar{width:99%; clear:none}
#sbsplit{}
#sbleft{width:145px; float:left}
#sbright{width:145px; float:right}

.widget{margin-bottom:40px}
.widget ul li{border-bottom:1px dotted #EEE;  margin-left:0;  padding:3px 0}
.widget img {max-width:100%; height:auto;}

/* -- 404-PAGE --*/
.error404{margin:0; width:100%}
.error404 h1, .error404 h2{margin:10px auto}

/*--IMAGES--*/
img.right{float:right; margin:10px 0 0 10px}
img.left{float:left; margin:0 10px 10px 0}

/***** Images with Captions ********/
.aligncenter, div.aligncenter{display:block; margin:10pt auto !important; text-align:center}
.alignleft{float:left; margin-right:10px}
.alignright{float:right; margin-left:10px}
.wp-caption{text-align:left; background-color:#fff; padding-top:4px; font-style:italic; color:#999; text-transform:lowercase}
.wp-caption img{margin:0; padding:0; border:0 none}
.wp-caption p.wp-caption-text{font-size:11px; line-height:17px; padding:5pt 4px 5px; margin:0; font-style:italic; text-align:right}

/* -- COMMENTS -- */
div.comments-wrap{margin:15px auto; padding:0}
li.comment, li.trackback, li.pingback{margin:10px auto; padding:5px; border-bottom:1px dotted #ccc; overflow:hidden}
ul.children{margin:5px; background:#fff none}
ul.children li.depth-2, ul.children li.depth-4, ul.children li.depth-6, ul.children li.depth-8, ul.children li.depth-10{background:#eee none !important; border:1px solid #ddd}
ul.children li.depth-1, ul.children li.depth-3, ul.children li.depth-5, ul.children li.depth-7, ul.children li.depth-9{background:#fff none !important; border:1px solid #ddd}
ul.commentlist, ul.pinglist{margin:25px 0}
div.reply{text-align:right}
textarea#comment{overflow:auto}
.avatar{float:right; padding:2px; background-color:#fff; border:0px solid #e4c658}
ul.commentlist li.even{background:#fff none}
ul.commentlist li.even a{}
ul.commentlist li.odd{background:#fff none}

/* -- NAVIGATION --*/
div.navigation{width:100%; height:auto; float:left; clear:both; padding:0 0 30px}
.navigation-index{}
.nav-next{float:right; clear:none; width:48%; text-align:right}
.nav-prev{float:left; clear:none; width:48%; text-align:left}
#slideshow-wrapper #information p{ color:#ff6b6b !important;  font-size:14px;  font-weight:normal;  margin:0 !important;  padding:0 8px 8px}

/* -- STICKY --*/
#sticky {   background: none repeat scroll 0 0 #FF6B6B;
    box-shadow: 0 2px 5px #CCCCCC;
    color: #FFFFFF;
    display: block;
    font-size: 18px;
    height: 30px;
    left: 0;
    padding-top: 10px;
    position: fixed;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 5000;}
#sticky a {background: none repeat scroll 0 0 #556270;
    border-radius: 8% 8% 8% 8%;
    color: #FFFFFF;
    margin-left: 3px;
    padding: 4px;}
#sticky a:hover {background:#4ecdc4 none;}
#sticky p {margin:0;}


.ebookblurb {
float: right;width:38%;margin: 5% 0 0 2%;text-align: center; font-size:18px; line-height:1.2;
}

.ebookipad {
width:60%; height: auto;
}


@media only screen and (max-width: 605px) {
.ebookblurb {
float: none;width:100%;
}

.ebookipad {
width:100%; 
}
}

/* New styles added 1/19 */
#formemail {border:1px solid #556270; color:#556270; width:88%; text-align:center; font-size:17px; padding:5px 0; margin-bottom:10px;}
#formbutton {width:88%; background:#ff6b6b; border:1px solid #ff6b6b; color:#fff; font-size:17px; padding:5px 0; text-align:center;}
#formbutton:hover {background:#4dccc4; border:1px solid #4dccc4;}
#sidebar-social {margin-top:-25px; margin-bottom:-15px;}
#welcome {margin-bottom:-30px;}
#customsub_new {border:7px solid #4dccc4; text-align:center; padding-bottom:10px;}
#customsub_new img {width:98%; height:auto;}
#bottomofpost {text-align: center;}
#bottomofpostimg {max-width:100%; height:auto;}
#bottomofpostform {background:#4dccc4; padding: 10px 5px; max-width:556px;margin: 0 auto;}
#newformemail {border:1px solid #ccc; color:#556270; width:95%; text-align:center; font-size:17px; padding:5px 0; margin-bottom:5px;}
#newformbutton {width:95%; background:#ff6b6b; border:1px solid #ff6b6b; color:#fff; font-size:17px; padding:5px 0; text-align:center;}
#newformbutton:hover {background:#C7F466; border:1px solid #C7F466;}
#popheader, #favorites-header {text-align:center;}
#popboxwidget li {border:none;float: left; width:150px; margin-bottom:5px;}
#popboxwidget {text-align:center; padding-left:8px;}
#favboxwidget li {border:none;float: left; width:150px; margin-bottom:5px;}
#favboxwidget {text-align:center; padding-left:8px;}
.ig_popup {width:45% !important;}
.ig_popup img {max-width:99%; height:auto;}