html,
body {
height: 100.1%;
}
body {
margin: 0px;
padding: 0px;
font: 13px/1.5 Georgia, "Times New Roman", Times, serif
}
body.home {
background: #000 url(../images/bg-grunge-03.jpg) no-repeat fixed center top;
}
body.band {
background: #000 url(../images/bg-grunge-02.jpg) no-repeat fixed center top;
}
body.shows {
background: #000 url(../images/bg-grunge-06.jpg) no-repeat fixed center top;
}
body.photos {
background: #000 url(../images/bg-grunge-06.jpg) no-repeat fixed center top;
}
body.press {
background: #000 url(../images/bg-grunge-04.jpg) no-repeat fixed center top;
}
body.buy {
background: #000 url(../images/bg-grunge-03.jpg) no-repeat fixed center top;
}
body.recordings {
background: #000 url(../images/bg-grunge-02.jpg) no-repeat fixed center top;
}
body.contact {
background: #000 url(../images/envelope.jpg) no-repeat fixed center top;
}
body.contact {
background: #000 url(../images/envelope.jpg) no-repeat fixed center top;
}
#logo {
/* TO DO: fix logo at right of nav BACKGROUND-IMAGE on NAV DIV*/
position: absolute;
z-index: 1001;
top: 25px;
right: 40px;
}
a img {
border: none;
}
h1 {
display: none;
}
h2 {
font-size: 15px;
letter-spacing: .2em;
text-transform: uppercase;
margin-bottom: .5em;
color: #CC0000;
}
h3 {
font-size: 15px;
letter-spacing: .2em;
text-transform: lowercase;
margin-bottom: .5em;
color: #CC0000;
}
h2.the-band {
background: url(../images/heading-the-band.png);
width: 297px;
height: 50px;
text-indent: -9999px;
}
h2.meet-the-band {
background: url(../images/heading-meet-the-band.png);
width: 457px;
height: 50px;
text-indent: -9999px;
}
h2.more-about-the-band {
background: url(../images/heading-more-about-the-band.png);
width: 417px;
height: 50px;
text-indent: -9999px;
}
h2.pop-up-bios {
background: url(../images/heading-pop-up-bios.png);
width: 297px;
height: 50px;
text-indent: -9999px;
}
h2.press {
background: url(../images/heading-press.png);
width: 152px;
height: 50px;
text-indent: -9999px;
}
h2.galleries {
background: url(../images/heading-galleries.png);
width: 422px;
height: 50px;
text-indent: -9999px;
}
h2.info {
background: url(../images/heading-info.png);
width: 422px;
height: 50px;
text-indent: -9999px;
}
h2.photos {
background: url(../images/heading-photos.png);
width: 422px;
height: 50px;
text-indent: -9999px;
}
h2.alive {
background: url(../images/keeping-ska-alive.png);
width: 349px;
height: 155px;
text-indent: -9999px;
}
h2.catch {
background: url(../images/catch-the-infection.png);
width: 349px;
height: 177px;
text-indent: -9999px;
}
h2.map {
background: url(../images/map.png);
width: 800px;
height: 273px;
text-indent: -9999px;
}
h2.redband {
background: url(../images/redband.png) no-repeat 340px -220px;
width: 700px;
height: 120px;
text-indent: -9999px;
}
h2.skav {
background: url(../images/skav.png) no-repeat 40px -20px;
width: 500px;
height: 150px;
text-indent: -9999px;
}
h2.gananaque {
background: url(../images/gananaque.png) no-repeat 40px -0px;
width: 300px;
height: 150px;
text-indent: -9999px;
}
h2.colin-dave {
background: url(../images/colin-dave.png) no-repeat 40px -0px;
width: 300px;
height: 150px;
text-indent: -9999px;
}
h2.gananaque-live {
background: url(../images/gananaque-live.png) no-repeat 40px -0px;
width: 300px;
height: 150px;
text-indent: -9999px;
}
h2.beat {
background: url(../images/beat.png);
width: 401px;
height: 209px;
text-indent: -9999px;
}
h2.westfest {
background: url(../images/westfest.png);
width: 401px;
height: 339px;
text-indent: -9999px;
}
h2.kissed {
background: url(../images/kissed.png) no-repeat -5px -20px;
width: 390px;
height: 342px;
text-indent: -9999px;
}
h2.kissed:hover {
background-position: -5px -362px;
}
h2.contact {
background: url(../images/contact.png);
width: 297px;
height: 50px;
text-indent: -9999px;
}
h2.music {
background: url(../images/music.png);
width: 297px;
height: 50px;
text-indent: -9999px;
}
h2.buy {
background: url(../buy/images/Buy!.png);
width: 297px;
height: 50px;
text-indent: -9999px;
}
h2.shows {
background: url(../images/heading-shows.png);
width: 297px;
height: 50px;
text-indent: -9999px;
}
ul.norm {
margin-left: 0px;
padding-left: 0px;
list-style-type: none;
}
ul.norm li {
background: url(../images/bullet_orange.png) no-repeat left center;
text-indent: 20px;
margin-bottom: 3px;
}
a {
color: #000;
font-weight: bold;
}
a:hover {
color: #900;
}
p {
margin: 0 0 1em;
}
.box {
overflow: hidden;
padding: 20px;
border: 2px solid #fff;
}
.container {
overflow: hidden;
}
.article {
padding: 30px 0px 0px 30px;
}
.col2 {
width: 380px;
padding: 0 10px;
float: left;
}
#a1c,
#a4c,
#a6c {
font-size: 120%;
font-family: Georgia, "Times New Roman", Times, serif;
}
#a1c .col2.b {
border-right: 2px solid #000;
border-bottom: 2px solid #000;
}
#a1c .col2.b,
#a2c .col2.b,
#a4c .col2.b,
#a5c .col2.b {
margin-top: 245px;
}
#a6c .col2.b {
margin-top: 260px;
}
#a2c {
font-size: 110%;
font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
}
#a2c .col2.a {
padding-left: 30px;
width: 360px;
border-left: 2px solid #990;
}
#a3c p {
font-size: 110%;
font-family: Arial, Helvetica, sans-serif;
text-align: justify;
padding-left: 230px;
padding-right: 160px;
}
#a4c p {
margin: 0px;
text-indent: 30px;
}
div.press {
position: absolute;
left: 50%;
margin-left: -40px;
width: 375px;
background-image: url(../images/black-50-trans.png);
}
div.press a {
color: #ff6;
text-decoration: none;
}
div.press a:hover {
color: #fff;
text-decoration: underline;
}
div.cite {
margin-bottom: 10px;
text-transform: uppercase;
font-size: 60%;
letter-spacing: 2px;
}
div.cite p {
margin: 0px 15px;
}
.right {
float: right;
}
.transform {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 76%;
text-transform: uppercase;
letter-spacing: 3px;
}
#outer-wrapper {
}
#inner-wrapper {
padding-top: 60px;
width: 960px;
margin: 0 auto;
position: relative;
padding-bottom: 40px;
}
#nav {
position: fixed;
z-index: 1000;
top: 0px;
left: 50%;
margin-left: -380px;
}
#nav ul {
margin: 1em auto;
padding: 10px;
list-style-type: none;
width: 760px;
background-image: url(../images/black-50-trans.png);
border: 1px solid #fff;
}
#nav li {
display: inline;
}
#nav a {
padding: 0 14px 0 15px;
border-right: 1px solid #aaa;
font-weight: bold;
font-size: 11px;
text-decoration: none;
color: #FFFF66;
text-transform: uppercase;
letter-spacing: 1px;
}
#nav a:hover {
color: #fff;
text-decoration: underline;
}
#nav .last a {
border: none;
}
#nav .current a {
color: #fff;
}
#nav .current a:hover {
text-decoration: none;
}
/*** forms ***/
form {
padding: 0;
margin: 1em 0;
font-family: "courier new", monospace;
}
form div {
margin-bottom: 1em;
}
label {
font-size: 130%;
font-weight: bold;
color: #663300;
}
input.txt,
textarea {
border: 2px solid #555;
width: 280px;
padding: 2px;
font-family: "courier new", monospace;
}
textarea {
width: 360px;
}
#player-wrap {
margin-top: 30px;
margin-left: 40px;
background: url(../images/checks_tile_8x8.png);
padding: 9px;
width: 450px;
}
p.thankyou {
margin-top: 100px;
margin-left: 140px;
font-family: courier, sans-serif;
font-weight: bold;
color: #800000;
font-size: 32px;
}
.narrow
{width: 600px;
margin: 50px;
padding-left: 90px;
}