/* ===CSS Styles For Odd Blossoms from my original Tumblr backup === created by Carla Pott Sun 6 October 2013=== */

body {
    width: 600px;
    margin-top: 3em;
    margin-left: 3em;
}

.quote, .link {
    font-size: 1.33em;
    margin-bottom: 1em;
}

blockquote {
    border-left: 0.5em solid #f5f5f5;
    margin-left: 0em;
    padding-left: 1.5em;
    color: #555;
}

img {
    border: 0;
    max-width: 100%;
}

.post_meta {
    color: #777;
    text-align: right;
    border-top: 1px solid #ccc;
    padding-top: 0.5em;
    margin: 2em 0;
}

.permalink {
    padding-left: 0.5em;
    text-decoration: none;
}

/* =====My Odd Blossoms CSS===== Replaced on Sunday Oct 6 2013 3:02 AM */

/*============ Carla's CSS  ================================*/


/*############# General Fonts ##############*/
            
.oddFont{
    font-family: 'Rosarivo',"Times New Roman", Times, serif; /*font stack for Rosarivo*/
    font-weight:400;
    /*line-height:1.38;*/
    } 
    
    
.quoF{
    font-family: 'Rosarivo',"Times New Roman", Times, serif; 
    font-size:20px;
    /*line-height:1.38;*/
    font-style:normal;
    }    
    
    
/* ======making body font bigger========*/

.bigFont{
    font-size:14px;
    }
    
/* =====Fonts for posting poems===== */

.oddItal{ 
     font-family: 'Rosarivo',"Times New Roman", Times, serif;
     font-style: italic;
     font-weight: 400;
     letter-spacing: 0.025em;
     word-spacing: 0.040em;
     /*line-height: 1.38;*/
     color:#8b8378;/*antique white*/
     text-align:center;
     }

/* ===== for poem herbolarium ===== */

.oddNorm{ 
font-family: 'Rosarivo',"Times New Roman", Times, serif;
font-style: normal;
font-weight: 400;
letter-spacing: 0.015em;
word-spacing: 0.004em;
/*line-height: 1.38;*/
color:#000099;/*dark navy blue*/
text-align:center;
}

    
    
    
/*######### gradient shadows for my posts ###########################*/
/*===blue post classes===*/

.bluePost{ 
-webkit-box-shadow:
    3px 1px 12px 1px #0033ff inset,/*cobalt blue*/
    15px 0 10px 8px #e6e6fa inset,/*lavender*/
    27px 0 7px 7px #ffffff inset,/* ghost white */
    32px 0 0 0 #F0F inset,/*pink*/
	31px 0 5px 2px #ffffff inset,/* ghost white */
	20px 0 20px 22px #f0f8ff inset,	/*blue*/
	20px 0 20px 27px #fff0f5 inset;/*lavenderblush*/
	
	box-shadow:
	3px 1px 12px 1px #0033ff inset,/*cobalt blue*/
    15px 0 10px 8px #e6e6fa inset,/*lavender*/
    27px 0 7px 7px #ffffff inset,/* ghost white */
	32px 0 0 0 #F0F inset,/*pink*/
	31px 0 5px 2px #ffffff inset,/* ghost white */
	20px 0 20px 22px #f0f8ff inset,	/*blue*/
	20px 0 20px 27px #fff0f5 inset;/*lavenderblush*/
}

.bluePost2{ 
-webkit-box-shadow:
    5px 1px 15px 2px #0045ff inset,/*cobalt blue*/
    15px 0 10px 8px #e6e6fa inset,/*lavender*/
    27px 0 5px 5px #ffffff inset,/* ghost white */
	32px 0 0 0 #ffb6c1 inset,/*light pink*/
	28px 3px 15px 10px #C6E8FF inset,	/*blue*/
	38px 2px 15px 15px #f0f8ff inset;/*alice blue*/
	
	box-shadow:
	5px 1px 15px 2px #0045ff inset,/*cobalt blue*/
    15px 0 10px 8px #e6e6fa inset,/*lavender*/
    27px 0 5px 5px #ffffff inset,/* ghost white */
	32px 0 0 0 #ffb6c1 inset,/*light pink*/
	28px 3px 15px 10px #C6E8FF inset,	/*blue*/
	38px 5px 15px 15px #f0f8ff inset;/* alice blue*/
}
            
/*################################################################*/
.goldPost{  
-webkit-box-shadow:
    5px 1px 15px 2px #8b8378  inset,/*antique white*/
    15px 0 10px 8px #fffafa inset,/*snow*/
    27px 0 5px 5px #fffaf0 inset,/* floral white */
    31px 0 0 0 #ffd700 inset,/*gold*/
	35px 3px 13px 10px #ffffff inset,
	38px 2px 15px 15px #fafad2 inset;/*light goldenRod yellow*/
	
	box-shadow:
	5px 1px 15px 2px #8b8378  inset,/*antique white*/
    15px 0 10px 8px #fffafa inset,/*snow*/
    27px 0 5px 5px #fffaf0 inset,/* floral white */
	31px 0 0 0 #ffd700 inset,/*gold*/
	35px 3px 13px 10px #ffffff inset,
	38px 2px 15px 15px #fafad2 inset;/*light goldenRod yellow*/
}

.goldPost2{  
-webkit-box-shadow:
    3px 1px 8px 2px #8b8878 inset,/*cornsilk4*/
    15px 0 10px 8px #fffafa inset,/*snow*/
    27px 0 5px 5px #fffff0 inset,/* ivory */
	30px 0 0 0 #8b8378 inset,
	32px 5px 6px 2px #fafad2 inset,/*light goldenrod yellow*/
	38px 5px 6px 5px #ffffff inset,
	40px 2px 20px 15px #fffafa inset;/*snow*/
	
	box-shadow:
    3px 1px 8px 2px #8b8878 inset,/*cornsilk4*/
    15px 0 10px 8px #fffafa inset,/*snow*/
    27px 0 5px 5px #fffff0 inset,/* ivory */
	30px 0 0 0 #8b8378 inset,
	32px 5px 6px 2px #fafad2 inset,/*light goldenrod yellow*/
	38px 5px 6px 5px #ffffff inset,
	40px 2px 20px 15px #fffafa inset;/*snow*/
} 

/*########### Linear Gradients Graph Paper ###########################*/

/*graph paper blue and rose*/

  .bkgBp{
          background-color:#ffffff;/*fallback*/
    
    background-image: 
-webkit-linear-gradient(rgba(255,153,204,.4) 1px, transparent 1px),/*horizontal pink lines*/
-webkit-linear-gradient(0,rgba(255,153,204, .4) 1px, transparent 1px),/*vertical pink*/

-webkit-linear-gradient(rgba(173,216,230,.2) 1px, transparent 1px),/* horizontal blue*/
-webkit-linear-gradient(0, rgba(173,216,230,.2) 1px, transparent 1px);
  
     background-image:
-moz-linear-gradient(rgba(255,153,204,.4) 1px, transparent 1px),
-moz-linear-gradient(0,rgba(255,153,204, .4) 1px, transparent 1px),

-moz-linear-gradient(rgba(173,216,230,.2) 1px, transparent 1px),
-moz-linear-gradient(0, rgba(173,216,230,.2) 1px, transparent 1px);

     background-image:
-o-linear-gradient(rgba(255,153,204,.4) 1px, transparent 1px),
-o-linear-gradient(0,rgba(255,153,204, .4) 1px, transparent 1px),

-o-linear-gradient(rgba(173,216,230,.2) 1px, transparent 1px),
-o-linear-gradient(0, rgba(173,216,230,.2) 1px, transparent 1px);

    background-image:
-ms-linear-gradient(rgba(255,153,204,.4) 1px, transparent 1px),
-ms-linear-gradient(0,rgba(255,153,204, .4) 1px, transparent 1px),
 
-ms-linear-gradient(rgba(173,216,230,.2) 1px, transparent 1px),
-ms-linear-gradient(0, rgba(173,216,230,.2) 1px, transparent 1px);
  
    background-image:
linear-gradient(rgba(255,153,204,.4) 1px, transparent 1px),
linear-gradient(0,rgba(255,153,204, .4) 1px, transparent 1px),
  
linear-gradient(rgba(173,216,230,.2) 1px, transparent 1px),
linear-gradient(0, rgba(173,216,230,.2) 1px, transparent 1px);
  
  background-size:100px 100px, 100px 100px, 20px 20px, 20px 20px;
  background-position:-2px -2px, -2px -2px, -1px -1px, -1px -1px;
}

/*graph paper in gold and cornsilk gray*/

.bkgGp{
    background-color:#ffffff;/*fallback*/
  
    background-image: 
  -webkit-linear-gradient(#fff59a 1px, transparent 1px),/*horizontal yellow lines*/
  -webkit-linear-gradient(0,#fff59a 1px, transparent 1px),
  /*vertical yellow*/
  -webkit-linear-gradient(rgba(238,229,222,.3) 1px, transparent 1px),/* horizontal cornsilk2*/
  -webkit-linear-gradient(0, rgba(238,229,222,.3) 1px, transparent 1px);
  
     background-image:
  -moz-linear-gradient(#fff59a 1px, transparent 1px),/*horizontal yellow lines*/
  -moz-linear-gradient(0,#fff59a 1px, transparent 1px),
  /*vertical yellow*/
  -moz-linear-gradient(rgba(238,229,222,.3) 1px, transparent 1px),/* horizontal cornsilk2*/
  -moz-linear-gradient(0, rgba(238,229,222,.3) 1px, transparent 1px);

     background-image:
-o-linear-gradient(#fff59a 1px, transparent 1px),/*horizontal yellow lines*/
-o-linear-gradient(0,#fff59a 1px, transparent 1px),
  /*vertical yellow*/
-o-linear-gradient(rgba(238,229,222,.3) 1px, transparent 1px),/* horizontal cornsilk2*/
-o-linear-gradient(0, rgba(238,229,222,.3) 1px, transparent 1px);

    background-image:
  -ms-linear-gradient(#fff59a 1px, transparent 1px),
  -ms-linear-gradient(0,#fff59a 1px, transparent 1px),
 
  -ms-linear-gradient(rgba(238,229,222,.3) 1px, transparent 1px),
  -ms-linear-gradient(0, rgba(238,229,222,.3) 1px, transparent 1px);
  
    background-image:
  linear-gradient(#fff59a 1px, transparent 1px),
  linear-gradient(0,#fff59a 1px, transparent 1px),
 
  linear-gradient(rgba(238,229,222,.3) 1px, transparent 1px),/* horizontal cornsilk2*/
  linear-gradient(0, rgba(238,229,222,.3) 1px, transparent 1px);

  background-size:100px 100px, 100px 100px, 20px 20px, 20px 20px;
  background-position:-2px -2px, -2px -2px, -1px -1px, -1px -1px;
}

/*########## Simple Graph Paper ###################*/

/* graph paper simple only in cornsilk */

.bkLily{
    /*fallback*/
	background-color:#ffffff;
	
    background-image: 
  -webkit-linear-gradient(rgba(238,229,222, .5) 1px, transparent 1px),/* horizontal cornsilk2*/
  -webkit-linear-gradient(0, rgba(238,229,222, .5) 1px, transparent 1px);
  
   background-image: 
  -moz-linear-gradient(rgba(238,229,222, .5) 1px, transparent 1px),
  -moz-linear-gradient(0, rgba(238,229,222, .5) 1px, transparent 1px);
  
   background-image: 
  -o-linear-gradient(rgba(238,229,222, .5) 1px, transparent 1px),
  -o-linear-gradient(0, rgba(238,229,222, .5) 1px, transparent 1px);
  
   background-image: 
  -ms-linear-gradient(rgba(238,229,222, .5) 1px, transparent 1px),
  -ms-linear-gradient(0, rgba(238,229,222, .5) 1px, transparent 1px);
  
  background-image: 
  linear-gradient(rgba(238,229,222, .5) 1px, transparent 1px),
  linear-gradient(0, rgba(238,229,222, .5) 1px, transparent 1px);
  
  background-size:20px 20px, 20px 20px;
  background-position:-2px -2px, -2px -2px, -1px -1px, -1px -1px;
}

/* graph paper simple only in blue*/

.bkBlossom{
	/*fallback*/
	background-color:#ffffff;
	
    background-image: 
  -webkit-linear-gradient(rgba(173,216,230,.4) 1px, transparent 1px),
  -webkit-linear-gradient(0, rgba(173,216,230,.4) 1px, transparent 1px);
  
   background-image: 
  -moz-linear-gradient(rgba(173,216,230, .4) 1px, transparent 1px),
  -moz-linear-gradient(0, rgba(173,216,230, .4) 1px, transparent 1px);
  
   background-image: 
  -o-linear-gradient(rgba(173,216,230, .4) 1px, transparent 1px),
  -o-linear-gradient(0, rgba(173,216,230, .4) 1px, transparent 1px);
  
   background-image: 
  -ms-linear-gradient(rgba(173,216,230, .4) 1px, transparent 1px),
  -ms-linear-gradient(0, rgba(173,216,230, .4) 1px, transparent 1px);
  
   background-image: 
  linear-gradient(rgba(173,216,230, .4) 1px, transparent 1px),
  linear-gradient(0, rgba(173,216,230, .4) 1px, transparent 1px);
  
  background-size:20px 20px, 20px 20px;
  background-position:-2px -2px, -2px -2px, -1px -1px, -1px -1px;
}
	
/*small text with shadows*/    
.shGold{ 
    color:#525252;
    text-shadow:2px 0 0 #CD950C;
    font-style:normal;
}

.shBlue{ 
   color:#525252;
   text-shadow:2px 0 0 #F0F;
   font-style:normal;
}

/*##################################*/
/*transforms to review opacity or not*/
.move{
    
    transition:opacity 0.5s, text-shadow 0.5s ease-out;

   -moz-transition:opacity 0.5s, text-shadow 0.5s ease-out; /* Firefox 4 */

   -webkit-transition:opacity 0.5s, text-shadow 0.5s ease-out; /* Safari and Chrome */

   -o-transition:opacity 0.5s, text-shadow 0.5s ease-out;/* Opera */
}


.move:hover{
  text-shadow:0 0 0 #000;
  opacity:0.9;
}






            
 /*End of Carla's CSS===================Originals June/July 2012==================*/  
 /*##########################################################*/