@charset "UTF-8";
/* CSS Document */


#change_position {
position:relative;
top: -380px;
left: 20px;
width:550px;
margin-bottom: -325px;
-webkit-text-size-adjust: none;

}

#change_position_cabin {
position:relative;
top: -430px;
left: 20px;
width:550px;
margin-bottom: -325px;
-webkit-text-size-adjust: none;

}

#medium_change_position {
position:relative;
top: -530px;
left: 20px;
width:550px;
margin-bottom: -380px;
-webkit-text-size-adjust: none;

}

.recipe_h1 {
font-family:"Courier New", Courier, monospace;
font-weight:bold;
letter-spacing:2px;
font-size:12px;
text-transform:uppercase
}




.recipe_ingredients {
font-family:"Courier New", Courier, monospace;
letter-spacing:2px;
font-size:11px;
-webkit-text-size-adjust: none;
resize: none;
}

.recipe_instructions {
font-family:"Courier New", Courier, monospace;
letter-spacing:2px;
font-size:11px;
line-height:18px;
-webkit-text-size-adjust: none;
resize: none;
}



#paypal_ad {
padding: 0px !important;
border-width: 0px !important;
}

#paypal_ad_placement {
position:relative;
top: -60px;
}

.about {
display:inline-block;
background-color:#f3fb14;
padding-left:7px;
padding-right:7px;
color:#000000 !important;
text-transform:uppercase;
letter-spacing:1.5px;
font-family: "futura-pt" sans-serif;
font-style:normal;
}

.post_caption_label{
width:190px;
padding:5px 5px;
background-color:#000000;
opacity: 0.80;
-webkit-transform:rotate(-2deg);
-moz-transform:rotate(-2deg);
-o-transform:rotate(-2 deg);
-ms-transform:rotate(-2 deg);

}

.post_caption{
text-transform:uppercase;
letter-spacing:2px;
text-align:left;
font-family:"futura-pt", futura, helvetica, ariel;
font-weight: 500;
text-align:center;
font-style:normal;
font-size:13px;
color:#ffffff;
margin-top:20px;
margin-left:0px;
margin-bottom:10px;
}

.post_caption_subtext{
text-transform:uppercase;
letter-spacing:1px;
text-align:center;
font-family:"futura-pt", futura, helvetica, ariel;
text-align:center;
font-style:normal;
font-size:10px;
color:#000000;
padding-top:5px;
}

.badge {
    background: radial-gradient( 5px -9px, circle, white 8%, red 26px );
    background-color: red;
    border: 2px solid white;
    border-radius: 12px; /* one half of ( (border * 2) + height + padding ) */
    box-shadow: 1px 1px 1px black;
    color: white;
    font: bold 15px/13px Helvetica, Verdana, Tahoma;
    height: 16px; 
    min-width: 14px;
    padding: 4px 3px 0 3px;
    text-align: center;
}

.list_circle_caption{
text-transform:uppercase;
letter-spacing:2px;
text-align:left;
font-family:'futura-pt', sans-serif;
font-weight: 500;
font-style:normal;
font-size:11px;
color:##565757;
margin-top: -23px;
margin-left: 55px;
padding-bottom: 20px;
}

.list_circle_caption a{
color: #eec5c0;
}

.list_circle_number{
text-transform:uppercase;
letter-spacing:2px;
font-family:"futura-pt", futura, helvetica, ariel;
font-weight: 700;
font-style:normal;
font-size:11px;
color:#000000;
margin-left: 2px;
margin-top: -3px;
padding-bottom: 20px;
width: 20px;
text-align: center;
}

.list_circle {
-webkit-border-radius: 999px;
-moz-border-radius: 999px;
border-radius: 999px;
behavior: url(PIE.htc);

width: 20px;
height: 20px;
padding: 5px;
background: #f8f0ed;
    margin-left: 2%;
  
}

.music_mix_label{
width:250px;
padding:5px 5px;
background-color:#000000;
opacity: 0.80;
-webkit-transform:rotate(2deg);
-moz-transform:rotate(2deg);
-o-transform:rotate(2 deg);
-ms-transform:rotate(2 deg);
float:right;
margin-top: -17px;


}

.music_mix_caption{
text-transform:uppercase;
letter-spacing:2px;
font-family:"futura-pt", futura, helvetica, ariel;
font-weight: 700;
text-align:center;
font-style:normal;
font-size:13px;
color:#ffffff;
margin-top:20px;
margin-left:0px;
margin-bottom:10px;
}

.music_mix_caption a{
color:#ffffff;
}


.music_mix_subtext{
text-transform:uppercase;
letter-spacing:1px;
text-align:center;
font-family:"futura-pt", futura, helvetica, ariel;
text-align:center;
font-style:normal;
font-size:10px;
color:#000000;
padding-top:5px;
}

.spotify{
margin-top: -2px;
}

.highlighted_text{
text-transform:uppercase;
letter-spacing:2px;
text-align:left;
font-family:"futura-pt", futura, helvetica, ariel;
font-weight: 500;
font-style:normal;
font-size:13px;
color:#000000;
margin-top: -23px;
padding-bottom: 20px;
resize: none; 
-webkit-text-size-adjust: none;
line-heigh: 2em;
}

.highlighted_text a{
text-decoration: none;
color:#000000;
}

.highlighted_text a:hover {
background: rgba(250, 203, 199, 0.38);
}


.indent{
padding-left: 55px;
padding-bottom: 20px;
margin-top: -15px;
color: #6D6D6D;
font-family: "adobe-garamond-pro",sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 1.3;
}

.indent_option_two{
padding-left: 45px;
padding-bottom: 20px;
color: #6D6D6D;
font-family: "adobe-garamond-pro",sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 1.3;
margin-top: -23px;
}

.indent_alt_type{
padding-left: 55px;
padding-bottom: 20px;
margin-top: -15px;
color: #6D6D6D;
font-family: "futura-pt",sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 1.3;
width:80%
}



.credinfo {
padding-left: 135px;
margin-top: -140px;
width: 440px;
padding-bottom:20px;
-webkit-text-size-adjust: none;

}

.credtitle {
padding-bottom: 0px;
color: #736f6d;
font-family:"futura-pt", futura, helvetica, ariel;
font-size: 11px;
text-transform: uppercase;
font-style: normal;
font-weight: 500;
letter-spacing: .08em;
-webkit-text-size-adjust: none;

}

.credit_info {
width: 440px;
margin-bottom:-15px;
-webkit-text-size-adjust: none;

}

.credit_title {
color: #736f6d;
font-family:"futura-pt", futura, helvetica, ariel;
font-size: 12px;
text-transform: uppercase;
font-style: normal;
font-weight: 500;
letter-spacing: .08em;
padding-top:5px;
-webkit-text-size-adjust: none;
padding-left:20px;

}

.vote {
display: inline-block;
background: rgba(10, 10, 10, 0.17);
width: 670px;
height: 25px;
padding-top: 10px;
margin-left: -90px;
padding-left: 90px;
margin-right: 20px;
}


.small_indent {
padding-left: 25px;
padding-bottom: 20px;
margin-top: -15px;
color: #6D6D6D;
font-family: "futura-pt",sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 1.3;
}

/*********** Month By Month Garden Posts*********/
.garden_caption{
text-transform: uppercase;
    letter-spacing: 10px;
    text-align: center;
    font-family: 'futura-pt',sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    opacity: 0.85;
    color: #000;
}

.garden_label1{
    padding: 20px 0px 20px 0px;
    background-color: #e0cec954;
    width: 100%/* margin-bottom: -20px; */;
}

.garden_label2{
width:280px;
padding:8px 15px;
background-color:#F3C8C0;
margin-left:-65px;
margin-top:-5px;
opacity:0.85;
font-size:9px;
-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=85)';
filter: alpha(opacity=85);
-webkit-transform:rotate(-1deg);
-moz-transform:rotate(-1deg);
-o-transform:rotate(-1deg);
-ms-transform:rotate(-1deg);
} 

#cf {
  position: relative;
  width: 670px;
  margin-top: -250px;
}

#cf img {
  position:absolute;
  left:0;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}

#cf img.top:hover {
  opacity:0;
}

.info_background {
background: none repeat scroll 0 0 #F7F7F7;
border: 2px solid rgb(240, 240, 240);
margin: 15px 0 15px 0;
padding: 18px 20px 20px 20px;
color: #222222;
font-size: 12px;
line-height: 1.75;
font-family: futura-pt;
font-weight: 400;}

.caption_background {
background: none repeat scroll 0 0 #F7F7F7;
border: 2px solid rgb(240, 240, 240);
margin: 15px 0 15px 0;
padding: 18px 20px 20px 20px;
background: linear-gradient(to bottom, #ffc0c0 0%,#2dd0ff 100%);
opacity: .4;
}


.caption_text {
color: #222222;
font-size: 12px;
line-height: 1.75;
font-family: futura-pt;
font-weight: 400;}

.fade {
   opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
   }

 .fade:hover {
    opacity: 0.5;
   }
   
 #cf {
  position:relative;
  height:400px;
  width:670px;
  margin:0 auto;
}

#cf img {
  position:absolute;
  left:0;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}

#cf img.top:hover {
  opacity:0;
}