/* Dave Spikey CSS Document */

/* ----------------- COLOURS ----------------- 
  Dark Blue             : #012d84
  Bright Blue           : #4098fe
  Cream                 : #fbf8cd
  Grey                   : #aeaeae
*/

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


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

h1 { font-size: 100%; margin: 0; color: #000; font-weight: bold; }
h2 { font-size: 90%; margin: .5em 0 .5em 0; color: #67a840; font-weight: bold; }
h3 { font-size: 80%; margin: .5em 0 .5em 0; color: #000; font-weight: bold; }
p { font-size: 76%; margin: .5em 0 .8em 0; line-height: 1.5em; color: #012d84; }
li { font-size: 80%; margin: .5em 0 1em 0; line-height: 1.3em; color: #000; }
a:link { color: #67a840; }
a:visited { color: #67a840;}
a:active, a:hover { color: #999; }
a { outline: none; }
.tiny { font-size: 70%; }
.darkblue { color: #012d84; }
.lightblue { color: #3F99FF; }
hr { border:0; border-top: 1px solid #ccc; height: 1px; overflow: hidden; }

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

/* INFORMATION STYLES */
.information-box { border: 1px solid #67a840; padding: 1px; }
.information-box .information-title { padding: 3px 5px; background-color: #67a840; color: #fff; font-size: 76%; font-weight: bold; }
.information-box .information-text { padding: 3px 5px; }
.information-box .information-text p { color: #67a840; margin: 0; }

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

.margin10-r-b { margin: 0 10px 10px 0; }

.margin20-t { margin-top: 20px; }
.margin20-b { margin-bottom: 20px; }

.margin15-r { margin-right: 15px; }
.margin15-b { margin-bottom: 15px; }
.margin15-r-b { margin-right: 15px; margin-bottom: 15px; }

/* alignment */
.align-left { text-align: left; }
.align-center { text-align: center; }
.align-right { text-align: right; }
.align-center-margin { margin: 0 auto; }

/* floats */
.float-left { float: left; }
.float-right { float: right; }

/* image borders */
.brown-border { border: 1px solid #727158; }


/* ----------------- PAGE STYLES ----------------- */
body { background-color: #fff; margin: 0 0 10px 0; }

#container { width: 960px; margin: 0 auto; background-color: #fbf8cd; }


/* ----------------- NAVIGATION ----------------- */
#navigation-container-home { width: 940px; padding: 10px 0 16px 20px; background: url(../../images/home_nav_background.gif) top left repeat-x #fff; }
#navigation-container { width: 725px; padding: 16px 0 16px 20px; background: url(../../images/nav_background.gif) top left repeat-x #fff; }
.navigation { }
.navigation div { height: 23px; float: left; background-position: top left; background-repeat: no-repeat; margin-right: 30px;  }
.navigation a { height: 23px; display: block; outline: none; } 
.navigation a:hover { background-position: bottom left; background-repeat: no-repeat; }
.navigation span { display: none; visibility: hidden; }
.navigation .selected { background-position: bottom left; }

/* buttons */
.navigation .home, .navigation .home a:hover { width: 53px; background-image: url(../../images/nav_home.gif); }
.navigation .news, .navigation .news a:hover { width: 53px; background-image: url(../../images/nav_news.gif); }
.navigation .biography, .navigation .biography a:hover { width: 104px; background-image: url(../../images/nav_biography.gif); }
.navigation .live, .navigation .live a:hover { width: 36px; background-image: url(../../images/nav_live.gif); }
.navigation .tv, .navigation .tv a:hover { width: 21px; background-image: url(../../images/nav_tv.gif); }
.navigation .media, .navigation .media a:hover { width: 58px; background-image: url(../../images/nav_media.gif); }
.navigation .blog, .navigation .blog a:hover { width: 46px; background-image: url(../../images/nav_blog.gif); }
.navigation .contact, .navigation .contact a:hover { width: 80px; background-image: url(../../images/nav_contact.gif); }

/* sub navigation */
.sub-navigation-container { margin: 0 auto; }
.sub-navigation-container-media { width: 247px; }
.sub-navigation-container-live { width: 329px; }
.sub-navigation-curve-left { float: left; width: 19px; height: 42px; background: url(../../images/sub_navigation_curve_left.gif) top left no-repeat; }
.sub-navigation-curve-right { float: left; width: 19px; height: 42px; background: url(../../images/sub_navigation_curve_right.gif) top left no-repeat; }
.sub-navigation { float: left;height: 33px; background-color: #012d84; padding-top: 9px; }
.sub-navigation-media { width: 209px; }
.sub-navigation-live { width: 291px; }
.sub-navigation div { height: 24px; float: left; background-position: top left; background-repeat: no-repeat; }
.sub-navigation a { height: 24px; display: block; outline: none; } 
.sub-navigation a:hover { background-position: bottom left; background-repeat: no-repeat; }
.sub-navigation span { display: none; visibility: hidden; }
.sub-navigation .selected { background-position: bottom left; }

/* sub navigation buttons */
.sub-navigation .sub-press, .sub-navigation .sub-press a:hover { width: 67px; background-image: url(../../images/subnav_press.gif); }
.sub-navigation .sub-gallery, .sub-navigation .sub-gallery a:hover { width: 96px; background-image: url(../../images/subnav_gallery.gif); }
.sub-navigation .sub-dvd, .sub-navigation .sub-dvd a:hover { width: 46px; background-image: url(../../images/subnav_dvd.gif); }

.sub-navigation .sub-tourdates, .sub-navigation .sub-tourdates a:hover { width: 122px; background-image: url(../../images/subnav_tourdates.gif); }
.sub-navigation .sub-previoustours, .sub-navigation .sub-previoustours a:hover { width: 169px; background-image: url(../../images/subnav_previoustours.gif); }

.sub-navigation.sub-media { width: 163px; }


/* ----------------- SITE PAGES ----------------- */
#body { float: left; width: 745px; }
#main-image { float: left; width: 215px; }
#music-player { width: 215px; margin: 20px 0 10px 0; }
#music-player-home { width: 215px; margin: 20px auto 0 auto; }

/* header */
#header { width: 745px; height: 120px; background: url(../../images/header.jpg) top left no-repeat; }
.logo { float: left; width: 456px; padding: 14px 0 0 19px; }
.header-quotes { float: left; width: 270px; }
.header-quotes img { display: block; } /* prevents whitespace issue in IE */

/* content */
#content { width: 700px; margin: 20px 25px 20px 20px; }
.title-pageoptions { width: 700px; height: 36px; margin-bottom: 20px; }
.title { height: 36px; margin-bottom: 20px; }

/* page titles */
.page-title { float: left; width: 350px; height: 36px; background-repeat: no-repeat; }
.page-title h1 { display: none; visibility: hidden; }

/* level 1 titles */
.news { background-image: url(../../images/title_news.gif); }
.biography { background-image: url(../../images/title_biography.gif); }
.live { background-image: url(../../images/title_live.gif); }
.tv { background-image: url(../../images/title_tv.gif); }
.media { background-image: url(../../images/title_media.gif); }
.blog { background-image: url(../../images/title_blog.gif); }
.contact { background-image: url(../../images/title_contact.gif); }
.mailing-list { background: url(../../images/title_mailing_list.gif) top left no-repeat; }

/* level 2 titles */
.gallery { background-image: url(../../images/title_gallery.gif); }
.press { background-image: url(../../images/title_press.gif); }
.dvd { background-image: url(../../images/title_dvd.gif); }

.tourdates { background-image: url(../../images/title_tourdates.gif); }
.previoustours { background-image: url(../../images/title_previoustours.gif); }

/* page options */
.page-options { float: left; width: 350px; height: 36px; }

/* quotes */
.dark-blue-quote-small { font-size: 100%; color: #012d84; font-weight: bold; }
/*.light-blue-quote-small { font-size: 100%; color: #4098fe; font-weight: bold; }
.green-quote-small { font-size: 100%; color: #67a840; font-weight: bold; }*/

/*.dark-blue-quote-medium { font-size: 120%; color: #012d84; font-weight: bold; }*/
.dark-blue-quote-medium { font-size: 120%; color: #012d84; font-weight: bold; }
/*.green-quote-medium { font-size: 120%; color: #67a840; font-weight: bold; }*/

/*.dark-blue-quote-large { font-size: 170%; color: #012d84; font-weight: bold; }
.light-blue-quote-large { font-size: 170%; color: #4098fe; font-weight: bold; }*/
.green-quote-large { font-size: 170%; color: #67a840; font-weight: bold; }

.quoter { color: #999; font-size: 90%; font-weight: normal; font-style: italic; }

/* contact */
.contact-information { float: left; width: 350px; }
.mailing-list { float: left; width: 340px; }


/* ----------------- FORM STYLES ----------------- */
form { display: inline; }
fieldset { border: 0; padding: 0; margin: 0; }
.form-table { width: 100%; border: 1px solid #012d84; margin: 10px auto; }
.form-field input, .form-field textarea { font-family: verdana, arial; width: 97%; font-size: 76%; }
.form-label { width: 100px; font-size: 76%; text-align: right; background-color: #AAD1FF; }
.form-field { background-color: #DFEEFF; }
.align-top { vertical-align: top; }
.form-buttons { background-color: #77B4FB; text-align: center; }


/* ----------------- FOOTER ----------------- */
#footer { width: 960px; background-color: #fff; border-top: 6px solid #aeaeae; margin-top: 5px; }

#footer-copyright { float: left; }
#footer-copyright p { font-size: 70%; color: #012d84; margin-bottom: 0; }

#poweredby2c { width: 100px; height: 21px; float: right; margin: 7px 0 7px 0; background: url(../../images/poweredby_2c.gif) top left no-repeat; }
#poweredby2c a { width: 100px; height: 21px; display: block; outline: none; }
#poweredby2c a:hover { background: url(../../images/poweredby_2c.gif) bottom left no-repeat; }
#poweredby2c span { display: none; visibility: hidden; }