/* Main Screen CSS Document */

/* ----------------- COLOURS -----------------
 Gold: #d0ad67
*/

/* ---- DEFAULT TEXT STYLES ---- */
body, td, div, h1, h2, h3, h4, h5, p, li, label { font-family: Verdana, Arial, Helvetica, sans-serif; }

h1 {}
h2 { font-size: 100%; margin: .8em 0 .8em 0; color: #fff; font-weight: bold; }
h3 { font-size: 80%; margin: .5em 0 .5em 0; color: #fff; font-weight: bold; }
h3 {}
h5 {}
p { font-size: 80%; margin: .5em 0 .8em 0; line-height: 1.3em; color: #fff; }

/* -- Lists -- */
ul, ol { margin-top: 0; margin-bottom: 0; }
li { font-size: 80%; margin: .5em 0 .8em 0; line-height: 1.3em; color: #fff; }

/* -- Links -- */
a:link { color: #d0ad67; }
a:visited { color: #d0ad67; }
a:active, a:hover { color: #fff; }
a { outline: none; }

/* -- Other text sizes -- */
.tiny { font-size: 70%; }

/* ---- MOUSE POINTER STYLES ---- */
.wait-pointer { cursor: wait; }
.default-pointer { cursor: default; }
.help-pointer { cursor: help; }
.pointy-pointer { cursor: pointer; }

/* ---- DEFAULT FORM STYLES ---- */
form { display: inline; }
input, textarea, select { font-family: Verdana, Arial, Helvetica, sans-serif; }
textarea { resize: none; }

/* ---- DEFAULT RULE STYLE ---- */
hr { border: 0; border-top: 1px solid #e9e9e9; height: 1px; }

/* ---- CLEAR STYLES ---- */
.clear { clear: both; }

/* ---- ERROR STYLES ---- */

/* ---- Error Text ---- */
.error { color: #c00 !important; }

/* -- Error Box -- */
.error-box { border: 1px solid #c00; padding: 1px; }
.error-box .error-title { padding: 3px 5px; background-color: #c00; color: #fff; font-size: 80%; font-weight: bold; }
.error-box .error-text { padding: 3px 5px; }
.error-box .error-text p { color: #c00; margin: 0; }

/* ---- MARGIN STYLES ---- */

.margin-center { margin-left: auto; margin: auto; }

/* -- 1 side -- */
.margin10-t { margin-top: 10px; }
.margin10-r { margin-right: 10px; }
.margin10-b { margin-bottom: 10px; }
.margin10-l { margin-left: 10px; }
.margin20-t { margin-top: 20px; }
.margin20-r { margin-right: 20px; }
.margin20-b { margin-bottom: 20px; }
.margin20-l { margin-left: 20px; }
.margin30-t { margin-top: 30px; }
.margin30-r { margin-right: 30px; }

/* -- 2 sides -- */
.margin10-t-r { margin-top: 10px; margin-right: 10px; }
.margin10-t-b { margin-top: 10px; margin-bottom: 10px; }
.margin10-t-l { margin-top: 10px; margin-left: 10px; }
.margin10-r-l { margin-right: 10px; margin-left: 10px }
.margin10-r-b { margin-right: 10px; margin-bottom: 10px; }
.margin10-b-l { margin-bottom: 10px; margin-left: 10px; }
.margin20-r-b { margin-right: 20px; margin-bottom: 20px; }

/* -- 3 sides -- */
.margin10-t-r-b { margin-top: 10px; margin-right: 10px; margin-bottom: 10px; }
.margin10-t-r-l { margin-top: 10px; margin-right: 10px; margin-left: 10px; }
.margin10-t-b-l { margin-top: 10px; margin-bottom: 10px; margin-left: 10px; }
.margin10-r-b-l { margin-right: 10px;  margin-bottom: 10px; margin-left: 10px; }

/* -- 4 sides -- */
.margin10 { margin: 10px; }

/* ---- TEXT ALIGNMENT STYLES ---- */
.text-align-left { text-align: left !important; }
.text-align-center { text-align: center !important; }
.text-align-right { text-align: right !important; }

/* ---- DIVIDERS ---- */
.hr-divider { border-top: 1px solid #e9e9e9; height: 0; margin:10px 0; padding:0; overflow: hidden; }
.hr-divider hr { display: none; visibility: hidden; }

.hr-divider-dotted { background: url(../../images/divider_dotted.gif) top left repeat-x; height: 1px; margin:10px 0; padding:0; overflow: hidden; }
.hr-divider-dotted hr { display: none; visibility: hidden; }

/* ---- PAGE STYLES ---- */
body { margin: 0 10px 10px 10px; }

/* ---- COLUMNS ---- */

.column-200 { width: 200px; float: left; }
.column-470 { width: 470px; float: left; }

.column-240 { width: 240px; float: left; }
.column-420 { width: 420px; float: left; }

/* ---- BODY ---- */
#home { background: url(../../images/body_home_background.gif) #000 top center no-repeat; }
#content { background: url(../../images/body_content_background.gif) #000 top center no-repeat; }

/* ---- CONTAINER ---- */
#frame { width: 960px; height: auto !important; height: 725px; min-height: 725px; margin: 0 auto 0 auto; background: url(../../images/rhod_on_stage.gif) 600px 18px no-repeat; }

/* ---- HEADER ---- */
/* -- Home -- */
#home #header { width: 960px; height: 285px; padding: 25px 0 0 0; }
#home #header h1 { display: none; visibility: hidden; }
#home #header-logo { width: 710px; height: 240px; margin-bottom: 14px; background: url(../../images/logo_home.gif) center center no-repeat; }
#home #header-logo img { display: none; visibility: hidden; }
/* -- Content -- */
#content #header { width: 960px; height: 145px; padding: 25px 0 0 0; }
#content #header h1 { display: none; visibility: hidden; }
#content #header-logo { width: 710px; height: 100px; margin-bottom: 14px; background: url(../../images/logo_content.gif) center center no-repeat; }
#content #header-logo img { display: none; visibility: hidden; }

/* ---- NAVIGATION ---- */
#header-navigation { width: 704px; height: 21px; padding-left: 6px; }
#header-navigation div { height: 21px; float: left; display: inline; margin-right: 2px; background-position: 0 0; background-repeat: no-repeat; }
#header-navigation a { height: 21px; display: block; outline: none; }
#header-navigation a:hover { background-position: 0 -21px; background-repeat: no-repeat; }
#header-navigation span { display: none; visibility: hidden; }
#header-navigation .selected, #header-navigation .selected a:hover { background-position: 0 -42px; }

/* -- Buttons --*/
#header-navigation .home, #header-navigation .home a:hover { width: 62px; background-image: url(../../images/nav_main_home.gif); }
#header-navigation .news, #header-navigation .news a:hover { width: 63px; background-image: url(../../images/nav_main_news.gif); }
#header-navigation .live, #header-navigation .live a:hover { width: 46px; background-image: url(../../images/nav_main_live.gif); }
#header-navigation .biography, #header-navigation .biography a:hover { width: 103px; background-image: url(../../images/nav_main_biography.gif); }
#header-navigation .contact, #header-navigation .contact a:hover { width: 90px; background-image: url(../../images/nav_main_contact.gif); }
#header-navigation .clips, #header-navigation .clips a:hover { width: 56px; background-image: url(../../images/nav_main_clips.gif); }
#header-navigation .press, #header-navigation .press a:hover { width: 58px; background-image: url(../../images/nav_main_press.gif); }
#header-navigation .gallery, #header-navigation .gallery a:hover { width: 78px; background-image: url(../../images/nav_main_gallery.gif); }
#header-navigation .mailinglist, #header-navigation .mailinglist a:hover { width: 113px; background-image: url(../../images/nav_main_mailinglist.gif); }

/* ---- SUB NAVIGATION ---- */
#sub-menu { width: 680px; height: 21px; background: url(../../images/nav_sub_background.gif) top left no-repeat; }
#sub-navigation { width: 416px; height: 21px;  }
#sub-navigation div { height: 21px; float: left; display: inline; background-position: 0 0; background-repeat: no-repeat; }
#sub-navigation a { height: 21px; display: block; outline: none; }
#sub-navigation a:hover { background-position: 0 -21px; background-repeat: no-repeat; }
#sub-navigation span { display: none; visibility: hidden; }
#sub-navigation .selected, #sub-navigation .selected a:hover { background-position: 0 -42px; }

/* -- Buttons --*/
#sub-navigation .divider { width: 1px; background-image: url(../../images/nav_sub_divider.gif); overflow: hidden; }
#sub-navigation .rhodgilbert, #sub-navigation .rhodgilbert a:hover { width: 109px; background-image: url(../../images/nav_sub_rhodgilbert.gif); }
#sub-navigation .awards, #sub-navigation .awards a:hover { width: 75px; background-image: url(../../images/nav_sub_awards.gif); }
#sub-navigation .festivals, #sub-navigation .festivals a:hover { width: 78px; background-image: url(../../images/nav_sub_festivals.gif); }
#sub-navigation .television, #sub-navigation .television a:hover { width: 90px; background-image: url(../../images/nav_sub_television.gif); }
#sub-navigation .radio, #sub-navigation .radio a:hover { width: 60px; background-image: url(../../images/nav_sub_radio.gif); }

/* ---- BODY ---- */
#body { width: 680px; padding: 10px 15px; }

#home #body { height: auto !important; height: 395px; min-height: 395px; }
#content #body { height: auto !important; height: 535px; min-height: 535px; }

/* -- Titles -- */
#title { width: 680px; height: 36px; background: url(../../images/title_background.gif) bottom left repeat-x; }
#title div { width: auto; height: 28px; background-position: top left; background-repeat: no-repeat; }
#title h2 { display: none; visibility: hidden; }
#title .news { background-image: url(../../images/title_news.gif); }
#title .live { background-image: url(../../images/title_live.gif); }
#title .biography { background-image: url(../../images/title_biography.gif); }
#title .contact { background-image: url(../../images/title_contact.gif); }
#title .clips { background-image: url(../../images/title_clips.gif); }
#title .press { background-image: url(../../images/title_press.gif); }
#title .gallery { background-image: url(../../images/title_gallery.gif); }
#title .mailinglist { background-image: url(../../images/title_mailinglist.gif); }

/* ---- FOOTER ---- */
#footer { width: 940px; padding: 2px 10px; border-top: 1px solid #1a1a1a; }
#footer-copyright { width: 220px; float: left; }
#footer-copyright p { font-size: 70%; color: #666; }
#footer-contact { width: 720px; float: left; }
#footer-contact p { font-size: 70%; text-align: right; color: #666; }
#footer-contact a:link, #footer-contact a:visited { color: #666; text-decoration: none; } 
#footer-contact a:active, #footer-contact a:hover { color: #d0ad67; text-decoration: none; }