html {
height: 100%;
}
body {
font-family:Arial, Helvetica, sans-serif;
font-size:100%;
background-color:#ffd23f;
background-image:url(/images/bg.jpg);
background-repeat: no-repeat;
color:#303030;
}
* {
margin:0;
padding:0;
border:0;
}
hr {
display:none;
}
h2 {
font-size:1.5em;
}
a {
color:#973f14;
text-decoration:underline;
}
a:visited {
color:#973f14;
}
a:hover {
color:#e54800;
text-decoration:underline;
}
a:focus {
outline:none;
}
img {
border:none;
}
table {
clear:both;
border-collapse:collapse;
border-spacing:0;
text-align:left;
}
.clear {
clear:both;
height:0;
line-height:0.0;
font-size:0;
}
#wrapper {
}
#headerbg {
height:127px;
background:url(/images/headerbg.jpg) repeat-x;
}
#header {
width:754px;
margin:0 auto;
}
#header .logo {
float:left;
}
#header .headlinks {
float:right;
margin-right:10px;
}
#header .headlinks img {
margin:15px 0 0 5px;
}
#container {
width:754px;
min-height:635px;
margin:0 auto;
background:url(/images/containerbg.jpg) no-repeat;
position: relative;
padding-bottom:20px;
}
* html #container
{
height: 100%;
}
.leftcontent {
float:left;
width:310px;
margin:30px;
}
.leftcontent h2 {
color:#525252;
}
.leftcontent p {
margin:0 0 10px 0;
position: relative;
z-index: 2;
}
.leftcontent .postdate {
font-size:.75em;
margin-bottom:20px;
color:#888;
}
.rightcontent {
float:left;
width:356px;
margin-top:20px;
background-color:#f2ce57;
}
.rightcontent .newalbum {
padding:15px;
background-color:#ffd23f;
}
.rightcontent .newalbum .title {
font-size:1.2em;
font-weight:bold;
color:#3f5e72;
}
.rightcontent .newalbum img.newbtn {
margin-right:5px;
vertical-align:middle;
}
.rightcontent .newalbum img.newrelease {
margin-top:8px;
border:3px solid #fff;
}
.rightcontent .buynow {
height:60px;
padding:5px 0 5px 15px;
background-color:#f89f2a;
}
.rightcontent .buynow h3 {
font-size:1.3em;
color:#333;
}
.rightcontent .buynow img.album {
float:left;
border:1px solid #fff;
margin-right:15px;
}
.rightcontent .buynow p.releasedate {
font-size:.7em;
font-weight:bold;
color:#91440c;
}
.rightcontent .buynow img.buybtn {
margin-top:4px;
}
.rightcontent .testi {
font-size:.9em;
font-style:italic;
padding:10px;
}
.rightcontent .testi p.user {
font-style:normal;
margin-left:50px;
}
#footerbg {
height:73px;
background:url(/images/footerbg.jpg);
}
#footer {
position:relative;
width:754px;
margin:0 auto;
}
#footer .footlinks {
float:right;
color:#fff;
}
#footer .footlinks ul {
list-style-type:none;
margin-top:10px;
}
#footer .footlinks li {
display:inline;
padding:0 4px 0 4px;
}
#footer .footlinks li a {
font-size:.75em;
font-weight:bold;
color:#fff;
text-decoration:none;
}
#footer .footlinks li a:hover {
text-decoration:underline;
}
#jack {
position:absolute;
bottom:-73px;
left:0px;
width:424px;
height:399px;
background:url(/images/jack.gif);
}
/* navigation */
#header .menu {
float:left;
width:430px;
padding-top:61px;
}
#header .menu ul {
list-style:none;
}
#header .menu li {
float:left;
background:url(/images/normleft.gif) no-repeat left top;
margin:0 2px 0 0;
padding:0 0 0 5px;
}
#header .menu a {
display:block;
background:url(/images/normright.gif) no-repeat right top;
padding:6px 8px 5px 2px;
text-decoration:none;
font-size:.9em;
font-weight:bold;
color:#fff;
}
#header .menu a:hover {
color:#6b0404;
}
#header .menu #current {
background-image:url(/images/normleft-on.gif);
}
#header .menu #current a {
background-image:url(/images/normright-on.gif);
color:#6b0404;
padding-bottom:5px;
}
/* other pages */
.singlecontent {
padding: 30px 30px 20px 30px;
}
.singlecontent h3{
font-size:18px;
color:#525252;
font-weight: normal;
}
.post{
padding-bottom: 30px;
}
.postinfo{
font-size: .75em;
color:#888;
padding-top: 5px;
}
.post p,.bandbio p{
padding: 10px 0 10px 0;
font-size: .85em;
line-height:1.3em;
}
/* band */
.thumbwrapper{
text-align: center;
padding: 10px 0;
}
.thumb{
display: inline;
padding: 10px;
}
.thumb img,.bandbio img{
padding: 5px;
background: #fff;
border: 1px solid #ccc;
}
.thumb a:hover img{
background: #FFFFCC;
border: 1px solid #888;
}
.bandbio img{
float: right;
margin-left: 10px;
}
/* discography */
.discography{
padding-top: 10px;
}
.discography p{
padding: 0 0 10px 0;
font-size: .85em;
line-height:1.3em;
}
.discography h3{
border-bottom: 1px dotted #ccc;
padding-top: 20px;
}
.discography h4{
font-size: .75em;
}
/* lyrics */
.lyrics{
padding-top: 10px;
}
.lyrics p{
padding: 0 0 10px 0;
font-size: .85em;
line-height:1.3em;
}
.lyrics h3{
border-bottom: 1px dotted #ccc;
padding-top: 20px;
}
.lyrics h4{
font-size: .75em;
}
.lyrics ul{
list-style-type:none;
}
.lyrics li{
font-size:.85em;
line-height:1.3em;
}
/* blog */
.blog h3{
border-bottom: 1px dotted #ccc;
padding-top: 5px;
}
.blog h2{
font-size: 1em;
padding-top: 10px;
}
.blog p{
padding: 0 0 10px 0;
font-size: .85em;
line-height:1.3em;
}
p.entry{
border-bottom:1px solid #ccc;
}
/* download */
.download {
font-size:.8em;
}
table {
margin:10px 0 10px 0;
width:100%;
text-align:left;
border-collapse:collapse;
border:1px solid #666;
}
td {
padding:5px;
}
td.tabletitle {
font-weight:bold;
color:#973f14;
}
tr.tablehead td {
font-weight:bold;
}
tr.color1 td {
background-color:#FFCC66;
}
tr.color2 td {
background-color:#FF9933;
}
.download input.checkbox {
margin-right:4px;
vertical-align:middle;
}
.download input.text {
width:40px;
border:1px solid #666;
margin-right:4px;
vertical-align:middle;
}