/**
 * Bingo Horoscopes global style sheet
 *
 * @author Martin Bean <martin@digitalpop.co.uk>
 * @copyright http://www.bingo-horoscopes.com/
 */

@import url('reset.css');

html, body, #container {
	height: 100%;
}
body > #container {height: auto; min-height: 100%;}
body {
	color: #40003f;
	font: normal 10px/1.4 'Trebuchet MS', Tahoma, sans-serif;
	text-align: center;
	background: #653366 url('../images/background.gif') repeat-y 50% 0%;
}

a img {
	border: none;
}
a:link, a:visited {
	color: #936;
	text-decoration: underline;
}
a:hover, a:active {
	color: #40003f;
}

h1 {
	color: #936;
	font-size: 20px;
	font-weight: normal;
	margin-bottom: 0.75em;
	border-bottom: 1px solid #e5a6b2;
}
h2,h3 {
	font-size: 14px;
	font-weight: bold;
	margin: 1em 0em 0.25em 0em;
}
p {
	margin-bottom: 1em;
}
ol,ul {
	margin: 0 0 1em 2em;
}
ol li {
	list-style: decimal;
}
ul li {
	list-style: circle;
}

input, select, textarea {
	color: #000;
	font-family: Helvetica, Arial, sans-serif;
	font-size: inherit;
	margin: 0;
	padding: 3px;
}
input[type=text], input[type=password], select, textarea {
	background-color: #fff;
	border: 1px solid #000;
}
input.button, label, select {
	cursor: pointer;
}
input.button {
	padding: 2px 4px;
	overflow: visible;
}

#container {
	text-align: left;
	background-color: #fecccb;
	width: 786px;
	margin: 0 auto;
}
#logo {
	text-indent: -9999px;
	position: absolute;
	display: block;
	width: 165px;
	height: 139px;
	margin: 0;
	top: 37px;
	left: 14px;
	border: none;
}
#logo a {
	display: block;
	width: 100%;
	height: 100%;
}
#header {
	position: relative;
	background: url('../images/header.gif') no-repeat 0 0;
	height: 233px;
}
#header p {
	font-size: 12px;
	position: absolute;
	left: 320px;
	bottom: 0;
}
#header ul li a {
	text-indent: -9999px;
	position: absolute;
	display: block;
	width: 42px;
	height: 45px;
	overflow: hidden;
	border: none;
}
#header ul li#aries a       { bottom: 68px; right: 530px; }
#header ul li#taurus a      { bottom: 79px; right: 481px; }
#header ul li#gemini a      { bottom: 86px; right: 433px; }
#header ul li#cancer a      { bottom: 89px; right: 386px; }
#header ul li#leo a         { bottom: 89px; right: 339px; }
#header ul li#virgo a       { bottom: 86px; right: 292px; }
#header ul li#libra a       { bottom: 82px; right: 245px; }
#header ul li#scorpio a     { bottom: 73px; right: 200px; }
#header ul li#sagittarius a { bottom: 61px; right: 153px; }
#header ul li#capricorn a   { bottom: 46px; right: 108px; }
#header ul li#aquarius a    { bottom: 38px; right: 59px; }
#header ul li#pisces a      { bottom: 38px; right: 12px; }
#content {
	font-size: 12px;
	width: 486px;
	float: right;
	margin-right: 10px;
}
#navigation {
	background-color: #936;
	border: 5px solid #936;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
#navigation ul {
	margin: 0;
}
#navigation ul li {
	list-style: none;
}
#navigation li a {
	color: #fcc;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	text-decoration: none;
	display: block;
	width: 128px;
	float: left;
	padding: 5px 15px;
}
#navigation li a:hover {
	color: #fff;
}
#main_content {
	padding: 15px;
	padding-right: 0;
}
#sidebar {
	font-size: 11px;
	background: url('../images/sidebar-top.gif') no-repeat 0 0;
	width: 280px;
	float: left;
	padding-top: 89px;
}
#sidebar form {
	background: url('../images/sidebar-bottom.gif') no-repeat 0 100%;
	padding-bottom: 10px;
}
#sidebar form fieldset {
	background: url('../images/sidebar-middle.gif') repeat-y 0 0;
	display: block;
	padding: 0 10px 0 20px;
}
#sidebar form p {
	clear: both;
	margin-bottom: 0;
}
#sidebar form label {
	clear: both;
	color: #000;
	float: left;
	width: 80px;
	padding-top: 4px;
}
#sidebar form input, #sidebar form select {
	float: left;
	margin-bottom: 0.75em;
}
#sidebar form select {
	margin-top: 2px;
}
#sidebar form input.button {
	clear: both;
	margin-left: 80px;
}
#footer {
	font-size: 12px;
	text-align: left;
	background: #fecc65 url('../images/footer.gif') no-repeat 50% 0%;
	width: 786px;
	margin: 0 auto;
	padding: 15px 0;
}
#footer ul {
	clear: both;
	margin: 0;
	padding: 0 0 5px 20px;
	overflow: auto;
}
#footer ul li {
	display: inline;
}
#footer ul li a {
	text-decoration: none;
	display: block;
	float: left;
	margin-right: 10px;
}
#footer ul li a:hover {
	text-decoration: underline;
}
#footer p {
	margin-bottom: 0;
	padding-left: 20px;
}

#birth_chart {
	background: #c99 url('../images/birth-chart-bg.gif') no-repeat 100% 50%;
	margin-top: 2em;
	padding: 0 15px;
	clear: both;
}
#birth_chart .top {
	background: url('../images/birth-chart-top.gif') no-repeat 50% 0%;
	height: 10px;
	margin: 0 -15px;
}
#birth_chart .bottom {
	background: url('../images/birth-chart-bottom.gif') no-repeat 50% 0%;
	height: 10px;
	margin: 0 -15px;
}
#birth_chart h2 {
	text-indent: -9999px;
	background: url('../images/birth-chart-heading.gif') no-repeat 0 0;
	height: 37px;
	margin: 0 0 0.75em -3px;
}
#birth_chart p {
	margin-bottom: 0.5em;
	padding-right: 140px;
}
#birth_chart p.link {
	font-size: 14px;
	font-weight: bold;
	margin-top: 0.75em;
}
#birth_chart p.link a {
	color: #40003f;
	text-decoration: none;
}
#birth_chart p.link a:hover {
	color: #936;
	text-decoration: none;
}

.clear {
	clear: both;
	height: 0;
}
.page_image {
	float: right;
	margin: 0 0 10px 5px;
}