/* = = = = = = = = = = = = = = = = = = = = =
Global Page Styles
= = = = = = = = = = = = = = = = = = = = = = */
body {
font-size: small; /* set base for all other font-size rules */
font-family: Verdana, Verdana, Geneva, sans-serif;
font-weight: normal;
width: 90%;
margin: 0px auto;
min-width: 1000px;
background-image: url(images/gradientfromtop.gif);
background-repeat: repeat-x;
}
body#help {
font-size: small; /* set base for all other font-size rules */
font-family: Verdana, Verdana, Geneva, sans-serif;
font-weight: normal;
width: 100%;
margin: 0px auto;
min-width: 300px;
}
/* = = = = = = = = = = = = = = = = = = = = = =
Header
= = = = = = = = = = = = = = = = = = = = = = = */
.header {
margin-bottom: 15px;
padding: 0px;
}
/* = = = = = = = = = = = = = = = = = = = = = =
Nav
= = = = = = = = = = = = = = = = = = = = = = = */
td.navBackground {
background-color: #737373;
width: 100px;
}
/* = = = = = = = = = = = = = = = = = = = = = =
Wrappers
= = = = = = = = = = = = = = = = = = = = = = = */
.headerWrapper {
width: 100%;
margin: 0px auto;
min-width: 1000px;
}
.menuwrapper {
width: 100%;
border: 1px solid #c6c6c6; /* lt med grey */
height: 21px;
color: #999; /* med grey */
font-size: 9pt;
background-image: url(images/menu_grad_bkgrd.jpg);
background-repeat: repeat-x;
margin: 0px auto;
display: block;
clear: both;
min-width: 1000px;
z-index: 10;
box-shadow:0px 2px 3px #808080;
-moz-box-shadow:0px 2px 3px #808080;
-webkit-box-shadow:0px 2px 3px #808080;
}
.menuwrapper p {
padding: 0px 20px 0px 20px;
vertical-align: 35%;
text-align: center;
display: inline;
}
.footerwrapper {
width: 100%;
border: 1px solid #c6c6c6; /* lt med grey */
height: 21px;
color: #999; /* med grey */
font-size: 9pt;
background-image: url(images/menu_grad_bkgrd.jpg);
background-repeat: repeat-x;
margin: 0px auto;
display: block;
clear: both;
min-width: 1000px;
z-index: 10;
box-shadow:0px 2px 3px #808080;
-moz-box-shadow:0px 2px 3px #808080;
-webkit-box-shadow:0px 2px 3px #808080;
}
/* = = = = = = = = = = = = = = = = = = = = = =
Text
= = = = = = = = = = = = = = = = = = = = = = = */
a {text-decoration:none;}
.regtext {color:#000000;font-size:10pt;}
.my8pt {color:#000000;font-size:8pt;}
/* news articals */
.plaintext {color:#0A479A; font-size:8pt;}
a.plaintext:link{color:#0A479A;}
a.plaintext:visited{color:#000000;}
a.plaintext:hover{color:#3D3D3D;}
a.plaintext:active{color:#000000;}
/* pcdudes ad */
.greytext {color:#737373; font-size:8pt;}
a.greytext:link, a.greytext:visited {color:#737373;}
a.greytext:hover{color:#3D3D3D;}
a.greytext:active{color:#737373;}
/* small links by arrows */
.kiLink {font-family:Arial, Helvetica, sans-serif; font-size:9pt; color:#6599cb; text-decoration:none;}
a.kiLink:link {color:#6599cb;} /* ki blue */
a.kiLink:visited {color:#6599cb;} /* ki blue */
a.kiLink:hover, a.kiLink:active {color:#df191b;} /* ki red */
/* news articals on sub pages */
.kiBigLink {font-family:Arial, Helvetica, sans-serif; font-size:10pt; color:#0A479A; text-decoration:none;}
a.kiBigLink:link {color:#0A479A;}
a.kiBigLink:visited {color:#000000;}
a.kiBigLink:hover {color:#3D3D3D;}
a.kiBigLink:active {color:#000000;}
.kiHeader{color:#696969; font-family:Arial, Helvetica, sans-serif; font-size:12pt;}
a.kiHeader:link, a.kiHeader:visited{color:#696969;}
a.kiHeader:hover{color:#3D3D3D;}
a.kiHeader:active{color:#696969;}
.kiBlkLink {color:#333333; font-size:12px;}
a.kiBlkLink:link, a.kiBlkLink:visited{color:#333333;}
a.kiBlkLink:hover, a.kiBlkLink:active {color:#df191b;}
.kiCalLink {color:#333333; font-size:12px;}
a.kiCalLink:link, a.kiCalLink:visited{color:#333333;}
a.kiCalLink:hover, a.kiCalLink:active{color:#df191b;}
/* small links in footer */
.footerLink {font-size:10px; color:#666666; text-decoration:none;} /* was 6599cb */
a.footerLink:link, a.footerLink:visited {color:#6599cb;} /* ki blue */
a.footerLink:hover, a.footerLink:active {color:#df191b;} /* ki red */
/* ALERTS */
.kiAlert, .kiAlert:link, .kiAlert:visited, .kiAlert:hover, .kiAlert:active {color:#df191b; font-family:Arial, Helvetica, sans-serif; font-size:10pt; font-weight: bold;}
.kiAlertBox {background-color:#df191b;color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:10pt; font-weight: bold;line-height: 18pt;}
.kiBigAlert, .kiBigAlert:link, .kiBigAlert:visited, .kiBigAlert:hover, .kiBigAlert:active {color:#df191b; font-size:12pt; font-weight: bold;}
h2.kiBlkHeadLink, h2.kiBlkHeadLink a, h2.kiBlkHeadLink a:visited, h2.kiBlkHeadLink a:hover, h2.kiBlkHeadLink a:active
{font-family:Arial, Helvetica, sans-serif;font-size:14pt;color:#333333;font-weight:bold; display:inline;}
.kiBlkHeadLink, .kiBlkHeadLink a, .kiBlkHeadLink a:visited, .kiBlkHeadLink a:hover, .kiBlkHeadLink a:active
{font-family:Arial, Helvetica, sans-serif;font-size:14pt;color:#333333;font-weight:bold; display:inline;}
.kiHeader{color:#696969; font-family:Arial, Helvetica, sans-serif; font-size:12pt;}
.kiText{color:#0A479A; font-size:9pt;}
.kiBlkText{color:#3D3D3D;font-size:9pt;}
.kiBlkText li {list-style-image: url('http://www.katotest.com/images/redStar.png'); padding-bottom: 5px;}/* list on business_signup.php */
.kiSubText{color:#666666;font-size:8pt;}
div.big a, div.big a:visited, div.big a:hover, div.big a:active{
font-family: ‘Arial Black’, Arial Black, Gadget, sans-serif;
/* ************* WAS: (pre H1 switch) **************
font-size: 36pt;
margin-top: 0px;
margin-bottom: 0px;
display: inline;
vertical-align: bottom;
text-align: justify;
line-height: .025em; */
font-size: 36pt;
margin-top: 0px;
margin-bottom: 0px;
display: inline;
vertical-align: bottom;
text-align: justify; /*sub;*/
line-height: 28pt;
text-shadow:0px 2px 3px #808080;
-moz-text-shadow:0px 2px 3px #808080;
-webkit-text-shadow:0px 2px 3px #808080;
}
a#red, a#red:visited, a#red:hover, a#red:active{
color: #df191b; /*Red */
}
a#black, a#black:visited, a#black:hover, a#black:active{
color: #333333;
}
h2#tagline a, h2#tagline a:visited, h2#tagline a:hover, h2#tagline a:active {
font-family: Arial, Helvetica, sans-serif;
font-size: 13pt;
color: #333333;
text-align: center;
vertical-align: top;
font-weight: bold;
font-variant: small-caps;
white-space: nowrap;
display: inline;
/* line-height: 0em; */
line-height: 16pt;
}
/* this is the same as h2 of the same name, I figured we should switch to the h1 for seo. */
h1.mainBoxHeadline, h1.mainBoxHeadline a, h1.mainBoxHeadline a:visited, h1.mainBoxHeadline a:hover, h1.mainBoxHeadline a:active {
font-family: Arial, Helvetica, sans-serif;
font-size: 18pt;
color: #df191b;
font-weight: bold;
margin: 0px;
display: inline;
text-shadow: 0px 2px 3px #b2b2b2;
-moz-text-shadow: 0px 2px 3px #b2b2b2;
-webkit-text-shadow: 0px 2px 3px #b2b2b2;
}
p.mockH1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 18pt;
color: #df191b;
font-weight: bold;
margin: 0px;
display: inline;
text-shadow: 0px 2px 3px #b2b2b2;
-moz-text-shadow: 0px 2px 3px #b2b2b2;
-webkit-text-shadow: 0px 2px 3px #b2b2b2;
}
h2 { /* large titles and old business directory title */
font-family: Arial, Helvetica, sans-serif;
font-size: 14pt;
color: #333333;/* dk grey */
font-weight: bold;
margin: 0px;
display: inline;
}
h2.red {
color: #df191b; /* red */
}
h2.mainBoxHeadline, h2.mainBoxHeadline a, h2.mainBoxHeadline a:visited, h2.mainBoxHeadline a:hover, h2.mainBoxHeadline a:active {
font-family: Arial, Helvetica, sans-serif;
font-size: 18pt;
/* color: #df191b; OLD */
color: #B3C7A9; /* this is to tell what has to be switched */
font-weight: bold;
margin: 0px;
display: inline;
text-shadow: 0px 2px 3px #b2b2b2;
-moz-text-shadow: 0px 2px 3px #b2b2b2;
-webkit-text-shadow: 0px 2px 3px #b2b2b2;
}
h3 { /* Directory Heading */
font-family: Arial, Helvetica, sans-serif;
font-size: 14pt;
color: #333333;/* dk grey */
font-weight: bold;
margin: 0px;
}
/* = = = = = = = = = = = = = = = = = = = = = =
odd ball styles
= = = = = = = = = = = = = = = = = = = = = = = */
.hoverRow {background: #EEEEEE;}
.centerThis {margin: 0px auto;} /*used on admin.php and more */
.dirIndent {padding-left: 10px;} /*used on directory header */
.halfBR {line-height: .5em;}
.quarterBR {line-height: .15em;}
a.kiLink img {border: none;} /* plus btn */
.ltHR {width:100%;background-color:#e5e5e5;color:#e5e5e5;height:1px; border-width: 0px;style: solid;}
.ltrHR {width: 100%;background-color: #cccccc;color: #cccccc; height: 1px; border-width: 0px; style: solid;}
.box3d {box-shadow:0px 2px 3px #808080; -moz-box-shadow:0px 2px 3px #808080; -webkit-box-shadow:0px 2px 3px #808080;}
.greyBk {background-color: #EBEBEB; }
/* = = = = = = = = = = = = = = = = = = = = = =
*note: school closing canbe found on 'closings.css'
= = = = = = = = = = = = = = = = = = = = = = = */
/* = = = = = = = = = = = = = = = = = = = = = =
weather
= = = = = = = = = = = = = = = = = = = = = = = */
span.ampm {
font-size: 8pt;
display: block;
color: #999999;
line-height: 2px;
vertical-align: bottom;
position: relative;
top: 6px;
}
td.boxAM {
background-color: #ffffff;
font-size: 8pt;
padding-bottom: 4px;
color: #999999;
}
td.boxPM {
background-color: #f0f2f2;
font-size: 8pt;
padding-bottom: 4px;
color: #999999;
}
/* = = = = = = = = = = = = = = = = = = = = = =
Buttons
= = = = = = = = = = = = = = = = = = = = = = = */
a.kiBtn {
background: transparent url('images/btnBackA.png') no-repeat scroll top right;
color: #FFF;
font-weight:bold;
display: block;
float: left;
font: normal 10px arial, sans-serif;
height: 20px;
margin-right: 6px;
padding-right: 18px; /* sliding doors padding */
text-decoration: none;
box-shadow:0px 2px 3px #808080;
-moz-box-shadow:0px 2px 3px #808080;
-webkit-box-shadow:0px 2px 3px #808080;
}
a.kiBtn span {
background: transparent url('images/btnBackSpan.png') no-repeat;
display: block;
font-weight:bold;
line-height: 10px;
padding: 5px 0 5px 18px;
}
a.kiBtn:active {
background-position: bottom right;
color: #FFF;
outline: none; /* hide dotted outline in Firefox */
}
a.kiBtn:active span {
background-position: bottom left;
padding: 6px 0 4px 18px; /* push text down 1px */
}
.otherSites {
margin-top: 0px;
margin-bottom: 10px;
}
.otherSites p {
font-family: Arial, Helvetica, sans-serif;
font-size: 9pt;
color: #666666; /* was b9b9b9 med grey */
font-weight: bold;
display: inline;
text-align: right;
}
.otherSites a, .otherSites a:visited, .otherSites a:active {
font-family: Arial, Helvetica, sans-serif;
font-size: 9pt;
color: #df191b;
text-align: right;
font-weight: bold;
display: inline;
text-decoration: none;
}
.otherSites a:hover {
color: #0058ee;
text-decoration: underline;
}
.searchBox, .searchBox:focus {
width: 100%;
border: 1px solid #c6c6c6;
height: 21px; /* 21*/
font-family: Verdana, Verdana, Geneva, sans-serif;
color: #999;
font-size: 9pt;
vertical-align: 35%;
background-image: url(images/search_grad_bkgrd.gif);
background-repeat: repeat-x;
display: inline;
position: relative;
z-index: 90;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
}
.searchBtn {
width: 80px;
border: 1px solid #c6c6c6; /* #c6c6c6 lt med grey */
height: 25px;
font-family: Verdana, Verdana, Geneva, sans-serif;
color: #737373; /* #999; med grey */
font-size: 9pt;
background-image: url(images/menu_grad_bkgrd.jpg);
background-repeat: repeat-x;
display: inline;
vertical-align: middle;
text-align: center;
position: relative;
}
.greybutton{
cursor: pointer;
border: outset 1px #ccc;
background: #999;
color: #666;
font-weight: bold;
padding: 1px 2px;
background: url(images/greybtnbg.gif) repeat-x left top;
}
.redbutton{
cursor: pointer;
border: outset 1px #970303;
background: #999;
color: #ffffff;
padding: 1px 2px;
background: url(images/redbtnbg.gif) repeat-x left top;
}
/* = = = = = = = = = = = = = = = = = = = = = =
btn switch from href to form input 031012
= = = = = = = = = = = = = = = = = = = = = = = */
input.testBtn
{
cursor: pointer;
border: outset 1px #970303;
background: #999;
color: #ffffff;
padding: 1px 20px;
background: url(images/redbtnbg.gif) repeat-x left top;
margin: 0px 0px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
box-shadow:0px 2px 3px #808080, inset 0 4px 6px rgba(255,255,255,.4);
-moz-box-shadow:0px 2px 3px #808080, inset 0 4px 6px rgba(255,255,255,.4);
-webkit-box-shadow:0px 2px 3px #808080, inset 0 4px 6px rgba(255,255,255,.4);
}
input.testBtn:hover
{
text-decoration: underline;
box-shadow:0px 1px 1px #808080, inset 0 4px 6px rgba(255,255,255,.2);
-moz-box-shadow:0px 1px 1px #808080, inset 0 4px 6px rgba(255,255,255,.2);
-webkit-box-shadow:0px 1px 1px #808080, inset 0 4px 6px rgba(255,255,255,.2);
}
input#addMeInput {
padding: 0px 0px;
width: 24px;
text-align: center;
font-size: 20px;
line-height: 0px;
height: 24px;
}
input#addMeInput:hover {
text-decoration: none;
}
input::-moz-focus-inner /*Remove button padding in FF*/
{
border: 0;
padding: 0;
}
/* = = = = = = = = = = = = = = = = = = = = = =
Directory List
= = = = = = = = = = = = = = = = = = = = = = = */
#directoryList_menu{
font-family: ‘Arial’, Arial, Gadget, sans-serif; /* Font for main menu items */
font-weight: bold;
width: 200px;/* Width of main menu */
margin-top: 0px;
z-index: -1;
}
#directoryList_menu li{ /* Main menu
*/
list-style-type: none;
margin: 0px; /* No margin - needed for Opera */
color: #000;
border-bottom: 1px solid #e5e5e5; /* lt grey */
line-height: 20px;
vertical-align: middle;
margin: 0px;
padding: 0px;
z-index: -1;
}
#directoryList_menu ul{
margin: 0px; /* No air */
padding: 0px; /* No air */
}
#directoryList_menu ul li ul{ /* Styling for those who don't have javascript enabled */
padding-left: 10px;
}
#directoryList_menu li a { /* Main menu links */
text-decoration: none;
color: #000;
height: 20px;
line-height: 20px;
vertical-align: middle;
margin: 0px;
padding: 0px;
text-indent: 5px;
text-align: left;
display: block;
z-index: 1;
}
#directoryList_menu li a:hover, #directoryList_menu li a.activeMainMenuItem { /* This is the problem! had:, #directoryList_menu.activeMainMenuItem */
color: #FFF;
background-color: #df191b; /*Red */
}
/****************************dmGoodies for ajax***************************/
body.news li#news{color:#FFF; background-color:#df191b;text-align:left;}
body.events li#events{color:#FFF; background-color:#df191b;text-align:left;}
body.movies li#movies{color:#FFF; background-color:#df191b;text-align:left;}
body.weather li#weather{color:#FFF; background-color:#df191b;text-align:left;}
body.obituaries li#obituaries{color:#FFF; background-color:#df191b;text-align:left;}
body.crimminals li#crimminals{color:#FFF; background-color:#df191b;text-align:left;}
/* END DEMO CSS */
/* = = = = = = = = = = = = = = = = = = = = = =
Menu in Main Box
= = = = = = = = = = = = = = = = = = = = = = = */
#dhtmlgoodies_menu{
font-family: ‘Arial’, Arial, Gadget, sans-serif; /* Font for main menu items */
font-weight: bold;
font-variant: small-caps;
width: 100px; /* Width of main menu */
margin-top: 0px;
z-index: -1;
}
#dhtmlgoodies_menu li{ /* Main menu - */
list-style-type: none;
margin: 0px; /* No margin - needed for Opera */
border-bottom: 1px solid #c6c6c6;
line-height: 30px;
vertical-align: middle;
margin: 0px;
padding: 0px;
z-index: -1;
}
#dhtmlgoodies_menu ul{
margin: 0px;
padding: 0px;
}
#dhtmlgoodies_menu ul li ul{ /* Styling for those who doesn't have javascript enabled */
padding-left: 10px;
}
#dhtmlgoodies_menu li a{ /* Main menu links */
text-decoration: none;
color: #FFF;
height: 25px;
line-height: 25px;
vertical-align: middle;
margin: 0px;
padding: 0px;
text-indent: 5px;
display: block;
z-index: 1;
}
#dhtmlgoodies_menu li a:hover,#dhtmlgoodies_menu li a.activeMainMenuItem{
color: #FFF;
background-color: #df191b; /*Red */
text-align: left;
}
/******************************* SELECTED ITEM IN AJAX********************/
#dhtmlgoodies_menu ul li a.selected, #dhtmlgoodies_menu li a.activeMainMenuItem{
color: #FFF;
background-color: #df191b;
text-align: left;
}
/* = = = = = = = = = = = = = = = = = = = = = =
Drop Down Menu
= = = = = = = = = = = = = = = = = = = = = = = */
/*
------------------------------------
PVII Menu CSS Express Drop-Down Menu
by Project Seven Development
www.projectseven.com
------------------------------------
*/
.clearit {
clear: both;
height: 0;
line-height: 0.0;
font-size: 0;
}
/********************** P7 MENUBAR **********************************/
#p7menubar, #p7menubar ul {
padding: 0;
margin: 0;
list-style: none;
font-family: Arial, Helvetica, sans-serif;
}
#p7menubar a {
display: block;
text-decoration: none;
padding: 4px 9px 3px 9px;
border-right: 1px solid #c6c6c6;
font-size: 1em;
font-weight: bold;
color: #333;
}
#p7menubar a.trigger {
padding: 4px 16px 3px 9px;
background-image: url(images/p7PM_dark_south.gif);
background-repeat: no-repeat;
background-position: right center;
font-weight: bold;
}
#p7menubar li {
float: left;
width: 12em; /* was 9em */
}
#p7menubar li ul, #p7menubar ul li {
width: 15em;
border-bottom: 1px solid #c6c6c6;
}
#p7menubar ul li a {
color: #565656;
padding: 2px 9px 2px 9px;
}
#p7menubar li ul {
position: absolute;
display: none;
background-color: #FFF;
border-right: 1px solid #c6c6c6;
border-left: 1px solid #c6c6c6;
border-bottom: 1px solid #c6c6c6;
background-image: url(images/p7exp_mgrad.jpg);
background-repeat: repeat-x;
z-index: 10;
/* for IE */
/* filter:alpha(opacity=90); */
/* CSS3 standard */
/* opacity:0.9; */
box-shadow:0px 10px 10px #808080;
-moz-box-shadow:0px 10px 10px #808080;
-webkit-box-shadow:0px 10px 10px #808080;
}
#p7menubar li:hover a, #p7menubar a:focus,
#p7menubar a:active, #p7menubar li.p7hvr a {
text-align: left;
color: #CCCCCC;
background-color: #333333;
border: 0px solid #6599cb;
border-right: 1px solid #333333;/* this stops the menu from shifting when moused over */
}
#p7menubar li:hover ul, #p7menubar li.p7hvr ul {
display: block;
}
#p7menubar li:hover ul a, #p7menubar li.p7hvr ul a {
color: #000; /* black */
background-color: transparent;
border-style: none; /* to fix blue border on dropdowns */
}
#p7menubar ul a:hover {
background-color: #606060!important;
color: #FFFFFF!important;
}
#p7menubar li {
width: auto;
}
/**********************calendar bar for restuaraunt specials*****************************/
#calbar, #calbar ul {
list-style: none;
font-family: ‘Arial’, Arial, Gadget, sans-serif;
font-weight: bold;
font-variant: small-caps;
color: ffffff;
height: 20px;
line-height: 20px;
vertical-align: middle;
margin: 0px;
padding: 0px;
/* min-width: 700px; */
min-width: 620px;
}
#calbar a {
display: block;
text-decoration: none;
padding: 4px 18px 3px 18px;
border-right: 1px solid #c6c6c6;/* dk grey */
font-size: 1em;
font-weight: bold;
color: #FFFFFF;
}
#calbar li {
float: left;
width: 12em; /* was 9em */
}
#calbar li ul {
position: absolute;
display: none;
background-color: #FFF;
border-right: 1px solid #c6c6c6;
border-left: 1px solid #c6c6c6;
border-bottom: 1px solid #c6c6c6;
background-image: url(images/p7exp_mgrad.jpg);
background-repeat: repeat-x;
z-index: 10;
}
#calbar li:hover a, #calbar a:focus,
#calbar a:active, #calbar li.p7hvr a {
text-align: left; /* TESTING THIS */
color: #ffffff; /* med grey */
background-color: #df191b; /* info grey */
border: 0px solid #6599cb; /* info grey */
border-right: 1px solid #333333; /* this stops the menu from shifting when moused over */
}
#calbar ul a:hover {
background-color: #df191b!important;
color: #FFFFFF!important;
}
#calbar li {
width: auto;
}
/**********************end calendar bar for restuaraunt specials*****************************/
KatoInfo.com Horoscopes Page
Warning: include(topbanner.php) [function.include]: failed to open stream: No such file or directory in /home/katoinfo/public_html/horoscopes.php on line 28
Warning: include(topbanner.php) [function.include]: failed to open stream: No such file or directory in /home/katoinfo/public_html/horoscopes.php on line 28
Warning: include() [function.include]: Failed opening 'topbanner.php' for inclusion (include_path='.:/usr/lib/php:/usr/local/lib/php') in /home/katoinfo/public_html/horoscopes.php on line 28
|
|
|
|
Horoscopes
Looking for love, money, fame? Check your daily horoscope, today might be the day!
|
|
|
|
|