﻿/* ----- DAILY HOROSCOPE PAGE STYLES */

/* Guest Author info, if they write the lunar forecast */
div.guestintro {
	border: 1px solid #b22222;
	padding: 10px 15px 0 15px;
	margin: 30px;
	background-color: #FFFFCC;
}
div.guestintro p {
	text-align: left;
	font-family:"Times New Roman", Times, serif;
	font-style: italic;
	font-size: 115%;
	line-height: 1.35;
	margin: 0 0 10px 0;
}




/*  NEW STYLES  */

div.horocontainerwide {
	margin: 0 auto;
	width: 960px;
	padding-bottom: 30px;
}


.bordered {
	border: 1px #F1EDC2 solid;
}



/*==============================================================*/

div.twitterbutton { /* used in Lowdown */
	background: url('../images/twitter.png') left center no-repeat;
	width: 160px;
	height: 64px;
	margin: 0;
	border: none;
	text-align: center;
}
div.twitterbutton p { /* used in Lowdown */
	margin: 0 10px 0 75px;
	font-family: Georgia,times new roman,serif;
	font-style: italic;
	font-weight: bold;
	color: blue;
	font-size: 2em;
}
div.twitterlunar { /* used next to lower lunar forecast */
	width: 140px;
	margin: 50px auto 25px auto;
	border: none;
	text-align: center;
}


div.readhoroyet {
	padding: 0;
	margin: 0;
}
p.readhorohdr {
	font-size: .9em;
	text-align: left;
	font-family: Arial, sans-serif;
	font-weight: bold;
	color: #b22222;
	margin: 0;
	text-align: center;
}
p.readhorolink {
	font-size: .85em;
	text-align: center;
	font-family: Arial, sans-serif;
	font-weight: normal;
	margin: 0;
}



div#printthispg {
	width: 150px;
	padding: 5px;
	margin: 35px auto;
/*	border: #EEE9BF 1px solid;  USES BORDERED STYLE NOW */
	}
div#printthispg img {
	margin: 5px 10px 0px 5px;
	float: left;
	}
p#prtsm {
	font-size: 11px;
	margin: 0 0 5px 0;
	text-align: left;
	font-weight: normal;
	}
p#prtlg {
	font-size: 14px;
	margin: 0 0 10px 0;
	text-align: center;
	font-weight: normal;
	}


/*--------------------------------------------*/
/*   NEW - USES DIVS, NOT TABLES  */
/*      MY NAVIGATION LINKS      */
/*--------------------------------------------*/

div#mylinks {
/*	border: solid #EEE9BF 1px;   REPLACED BY SEPARATE STYLE JUST FOR BORDER, TO MINIMIZE HAVING TO FIND BORDERS TO CHANGE THE COLOUR */
	background-color: white;
	margin-bottom: 20px;
	width: 140px;
	border-spacing: 10px;
	border-collapse: separate;
	font-size: 8pt;
	padding: 10px;
	}
div#mylinks p {
	font-size: 12px;
	font-family: tahoma,arial,sans-serif;
	font-style: normal;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 3px;
	}
div#mylinks h2 {
	font-size: 11px;
	font-family: tahoma,arial,sans-serif;
	font-style: normal;
	font-weight: bold;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 3px;
	color: firebrick;
	}
div#mylinks h2.reading {
	text-align: center;
	margin-top: 3px;
	}
div#mylinks h2.menu {
	text-align: center;
	font-size: 13px;
	color: firebrick;
	}

div#mylinks ul.daily {
	margin-top: 5px;
	margin-left: 0;
}
div#mylinks ul.daily li {
	padding-left: 15px;
	margin-bottom: 2px;
}


div#lowerrightlinks {
	margin-bottom: 20px;
	width: 140px;
	border-spacing: 10px;
	font-size: 10px;
	padding: 10px;
}


div#mylinks p.upd {
	text-align: center; 
	margin-top: 10px; 
	margin-bottom: 0px; 
	font-style: italic
	}
div#mylinks p.prt {
	font-size: .85em;
	font-family: tahoma,arial,sans-serif;
	font-style: normal;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 5px;
	}
div#mylinks p.prtlg {
	font-size: 1.2em;
	font-family: tahoma,arial,sans-serif;
	font-style: normal;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 3px;
	}

div#mylinks hr {
	height: 1px;
	border-collapse: collapse;
	border-bottom: #665 1px solid;
	width: 100px;
	margin: 5px 0 10px 0;
	}



div#hleft {
	width: 55px;
	float: left;
	padding-right: 15px;
	}
div#hleft p {
	text-align: right;
	}
div#hright {
	width: 80px;
	float: right;
	}
div#hright p {
	text-align: left;
	}

div#tos h2 {
	text-align: center;
	font-size: .85em;
	color: #665;
	margin-top: 15px;
	}
div#tos p {
	text-align: center;
	font-size: 11px;
	color: #665;
	}

.new {
	color: red;
	font-weight: bold;
	font-style: normal;
	}


/*---------------------------------------*/
/*       FM OUTER BOX STYLES      */
/*---------------------------------------*/

#dailynatal {
	border: darkkhaki 1px solid;   /* USES OWN BORDER STYLE, SINCE IT'S A SEPARATE BOX */
	background-image: url("../images/signs470.gif");
	background-repeat: no-repeat;
	background-position: 15px 15px;
	background-color: lemonchiffon;
	padding: 40px 20px 70px 20px;
	width: 458px; 
	margin: 0 auto 35px auto;
	}
#fmintro1 {
	font-family: tahoma,arial,sans-serif;
	font-size: 1.35em;
	color: firebrick;
	font-weight: bold;
	font-style: normal;
	text-align: center;
	margin: 0 0 5px 0;
	}
span.details {
	font-size: 80%;
	}
.fmintro2 {
	font-family: arial,tahoma,helvetica,sans-serif;
	font-size: 13px;
	color: #817416;
	font-weight: normal;
	font-style: normal;
	text-align: center;
	margin: 0 0 15px 0;
}
.fmintro3 {
	font-family: arial,verdana,helvetica,sans-serif;
	font-size: .9em;
	color: black;
	font-weight: normal;
	font-style: normal;
	text-align: center;
	margin: 0 0 15px 0;
	}

.browser {
	font-family: arial,verdana,helvetica,sans-serif;
	font-size: 8pt;
	margin: 0;
	text-align: center;
	color: #564;
	font-style: italic;
	}
.contactlink a:link {
	color: #564;
	font-weight: normal;
	}
.contactlink a:hover {
	font-weight: bold;
	}
.nomoon {
	font-family: arial,verdana,helvetica,sans-serif;
	font-size: 8pt;
	margin: 10px 0 15px 0;
	text-align: center;
	color: #564;
	font-style: italic;
	}

.fmggad {
	width: 200px;
	margin: 0px auto;
	}


/*-----------------------------------------------------------*/
/*         CONTENT BOXES & SPACERS         */
/*   TABLE STYLES NO LONGER USED         */
/*-----------------------------------------------------------*/

table#horocontainer {
	width: 948px;
	border: #cdc5bf 0px solid;
/*	border-spacing: 20px; */
	border-collapse: separate;
	background-color: khaki;
	margin: 0 auto;
	}
td#topacross {
	text-align: left;
	height: 90px;
	width: 728px;
	padding: 0px;
	vertical-align: top;
	background-color: beige;
	border: 0;
	}
td#leftcol {
	vertical-align: top;
	width: 160px; 
	text-align: left;
	padding: 0px;
	background-color: beige;
	}
td#middlecol {
	vertical-align: top;
	width: 548px; 
	text-align: center;
	padding: 0px;
	background-color: beige;
	border: 0;
	}
td#rightcol {
	vertical-align: top;
	width: 160px; 
	text-align: right;
	padding: 0px;
	background-color: beige;
	border: 0;
	}


td#lowerleftcol {
	vertical-align: top;
	width: 160px;
	text-align: left;
	padding: 0;
	background-color: beige;
	border: 0;
	}
td#lowermiddlecol {
	vertical-align: top;
	width: 548px;
	text-align: center;
	padding: 0px;
	background-color: beige;
	border: 0;
	}
td#lowerrightcol {
	vertical-align: top;
	width: 160px;
	text-align: right;
	padding: 0;
	background-color: beige;
	border: 0;
	}
div.lunartweet {
	margin: 30px 0;
}



/*=========================*/
/*=========================*/
/*=========================*/
/*     HORO PAGE LAYOUT USING DIVS    */
/*=========================*/
/*=========================*/
/*=========================*/

div.horocontainer {
	width: 912px;
/*	border: 1px #EEE9BF solid;  CHANGED TO SEPARATE STYLE JUST FOR BORDER TO MAKE CHANGES EASIER */
	margin: 0 auto;
	padding: 20px;
	overflow: hidden;
	}

div.rightcol {
	float: right;
	vertical-align: top;
	width: 162px; 
	text-align: right;
	padding: 0px;
	margin: 0 0 0 20px; /* OUTER SPACING ON LEFT */
	border: 0;
	}
div.topacross { /* SITS ABOVE WRAPPERLEFT */
	float: left; 
	height: 90px;
	width: 728px;
	padding: 0px;
	margin: 0 0 20px 0; /* OUTER SPACING ON BOTTOM */
	vertical-align: top;
	text-align: left;
	border: 0;
}
div.topsection { /* WRAPS TOP SECTIONS */
	margin: 0;
	padding: 0;
	clear: both;
	overflow: hidden;
}
div.lowersection { /* WRAPS LOWER SECTIONS */
	margin: 20px 0 0 0; /* OUTER SPACING ON TOP */
	padding: 0;
	clear: both;
	overflow: hidden;
}
div.wrapperleft {
	float: left;
	width: 728px;
	margin: 0;
	padding: 0;
	clear: left; /* SO IT DOESN'T TRY TO GO NEXT TO TOPACROSS */
}
div.middlecol {
	float: right;
	vertical-align: top;
	width: 548px; 
	text-align: center;
	padding: 0px;
	margin: 0; /* OUTER SPACING DEFINED BY SURROUNDING DIVS */
	border: 0;
	}
div.leftcol {
	float: left;
	vertical-align: top;
	width: 160px; 
	text-align: left;
	padding: 0px;
	margin: 0 20px 0 0; /* OUTER SPACING ON RIGHT */
	border: 0;
	}





/*--------------------------------------------*/
/*      DAILY HOROSCOPE STYLES       */
/*--------------------------------------------*/

#dailylunar {
	width: 458px;
	margin: 0 auto 35px auto;
	text-align: center;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	vertical-align: top;
	}
#dailylunar h2 {
	font-family: Tahoma,Arial,sans-serif;
	font-size: 1.05em;
	text-align: center;
	color: indigo;
	font-weight: bold;
	margin-top: 15px;
	}
#dailylunar h2 span {
	font-weight: bold;
	color: firebrick;
	font-size: 1.1em;
	}
#dailylunar p {
	font-size: 1.1em;
	margin: 0 0 25px 0;
	}



/*---------------------------------------*/
/*       Printable Page Styles        */
/*---------------------------------------*/

#printthis {
	font-family: Times New Roman, serif;
	font-size: 1.1em;
	font-style: italic;
	font-weight: normal;
	margin-top: 10px;
	margin-bottom: 0px;
	}
#largeprintlink {
 	font-family: Times New Roman,serif; 
 	font-size: 1.65em; 
 	font-style:italic; 
 	text-align:center; 
 	margin-top: 0px; 
 	margin-bottom: 0px;
 	}
#newwindow {
 	font-family: Times New Roman,serif; 
 	font-size: 1em; 
 	font-style:italic; 
 	text-align:center; 
 	margin-top: 0px; 
 	margin-bottom: 20px;
 	}


/*------------------------------------------*/
/*       SPACERS FOR COLUMNS        */
/*------------------------------------------*/

div.spacer20 {
	height: 20px;
	}
div.spacer25 {
	height: 25px;
	}
div.spacer40 {
	height: 40px;
	}
div.spacer75 {
	height: 75px;
	}
div.spacer100 {
	height: 100px;
	}
div.spacer150 {
	height: 150px;
	}
div.spacer200 {
	height: 200px;
	}
div.spacer300 {
	height: 300px;
	}
div.spacer400 {
	height: 400px;
	}


/*-----------------------------------------------------*/
/*     NEW/FULL MOON FORECAST STYLES     */
/*-----------------------------------------------------*/

div.lunation {
	padding-top: 20px;
	margin-left: 20px;
	margin-right: 20px;
	}


/* ----- NEW-MOON ----- */
div.newmoonhoroscope {
	padding-top: 10px;
	}
div.newmoonhoroscope h2 {
	font-size: 12pt;
	font-weight: bold;
	font-family: verdana,arial,sans-serif;
	font-style: normal;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 5px;
	color: indigo;
	}
div.newmoonhoroscope h3 {
	font-size: 11pt;
	font-weight: bold;
	font-family: times new roman,serif;
	font-style: italic;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 5px;
	color: indigo;
	}
div.newmoonhoroscope h4 {
	font-size: 9pt;
	font-weight: bold;
	font-family: tahoma,arial,sans-serif;
	font-style: normal;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 5px;
	color: black;
	}
div.newmoonhoroscope p {
	font-size: 10pt;
	font-family: tahoma,arial,serif;
	font-style: normal;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 15px;
	}
div.newmoonhoroscope p.notifyupdate {
	font-family: Tahoma,Arial,sans-serif; 
	font-size: .9em; 
	font-weight: normal;
	color: black;
	text-align: left; 
	margin-top: 0px; 
	margin-bottom: 10px; 
	}
div.newmoonhoroscope p.context {
	font-size: 85%;
	text-align: center; 
	margin-top:5px; 
	margin-bottom:5px;
	font-style: italic;
	}


/* ----- FULL-MOON ----- */
div.fullmoonforecast {
	padding-top: 10px;
	}
div.fullmoonhoroscope h2 {
	font-size: 12pt;
	font-weight: bold;
	font-family: Verdana;
	font-style: normal;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 5px;
	color: indigo;
	}
div.fullmoonhoroscope h3 {
	font-size: 11pt;
	font-weight: bold;
	font-family: times new roman,serif;
	font-style: italic;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 5px;
	color: indigo;
	}
div.fullmoonhoroscope h4 {
	font-size: 9pt;
	font-weight: bold;
	font-family: tahoma,arial,sans-serif;
	font-style: normal;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 5px;
	color: black;
	}
div.fullmoonhoroscope p {
	font-size: 10pt;
	font-family: tahoma,arial,serif;
	font-style: normal;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 15px;
	}
div.fullmoonhoroscope p.notifyupdate {
	font-family: Tahoma,Arial,sans-serif; 
	font-size: .9em; 
	font-weight: normal;
	color: black;
	text-align: left; 
	margin-top: 0px; 
	margin-bottom: 10px; 
	}
div.fullmoonhoroscope p.context {
	font-size: 85%;
	text-align: center; 
	margin-top:5px; 
	margin-bottom:5px;
	font-style: italic;
	}

.topspacing {
	margin-top: 25px;
	}


/*----------------------------------*/
/*      SIGN INFORMATION      */
/*----------------------------------*/

div.signinfo {
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 20px;
	margin-top: 40px;
	}
div.signinfo h3 {
	font-size: 1.5em;
	font-weight: bold;
	font-family: times new roman,serif;
	font-style: italic;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 10px;
	color: indigo;
	}
div.signinfo p {
	font-size: 1.07em;
	font-family: times new roman,serif;
	font-style: italic;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 0px;
	}
div.signinfo p.spacer {
	font-size: 1.07em;
	font-family: times new roman,serif;
	font-style: italic;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 10px;
	}
span.datesvary {
	font-size: .7em;
	font-family: tahoma,arial,sans-serif;
	font-style: italic;
	}


/*-------------------------------------------------------------*/
/*     SIGN PAGE TITLE BACKGROUND DIVs    */
/*-------------------------------------------------------------*/

div.sign01 {
	background-image: url("../images/symbol01.jpg");
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 90px;
	text-align: left;
	width: 215px;
	margin: 0 0 30px 69px;
	padding-left: 105px;
	padding-top: 0;
	padding-bottom: 5px;
	}
div.sign02 {
	background-image: url("../images/symbol02.jpg");
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 90px;
	text-align: left;
	width: 215px;
	margin: 0 0 30px 69px;
	padding-left: 105px;
	padding-top: 0;
	padding-bottom: 5px;
	}
div.sign03 {
	background-image: url("../images/symbol03.jpg");
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 90px;
	text-align: left;
	width: 215px;
	margin: 0 0 30px 69px;
	padding-left: 105px;
	padding-top: 0;
	padding-bottom: 5px;
	}
div.sign04 {
	background-image: url("../images/symbol04.jpg");
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 90px;
	text-align: left;
	width: 215px;
	margin: 0 0 30px 69px;
	padding-left: 105px;
	padding-top: 0;
	padding-bottom: 5px;
	}
div.sign05 {
	background-image: url("../images/symbol05.jpg");
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 90px;
	text-align: left;
	width: 215px;
	margin: 0 0 30px 69px;
	padding-left: 105px;
	padding-top: 0;
	padding-bottom: 5px;
	}
div.sign06 {
	background-image: url("../images/symbol06.jpg");
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 90px;
	text-align: left;
	width: 215px;
	margin: 0 0 30px 69px;
	padding-left: 105px;
	padding-top: 0;
	padding-bottom: 5px;
	}
div.sign07 {
	background-image: url("../images/symbol07.jpg");
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 90px;
	text-align: left;
	width: 215px;
	margin: 0 0 30px 69px;
	padding-left: 105px;
	padding-top: 0;
	padding-bottom: 5px;
	}
div.sign08 {
	background-image: url("../images/symbol08.jpg");
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 90px;
	text-align: left;
	width: 215px;
	margin: 0 0 30px 69px;
	padding-left: 105px;
	padding-top: 0;
	padding-bottom: 5px;
	}
div.sign09 {
	background-image: url("../images/symbol09.jpg");
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 90px;
	text-align: left;
	width: 215px;
	margin: 0 0 30px 69px;
	padding-left: 105px;
	padding-top: 0;
	padding-bottom: 5px;
	}
div.sign10 {
	background-image: url("../images/symbol10.jpg");
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 90px;
	text-align: left;
	width: 215px;
	margin: 0 0 30px 69px;
	padding-left: 105px;
	padding-top: 0;
	padding-bottom: 5px;
	}
div.sign11 {
	background-image: url("../images/symbol11.jpg");
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 90px;
	text-align: left;
	width: 215px;
	margin: 0 0 30px 69px;
	padding-left: 105px;
	padding-top: 0;
	padding-bottom: 5px;
	}
div.sign12 {
	background-image: url("../images/symbol12.jpg");
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 90px;
	text-align: left;
	width: 215px;
	margin: 0 0 30px 69px;
	padding-left: 105px;
	padding-top: 0;
	padding-bottom: 5px;
	}

.sign {
	font-family: Times New Roman, serif;
	font-size: 40px;
	color: #4B0082;
	font-style: italic;
	font-weight: bold;
	margin: 0;
	}



/* ----- AD STYLES & DIVs */

#midad {
	padding: 20px 0;
	min-height: 90px;
	width: 365px;
	margin: 0 auto;
	}

.adtext {
	font-family: Tahoma,Arial,san-serif; 
	font-size: .9em; 
	text-align: left; 
	margin-top: 8px; 
	margin-bottom: 2px; 
	}
.adhdr {
	font-family: times new roman,serif; 
	font-size: 2.15em; 
	font-weight: bold;
	font-style: italic;
	color: firebrick;
	text-align: center; 
	margin-top: 0px; 
	margin-bottom: 2px; 
	}
.buyitnow {
	font-size: 1em;
	font-weight: bold;
	color: firebrick;
	margin-top: 10px;
	margin-bottom: 5px;
	}


/*----------------------------*/
/*      GENERAL DIVs      */
/*----------------------------*/

div.floatleft {
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
	}
div.floatright {
	float: right;
	margin-left: 20px;
	margin-bottom: 10px;
	}

span.italic
	{font-family:"Times New Roman";
	font-style:italic;
	font-size: 1.05em;
	}

body {
	font-family: Tahoma,Arial,Helvetica,sans-serif;
	}

/*----END----*/



