/*
Theme Name:Goodeness Gracious
Theme URI:http://www.judithshakesdesigns.com
Description:Custom Theme by JudithShakes Designs. For use only on goodenessgracious.com. Any other domain is prohibited.
Author:JudithShakes Designs
Author URI:http://www.judithshakesdesigns.com
*/
/* - BASIC STUFF - */
body{background:#fd9; font:15px "Trebuchet MS",Helvetica,sans-serif; color:#000; margin:0 auto}
/*a{text-decoration:none; color:#ae0e08}*/
a {text-decoration: underline;color: #3EA7E7;}
a:hover{text-decoration:none}
.commentmetadata, .additional-meta{font-size:12px; color:#ae0e08}
.meta{font-size:12px; color:#000}
.signature{margin-top:10px;  clear: both;}
blockquote{font-style:oblique; color:#ae0e08}
img{border:0}
.clear{clear:both}

/* -- 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}

/* -- HEADINGS -- */
h1, h2, h3, h4, h5, h6{margin:0; padding:0; font-weight:normal}
h2.single-title{font-size:32px; color:#000}
h3#comments, h2.entry-title{font-size:25px}
h4.name a, h2.entry-title a, h2.single-title a{color:#ae0e08}
h4.name a:hover, h2.entry-title a:hover{color:#ae0e08}
h2.archive-title{border-bottom:4px solid;  color:#000;  margin-bottom:20px;  padding:0 0 10px}
h3.widgettitle{font-size:20px;  text-transform:uppercase; padding-bottom:5px}
h4.name{font-weight:bold; font-size:17px}

/* 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%}

/* -- MAIN DIV'S -- */
#main{background:#fd9 url(images/wood.gif) repeat-x}
#wrapper{float:none; clear:both; margin:0 auto; padding:0; width:990px;  overflow:hidden; -moz-box-shadow:0 50px 0 #FFF,0 50px 5px #333; -webkit-box-shadow:0 50px 0 #FFF,0 50px 5px #333; box-shadow:0 50px 0 #FFF,0 50px 5px #333}
#header{height:195px;     margin:0 auto;     overflow:hidden;     width:990px}

#header img{border:0}
#content-wrapper{background:#fff url(images/content-top.png) top center no-repeat;  overflow:hidden;  padding:10px;  margin-top:10px}
 
/* Header Stuff */
#logo{width:542px; float:left;  padding-top:70px}

#pictures{width:417px; float:right; padding-right:30px}
#topad{background:#ae0e08 url(images/red.gif) repeat;   border-bottom: 6px solid #000000;}
 
#topad-inner{width:990px; margin:0 auto; text-align:center; padding:5px}

/* CARD */
#card{height:219px; width:390px; font-size:14px; background:#fff url(images/card-bottom.png) top center no-repeat; padding-left:16px; margin-bottom:15px}
#intro{ height:90px;  margin-bottom:15px;  overflow:hidden;  padding-left:19px;  padding-top:40px;  width:350px}
#social{padding-left:18px;  padding-top:5px;  width:235px}

/* -- MENU -- */
#access{ color:#FFF;  display:block;  margin:-10px auto 40px;  text-transform:uppercase;  width:990px}
#access .menu-header, 
div.menu{font-size:16px; margin-left:0px}
#access .menu-header ul, 
div.menu ul{list-style:none; margin:0}
#access .menu-header li:first-child{border-left:none; padding-left:0px;  padding-right:5px}
#access .menu-header li, 
div.menu li{float:left; position:relative; margin-left:0; border-left:1px solid #FFF;  padding-left:5px;  padding-right:5px}
#access a{display:block; text-decoration:none; color:#fff; padding:0 10px}
#access ul ul{display:none; position:absolute; padding-top:10px; left:0; float:left; width:180px; z-index:99999}
#access ul ul li{ border-left:1px solid #000 !important; min-width:180px;  padding-left:0 !important}
#access ul ul ul{left:100%; top:0}
#access ul ul a{background:#000; height:auto; line-height:1em; padding:10px; width:160px}
#access li:hover >a{color:#000}
#access ul ul li:hover >a{color:#fcd66c !important}
#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:#fff}

* 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:#000}

.sub-menu {margin-left: 0;}
#access ul ul ul {margin-left:-10px !important;}

/* -- HOME -- */
#fullsize{border:1px solid #000 !important}
#information{opacity:0.9 !important; font-family: "Trebuchet MS",Helvetica,sans-serif;}
#recipes{}
#super{}
#life{}
.homebox{margin-top:20px; line-height:1em}
.hbox{margin-bottom:10px}
.homeicon{float:left;  margin-right:10px;  width:60px}
.hboxtitles{ border-bottom:4px solid #000;  float:right;  padding-bottom:9px;  padding-top:17px;  width:500px}
.htitle1{float:left;  width:375px}
.htitle2{ float:right;  font-size:16px;  font-weight:bold}
h2.featured-title{font-size:32px}
#infobox{border-top:1px dotted #CCC;  line-height:1.5;  margin-top:20px;  padding-top:35px}

/*LARGE*/
.firstpost{float:left; width:280px; line-height:1.2em}
h2.homeboxtitle{font-size:22px;  padding-top:25px;  line-height: 1.1;}
.large{}
.large img{border:3px solid #000}

.excerptcontent{font-size:16px;  line-height:1.5em;  padding-right:6px;  width:260px}
.homemeta{color:#AE0E08}

/*SMALL*/
.smallposts{height:130px;  overflow:hidden}
.smallright{}
.small{float:left}
.small img{border:3px solid #000; margin-right:7px}
h2.homeboxtitle-small{ font-size: 14px; max-height: 29px; line-height: 1; overflow: hidden;}
.excerptcontent-small{  font-size: 14px; max-height: 70px; line-height: 1.2; overflow: hidden;}

.excerptcontent-small p{margin-top:4px}

.homemeta-small{}

/* -- POSTS -- */
.post-index{margin:0 0 50px}
#post-single{margin:0 0 20px}
.posts-wrap{ clear:none;     float:left;     line-height:1.7em;     padding-top:35px;     width:570px}
.date{width:94px; height:93px; color:#fff; text-align:center; float:left; background:#fff url(images/date.gif) top center no-repeat; font-size:20px}
.month{line-height:1em; padding-top:20px}
.day{margin-top:-4px;}
.year {font-szie:17px; line-height:0.4;} 
.titlegroup{ float:left;  padding-left:5px;  padding-top:20px;  width:365px}
#socialstuff {padding-top:10px}
#socialstuff li {display:inline; margin-left: 0; margin-right:5px; float: left; }
.pint {width:65px}
.plus{width:80px}
.fb-like {width: 200px;}
.additional-meta-single{color:#FCD66C;  font-size:16px;  padding-top:5px}
.additional-meta-single a{color:#fcd66c}
.archiveblock{ border-bottom:1px dotted #CCC;  clear:both;  overflow:hidden;  padding-bottom:10px}
.archiveleft{float:left;  width:140px}
.archiveright{float:right;  width:430px}
.archiveright p{margin-bottom:2px;  margin-top:2px}
.smallgrid img{border:3px solid #000}
.archive-index{margin-bottom:20px}
.archiveblock-grid{float:left;  height:150px;  line-height:1.3;  margin-right:5px;  overflow:hidden;  text-align:center;  width:135px;  margin-bottom:10px}
#cat_descript{margin-bottom:20px}
.ERName{color:#000 !important}
.ERHead{ color:#ae0e08; font-size: 13px;}

/* -- SIDEBARS --*/
.sidebar-wrap{margin:0 auto;  float:right; clear:none; width:390px;    padding-top:17px}
.sidebar{width:99%; clear:none; overflow:hidden}

.block-1{float:none;     padding-left:30px;     width:350px}
.widget{border-top:1px dotted #CCC;     margin-bottom:20px;     padding-top:20px}
.widget ul li{margin-left:0; margin-bottom:3px}
#quick{border-bottom:1px dotted #CCC;     margin-bottom:20px;     padding-bottom:20px}
#adbar{text-align:center}
#adbar .widget{background:#fff url(images/red.gif) repeat !important; padding:20px 10px; border:5px solid #000}
#minimenus{font-size:15px;  padding-top:20px}
#minimenus ul li{margin-left:0; margin-bottom:3px}
#minimenus a{color:#000}
#quickleft{float:left; border-right:1px dotted #ccc;  width:150px}
#quickright{float:right;  width:150px}
#subbox{margin-bottom:20px}
#formbox{width:255px; margin-right:4px}
#formsubmit{background:#ae0e08; color:#fff; border:none; -moz-border-radius:5px; border-radius:5px;  padding:2px;  text-transform:uppercase}
#splitbar{border-top:1px dotted #CCC;  margin-bottom:20px;  padding-left:10px;  padding-top:20px;  width:330px}
#splitbar .widget{border:0; margin-top:0}
#splitleft{float:left;  width:160px}
#splitright{float:right;  width:160px}

/* SEARCH */
#searchbox{padding-top:20px; border-top:1px dotted #CCC}
#searchform{background:#fcd66c; padding:8px}
#s{width:255px}
#searchsubmit{background:#ae0e08; color:#fff; border:none; -moz-border-radius:5px; border-radius:5px;  padding:2px;  text-transform:uppercase}

/* -- 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:65px 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 10px}
.navigation-index{}
.nav-next{float:right; clear:none; width:48%; text-align:right}
.nav-prev{float:left; clear:none; width:48%; text-align:left}
.pagination{clear:both; padding:20px 0; position:relative; font-size:11px; line-height:13px}
.pagination span, .pagination a{display:block; float:left; margin:2px 2px 2px 0; padding:6px 9px 5px 9px; text-decoration:none; width:auto; color:#fff; background:#000}
.pagination a:hover{color:#fff; background:#ae0e08}
.pagination .current{padding:6px 9px 5px 9px; background:#ae0e08; color:#fff}

/* -- FOOTER --*/
#footbar{background:#ae0e08 none; height:46px; border-top:4px solid #000; border-bottom:4px solid #000; clear:both; margin-top:90px}
#foot{background:transparent url(images/seamless.gif) repeat}
#footer{width:990px; margin:0 auto; padding:20px 0; color:#fff; min-height:256px}
#apples{float:left; height:256px; width:240px;  margin-top:-50px}
#footer .widget{border:none !important}
#foot1{width:300px; float:left; padding-left:60px}
#foot2{width:300px; float:right}
#copy{padding-left:290px; margin-top:20px}
#copy a{color:#fff}
#copy ul li{display:inline; border-left:1px solid #fff; text-transform:uppercase; padding-left:10px}
#copy ul li:first-child{border:none; padding-left:0}
#copyright{font-size:10px;  padding-left:5px;  padding-top:5px;  text-transform:uppercase; clear: both;}

/*RECIPE PLUGIN*/
#zlrecipe-container {
    background: none repeat scroll 0 0 #FCD66C !important;
    border: 4px solid #000000;
    padding:10px 10px 40px !important;
}
#zlrecipe-container .img-desc-wrap {
    background-color: #FCD66C !important;
    padding-top: 1px;
}
#zlrecipe-container .img-desc-wrap .summary {
    font-size: 18px;
    padding: 0 !important;
	 margin-top: 3px;
}

/*FACEBOOK FAN PAGE*/
.fbbody {background:#fff !important; width:510px; overflow:hidden !important;}
#fb-wrapper {width:510px; margin: 0 auto; border:2px solid #000;background:#fd9;}
#fb-wrapper img {border: none;}
#fb-top {height:175px;}
#fb-middle {height:235px; overflow:hidden; background:transparent url(images/facebook/fb-middle.png) no-repeat;}
#fb-bottom {overflow: hidden;
    padding: 0 20px 20px; background:#FFDD99 none !important;}
#fb-bottom img { border: 3px solid #000000;}
#fb-bottom .archiveblock-grid {margin-right:20px}
.fb-title {margin-bottom:10px;}
#fb-intro { height: 140px;
    margin: 0 auto;
    width: 400px;}
#fb-intro p {margin-top:3px; margin-bottom:3px;}
#fb-social{padding-left: 50px;}

/* - Author box -*/
.author_info p.author_email{text-align:left !important;  font-size:20px}
.author_info h4{display:none}
.author_info{ background:none repeat scroll 0 0 #FD9;  border:3px solid #000;  margin:50px 0 15px;  padding:10px;  margin-top:50px;  clear:both; overflow:hidden;}
.author_info .author_photo img{ border:1px none #666;  float:left;  margin:0 1em 1em 0;  padding:0.2em}

/* - Author box - Updated by Tony Oravet 6/3/2014 due to Plugin Upgrades Changing the div layout-*/
#abap_box p.author_email{text-align:left !important;  font-size:20px}
#abap_box h4{display:none}
#abap_box{ background:none repeat scroll 0 0 #FD9 !important;  border:3px solid #000 !important;  margin:50px 0 15px !important;  padding:10px !important;  margin-top:50px !important;  clear:both; overflow:hidden;}
#abap_box .author_photo img{ border:1px none #666 !important;  float:left !important;  margin:0 1em 1em 0 !important;  padding:0.2em !important;}
