/* astroanna.com stylesheet */
@import url("base.css");

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

body {
	background:url(../images/body_bg.gif) #e17700 top left;
	text-align:center;
	margin:10px;
}

#wrapper {
	position:relative;
	width:914px;
	margin:0px auto;
}

#container-01 {
	width:914px;
	height:118px;
}

#tbar {
float:left;
width:860px;
height:118px;
background:url(../images/top-bar-bg.png) transparent repeat-x top left;
}

#lc {
float:left;
width:26px;
height:118px;
background:url(../images/top-bar-lc.png) transparent no-repeat top left;
}

#rc {
float:left;
width:28px;
height:118px;
background:url(../images/top-bar-rc.png) transparent no-repeat top left;
}

#container-02 {
	width:914px;
	height:39px;
	/*margin:0 8px 0 6px;*/
	text-align:center;
}

#nav {
width:860px;
height:39px;
padding:0 22px 0 18px;
margin:0px auto;
background:url(../images/nav-bg.png) #1b1915 repeat-y top left;
}

#nav ul {
list-style-type:none;
width:720px;
margin:0px auto;
}

#nav ul li {
float:left;
width:120px;
font-size:18px;
font-weight:400;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
line-height:36px;
z-index:100;
height:39px;
}

/*#nav ul li table{
position:absolute;
border-collapse:collapse;
z-index:80;
left:-1px;
top:25px;
}*/

#nav ul li a {
text-decoration:none;
color:#fff;
display:block;
width:120px;
}

#nav ul li a:hover, #nav ul li a.active {
color:#ea6300;
}

/* hide the sub level links */
#nav ul ul {
visibility:hidden;
position:absolute;
width:120px;
height:0;
}

/* make the sub level visible on hover list or link */
#nav ul li:hover ul,
#nav ul a:hover ul{
visibility:visible;
}

#nav ul ul {

}

#nav ul ul li {
background-color:#2e2e2e;
font-size:14px;
font-weight:600;
width:120px;

}

#nav ul ul li:hover, #nav ul ul li a:hover  {
background-color:#4e4e4e;
}

#container-03 {
	width:914px;
	min-height:300px;
	background:url(../images/main-bg.png) transparent repeat-y top left;
}

#contain03-PAD {
padding:20px 30px 10px 30px;
}

#col-1 {
float:left;
width:510px;
padding-right:20px;
text-align:left;
}

#col-2 {
float:left;
width:324px;
text-align:left;
}

#col-3 {
float:left;
width:430px;
padding-right:100px;
text-align:left;
}

#container-04 {
	width:914px;
	height:38px;
}

#bbar {
float:left;
width:860px;
height:38px;
background:url(../images/bot-bar-bg.png) transparent repeat-x top left;
}

#blc {
float:left;
width:26px;
height:38px;
background:url(../images/bot-bar-lc.png) transparent no-repeat top left;
}

#brc {
float:left;
width:28px;
height:38px;
background:url(../images/bot-bar-rc.png) transparent no-repeat top left;
}

/* Tiles Sprites */
#tile-pices, #tile-sagi, #tile-libra, #tile-leo, #tile-capri, #tile-cancer, 
#tile-gemini, #tile-aries, #tile-aqua, #tile-virgo, #tile-taur, #tile-scorp {
width:300px;
height:230px;
background:url(../images/astro-tiles.png) transparent no-repeat top left;
}

#tile-sagi {
background-position: 0px -230px;
}

#tile-libra {
background-position: 0px -460px;
}

#tile-leo {
background-position: 0px -690px;
}

#tile-capri {
background-position: 0px -920px;
}

#tile-cancer {
background-position: 0px -1150px;
}

#tile-gemini {
background-position: -301px 0px;
}

#tile-aries {
background-position: -301px -230px;
}

#tile-aqua {
background-position: -301px -460px;
}

#tile-virgo {
background-position: -301px -690px;
}

#tile-taur {
background-position: -301px -920px;
}

#tile-scorp {
background-position: -301px -1150px;
}

/* Module Boxes */
div.tbox {
padding:5px 10px 5px 10px;
background-color:#f8f4ed;
border:3px solid #ea6300;
-webkit-border-radius:10px;
-moz-border-radius:10px;

}

div.tbox ul {
list-style-type:disc;
margin:0 0 0 30px;
}

div.tbox li {
font-size:12px;
font-weight:600;
padding:0 0 3px 5px;
color:#4d4d4d;
}

/* Books & video list */
ul#books, ul#videos {
list-style-type:none;
margin:0;
}

ul#books li {
float:left;
width:120px;
padding-bottom:4px;
}

ul#videos li {
float:left;
width:240px;
padding-bottom:10px;
font-weight:600;
font-size:12px;
text-align:center;
}

/* General Styles */
h1, h2 {
font-size:20px;
font-weight:600;
line-height:24px;
padding-bottom:15px;
color:#ea6300;
}

h2 {
padding-bottom:4px;
}

h1 a, h2 a {
color:#ea6300;
text-decoration:none;
}
h1 a:hover, h2 a:hover {
color:#ea6300;
text-decoration:underline;
}

h3 {
font-size:16px;
font-weight:600;
line-height:20px;
padding-bottom:8px;
color:#333;
}

h3 a {
color:#336699;
text-decoration:none;
}

h3 a:hover {
color:#003366;
text-decoration:underline;
}

p {
padding:0 0 10px 0;
font-size:12px;
line-height:16px;
color:#333;
}

a {
color:#336699;
text-decoration:none;
}

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


.quote {
padding-left:4px;
}

.signature { font-size:12px; font-style:italic; font-weight:bold}

.quotesignature { font-size:10px; font-style:italic; font-weight:bold; padding-left:8px;}

.rowBx1, .rowBx2 {
padding:10px;
}

.rowBx1 {
background-color:#fffdf9;
border:2px solid #e7dfd0;
-webkit-border-radius:10px;
-moz-border-radius:10px;
}

.rowBx2 {
background-color:#fff;
border:2px solid #f4eee4;
-webkit-border-radius:10px;
-moz-border-radius:10px;
margin:8px 0 8px 0;
}

.floatR {
float:right;
}

.floatL {
float:left;
}

img {
border:none;
}

.clear {
clear:left;
}

.clearboth {
clear:both;
}

img, div { behavior: url(../images/iepngfix.htc) }