/* Universal */
body {
background:#fff url(img/global-bg.png) repeat-x;
font-family:Arial, Helvetica, sans-serif;
font-size:0.9em;
color:#222;
margin:0;
padding:0;
}

p {
line-height:20px;
letter-spacing:1px;
margin:0 0 10px;
padding:0;
}

h1 {
font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
color:#333;
font-size:1.5em;
text-align:center;
margin:0 0 5px;
padding:15px 0 0;
}

img {
border:0;
}

ul {
display:inline;
margin:0;
padding:0;
}

li {
list-style:none;
display:inline;
margin:0;
padding:0;
}

/* IDs */
#preload {
display:none;
}

#wrap {
width:950px;
margin:auto;
}

#head {
height:2px;

}

#head-top {
height:0px;
}

#head-top-l {
height:0px;
float:left;
}

#head-top-r {
height:40px;
padding-top:20px;
float:right;
color:#fff;
text-align:right;
}

#head-nav {
height:30px;
padding-top:10px;
text-align:center;
}

#head-nav a {
color:#bbb;
text-decoration:none;
margin-left:20px;
margin-right:20px;
font-family:"Times New Roman", Times, serif;
font-size:1.5em;
font-variant:small-caps;
letter-spacing:1px;
background:#002900;
}

#head-nav a:hover {
color:#fff;
background:#002900;
}

#alphabet-nav {
margin-top:3px;
text-align:center;
background:#edd8a4 url(img/alphabet-nav-bg.png) repeat-x;
height:24px;
color:#333;
padding-top:6px;
border-bottom:1px solid #aaa;
}

#alphabet-nav a {
text-decoration:none;
color:#333;
padding:6px 10px 5px;
}

#alphabet-nav a:hover {
color:#003e00;
font-weight:bold;
}

#content-wrap {
border-right:1px solid #EDD8A4;
border-left:1px solid #EDD8A4;
background:url(img/content-wrap-bg.png) repeat-x;
}

#content-left {
width:170px;
float:left;
color:#333;
border-right:1px solid #EDD8A4;
background:#fffbef;
}

#nav-left {
background:#f7eccf;
color:#333;
}

#nav-left a {
display:block;
color:#333;
background:#f7eccf;
text-decoration:none;
border-bottom:1px solid #EDD8A4;
height:21px;
font-size:0.9em;
padding-left:10px;
padding-top:4px;
}

#nav-left a:hover {
background:#EDD8A4;
color:#000;
}

#content-right {
width:775px;
float:right;
}

#foot {
border-top:1px solid #EDD8A4;
background:#003e00 url(img/foot-bg.png) repeat-x;
height:45px;
color:#fff;
text-align:center;
padding-top:5px;
font-size:0.9em;
}

#foot a {
color:#fff;
text-decoration:none;
margin-left:5px;
margin-right:5px;
}

#foot a:hover {
text-decoration:underline;
}

#foot p {
margin-bottom:3px;
letter-spacing:normal;
font-size:0.9em;
}

#foot p a {
margin:0;
}

/* Classes */
.clear {
clear:both;
}

.leaderboard {
height:90px;
text-align:center;
padding-bottom:11px;
padding-top:10px;
background:url(img/leaderboard-bg.png) center left no-repeat;
}

.skyscraper {
height:100px;
margin-top:25px;
margin-bottom:25px;
text-align:center;
background:url(img/skyscraper-bg.png) bottom no-repeat;
}

.lyrics-text {
text-align:center;
}

/* Form Styling */
.search-box {
border:1px solid #002900;
background:#F7ECCF;
color:#333;
letter-spacing:1px;
}