/* CSS Document */

body{
margin: 0px;
background-image:URL('http://www.superhoroscopes.com/img/sh_bg_stars.gif');
background-position:top left;
background-repeat:repeat-x;
background-color:#87DAFF;

font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
}

/* layout formatting */
#wrBody{
width:100%;
}
#wrMainFrame{
width:780px;
}
#wrMain{
background-color:#fff;
width:780px;
float:left;
}
#wrHeader{
width:780px;
height:100px;
background-color:#fff;
float:left;
text-align:left;
}
#wrPage{
width:780px;
float:left;
}
#wrPageSideNav{
position:relative;
width:170px;
float:left;
z-index:10;
text-align:left;
background-color:#fff;
}
#wrPageContent{
position:relative;
width:580px;
float:right;
text-align:left;
z-index:20;
padding-right:0px;
padding-left:15px;
padding-top:15px;
}
#wrContentLeft{
position:relative;
width:380px;
float:left;
}
#wrContentRight{
position:relative;
width:180px;
height:700px;
float:right;
}
#wrRightColumnAd{
position:relative;
width:160px;
height:600px;
background-color:#eee;
float:right;
text-align:center;
padding-right:10px;
padding-left:10px;
padding-top:20px;
padding-bottom:20px;
}
#wrTopAd{
width:780px;
height:100px;
background-color:#eee;
float:right;
text-align:center;
padding-top:10px;
}
#wrBottomAd{
width:780px;
height:100px;
background-color:#eee;
float:right;
text-align:center;
padding-top:10px;
}
#wrFooter{
width:780px;
height:20px;
background-color:#36C;
float:right;
text-align:center;
}


/* header */

.headerLogo{
float:left;
width:173px;
}

#headerNav{
position:relative;
float:right;
top:40px;
height:60px;
padding-right:20px;
}

/* main content */

#wrPageContent h2{
position:relative;
width:300px;
float:left;
font-size:30px;
font-weight:normal;
text-transform:capitalize;
color:#FFC50D;
padding:0;
margin:0;
text-align:left;
}

#wrPageContent h3{
position:relative;
width:300px;
color: #3E6DCC;
float:left;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
font-weight: bold;
text-align:left;
text-transform:uppercase;
margin:25px 0 0 0;
}

#wrPageContent h4{
position:relative;
width:300px;
float:left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
text-align:left;
text-transform:capitalize;
color: #777;
padding:0px 0px 0px 2px;
margin:0;
}

#wrPageContent h5{
position:relative;
width:100%;
color: #3E6DCC;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 11px;
font-weight: bold;
text-align:left;
text-transform:uppercase;
margin:25px 0 0 0;
}

.content{
position:relative;
width:370px;
text-align:left;
float:left;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size: 15px;
line-height:140%;
color:#555;
margin-top:10px;
margin-bottom:10px;
}


.contentLegal{
position:relative;
width:430px;
text-align:left;
float:left;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height:130%;
color:#222;
margin-top:5px;
margin-bottom:5px;
}

.contentLegal a, .contentLegal a:visited{
color:#3E6DCC;
text-decoration:none;
}

.contentLegal a:hover{
color:#3E6DCC;
text-decoration:underline;
}

.horoscopeCopy{
position:relative;
float:left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #999;
margin:0px;
width:300px;
}

.rightColumnAd{
position:relative;
width:160px;
height:600px;
margin:0px;
background-color:#fff;
}

/* main content initial navigation */
#wrHoroscopeMenu{
position:relative;
float:left;
width:310px;
padding-bottom:20px;
}

#wrHoroscopeMenu ul{
position:relative;
float:left;
width:300px;
list-style:none;
padding:0px;
margin:0px;
}

#wrHoroscopeMenu li{
position:relative;
float:left;
width:300px;
border-bottom:1px solid #B3E6FF;
margin:2px;
padding:2px;
}

#wrHoroscopeMenu .menuImg{
position:relative;
float:left;
xborder:1px solid blue;
}

#wrHoroscopeMenu .zodiacname{
position:relative;
float:right;
width:240px;
font-size:30px;
font-weight:normal;
text-transform:capitalize;
color:#FFC50D;
text-align:left;
xborder:1px solid green;
}

#wrHoroscopeMenu .zodiacdates{
position:relative;
float:right;
width:240px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
text-align:left;
text-transform:capitalize;
color: #777;
}

#wrHoroscopeMenu a, #wrHoroscopeMenu a:visited{
text-decoration:none;
position:relative;
float:left;
display:block;
margin:0px;
padding:0px;
}
#wrHoroscopeMenu a:hover{
text-decoration:none;
position:relative;
float:left;
display:block;
margin:0px;
padding:0px;
}

/* left navigation */

#sideHeader{
top:0px;
padding-left:30px;
padding-top:30px;
}

#wrPageSideNav h4{
position:relative;
padding-left:30px;
padding-top:30px;
padding-bottom:10px;
color: #3E6DCC;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 11px;
font-weight: bold;
text-align:left;
text-transform:uppercase;
margin:0px;
}

#wrPageSideNav ul{
margin:0px;
width:140px;
list-style:none;
padding:0px 10px 0px 30px;
}

#wrPageSideNav ul li{
padding:0;
margin:0;
border-bottom:1px solid #B3E6FF;
font-size:11px;
color:#36C;

background-image:URL('img/sh_li_corner.gif');
background-position:right bottom;
background-repeat:no-repeat;
}

#wrPageSideNav ul li a, #wrPageSideNav ul li a:visited{
display:block;
width:140px;
height:16px;
padding:4px 0px 4px 0px;
margin:0px;
color:#36C;
text-decoration:none;
}

#wrPageSideNav ul li a:hover{
display:block;
width:140px;
height:16px;
padding:4px 0px 4px 0px;
margin:0px;

color:#09F;
text-decoration:none;
background-color:#D5E9FD;
background-image:URL('img/sh_li_corner.gif');
background-position:right bottom;
background-repeat:no-repeat;
}

#wrPageSideNav .navOn{
width:135px;
background-color:#E5F2FF;
background-image:none;
text-align:center;
}

/* footer */

.footer{
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #fff;
padding-top:3px;
margin:0px;
}

.footer a, .footer a:visited{
color:#fff;
text-decoration:none;
}

.footer a:hover{
color:#fff;
text-decoration:underline;
}

/* psychic source phone number */

#wrPSPhoneAd{
position:relative;
width:170px;
float:right;
margin:auto;
text-align:center;
padding:10px;
margin:0;
}

#psPhoneNumber{
position:relative;
float:right;
width:160px;
height:100px;
border-top:1px solid #3366CC;
border-bottom:1px solid #3366CC;
text-align:center;
}

#psPhoneNumber p{
margin:auto;
margin-top:10px;
position:relative;
float:right;
text-align:center;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
width:155px;;
color:#555;
display:block;
cursor: pointer;
}

#psPhoneNumber p strong{
font-size:16px;
color:#3366CC;
}

#psPhoneNumber p em{
font-size:10px;
color:#777;
font-style:normal;
}

#psPhoneNumber a, #psPhoneNumber a:visited{
text-decoration:none;
display:block;
width:100%;
height:100px;
}

#psPhoneNumber a:hover, #psPhoneNumber a:hover p strong{
color:#fff;
background-color:#3366CC;
}

#psPhoneNumber a:hover p,  #psPhoneNumber a:hover p em{
color:#C2D1F0;
}

p.ra_gamescopy {
position:relative;
float:left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #3E6DCC;
margin:0px;
margin-top:20px;
width:300px;
}