/*
Stylesheet for The Naked Emperor website
*/

body {margin: 0; padding: 0; font-family: Georgia, Times New Roman, Times, serif; text-align: center; color: #fff; background: #bbb; font-size: 13px; line-height: 22px;}

#frame {width: 800px; text-align: center; margin: auto; background: #000 url(images/background.jpg) no-repeat; position: relative; clear: both;}
#header {width: 530px; padding: 40px 0 40px 0; margin: auto;}
#date {position: absolute; top: 15px; right: 0px;}
#years {width: 800px; background: #000; border: solid 1px #fff;}
#years a, div.text {float: left; display: block; padding: 2px 10px 2px 10px; color: #C3A954;}

/* navigation */
#nav {background: url(images/box_nav.png) no-repeat; width: 160px; height: 215px; float: left; margin: 0 0 0 25px;}
#nav ul {margin: 10px 0 20px 0; padding: 0; list-style: none;}
#nav li {margin: 0; padding: 0; list-style: none;}
#nav a {text-indent: -9999px; position: relative; display: block; width: 160px; height: 24px; background: url(images/nav.png) no-repeat;}

a#nav_home {background-position: 0px 0px;}
a#nav_book {background-position: 0px -24px;}
a#nav_press {background-position: 0px -48px;}
a#nav_artists {background-position: 0px -72px;}
a#nav_production {background-position: 0px -96px;}
a#nav_partners {background-position: 0px -120px;}
a#nav_contact {background-position: 0px -144px;}
a#nav_advertise {background-position: 0px -168px;}

#nav_home:hover, #nav_home.selected {background-position: -160px 0px;}
#nav_book:hover, #nav_book.selected {background-position: -160px -24px;}
#nav_press:hover, #nav_press.selected {background-position: -160px -48px;}
#nav_artists:hover, #nav_artists.selected {background-position: -160px -72px;}
#nav_production:hover, #nav_production.selected {background-position: -160px -96px;}
#nav_partners:hover, #nav_partners.selected {background-position: -160px -120px;}
#nav_contact:hover, #nav_contact.selected {background-position: -160px -144px;}
#nav_advertise:hover, #nav_advertise.selected {background-position: -160px -168px;}

/* content */
#content {width: 563px; text-align: left; float: right; margin: 0 30px 0 0;}
#content_top {background: url(images/frame_top.png) no-repeat; width: 563px; height: 18px;}
#content_middle {background: url(images/frame_middle.png) repeat-y; width: 563px; position: relative;}
#content_bottom {background: url(images/frame_bottom.png) no-repeat; width: 563px; height: 18px;}
#content .padding {padding: 0 20px 0 20px;}

/* footer */
#logos {clear: both; padding: 10px 30px 0 0; text-align: right;}
#footer {clear: both; padding: 10px 30px 10px 0; text-align: right; font-size: 11px;}
#baby {position: absolute; left: 60px; bottom: 30px;}

/* general */
p {margin: 0 0 15px 0; padding: 0;}
ul {margin: 0; padding: 0; list-style: none;}
a {color: #C3A954;}
a:hover {color: #AE9464;}
hr {color: #666; background-color: #666; height: 1px;}
h2 {font-size: 1.2em; padding: 0; margin: 0 0 15px 0;}

/* misc */
.images img {float: left; margin: 0 12px 12px 0;}
#now_booking {position: absolute; left: 10px; top: 0px;}
div.artist {font-size: 0.9em; padding: 0 0 15px 0; border-top: solid 1px #777;}
div.artist img {clear: both; float: left; margin: 0 15px 15px 0;}
#logos {margin: 15px 0 0 0;}
#logos img {display: block; margin: 20px 0 0 0;}
#logos a {background: none; width: auto; height: auto;}
#trust {text-align: left;}
#trust img {float: left; margin: 0 10px 0 0;}
#trust p { text-align: left; width: 300px;}
#friend {position: absolute; left: 350px; top: 255px; text-align: left;}
.legend {font-size: 0.9em; color: #999; text-align: right; margin: 0 15px 15px 0;}