/*
Theme Name: Joy the Baker - Spring 2012

Author: Danny Cohen
Author URI: http://dco1.com/
Version: 1.0

*/





* {  margin:0;  padding:0;  border:0;  outline:0;  font-size:100%;  vertical-align:baseline;  background:transparent;}                  
article, aside, details, figcapxion, figure, footer, header, hgroup, menu, nav, section {     display:block;}

   ::-moz-selection { color:rgba(255,255,255,.8); background:#a40665;}
        ::selection { color:rgba(255,255,255,.8); background:#a40665;}
                       a:link { -webkit-tap-highlight-color: #a40665; } 


h1, h2, h3, h4, h5, h6 {font-weight:normal;}
a {text-decoration:none; outline: none;}

.hide {display:none;}
hr.foot {border:0px;clear: both;display: block;	overflow: hidden;visibility: hidden;width: 0px; margin:0;padding:0;	height: 0px;}

.left, .alignleft {float:left;}  .right, .alignright {float:right;}

a {color:inherit;}

/* Colors, for reference */
.green {color:#a1ce33;}
.navy {color:#01174b;}
.teal {color: #048f9f;}
.brown {color:#b28962;}
.palebrown {color:#ddc7b2;}

/*General Layout*/

body { width: 1024px;  margin:30px auto; font-family: 'Josefin Sans', sans-serif; font-size:11px; background: url('image/dotted_background.png');}



#main, #side {float:left; display:inline;}
    #main {	width: 640px; margin-right:99px;}
    #side {	width: 285px;}


/* Header */

header {height:236px; width:100%; margin-bottom:35px; background:url('image/top_pink_dots.png'); background-position:center 157px; background-repeat:no-repeat;  }
header h1 {margin-right:49px;}
header h1 a {display:block; width:208px; height:208px; float:right; background:url('image/headers/vday_pink/circle.png'); text-indent:-9999px;}


nav { font-family: 'Josefin Sans', sans-serif; font-weight: 700/bold;	font-size: 18px; color: #000000; text-transform:uppercase; margin-bottom:23px;}
nav ul {list-style:none;}
nav ul li {display:inline;}
nav ul li a {float:left; margin-right:23px; color: #000000;}
nav a:hover, nav a.active {color: #f37f7e;}

/* Articles */

article { font-size: 14px; margin-bottom:50px; line-height:26px; background:rgba(255,255,255,.5);}
    .page-id-3150 article {font-size:23px; line-height:32px;}

.title {font-family: 'Josefin Sans', sans-serif; font-weight: 300; font-size:30px; text-transform: uppercase;	color: #000000; }
    .page h3.title {font-size:30px; line-height:30px;}
    .post h3.title {font-size:25px;}
    h4.title {font-size:25px; line-height:130%;}
    .title:after {color: #e07d56; content:"//";  padding-left:15px; vertical-align:middle;}
    .title a {color:inherit;}
    .title a:hover { color: #f37f7e;}

.subtitle {font-family: 'Amatic SC', cursive; color: #e7aebf; margin-bottom:15px; display:block; text-transform:lowercase; vertical-align:top; line-height:100%; font-size:22px;}
    /* .page .subtitle , .category .subtitle {font-size:30px;} */
    .post .subtitle {font-size:22px; text-transform:uppercase;}
    .subtitle:before {color:#e07d56; content:"//"; padding-right:15px; vertical-align:middle;}
    .subtitle strong , .slashes {font-weight:normal; color:#a1ce33; padding:0 6px;}
    .subtitle a {color:inherit;}
article a {color: #f37f7e;}
    article a:hover { color: #e07d56;}

.articlecontent {font-family: 'Raleway', sans-serif; font-weight:400;}
article img {max-width:100%;}
article p, article ul, article ol, article blockquote {margin-bottom:1em;}
article p { color: #333; }
article ul, article ol {}
article blockquote {}
article strong {color:#rgb(10, 41, 164); font-style:italic;}

.anchor-links {font-weight: 700/bold; color: #0a29a4;}

.anchor-links-hover {font-weight: 700/bold;
	color: #2467ae;}
	
.more-link, .comments-link {font-size:120%;}
	
.more-link { font-weight: 700/bold; color: #000000; float:left; font-family: 'Josefin Sans', sans-serif; }
    .more-link:hover { color: rgb(224, 125, 86); }
.more-link:before { content:"["; color:black;} .more-link:after {content:"]"; color:black;}

.comments-link { font-weight: 700/bold; color: #01174b; float:right; text-transform:lowercase;}
    .comments-link:hover { color: rgb(224, 125, 86); }
.comments-link:before { content:"["; color: #2467ae;} .comments-link:after {content:"]"; color: #2467ae;}


.share {display:block; position:relative; clear:both;}
.share h3 {height:55px; width:100%; background:url(image/headers/vday_pink/socialshare_bar.png) center 1px no-repeat; position:relative; text-indent:-9999px;}
.share:hover h3 {background:url(image/headers/vday_pink/socialshare_bar.png) center -101px no-repeat;}
.share_buttons {opacity:0; position:absolute; width:100%; top:0; right:0; background:rgba(255,255,255,.8); z-index:2; height:55px; border:1px solid #01174B;}
.share:hover .share_buttons {opacity:1; display:table-row; text-align:center; margin:0 auto;}
.share_buttons iframe, .share_buttons a {margin:16px; vertical-align:middle;}

.page-nav {font-family: 'Amatic SC', cursive;	font-size: 21px; color: #01174b; margin-bottom:130px; line-height:29px;  padding:25px 0 45px 0; border-top:1px  #01174b solid; border-bottom:1px  #01174b solid; }
    .single .page-nav {border-top:0;}
    .category .page-nav {margin-top:16px;}
.page-nav div {display:table-cell;  vertical-align:middle; width:145px;}
.page-nav a {display:block;}
    .page-nav a:hover {color:#0a29a4;}
.page-nav .previous  {text-align:left; } .page-nav .previous a { background: url(image/headers/vday_pink/left_pink_triangle.png)  left  center no-repeat;  padding-left:32px; margin-left:10px;}
.page-nav .next      {text-align:right;} .page-nav .next a { background: url(image/headers/vday_pink/right_pink_triangle.png) right center no-repeat;  padding-right:32px;margin-right:10px; }
.page-nav .recipe-index {width:350px; font-family: 'Josefin Sans', sans-serif; font-size: 25px;	text-transform:uppercase; color: #01174b; text-align:center; padding-top:5px; }
    .page-nav .recipe-index a:before {color:#e6b796; content:"\2022\2022";}
    .page-nav .recipe-index a:after {color:#e6b796; content:"\2022\2022"; }


/* Comments */

#comments_list {list-style:none;}
    #comments_list .children {list-style:none; margin-left:30px; }
.comments { font: 'Raleway', sans-serif; text-transform:lowercase; border-top:#01174B 1px solid;}
    .comments h3 {padding:15px 25px;}
        .comments h3 span { vertical-align:top; }
    .comments h3  a {float:right; font-size: 15px; color: #2467ae;}
            .comments h3 a:before { content:"["; color:black;} .comments h3 a:after {content:"]"; color:black;}


#comment-form p { font-size: 16px; color: #01174b;	}
	
.comment_count { font-size: 15px; color: #000000;}
    .comment_count:before { content:"["; color:black;} .comment_count:after {content:"]"; color:black;}
    
li.comment {padding:20px 0 0; border-top:#01174B 1px solid;}

.comment-author {margin-bottom:1em; padding:0 25px;}

.comment_name, .logged-in-as { font-size: 13px; color: #2467ae; font-family: 'Quicksand', sans-serif; text-transform: uppercase; }
        .comment_name:after { color:#e6b796; content:"//";  padding:0 6px; }


#respond { border-top:#01174B 1px solid; border-bottom:#01174B 1px solid;}
#respond form {margin:25px;}
#respond #reply-title { text-transform:uppercase;  padding-top:25px; font-size: 15px; color: #01174b; }

#respond .comment-notes {display:none;}
#respond form p {}
#respond form label { float:left;  font-size:18px; color:#01174B; width:75px; text-transform:none;}
#respond form #email, #respond form #author, #respond form #url {border-top:0; border-right:1px;border-left:0; padding-bottom:1px; padding-left:1px; padding-top:0; width:50%; margin-bottom:22px;}
#respond form input[type="text"], #respond form textarea {font-size:14px; border-color: #01174B; }
  #respond form input[type="text"]:focus, #respond form textarea:focus  { border-color: #2467ae; }
    #respond form textarea {line-height:130%;}

.comment_date { font-size: 13px; color: #01174b; }

.comment_body {	font-size: 13px; color: #01174B; padding:0 25px; line-height: 160%;}
    .comment_body p {margin-bottom:1em;}

.comment .reply { font-size: 12px; color: #048f9f; margin-top:40px; padding:0 25px; padding-bottom:20px; font-family: "Raleway", sans-serif; }

.comments.pings { border-top:#01174B 0px solid; border-bottom:#01174B 1px solid;  padding:25px 0; margin-bottom:25px;}
 .comments.pings   .comment_count {margin:25px 25px 15px; display:block; color:#01174B;}
 .comments.pings   .comment_count:before { content:"["; color:#2467ae;} .comments.pings .comment_count:after {content:"]"; color:#2467ae;}
 
#comments_list.pings .comment_name:after { color:#048f9f; content:"";  padding:0 6px; }

#comments_list.pings .reply , #comments_list.pings .comment_body , #comments_list.pings .comment_date {display:none;}
.comment_navigation { position: relative; height: 90px; border-top:#01174B 1px solid; padding: 60px 0 0 300px; }
.comment_navigation a.prev  {text-align:left; position: absolute; top: 50px; left: 5px; } 
.comment_navigation a.prev {font-family: 'Amatic SC', cursive !important; font-size: 21px; color: #01174b; background: url(image/headers/vday_pink/left_pink_triangle.png)  left center no-repeat;  padding-left:32px; margin-left:10px;}
.comment_navigation a.next {text-align:right; position: absolute; top: 50px; right: 5px; } 
.comment_navigation a.next {font-family: 'Amatic SC', cursive !important; font-size: 21px; color: #01174b; background: url(image/headers/vday_pink/right_pink_triangle.png) right center no-repeat;  padding-right:32px; margin-right:10px; }
.comment_navigation a.page-numbers, .comment_navigation span.page-numbers {font-family: 'Josefin Sans', sans-serif; font-size: 20px; text-transform:uppercase; color: #01174b; text-align:center; padding-top:5px; }
.comment_navigation a.page-numbers:hover, .comment_navigation span.page-numbers {color:#e6b796; }
.comment_navigation a.page-numbers a:before {color:#e6b796; content:"\2022\2022";}
.comment_navigation a.page-numbers a:after {color:#e6b796; content:"\2022\2022"; }
    
#respond form .comment-subscription-form {clear:both; margin-top:14px; }
#respond form .comment-subscription-form label {vertical-align:middle; width:auto; float:none; display:inline;}
#respond form .comment-subscription-form input {vertical-align:middle; float:none; display:inline;}
/* Form */

form { font-family: 'Josefin Sans', sans-serif; }
form input, form textarea { padding:7px; color: #01174B;  font-family: 'Josefin Sans', sans-serif;  font-size:13px; }

    form input { border:1px #01174B solid;}
    form #respond input {border-top:0; border-left:0; border-right:0;}
form textarea { background:white;  border:1px #01174B solid; width:420px; margin-bottom:13px;}
form input#submit, form input[type="submit"] {  background:white; color: #2467ae;  border:1px  #01174B solid; text-transform:uppercase; font-size:13px; cursor:pointer; padding:7px 26px;}
    form input#submit:hover , form input[type="submit"]:hover {  border:1px  #2467ae solid; }
    
article.page form input[type="text"] {width:285px;}

/* Podcast Page */
 
ul.podcast_list  {list-style:none;  border-top:#01174B 1px solid;  border-bottom:#01174B 1px solid;  padding-top:25px; padding-bottom:25px; }
ul.podcast_list {   font-size: 17px; line-height:220%; }
ul.podcast_list h3 { text-transform:uppercase;  font-size: 27px; margin-bottom:15px; color: #01174b;  }
.podcast_list .posted_date { text-transform:uppercase; color:#01174B; padding-right:8px;}
.podcast_list a {color:#0a29a4;}
.podcast_list a.view-all { background-position: 173px center; margin-top:50px;}
  
    
/* Category Index */    

.category_index_listing {padding:25px 10px;  border-top:#01174B 1px solid; border-bottom:#01174B 1px solid; margin-bottom:25px; margin-top:-7px;}
.category_index_listing a { font-family: 'Amatic SC', cursive;	font-size: 35px; text-transform:uppercase; color: #93928e;}
    .category_index_listing a:hover  ,  .category_index_listing a.current-cat {color:#f37f7e;}
.category_index_listing a:after {  color:#e7aebf; content:"//";  padding:0 6px; }

.category-list {list-style:none;}
.category-list li a { font-size: 17px; color: #0a29a4; line-height:220%; }

/* Sidebar */
#side .widget {margin-bottom:60px;}
#side .widget a:hover {color: #0a29a4;}
#side .widget ul { list-style:none;}
#side .widget li { font-size:16px; line-height:130%;}

#side h3 , #side h2.widgettitle, #recently h3.title {padding-left:10px; font-family: 'Amatic SC', cursive;	font-size: 35px; color: #000000; background: url('image/headers/vday_pink/down_triangles_slashes.png') right center no-repeat;}
    #side .widget_search h2.widgettitle {  background: url('image/headers/vday_pink/down_triangles.png') 141px center no-repeat; padding-right:10px;  font-family: 'Amatic SC', cursive;	font-size: 25px; text-align:right; margin-bottom:3px; }
    #recently h3.title { }
    


    


#side .widget_search {margin-bottom:35px;}
#side #searchform input#s {font-family: 'Josefin Sans', sans-serif;	color: #000000; border:1px solid; width:94%; display:block; font-size: 13px; background:white; padding:3%; text-align:right;}
/*input::-webkit-input-placeholder {color:black; text-align:right;} */
#side #searchform #searchsubmit, #side #searchform label   {display:none;}

#side .thumb img {width: 285px;	height: 240px;}

#explore-thumbs-hover-title {font-family: 'Josefin Sans', sans-serif;
	font-size: 35px;
	color: #01174b;}

.widget_social_links_block {background: url('image/background_line.png') center 20px no-repeat; }
.social_links_block {list-style:none; width:196px; margin:0 auto 00px; height:45px;}
.social_links_block li {display:inline;}
.social_links_block a { background-image:url('image/headers/vday_pink/social_bar.png'); background-repeat:no-repeat; width:49px; height:49px; display:block; float:left;}
    .social_links_block .facebook  {background-position: 0px 0px ;}     .social_links_block  .facebook:hover {background-position: 0px -93px ;}
    .social_links_block .pinterest   {background-position: 0px -186px ;}     .social_links_block   .pinterest:hover {background-position: 0px -279px ;}
    .social_links_block .rss {background-position: 0px -372px ;}     .social_links_block .rss:hover {background-position: 0px -465px ;}
    .social_links_block .twitter      {background-position: 0px -558px ;}     .social_links_block .twitter:hover {background-position: 0px -651px ;}
h4.social_links_title {padding-left:10px; width:135px; clear:both; font-family: 'Amatic SC', cursive;	font-size: 25px; color: #01174b; background: url('image/headers/vday_pink/up_triangles.png') right center no-repeat; margin-bottom:30px; margin-top:12px;;}


#sayadvertisebadge {width:210px; margin:0 auto; text-align: center;}
#sayadvertisebadge img {display:block; margin-bottom:4px;}
#sayadvertisebadge span { font-size:18px; text-transform: uppercase;  }

#recently {clear:both;}
#recently h3.title { font-size:30px; line-height:50px;  background: url('image/headers/vday_pink/down_triangles_slashes.png') 125px center no-repeat; text-transform:lowercase;}                                                   
#recently h3.title:after {content:"";}


/* That fun hover for an archive item, showing the thumbnail, too. */
.recipe-index-block {margin-bottom:100px;}
.view-all {clear:both; display:block; color:#2467ae;font-family: 'Amatic SC', cursive;	font-size: 25px; background: url('image/headers/vday_pink/right_triangles.png') no-repeat 80px center; }
.view-all:hover { color: #01174B ;}
.recipe-index-block h3.title {margin-bottom: 6px;}

.post_block_display  { width:285px; height:240px; vertical-align:middle; background-repeat:no-repeat; background-position:center center; margin-bottom:30px; overflow:hidden; text-overflow: ellipsis;}
    #recently .post_block_display { float:left; margin-right:84px; }
    .post_block_display.c3 { margin-right:0 !important;  }
    .recipe-index .post_block_display {width:210px; height:130px; margin-right:5px; margin-bottom:5px; float:left;}
.post_block_display span.title { font-family: 'Josefin Sans', sans-serif; font-size: 25px; vertical-align:middle; text-align:left; color: #01174b; text-transform:uppercase; line-height:118%; padding:20px; display:block;   text-overflow: ellipsis; overflow:hidden; }
    .recipe-index .post_block_display span.title { font-size:18px;}

.post_block_display a {display:table-cell; background: rgba(254, 234, 223, .75); vertical-align:middle;  opacity:0; pointer-events:all;
  -webkit-transition: all 0.3s ease-out; 
     -moz-transition: all 0.3s ease-out; 
      -ms-transition: all 0.3s ease-out; 
       -o-transition: all 0.3s ease-out; 
          transition: all 0.3s ease-out;
         width:285px; height:240px; 
}  
    .recipe-index .post_block_display a {width:210px; height:130px;}
    .post_block_display a:hover {  opacity:1;}

footer { clear:both; width:100%; font-family: 'Josefin Sans', sans-serif; font-weight: 700/bold; font-size: 14px; color: #000000; text-transform:uppercase;
    background: url('image/bottom_pink_dots.png') top center no-repeat; padding-top:70px;}
footer a {color: #0a29a4;}
    footer a:hover {color: #2467ae;}
footer .credits {float:right;}


.recently img {width: 285px;
	height: 240px;}

.recently .item:hover {font-family: 'Josefin Sans', sans-serif;
	font-size: 35px;
	color: #01174b;
	background:  rgba(254, 234, 223, .75);}



#category-nav {font-family: 'Amatic SC', cursive;
	font-size: 37px;
	color: #01174b;}

#single-category-title {font-family: 'Josefin Sans', sans-serif;
	font-weight: 300;
	text-transform: uppercase;
	font-size: 25px;
	color: #01174b;}


#view-all {font-family: 'Amatic SC', cursive;
	font-size: 25px;}
	
	
/* iPhone [portrait + landscape] */
@media only screen and (max-device-width: 480px) {
	body {padding:20px;}
	#main {margin-right:70px;}
	.post_block_display a {
        opacity: 1; font-weight:bold;
    }
    .post_block_display span.title {font-weight:bold; }
}


@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    body {padding:20px;}
	#main {margin-right:70px;}
	.post_block_display a {
        opacity: 1; font-weight:bold;
    }
    .post_block_display span.title {font-weight:bold; }
}