@import url('/css/holiday.css');

/* style sheet for freshfiction.com

new Triadic Scheme (three colors spaced equally)
#d1517a pink
#5179d1 blue
#79d151 green

lighter shade of pink:
lighter shade #fcf5f7 or #f7e1e8 

changed to EC 2013
	pink pantone 214 / #d1517a   	#CE0F69
.primary-1 { background-color: #CE0F69 } // pinks
.primary-2 { background-color: #9A2F62 }
.primary-3 { background-color: #860542 }
.primary-4 { background-color: #E74692 }
.primary-5 { background-color: #E771A9 } // #FBEAF2 90%



.complement-1 { background-color: #90E311 } // greens
.complement-2 { background-color: #7CAB34 }
.complement-3 { background-color: #5C9405 }
.complement-4 { background-color: #AFF14A }
.complement-5 { background-color: #C1F176 }

/* Palette color codes */
/* Feel free to copy&paste color codes to your application */

.primary-1 { background-color: #CE0F69 } // pinks
.primary-2 { background-color: #9A2F62 }
.primary-3 { background-color: #860542 }
.primary-4 { background-color: #E74692 }
.primary-5 { background-color: #E771A9 }

.secondary-a-1 { background-color: #F72D12 } // oranges
.secondary-a-2 { background-color: #B94738 }
.secondary-a-3 { background-color: #A01806 }
.secondary-a-4 { background-color: #FB614C }
.secondary-a-5 { background-color: #FB8A7B }

.secondary-b-1 { background-color: #7D12A4 } // purples
.secondary-b-2 { background-color: #65297B }
.secondary-b-3 { background-color: #50066A }
.secondary-b-4 { background-color: #AD46D1 }
.secondary-b-5 { background-color: #B66BD1 }

.complement-1 { background-color: #90E311 } // greens
.complement-2 { background-color: #7CAB34 }
.complement-3 { background-color: #5C9405 }
.complement-4 { background-color: #AFF14A }
.complement-5 { background-color: #C1F176 }

/* end */

	royal blue: #7D12A4
	hot pink:  #CE0F69
	lime green: #00FF00
	light green: #C1F176
	#50FE50
	#d2fdcd
	#FFC6FF  light pink
	
	#CE0F69  pink	
	#CC3366  dark pink/maroon	
	#FFCCFF  light pink	
        #FF99CC  med pink
        #faafbe  breast cancer pink
        http://wellstyled.com/tools/colorscheme2/index-en.html
        
        greens:
        #00B300  dark green	
	#BFFFBF  pale green
	#80FF80  light green


*/
body     {
		color: #000;
		font-family: Arial, Tahoma, sans-serif;
		font-size: 14pt;
		line-height: 120%;
		background-color: #A4024F;
	
	/*
	background: #7D12A4;
	background-image:url(/images/bg/pink.gif);
	background-image:url(images/fallingsnow.gif);
	background-image:url(images/bg/pink.png);
	background-image:url(images/bg/xmasgreen.png);
	background-image:url(images/bg/blue.png);
	background-image:url(images/bg/purple.png);
	background-image:url(images/bg/orange.png);
	background-image:url(images/bg/candy_stripe_bg_red.png);
	background-image:url(images/bg/skin_pink.jpg); // doesn't work
		background-image:url(/images/bg/quaantum_bg_ad.jpg);


	
	*/
	
		}
		
img	{border:0;}

img.circle {
  margin: 1em 1em 1em 0;
  border-radius: 50%;
/* 
The border-radius will cut the image of our person into a circle. Now lets apply the magic:
*/
  -webkit-shape-outside: circle();
  shape-outside: circle();
}

.circle {
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
}
/*
a:active        {color: #ffffff; text-decoration: none;}
a:hover         {color: #000000; text-decoration: underline;}
a:link          {color: #ff9999; text-decoration: none;}
a:visited       {color: #ffffff; text-decoration: none;}
*/
a:active        {color: #CE0F69; text-decoration: none;}
a:hover         {color: #00ff00; text-decoration: underline;}
a:link          {color: #CE0F69; text-decoration: none;}
a:visited       {color: #CE0F69; text-decoration: none;}

/* top right menus with PICK */

#heading	{color: #00ff00;
		text-align: right;
		font-size: 120%;
		
		}
#heading h3 {color: #00ff00;
		text-align: right;
		font-size: 110%;
		
		}
a:link#heading, a:active#heading, a.visited#heading  {
		color: #7D12A4;
		text-decoration: none;
		
}
		
#heading a:link, #heading a:active {
		color: #7D12A4;
		text-decoration: none;
		
}

#heading a:hover
		{color: #CE0F69;
		
		text-decoration: underline;
}

a:hover#heading 
		{color: #CE0F69;
		
		text-decoration: underline;
}

h1 {
	font-family: "Arial Narrow", Arial, sans-serif;
	font-size: 24px;
	font-style: normal;
	font-variant: normal;
	font-weight: 500;
	line-height: 26.4px;
}
h3 {
	font-family: "Arial Narrow", Arial, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-variant: normal;
	font-weight: 500;
	line-height: 15.4px;
}
p, ul, dd, ol, li {
	font-family: Arial, "Arial Narrow", sans-serif;
	font-size: 14pt;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 120%;
}
blockquote {
	font-family: Arial, "Arial Narrow", sans-serif;
	font-size: 21px;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 30px;
}
pre {
	font-family: "Arial Narrow", Arial, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 18.5667px;
}
    
.head1, h1 {font-family: "Arial Narrow", Arial, sans-serif;
    /* font-size: 36px; */
    color: #7D12A4; 
    font-weight: bold;
    }
    


.head2, h2, dt  {
	font-family: "Arial Narrow", Arial, sans-serif;
     /* font-size: 24px; */
	color: #7D12A4; 
	font-weight: bold;
    }
.head2-pink {
	background-color:#CE0F69; 
	padding:10px;
	color:#FFFFFF;
	text-align:center;
}


.head3, h3  {
font-family: "Arial Narrow", Arial, sans-serif;
    /* font-size: 16px; */
     color: #7D12A4; 
     font-weight: bold;
    }   

h4  {font-family: "Arial Narrow", Arial, sans-serif;
     color: #7D12A4; 
     font-weight: bold;
    } 
    
p { display: block; margin-bottom: 15px; }
/*
p, ul, dd, ol,li {
     font-family: Arial, "Arial Narrow", sans-serif;
     color: #000000;
     font-weight: normal;
     line-height: 125%;
    }
   */
li	{margin-bottom: 10px;}

hr	{
	border:none; 
	background-color: #7D12A4;
	color: #7D12A4;
	height: 1px;
	width: 100%;
	}
	

.error	{
	border:none; 
	font-family: "Arial Narrow", Arial, sans-serif;
	color: #FF0000;
	font-size: 80%;	
	}


.main      {font-family: Arial, "Arial Narrow", sans-serif;
            font-size: 12px;
            color: #000000;
	background-color: #FFFFFF;
    }
    
.main td   {
	background-color: #FFFFFF;
	
 }
 
 .details  {
 	background-color: #fbeaf2;
 	padding: 10pt;
 }
 
 /* -----------------------------------
 	footer styles
 -------------------------------------- */
.footer ul{
	margin-top:0;
	
   list-style-image: none;
   margin-left:2em;
   padding-left:1em;
   text-indent:-1em;
   /*
   list-style-position: outside;
   */
   list-style-type: none;
   float: left;
   display: block;
   width: 140px;
 }
 
 .footer em{
   color: #FF2A00;
   font-family: georgia;
 }
 
 .footer ul li{display: block; height: 18px;}
 

 
.footer {
        font-size: 90%; 
        color: #000000;
        	

    }
    

h4.footer_head  {
	font-size:120%;
	margin-bottom:0;
	padding-bottom:0;
	line-spacing:0;

}
    
.dateline	{
            font-size: 90%; 
            color: #00ff00; 
            font-weight: bold;
    }   
.hot	{
            font-size: 100%; 
            color: #CE0F69; 
            font-weight: bold;
    }  
    
.hot2	{font-family: "Arial Narrow", Arial, sans-serif; 
	font-size: 90%; 
	color: #7D12A4; 
	font-weight: bold; 
			} 

.blue {
	font-family: "Arial Narrow", Arial, sans-serif;
	color: #7D12A4; 
	font-weight: bold;
    }   
    
.green {
	font-family: "Arial Narrow", Arial, sans-serif;
	color: #00ff00; 
	font-weight: bold;
	
}
.pink   {
	font-family: "Arial Narrow", Arial, sans-serif; 
	color: #CE0F69; 
	font-weight: bold;
    }    
    
.white	{
 	color: #FFF;
 	font-weight:bold;
 }
 
 .warning {
	 color: #ff3333;
 	font-weight:bold;
}


.review	{
	font-family: "Arial Narrow", Arial, sans-serif; 
	color: #CE0F69; 
	font-weight: normal; 
	font-style: italic;
	} 
			
.quote	{
	font-style: italic;
	margin-left:30px;
	}

/* fresh fiction author styling */
.ffauthor {
	color: #7D12A4; 
	font-weight: bold;
}

.ffauthor h3 {
	color: #7D12A4;
	font-weight: bold;
}

.ffauthor h2, a {
	color: #7D12A4;
	font-weight: bold;
}
	/* original color is 	 7D12A4 */
.ffauthor a:link {
	color: #00ff00; 
	text-decoration: none;
}

/*
.ffauthor a:visited {
	color: #7D12A4; 
	text-decoration: none;
}
.ffauthor a:hover {
	color: #CE0F69; 
	text-decoration: underline;
	background-color:#d1517a; 
}
.ffauthor a:active {
	color: #7D12A4; 
	text-decoration: none;
}
	*/	
	
.ffauthor p {
	font-size: 85%;
	font-weight: normal;
}

a.ffauthor h3 {
	color: #7D12A4;
	font-size: 110%; 
	font-weight: bold;
}
h3.ffauthor a:link {
	color: #7D12A4;
	font-size: 110%; 
	font-weight: bold;
}
h3.ffauthor a:active {
	color: #7D12A4;
	font-size: 110%; 
	font-weight: bold;
}
h3.ffauthor a:visited {
	color: #7D12A4;
	font-size: 110%; 
	font-weight: bold;
}
h3.ffauthor a:hover {
	color: #7D12A4;
	font-size: 110%; 
	font-weight: bold;
}

/* cleaned up author book listing */
/* fresh fiction author styling */
.author {
	color: #7D12A4; 
	font-weight: bold;
}

.author h3 {
	color: #7D12A4;
	font-weight: bold;
}

.author h2, a {
	color: #7D12A4;
	font-weight: bold;
}
	/* original color is 	 7D12A4 */
.author a:link {
	color: #CE0F69; 
	text-decoration: none;
}

.author a:hover {
	color: #d1517a;
	text-decoration: underline;
	font-weight: bold;

}
	
	
.author p {
	font-size: 85%;
	font-weight: normal;
}

a.author h3 {
	color: #CE0F69;
	font-size: 110%; 
	font-weight: bold;
}
h3.author a:link {
	color: #CE0F69;
	font-size: 110%; 
	font-weight: bold;
}
h3.author a:active {
	color: #CE0F69;
	font-size: 110%; 
	font-weight: bold;
}
h3.author a:visited {
	color: #CE0F69;
	font-size: 110%; 
	font-weight: bold;
}
h3.author a:hover {
	color: #d1517a;
	font-size: 110%; 
	font-weight: bold;
}

.motto	{
	font-family: "Arial Narrow", Arial, sans-serif;
	font-size: 90%;
	font-style: italic;
	color:#CE0F69;
	}
	
/* fresh fiction book styling */
.ff_book {
	font-family: "Arial Narrow", Arial, sans-serif;
	color: #7D12A4; 
	font-weight: bold;
}
.ff_book h3 {
	font-size: 110%; 
	font-weight: bold;
}

.ff_book h2 {
	font-size: 115%; 
	font-weight: bold;
}
.ff_book a:active {
	color: #7D12A4; 
	text-decoration: none;
}

.ff_book a:visited {color: #7D12A4; 
		   text-decoration: none;}
.ff_book a:link {color: #7D12A4; 
		   text-decoration: none;}
.ff_book a:hover {color: #CE0F69; 
		   text-decoration: underline;
		   background-color:#00ff00;
		   }
.ff_book p {
	font-size: 90%;
	font-weight: normal;
}

/* -------------------------------------
    header styling
 ------------------------------------ */
 
 .topshelf {
 	font-size:9pt; 
 	font-weight:bold; 
 	text-align:center; 
        display: inline-block;
 }

/* book styling on books.php */

.books {
	width:175px;
	float:left;
	height:260px;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
		
.tagline	{
	font-family: "Arial Narrow", Arial, sans-serif;
	font-size: 90%;
	font-style: italic;
	color:#CE0F69;
	}
		
/* side bar styles */    
.side  {  
	font-family: "Arial Narrow", Arial, sans-serif; 
	font-size: 85%; 
	color: #000; 
	font-weight: bold;
	
	}
    
.sidehead  {font-family: "Arial Narrow", Arial, sans-serif;
		font-size: 90%; 
		color: #7D12A4; 
		font-weight: bold;
           }
           
.sidetext  {font-family: "Arial Narrow", Arial, sans-serif; 
	     font-size: 85%; 
	     color: #FFF; 
	     font-weight: bold;
	
            }

.link  {
	font-family: "Arial Narrow", Arial, sans-serif; 
	color: #CE0F69;
	font-weight: bold;
	font-size: 85%;
        }     

.data {
	font-family: "Arial Narrow", Arial, sans-serif;
	font-size: 80%; 
	color: #000000;
	text-align: left; 
	line-height: 14px;
}					

.nav	{
	color: #999999;
	line-height: 15px;
	
	}

.sub	{
	color: #AAAAAA;
	text-align: right; 
	line-height: 14px;
				}

.quote		{
	margin-left: 30px;	
	}

.alert		{
	font-family: "Arial Narrow", Arial, sans-serif;
	font-size: 95%; 
	color: #FF0000; 
	font-weight: bold;
	line-height: 14px;
				}

.alert_big	{
	font-family: "Arial Narrow", Arial, sans-serif;
	font-size: 105%; 
	color: #FF0000; 
	font-weight: bold;
	line-height: 16px;
				}
				
/* boxes for review, pick and other pages 4/2008 */
.pink_box	{
	border: 1px dotted #7D12A4; 
	float:left; 
	margin:10px 10px 10px 0px;
}

.purple_box	{
	border: 1px solid #7D12A4;

}
/* curved box */
.green_curved_box	{
	border: 2px solid #00FF00; 
	padding: 10px 10px; 
	background: #ffffff; 
	border-radius: 25px; 
	margin-bottom:10px;
	margin-top:5px;
	/* float right add margin left / right 
	float:right;
	margin-right:10px;
	margin-left:5px;
	*/

}
.blue_curved_box	{
	border: 2px solid #6600CC; 
	padding: 10px 10px; 
	background: #ffffff; 
	border-radius: 25px; 
	margin-bottom:10px;
	margin-top:5px;
	/* float right add margin left / right 
	float:right;
	margin-right:10px;
	margin-left:5px;
	*/

}
.pink_curved_box	{
	border: 2px solid #CE0F69; 
	padding: 10px 10px; 
	background: #ffffff; 
	border-radius: 25px; 
	margin-bottom:10px;
	margin-top:5px;
	/* float right add margin left / right 
	float:right;
	margin-right:10px;
	margin-left:5px;
	*/

}

.gold_curved_box	{
	border: 2px solid #F87217; 
	padding: 10px 10px; 
	background: #ffffff; 
	border-radius: 25px; 
	margin-bottom:10px;
	margin-top:5px;
	/* float right add margin left / right 
	float:right;
	margin-right:10px;
	margin-left:5px;
	*/

}

/* review box stuff */

/* line around the review box #7D12A4 purple */
.box_trace	{	background-color: #00ff00;	}

/* bgcolor of review box header/footer cells */
.box_headbg	{	background-color: #7D12A4; }

/* bgcolor of review box content cell */
.box_contbg	{	
		background-color: #FFFFFF;
		padding: 10px;
		}
h2.box_headbg	{
		margin-top:1px; 
		margin-bottom:.5em; 
		font-variant: small-caps;
}
/* first letter of each word in review box titles */
.box_head_1	{
					font-family: "Arial Narrow", Arial, sans-serif;
					font-size: 16px; color: #FFFFFF; font-weight: bold;
				}

/* subsequent letters of each word in review box titles */
.box_head_2	{
					font-family: "Arial Narrow", Arial, sans-serif;
					font-size: 12px; color: #FFFFFF; font-weight: bold;
				}


/* search listing stuff D5FFD5 */

/* bgcolor of search listing header */
.lst_headbg	{	background-color: #CCCCCC;	}

/* bgcolor of odd search listing rows */
.lst_oddbg	{	background-color: #FFFFFF;	}

/* bgcolor of even search listing rows */
.lst_evenbg	{	background-color: #FFCCFF;	}


/* feature boxes
----------------------- */

.feature {
	background-color: #00ff00; 
	border:1px solid #CE0F69;
	/* padding:5px 5px 5px 5px; */
	text-align:center; 
	/* width: 195px; */
	
}
/* christmas images/snow.gif */
.feature_special {
	/* background-image:url(images/snow.gif); */
	background-color:#FFC6FF;
	border:1px solid #CE0F69;
	padding:5px 5px 5px 5px; 
	
	

}
.feature_special a:link, .feature_special a:active, .feature_special a:visited
{
	color: #7D12A4;
	text-decoration: none;
	font-weight: bold;
}

.feature_special a:hover
{	color: #CE0F69;
	text-decoration: underline;
	font-weight: bold;
}
.feature img 
{text-align:center;
border: 0;
}

.feature h3
{	font: bold small "Arial Narrow", Arial, sans-serif;
	font-variant: small-caps;
	color: #7D12A4;
}
.feature h4
{	font: bold small "Arial Narrow", Arial, sans-serif;
	font-style: italic;
	color: #7D12A4;
}
.feature p {
	clear: both;
	text-align:center;
	font: bold small "Arial Narrow", Arial, sans-serif;
	color: #7D12A4;
}

.feature a:link, .feature a:active, .feature a:visited
{color: #7D12A4;
text-decoration: none;
}

.feature a:hover
{color: #CE0F69;
text-decoration: underline;

}

/* for award listings on fresh fiction */
.award  {
	font-family: "Arial Narrow", Arial, sans-serif;
}

.award h4 {
	color: #7D12A4;
	text-transform: uppercase;
}

/* contest box */
.contest_box {
	border: 1px solid #00ff00;
	padding: 10px;
	margin: 10px 10px 10px 10px;
	background-color: #BFFFBF; 	
}

img.contest_box {
	float: left;
	margin: 0px 5px 5px 0px;
	border: 0px;
	
}

img#SLIDESTEXT {
	float: left;
	margin: 0px 5px 5px 0px;
	border: 0px;
}

#SLIDESTEXT img {
	float: left;
	margin: 0px 5px 5px 0px;
	border: 0px;
}

.green_box {
	border: 1px solid #00ff00;
	padding: 10px;
	margin: 10px 10px 10px 10px;
	

}

.pink_box {
	border: 2px dotted #CE0F69;
	padding: 10px;
	margin: 10px 10px 10px 10px;
	

}


.blue_box {
	float:left;
	width:300px;
	height: 300px;
	border: 1px solid #7D12A4;
	padding: 10px;
	margin: 10px 10px 10px 10px;
	overflow:hidden;
    	text-overflow:ellipsis;

}

.small_blue_box {
	float: left;
	width: 150px;
	border: 1px solid #7D12A4;
	padding: 10px;
	margin: 10px 10px 10px 10px;
    overflow:hidden;
    text-overflow:ellipsis;
}

/* ff_author styled box for authors.php 
.ff_author {
	text-align:center;
	padding: 4px;
	border: 2px solid #7D12A4;
}
*/

.warning {
	font-family: "Arial Narrow", Arial, sans-serif;
	font-weight:bold;
	color: red;
	font-size: 110%;
	text-align: center;
}

/* 
for articles and stories 
--------------------------------------------- */
/*.article p {
	text-indent: 0;
}
*/
.article blockquote {
	font-family: 'Courier New','Courier', 'American Typewriter', monospace;
}
blockquote {
	font-family: 'Courier New','Courier', 'American Typewriter', monospace;
}
.recipe p {
	text-indent: -20px;
}
.recipe ul {
	list-style: none;
}

.article ul {
	list-style: circle;
}

.article ol {
    display: block;
    list-style-type: decimal;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
    padding-left: 40px;
    }


.article ul {
    margin: 0.75em 0;
    padding: 0 1em;
    list-style: none;
}
.article li:before { 
    content: "";
    border-color: transparent #111;
    border-width: 0.35em 0 0.35em 0.45em;
    display: block;
    height: 0;
    width: 0;
    left: -1em;
    top: 0.9em;
    position: relative;
}



 div.article_shout {
 	clear:both; 
 	float: right; 
 	margin-left: 10px; 
 	margin-bottom: 10px;
 	}

ul.new_article  {
	list-style-type:square;
	margin-left: 10px;
	padding-left: 2em;
	text-indent: -1em;
}
li.new_article  {
	margin-top:1em;
	margin-left: 5px;
	padding-left: 1em;
	text-indent: -1em;
}
.screenplay {
		clear:both;
		color: #000;
		font-family: "Courier New", Courier, monospace;
		font-size: 13px;
	
}

.tab1 {
	text-indent: 25px;
}

.tab2 {
	text-indent: 40px;
}

 span.shout_out {
 	font-size: 0.9em; 
 	margin-top: 0px;
 	}
 	
 div.clear {
 	clear: both;
 	}
 	
.floatRight { 
	float: right; 
	margin-left: 5px; 
	margin-bottom:5px;
	border: 0px;
} 
.floatLeft { 
	float: left; 
	margin-right: 10px; 
	margin-bottom:5px;
	margin-left:0;
	border: 0px;
}
img.floatLeft { 
	float: left; 
	margin-left:0;
	margin-right: 10px; 
	border: 0px;
}
.alignleft { 
	float: left; 
	margin-left:0;
	margin-right: 10px; 
	padding-right:10px;
	border: 0px;
}
img.floatRight { 
	float: right; 
	margin: 5px; 
	border: 0px;
} 

img.middle
{
   vertical-align: middle;
}  

/* used to clear space after the contest  */
.clearme {clear:both;}
.contest:after {clear:both;}
/*
.contest {
	background-color: $FFFFFF;
	border: 1px #00ff00 solid;
	padding:6px;}
*/

.contest_author_pic {
	float:left;
	width: 100px;
	padding-right: 20px;
	margin: 10px;
	text-align:center;

}
img.contest_author_pic {
	float:left;
	margin: 0px 5px 5px 0px;
	border: 0px;
	clear: left; 
}

img.contest_photo {
	float: right; 
	margin: 0px 0px 10px 10px; 
	border: 0px;
	clear: right;
}

.contest_list {
	border:1px #7301E7 solid; 
	margin:5px; 
	padding:5px;
}

.img.contest_photo:after {clear:both;}

/* Fresh Press stylings 
	halloween images/logos/thumb/press_halloween.gif
	*/
#media_buzz img {
	float:left;
	margin: 0px 10px 10px 0px;
	border: 0px;
	padding:6px;
}

.media	{
	width:400px;
	border: 2px #00ff00 dashed;
	padding:10px;
	font-family: "Arial Narrow", Arial, sans-serif;
	float:left;
	margin:5px 5px 0px 5px;
	height:400px;
	overflow:hidden;	
	
}

img.media_book {
	float: right; 
	margin: 0px 0px 10px 10px; 
	border: 0px;
	clear: right;
}
img.media_author {
	float:left;
	margin: 0px 10px 10px 0px;
	border: 0px;
	clear: left; 
}

br.media {
	clear: both;
}


/* images for Fresh Pick page */

img.pick_book {
	float: right; 
	margin: 0px 0px 10px 10px; 
	border: 0px;
	clear: right;
}
img.pick_author {
	float:left;
	margin: 0px 10px 10px 0px;
	border: 0px;
	clear: left; 
}

.pick {
	border: 1px solid #00ff00;
}

/* horizontal menu for admin users, added to top of book page */
    .admin_menu {
      width: 100%;
      margin: 1em 0;
      padding: 0px 0.5em;
      background: #80FF80 none;
      font-size:8pt;
    }
    .admin_menu ul {
      margin: 0;
      padding: 0;
      list-style-type: none;
      font-size:8pt;
    }
    .admin_menu li {
      margin: 0;
      padding: 0;
      float: left;
      height: 3em;
      font-size:8pt;
    }
    .admin_menu {
      padding: 0;
      background: #fff none;
    }
    .admin_menu li {
      width: 7em;
      margin-right: .1em;
      background: #80FF80 none;
      text-align: center;
    }
    .admin_menu a {
      display: block;
      width: 100%;
      text-decoration: none;
    }
    .admin_menu a:hover {
      background: #ff9 none;
    }

/* vertical menu for admin users, added to side of page */

a.admin_vertical_menu, a.admin_vertical_menu:link, a.admin_vertical_menu:visited {
	display:block; 
	width:150px; 
	height:25px; 
	background:#80FF80; 
	border:1px solid #7D12A4; 
	margin-top:2px; 
	text-align:center; 
	text-decoration:none; 
	font-family:"Arial Narrow", Arial, sans-serif; 
	font-size:12px; 
	color:#000; 
	line-height:25px; 
	overflow:hidden;
}
a.admin_vertical_menu:hover {
	color:#CE0F69; 
	background:#ff9;
}
a.admin_vertical_menu:active {
	color:#fff; 
	background:#c00;
}

/* fieldset setting */

fieldset {font-family: "Arial Narrow", Arial, sans-serif;
     border-color: #7D12A4; 
     margin: 5px 5px 5px 5px;
     padding: 5px 5px 5px 5px;

    }   

legend {font-family: "Arial Narrow", Arial, sans-serif;
     font-size: 110%; 
     color: #7D12A4; 
     font-weight: bold;
    }   
    
/* lists */
.faqlistg {
	list-style-type: none;
}

/* 
tablist test for horizontal menu
-------------------------------------------- */
.tablist{
padding: 3px 0;
margin-left: 0;
margin-bottom: 0;
margin-top: 0.1em;
font: bold 12px Verdana;
border-bottom: 1px solid #7D12A4;
}

.tablist li{
list-style: none;
display: inline;
margin: 0;
}

.tablist li a{
text-decoration: none;
padding: 3px 0.5em;
margin-right: 3px;
border: 1px solid #CE0F69;
border-bottom: none;
background: #00ff00;
}

.tablist li a:link, .tablist li a:visited{
color: #FFF;
}

.tablist li a:hover{
color: black;
background: #CE0F69;
border-color: #7D12A4;
}

.tablist li a.current{
background: #FFF;
}



/*
  list for October thinkpink campaign  
  --------------------------------------- */
#pinklist
{
margin-left: 0;
padding-left: 0;
list-style: none;
}

#pinklist li
{
padding-left: 20px;
background-image: url(images/pinkribbon.gif);
background-repeat: no-repeat;
height: 2em;
}


/* odd and even backgrounds */

.odd	
{
	background-color: #80FF80;
	padding:5px;

}

.even
{
	border: 1px solid #80FF80;
	background-color: #FFFFFF;
	padding:5px;
}

.review	{
	background-color: #FFFFFF;
	padding:2px;
}

.small-caps {
	font-variant: small-caps;
}


.genre {
	font-variant: small-caps;
	font-size: .9em;

}

/* for script */
div#SLIDESTEXT
{
color: #000;
		font-family: "Arial Narrow", Arial, sans-serif;
		font-size: 11px;

}

#twitter_div {
	
	padding: 2px;
	text-align: left;
	

}

/*  titles styles 
=============================== */
.title {
	font-family: "Arial Narrow", Arial, sans-serif; 
	font-size:15pt; 
	font-weight:bolder; 
	border-bottom:2px solid #CE0F69;
	text-transform:uppercase;
}
.title span {
	color:#CE0F69; 
	font-style:  oblique;
	text-transform:lowercase;
}
.title h3:first-child {
	color:#CE0F69; 
	font-style:  oblique;
	text-transform:lowercase;
}

/*  blog styles
================================ */
li.blog	{
	margin-left:20px;
	padding-left:20px;

}

ul.blog {
	list-style-type:none; padding-left:20px;margin-left:20px;
}


ul#twitter_update_list {list-style-type:none; padding-left:0px;margin-left:0px}

/* book pages 
=============================== */
.questions ol {
	list-style-position:outside;
	margin-left:25em;
}
.questions li {
	padding-left: 2em;
	margin-left:25em;
	line-height:200%;
}
.questions ul {
	list-style-position:outside;
	margin-left:25em;
	list-style: none;
}

/* -----------------------------
	index styles
-------------------------------- */

.breakingnews	{ 
	border:1px solid #00ff00; 
	padding:10px; 
	margin:10px;
	width:375px;
	float:left;
}
/*
.newsbox { 
	width:270px; 
	float:left; 
	height: 275px; 
	border:1px solid #00ff00; 
	padding:10px; margin:10px;	
	text-overflow:ellipsis;
	overflow:hidden;
	}
*/
.newsbox { 
	width:500px; 
	float:left;  
	border: 2px solid #00ff00;  
	margin:10px;	
	text-overflow:ellipsis;
	overflow:hidden;
	padding: 10px 10px; 
	background-color: #CE0F69;
	/*
	background-color: #E771A9; //FF3399 */
	border-radius: 25px;
	z-index: -2;
	}

.newsbox h3 {
	margin-top:0px;
}
.holidays {
	background-image:url(http://freshfiction.com/images/fallingsnow.gif);
}
p.title	{
	font-family: "Arial Narrow", Arial, sans-serif; 
	color:black; 
	font-size:16pt; 
	font-weight:bolder;
	border-bottom-style: 
	outset; border: #f666A4;
}
p.outset {
	border-bottom-style: outset;
}
span.title {
	font-style: oblique; 
	color:#f666A4;
}

/* button */
p.button {
	display: block; 
	background: #CE0F69; 
	width:175px;  height: 25px; 
	text-align: center; 
	padding: 20px 0 0 0; 
	font: 1em/10px "Arial Narrow", Arial, sans-serif; 
	color: #fff; 
	text-decoration: none; 
	-webkit-border-radius: 15px; 
	-khtml-border-radius: 15px;  
	-moz-border-radius: 15px; 
	border-radius: 15px;
}
a.button:hover, a.button:link, a.button:active, a.button:visited {
	color:#FFFFFF; 
	font-weight: bold; 
	text-decoration: none;
}

/* centering in html5 */
    section {
        background: #fbeaf2;
        color: black;
        border-radius: 1em;
        padding: 1em;
        /* position: absolute; */
        /* top: 50%; */
        /* left: 50%; */
        /* margin-right: -50%; */
        /* transform: translate(-50%, -50%); */
        }