@import url(reset.css);

body {
background-image:url(images/bg.png);
background-color: #000;
color:#fff;
font-family:Verdana, Arial, sans-serif;
}

.wrapper {
background-image: url(images/sky-paper-bg.jpg);
background-repeat: repeat-y;
background-color: #051533;
margin: 0 auto 0 auto;
width: 980px;
}

.background-wrapper {
background-image: url(images/cityscape-bg.jpg);
background-position: bottom left;
background-repeat: no-repeat;
}

.heading {
background-image: url(images/heading.jpg);
background-repeat: no-repeat;
height: 370px;
}

.heading .menu {
background-color: #222f4c;
margin-left: 320px;
height: 40px;
width: 558px;
padding: 0px 1px 0px 0px;
overflow: hidden;
}

.heading .menu li {
float: left;
}

.heading .menu a {
color: #fff;
display: block;
margin-top: 10px;
height: 20px;
background-position: 0px -10px;
text-indent: -9999px;
background-repeat: no-repeat;
margin-left: 16px
}

.heading .menu a:hover {
background-position: 0px -49px;
}

.heading a.home-page {
width:98px;
background-image: url(images/home-page.png);
}

.heading a.inside-book {
width:146px;
background-image: url(images/inside-book.png);
}

.heading a.events-calendar {
width: 150px;
background-image: url(images/events-calendar.png);
}

.heading a.fan-club {
width:84px;
background-image: url(images/fan-club.png);
}

.heading .menu .skip-content {
height:1px;
text-indent:-9999px;
width:1px;
margin-left: 0px
}

.heading h1 {
height: 1px;
width: 1px;
text-indent:-9999px;
overflow: hidden;
}

.buy-now {
position: relative;
z-index: 9000
}

.buy-now a{
position: absolute;
top: 122px;
left: 844px;
color: #000;
width: 102px;
height: 55px;
text-indent:-9999px;
z-index: 9000
}

.header-objects {
position: relative;
z-index: 5000;
}

#angi {
position: absolute;
margin-left: 85px;
margin-top: -30px;
z-index: 8000;
width: 286px;
height: 277px
}

#black-swan {
position: absolute;
top: 150px;
}

#theatre-masks {
position: absolute;
left: 675px;
top: 145px;
}

.content-wrapper{
margin-left: 320px;
width: 358px;
}

.content {
width: 358px;
padding-left: 160px;
padding-right: 40px;
color: #9dc0ff;
font-size: 140%;
line-height: 140%;
min-height: 520px;
}

.content p{
margin-bottom: 1.4em;
}

.content p a, .content li a {
color: #f48cb3;
text-decoration: none;
border-bottom: 1px solid #f48cb3;
}

.content p a:hover, .content li a:hover {
border-bottom: 0 none;
}

.content .ornament {
height: 34px;
background-image: url(images/ornament.png);
background-position: center center;
background-repeat: no-repeat;
margin-bottom: 2em;
}

.content .ornament hr {
display: none;
}

.look-inside-book {
display: block;
background-image: url(images/book.png);
background-repeat: no-repeat;
background-position: center center;
width: 422px;
height: 556px;
position: absolute;
top: 325px;
left: 30px;
}

.look-inside-book a {
text-indent: -9999px;
position: absolute;
top: 475px;
left: 190px;
display: block;
width: 140px;
height: 60px;
/*border: 1px solid blue;*/
}

.cast-characters {
height: 374px;
width: 316px;
background-color: #fff;
color: #000;
position: absolute;
top: 380px;
left: 50px;
padding: 40px;
background-image: url(images/cast-character-bg.jpg);
background-repeat: no-repeat;
background-position: top left ;
}

.cast-characters ul {
margin-left: auto;
margin-right: auto;
margin-top: 15px;
margin-bottom: 10px;
width: 279px;
overflow: hidden;
}

.cast-characters-heading {
width: 268px;
height: 77px;
text-indent: -9999px;
margin-left: auto;
margin-right: auto;
background-image: url(images/cast-characters-heading.jpg);
}

.cast-characters li {
float: left;
margin:4px;
}


.tool-tip {
	border-bottom: 1px solid #ffe0b0;
	border-right: 1px solid #ffe0b0;
	background-color: #ffc772;
	width:225px;
	padding: 5px;
	z-index: 13000;
}
 
.tool-title {
	font-family: serif;
	font-variant:small-caps;
	font-size: 125%;
	font-weight: bold;
	margin: 0;
	padding: 8px 8px 4px;
	color: #000;
}
 
.tool-text {
	padding: 4px 8px 8px;
	color: #000;
	font-size: 110%;
	line-height: 140%;	
}
 
.custom-tip {
	color: #000;
	width: 130px;
	z-index: 13000;
}
 
.custom-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #3E4F14;
	padding: 8px 8px 4px;
	background: #C3DF7D;
	border-bottom: 1px solid #B5CF74;
}
 
.custom-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: #CFDFA7;
}

.view-upcoming-events-frame {
width: 209px;
height: 208px;
position: absolute;
top: 380px;
left: 240px;
background-image: url(images/view-upcoming-events-frame.jpg);
background-repeat: no-repeat;
background-position: top left
}

.view-upcoming-events-frame a{
text-indent: -9999px;
height: 208px;
width: 209px;
display: block;
}

.events-frame, .events-frame2 {
width: 209px;
height: 208px;
position: absolute;
background-repeat: no-repeat;
background-position: top left
}

.events-frame a, .events-frame2 a{
text-indent: -9999px;
height: 208px;
width: 209px;
display: block;
}

.events-frame {
top: 535px;
left: 240px;
background-image: url(images/events1.jpg);
}

.events-frame2 {
top: 920px;
left: 240px;
background-image: url(images/events2.jpg);
}


.content h2 {
background-repeat: no-repeat;
text-indent: -9999px;

}

.events-listing {
margin-top: 4em;
margin-bottom: 1em;
}

.events-listing h3 {
color: #f48cb3;
font-size: 105%;
}

.introducing-heading {
background-image: url(images/introducing-heading.png);
height: 42px;
width: 339px;
margin-bottom: .6em;
}

.fan-club-heading {
background-image: url(images/fan-club-heading.png);
height: 23px;
width: 311px;
margin-bottom: .6em;
}

.events-heading {
background-image: url(images/events-heading.png);
height: 18px;
width: 163px;
margin-bottom: .6em;
}


.inside-book-heading {
background-image: url(images/inside-book-heading.png);
height: 78px;
width: 328px;
margin-bottom: .6em;
}

.view-upcoming-events a {
background-image: url(images/view-upcoming-events-swan.png);
background-repeat: no-repeat;
background-position: center center;
display: block;
height: 225px;
width: 361px;
text-indent: -9999px;
}

form {
overflow: hidden;
clear: both;
margin-bottom: 1.4em;
}

form fieldset {
background-color: #1a263c;
border: 1px solid #000;
margin-bottom: 1.4em;
padding: 10px;
}

#subscription_form div {
margin-bottom: 1em;
overflow: hidden;
}

#subscription_form div:last-child {
margin-bottom: 0;
}

#subscription_form label {
float: left;
width: 115px;
text-align: right;
margin-right: 10px;
font-size: 95%;
clear: left;
}

#subscription_form input, #subscription_form textarea{
float: left;
width: 180px;
clear: right;
font-family: Verdana, Arial, sans-serif;
color: #2c4166;
border: 0 none;
font-size: 90%;
padding: 1px
}

#state {
float: left;
clear: right;
font-family: Verdana, Arial, sans-serif;
color: #2c4166;
font-size: 90%;
padding: 0 none;
}

#subscription_form select option {
border: 0 none;
padding: 0 none;
border: 1px solid orange
}

#submit {
width: 5em;
color: #fff;
padding: 2px;
border: 1px solid #000;
background-color: #2c4166;
float: right;
margin-right: 10px;

}

.footer {
width: 358px;
padding-left: 160px;
padding-right: 40px;
padding-bottom: 2em;
font-size: 110%;
line-height: 140%;
color: #9bb2da;
overflow: hidden;
}

.footer a {
color: #f48cb3;
text-decoration: none;
border-bottom: 1px solid #f48cb3;
}

.footer a:hover {
border-bottom: 0 none;
}

.angi-sig {
width: 148px;
height: 109px;
display: block;
margin-right: auto;
margin-left: auto;
margin-bottom: 2em;
margin-top: .25em;
}

.footer p {
overflow: hidden;
margin-bottom: 2em;
}

.copyright {
margin-top: 2em;
clear: both
}