
html { height: 100%; background: #000000 url(../images/bg.jpg) repeat-y 50% 0;}
body {font:12px/15px Arial,sans-serif;color:#999;background: url(../images/bg-top.jpg) no-repeat 50% 0;margin:0;overflow: auto;}

*{ padding: 0; margin: 0;}
ul { list-style: none; padding: 0; margin: 0;}
a {text-decoration:underline;color:#00FFF3;}
a:hover {text-decoration:none;}
a:focus {outline:none}
input, textarea, select {font:100% arial,sans-serif;vertical-align:middle;}
form,fieldset {margin:0;padding:0;border-style:none;}
img {border-style:none}
.clear { clear: both;}
#holder {width: 960px;margin: 0 auto;padding:0;}
.flash {margin:0 auto;top:0;left:0;width:960px;height: 530px;z-index:10;overflow: hidden;text-align: center;min-width:960px;}
.flash-info {width:960px;float: left;position: relative;text-align: center;}
.flash-holder {float:left;width:960px;position: relative;}
.flash-holder div {overflow:hidden}

#main {margin:0 auto;width:960px;position:relative;z-index:100;}

/* navigation content */
.nav-holder{float:left;width: 108px;height: 250px;padding: 29px 11px 0 38px;margin: 0;position: fixed;z-index: 1000;bottom: 0px;overflow: hidden;background:url(../images/bg-nav.png) no-repeat 100% 0;}
.nav-holder ul { font: normal 11px/19px Helvetica; text-transform: uppercase; text-align: right; width: 108px; color: #FFF; float: left;}
.nav-holder ul li { width: 108px; height: 19px; float: left; clear: both; margin: 1px 0;}
.nav-holder ul li a{ width: 100px; padding: 0 4px; height: 19px; float: left; color: #FFF; text-decoration: none;}
.nav-holder ul li a:hover { text-decoration: none; background: url(../images/nav-roll.gif) no-repeat 0 0; }
.nav-holder ul li a.active { color: #EB008B;}

/* content */
#content {width:713px;padding: 0 35px 0 212px;}
.content {width:713px;overflow:hidden;}
.columns {width:713px;overflow:hidden;}

/* right content */
.sub-holder{float:right;width:160px;padding: 0;margin: 0;overflow: hidden;background:url(../images/bg-subholder.jpg) no-repeat 0 0;}
.sub-holder h2 {font:23px/23px Arial;color:#00AEED;margin:12px 0;width: 100%;text-indent:0;height:auto; text-transform: uppercase;}
.twitter {width: 160px; overflow: hidden;float: left;margin: 20px 0 0 0;color: #EB008B;}
.twitter a  {float: left;margin-top: 10px; font-size: 14px; font: bold 14px/18px Arial;}
.head-info {width: 160px; overflow: hidden;float: left;margin: 0;}
.crumb {background: url(../images/rss.png) no-repeat 0 0; padding: 3px 0 0 20px; height: 16px; overflow: hidden; width: 160px; float: left; margin: 0 0 20px;}
.crumb li { float: left;}
.crumb li a { padding: 0 1px;}
.launch { margin: 0 0 20px; float: left; clear: both; width: 100%;}
.itunes { margin: 0; float: left; clear: both; width: 100%; background: url(../images/link-itunes.png) no-repeat 0 0; padding: 46px 0 0;}

/* middle content */
.base-holder {float:left;width:552px;padding:0;}
.base-holder  h2 {font:44px/44px Arial;color:#EB008B;margin:12px 0 24px;width: 100%;text-indent:0;height:auto; text-transform: uppercase;}

/* news block */
.post {width:542px;overflow:hidden;margin:5px 0 30px; padding: 0; float: left; clear: both; color: #999;}
.post h3 {font:bold 14px/17px Helvetica, Arial, sans-serif;color:#000;margin:0; background: #00AEED; float: left;}
.post h3 a {font:bold 14px/17px Helvetica, Arial, sans-serif;color:#000; text-decoration:none;}
.post h4 {font:15px/18px Arial, Helvetica, sans-serif;color:#999;margin:0; padding: 0 10px;}
.post .posted {font:10px/16px Arial, Helvetica, sans-serif;color:#999;display:block; clear: both; margin: 4px 0 8px;}
.post p {font:12px/18px Arial, Helvetica, sans-serif;color: #999;margin:0;display:inline;background: #1A1A1A; padding: 2px 0;}
.post div a {float:left;margin: 20px 17px 0 0;}


/* pages */
.pages {overflow:hidden;padding: 0;margin:15px 0 35px; float: left; clear: both;}
.pages li {display:inline;padding:0 2px 0 0;}

.forms {width:522px;padding:0 0 18px;margin:0;overflow:hidden;list-style:none;}
.forms li {float:left;width:522px;margin:14px 0 0;}
.forms li input {float:left;font:12px/16px Arial, Helvetica, sans-serif;color:#666; border: none; background: none;}

.forms li .text1 {width:195px;background:#1A1A1A; border: 1px solid #323232; padding: 3px;}
.forms li.textarea {width:493px;height:86px;padding:5px 9px;background:#1A1A1A; border: 1px solid #323232;}
.forms li textarea {float:left;font:12px/16px Arial, Helvetica, sans-serif;color:#666;height:86px;width:493px;background:none;border:none;overflow:auto;}

/* all said block */
.all-said {width:532px;margin-bottom: 12px;padding-bottom: 8px;}
.said {width:532px;padding:0 0 16px 0;margin:10px 0 0;}
.said h4 {font:14px/18px Arial, Helvetica, sans-serif;color:#00AEED;margin:0 0 4px;}
.said p {font:12px/18px Arial, Helvetica, sans-serif;color: #999;margin:0;display:inline;background: #1A1A1A; padding: 2px 0;}

/* pics block */
.pics {width:552px;padding:0 0 28px;overflow:hidden;margin:0 0 0;}
.pics ul {width:524px;padding:0;margin:0;overflow:hidden;list-style:none;}
.pics ul li {float:left;padding:0 20px 0 0;margin:20px 0 0;}
.pics ul li img {display:block;border:1px solid #3C3C3C; width: 108px; height: 108px; background: #000;}

/* bio block */
.bio {width:552px;padding:0 0 20px;overflow:hidden;margin:0 0 0;}
.bio .post {width:552px;overflow:hidden;margin:13px 0 0;padding: 0;}
.bio .post p {width: 542px;font:12px/16px Arial, Helvetica, sans-serif;padding:0 0 0 18px;}

/* contact block */
.contact {width:542px;overflow:hidden;margin:0 0 0;}
.contact .mus-wall {width:542px;}
.contact h3 {font:14px/18px Arial, Helvetica, sans-serif;color:#00AEED;margin:0 0 4px;}
.contact .mus { padding: 0 0 20px;}

/* links block */
.links {width:542px;padding:0 0 0;overflow:hidden;}
.links h3 {font:14px/18px Arial, Helvetica, sans-serif;color:#00AEED;margin:0 0 4px;}
.links .mus { width: 270px; float: left; overflow: hidden; padding: 0 0 20px}

/* show block */
.post .show {width:542px;padding:0 0 20px;overflow:hidden;margin:0;}
.show h3 {font:20px/22px Arial, Helvetica, sans-serif;color:#999;margin:0;background: none; float: left; position: relative; padding: 0 160px 0 90px; width: 190px;}
.show h3 span {font:20px/22px Arial, Helvetica, sans-serif;color:#00AEED; position: absolute; right: 0; width: 160px;}
.show h3 em {font:20px/22px Arial, Helvetica, sans-serif;color:#000; background: #00AEED; position: absolute; left: 0;}
.show p {font:11px/15px Arial, Helvetica, sans-serif;color:#999;margin:0; float: left; width: 300px; padding: 10px 0 0 90px; background: none;}
.show .list {width:100px;overflow:hidden;margin:2px 0 0; float: right; text-align: right;}
.show .list a { padding: 0; margin: 0; float: right; font-size: 13px; margin: 2px 0;}

/* media block */
.media {width:540px;overflow:hidden;margin:0 0 0;}
.media .wall {padding:0;clear: both;}
.media .mus { width: 270px; float: left; padding: 20px 0 50px;}
.media .mus a { margin: 0 4px; display: inline-block;}
.media span {color:#00FFF3;}
.media h3 {font:bold 14px/17px Helvetica, Arial, sans-serif;color:#000;margin:0; background: #00AEED; float: left;}
.media h4 {font: bold 14px/18px Arial, Helvetica, sans-serif;color:#999;margin:0 4px;}


/* video block */
.video {width:524px;overflow:hidden;margin:0 0 0;}
.video h3 {font:bold 14px/17px Helvetica, Arial, sans-serif;color:#000;margin:0; background: #00AEED; float: left;}
.youtube {margin:18px 0 0;padding: 0;width:540px;overflow:hidden; float: left; clear: both;}
.youtube img{display:block}


