/* CSS Document */

/* RZA colours
Bright red: #ca0303
Dark red: #480101
*/

body {
background-color:#000000;
font-size:10px; /* EM size 1em = 10px */
line-height:1.4em;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin:0px;
padding:0px;
color:#FFFFFF;
}

.clearer {
clear:both;
height:10px;
}

.redbold {
font-weight:bold;
color:#ca0303;
}

.reditalic {
font-style:italic;
color:#CA0303;
}

.smallitalic {
font-size:0.9em;
font-style:italic;
}

h1 {
font-size:1.6em;
color:#ca0303;
}

/* Titlebar area */

#titlebar {
width:100%;
height:170px;
background-image:url(images/topbar_bg.jpg);
background-repeat:repeat-x;
}

#titlebarcentral {
width:800px;
margin-left:auto;
margin-right:auto;
margin-top:0px;
margin-bottom:0px;
height:170px;
background-image:url(images/topbarlips.jpg);
background-repeat:no-repeat;
background-position:right;
}

#titlebarlogo {
width:360px;
float:left;
display:inline;
}

#titlebarnav {
width:180px;
margin-left:260px;
float:left;
display:inline;
}

#titlebar a:link {
border:0px;
text-decoration:none;
}

#titlebar a:visited {
border:0px;
text-decoration:none;
}

#titlebar a:hover {
border:0px;
text-decoration:none;
}

#titlebar a:active {
border:0px;
text-decoration:none;
}

/* Main content area */

#contentarea {
width:775px;
margin-left:auto;
margin-right:auto;
margin-top:0px;
margin-bottom:0px;
padding-left:25px;
padding-top:40px;
}

#leftcol {
width:475px;
float:left;
display:inline;
font-size:1.2em;
}

#rightcol {
width:300px;
float:left;
display:inline;
}

#rightcol p {
font-size:1.2em;
line-height:1.6em;
margin-left:20px;
}

/* Home page specific columns */

#HPleftcol {
width:300px;
float:left;
display:inline;
}

#HPrightcol {
width:475px;
float:left;
display:inline;
font-size:1.2em;
}

#HPleftcol p {
font-size:1.2em;
line-height:1.6em;
margin-left:20px;
}

.mp3downloads {
width:440px;
height:10px;
background-image:url(images/RZA_MP3_bg.jpg);
background-repeat:no-repeat;
margin-bottom:5px;
padding:15px 0;
text-align:center;
}

/* Contacts page column layouts */

#CONTACTleftcol {
width:385px;
float:left;
display:inline;
}

#CONTACTrightcol {
width:390px;
float:left;
display:inline;
font-size:1.2em;
}

#CONTACTleftcol p {
font-size:1.2em;
line-height:1.6em;
}


#contentarea h2 {
color:#FF0000;
font-size:1.6em;
font-weight:normal;
}

#contentarea a:link {
color:#ca0303;
border-bottom:1px dotted #ca0303;
text-decoration:none;
}

#contentarea a:visited {
color:#ca0303;
border-bottom:1px dotted #ca0303;
text-decoration:none;
}

#contentarea a:hover {
color:#FFFFFF;
border-bottom:1px dotted #FFFFFF;
background-color:#ca0303;
text-decoration:none;
}

#contentarea a:active {
color:#FFFFFF;
border-bottom:1px dotted #FFFFFF;
background-color:#ca0303;
text-decoration:none;
}

/* Upcoming gigs banner */

#upcominggigs {
width:100%;
height:165px;
background-image:url(images/upcominggigs_bg.jpg);
background-repeat:repeat-x;
}

#upcominggigscentral {
width:800px;
margin-left:auto;
margin-right:auto;
margin-top:0px;
margin-bottom:0px;
height:165px;
}

#upcominggigstitle {
width:180px;
height:165px;
float:left;
display:inline;
}

.gigs {
width:240px;
float:left;
display:inline;
margin-top:45px;
margin-right:20px;
}

.allgigs {
margin-top:55px;
width:100px;
float:left;
display:inline;
}

.gigs p {
font-size:1.1em;
color:#FFFFFF;
margin:0px 0px 10px 0px;
}

#upcominggigs a:link {
color:#480101;
border-bottom:1px dotted #480101;
text-decoration:none;
}

#upcominggigs a:visited {
color:#480101;
border-bottom:1px dotted #480101;
text-decoration:none;
}

#upcominggigs a:hover {
color:#FFFFFF;
border-bottom:1px dotted #FFFFFF;
background-color:#ca0303;
text-decoration:none;
}

#upcominggigs a:active {
color:#FFFFFF;
border-bottom:1px dotted #FFFFFF;
background-color:#ca0303;
text-decoration:none;
}

/* Bottom subnav bar */

#bottombar {
width:800px;
text-align:center;
margin-left:auto;
margin-right:auto;
margin-top:0px;
margin-bottom:0px;
}

#bottombar a:link {
color:#ca0303;
border-bottom:1px dotted #ca0303;
text-decoration:none;
}

#bottombar a:visited {
color:#ca0303;
border-bottom:1px dotted #ca0303;
text-decoration:none;
}

#bottombar a:hover {
color:#FFFFFF;
border-bottom:1px dotted #FFFFFF;
background-color:#ca0303;
text-decoration:none;
}

#bottombar a:active {
color:#FFFFFF;
border-bottom:1px dotted #FFFFFF;
background-color:#ca0303;
text-decoration:none;
}


/* Playlists specific CSS */
#playlist {
width:335px;
background-image:url(images/playlist.jpg);
background-repeat:repeat-y;
padding-left:70px;
padding-right:70px;
}

#playlist p {
color:#000000;
font-family:"Times New Roman", Times, serif;
font-size:1em;
line-height:1.2em;
margin:0px;
}

/* Gallery */
#gallerycol {
width:750px;
font-size:1.2em;
}

.gallerypic {
width:105px;
float:left;
display:inline;
margin-left:45px;
}

.gallerypicone {
width:105px;
float:left;
display:inline;
} 

.gallerypic img {
border:3px solid #FFFFFF;
}

.gallerypicone img {
border:3px solid #FFFFFF;
}

#gallerycol a:link {
border:0px;
text-decoration:none;
}

#gallerycol a:visited {
border:0px;
text-decoration:none;
}

#gallerycol a:hover {
border:0px;
text-decoration:none;
}

#gallerycol a:active {
border:0px;
text-decoration:none;
}