body {font-size:11px;line-height:16px;color:#264161;font-family:Verdana,Sans-Serif;background:#ffffff;}
body#player {background:#f0f0f0;}

.wf-inactive h1, .wf-inactive #subnav li, .wf-inactive .link {font-family:Verdana,Sans-Serif;}

a {color:#264161;text-decoration:none;}
a:hover, a.active {color:#a8a8a8;}
a:hover {text-decoration:underline;}

#page {width:970px;margin:0 auto;padding-top:45px;}
#player #page {width:640px;height:400px;padding:32px 22px;}

#masthead {display:block;height:90px;margin-bottom:38px;width:100%;}

#main {float:left;width:604px;}
#songs #main {width:580px;}
#home #main {position:relative;z-index:1;width:640px;height:360px;margin-right:16px;}
#home #main img.video-still {position:absolute;z-index:1;top:0px;left:0px;}
#home #main img.play {position:absolute;z-index:3;top:90px;left:266px;}
#home #main img.bighaus {position:absolute;z-index:2;top:193px;left:0px;}
#artists #main, #producers #main, #contact #main {width:575px;}

img.main-img {padding-bottom:22px;}
.link {font-size:14px;text-transform:uppercase;}
.link a {color:#264151;}
.link a:hover {color:#a8a8a8;}

p {padding-bottom:16px;}

#sidebar {float:left;width:186px;margin-right:48px;}
#home #sidebar {position:relative;width:312px;height:360px;margin:0;}
#home #sidebar img.tagline {position:absolute;bottom:0px;left:0px;}

#mainnav {padding-bottom:15px;}
#mainnav li {padding-bottom:15px;}
#mainnav li a {display:block;height:13px;width:61px;background:url(/assets/i/nav.gif) no-repeat;}
#mainnav li a span {display:none;}
#mainnav li.reels a {background-position:0px 0px;}
#mainnav li.reels a.active, #mainnav li.reels a:hover {background-position:-61px 0px;}
#mainnav li.songs a {background-position:0px -28px;}
#mainnav li.songs a.active, #mainnav li.songs a:hover {background-position:-61px -28px;}
#mainnav li.artists a {background-position:0px -56px;}
#mainnav li.artists a.active, #mainnav li.artists a:hover {background-position:-61px -56px;}
#mainnav li.producers a {background-position:0px -84px;}
#mainnav li.producers a.active, #mainnav li.producers a:hover {background-position:-61px -84px;}
#mainnav li.about a {background-position:0px -112px;}
#mainnav li.about a.active, #mainnav li.about a:hover {background-position:-61px -112px;}
#mainnav li.contact a {background-position:0px -140px;}
#mainnav li.contact a.active, #mainnav li.contact a:hover {background-position:-61px -140px;}

#home #mainnav li {padding-bottom:13px;}
#home #mainnav li a {display:block;height:11px;width:52px;background:url(/assets/i/home-nav.gif) no-repeat;}
#home #mainnav li.reels a {background-position:0px 0px;}
#home #mainnav li.reels a.active,#home  #mainnav li.reels a:hover {background-position:-52px 0px;}
#home #mainnav li.songs a {background-position:0px -24px;}
#home #mainnav li.songs a.active,#home  #mainnav li.songs a:hover {background-position:-52px -24px;}
#home #mainnav li.artists a {background-position:0px -48px;}
#home #mainnav li.artists a.active,#home  #mainnav li.artists a:hover {background-position:-52px -48px;}
#home #mainnav li.producers a {background-position:0px -72px;}
#home #mainnav li.producers a.active,#home  #mainnav li.producers a:hover {background-position:-52px -72px;}
#home #mainnav li.about a {background-position:0px -96px;}
#home #mainnav li.about a.active,#home  #mainnav li.about a:hover {background-position:-52px -96px;}
#home #mainnav li.contact a {background-position:0px -120px;}
#home #mainnav li.contact a.active,#home  #mainnav li.contact a:hover {background-position:-52px -120px;}


#subnav {padding-top:30px;background:url(/assets/i/rule.png) no-repeat top left;}
#subnav li {font-size:11px;line-height:24px;}
#subnav li a {color:#a8a8a8;}
#subnav li a:hover, #subnav li a.active {color:#264161;text-decoration:none;}

#contact .user-content {padding:18px 0;}
#contact .sm-icons {padding-top:8px;}
#contact .sm-icons img {float:left;padding-right:5px;}

#footer {padding:110px 0 20px 234px;color:#a8a8a8;text-transform:uppercase;}
#home #footer {padding:220px 0 0 0}

.reel-info {padding-top:26px;}
.reel-info .reel-icon {float:left;border:1px solid #a8a8a8;margin-right:20px;}
.reel-info .reel-desc {float:left;}
#player .reel-info .reel-desc {float:none;padding-left:0;}

.song-table {width:580px;}

.song-search {width:556px;padding:14px 12px 12px 12px;background:#eeeeee;display:block;margin-bottom:16px;}
.song-search .inline-search, .song-search .search-head {float:left;}
.search-head {padding-right:12px;font-size:12px;font-weight:bold;text-transform:uppercase;color:#264151;}
.song-search .inline-search select,.song-search .inline-search a {float:left;}
.song-search .inline-search select {font-size:11px;}
.song-search .artist-search {padding-right:24px;}
.song-search .go {padding-left:6px;padding-top:2px;}

#songs table {width:580px;}
.songs-table th {font-size:12px;font-weight:bold;text-transform:uppercase;text-align:left;padding:6px 8px;background:#eeeeee;}
table tbody td {/*height:54px;*/font-size:11px;padding:8px; vertical-align:middle;}
table tbody td img {vertical-align:middle;}
table tbody .alt2 td {background:#eeeeee;}

.pagination {text-align:right;padding-top:26px;font-size:12px;text-transform:uppercase;color:#a8a8a8;}
.pagination a {padding:0 2px;}
.pagination a.next {padding:0 0 0 2px;}
.pagination a.prev {padding:0 2px 0 0;}

.the-player {padding-top:30px;background:url(/assets/i/rule.png) repeat-x top left;}

.song-info {width:184px; overflow:hidden; padding-top:12px; line-height:15px;}
.song-info .song-image img {padding:0 10px 0 0;float:left;}
.song-info span {text-transform:uppercase;}
.song-info .written-by {padding:20px 0;}


h1 {font-size:22px;line-height:32px;font-weight:normal;text-transform:uppercase;}
#player h1 {font-size:16px;line-height:30px}
h2 {font-weight:normal;text-transform:uppercase;}
h3 {font-weight:bold;}

.user-content h2,.user-content  h3,.user-content  h4,.user-content  h5 {font-weight: bold; text-transform: uppercase;}
.user-content strong {font-weight: bold;}
.user-content u {text-decoration: underline;}
.user-content em {font-style: italic;}
.user-content ul, .user-content ol {margin-bottom: 16px; margin-left: 20px;}
.user-content ul li {list-style: disc; margin-left: 20px;}
.user-content ol li {list-style: decimal; margin-left: 20px;}
.user-content img {float: left; margin: 10px}
.user-content a { color: #264161; text-decoration: underline;}
.user-content a:hover {color: #a8a8a8;}
.user-content img.icons {float:left;margin:0 5px 0 0;}

.bio {padding-top:22px;}

.wf-active h1, .wf-active #subnav li, .wf-active .link {font-family:'Yanone Kaffeesatz',Verdana,Sans-Serif;}
.wf-active h1 {font-size:28px;}
.wf-active #subnav li {font-size:14px;}
.wf-active .link {font-size:19px;}
