@charset "utf-8";
/* CSS Document */

* {margin:0; padding:0;} 
.clear {clear:both; }

body {background:url(img/mainbg.jpg) top center no-repeat #000; }
body a {outline:none; }
#home {background:url(img/mainbg-home.jpg) top center no-repeat #000; }


/* ----------------------------------- STYLING FOR HEADER AND NAV */
#header {height:201px; width:100%; margin:0 auto; background:url(img/header-bg.gif) repeat-x; margin-bottom:70px; }
#header-container {width:990px; margin:0 auto; }
#header-container .left-graphic {margin-left:-20px; float:left; }
#header-container .album-and-navigation {float:left; width:675px; }

#header-container .album-graphic {padding:3px 0 0 8px; }
#nav-container {margin:15px 0 0 0px; }
#nav-container ul li {float:left; list-style:none; font:bold 18px arial; letter-spacing:-1px; padding-left:16px; }
#nav-container ul li a {text-decoration:none; color:#fff; }
#nav-container ul li a:hover {color:#ff448a; }
/* ----------------------------------- STYLING FOR HEADER AND NAV */


#wrapper {width:950px; margin:0 auto; }


/* ----------------------------------- STYLING FOR HOMEPAGE */
#home-container-box {width:836px; height:413px; background:url(img/home-container-box.png) no-repeat; margin:-20px auto 0 auto; }

#container {padding-top:30px; }
#left-box{float:left; width:310px; height:350px; margin:10px 0 0 20px; }

#right-box {float:left; width:312px; height:100px; margin:20px 0 0 8px;  }
.release-date { }

#sharethismix {width:400px; height:200px; background:#000; margin:25px 0 60px 65px; float:left; }
#sharethismix-container {border:1px solid #996600; width:380px; height:180px; margin:0 auto;  }
#sharethismix-container .youare {font:14px Georgia, "Times New Roman", Times, serif; color:#ccff00; text-align:center; padding-top:5px; }
.sharetitle {text-align:center; font:bold 21px Georgia, "Times New Roman", Times, serif; color:#fff; padding-top:4px; }
.sharelinksbox {color:#fff; text-align:center; font-weight:bold; padding:2px 0 5px 0; }
.sharelinksbox a {color:#18c9fb; font:bold 25px Georgia, "Times New Roman", Times, serif; text-decoration:none; }
.sharelinksbox a:hover {text-decoration:underline; }

#blogfeed {float:left; width:325px; height:179px; margin:30px 0 0 40px; font:13px arial; color:#fff; }
#blogfeed ul li {list-style:none; }
#blogfeed a {color:#18c9fb; text-decoration:none; }
#blogfeed a:hover {text-decoration:underline; }
#blogfeed .rss_date {font-size:10px; }
.rss_item {padding:5px 0 5px 0; }

#sharetweet {position:absolute; margin:-85px 0 0 925px; }
/* ----------------------------------- STYLING FOR HOMEPAGE */


#info-notice {background:url(img/info-notice-bg.png); width:719px; height:89px; float:right; margin:-55px 0 16px 0; }
#info-notice p {font:bold 13px arial; color:#fff; width:684px; text-align:center; margin:0 auto; padding-top:8px; line-height:18px; }
#info-notice p a {text-decoration:none; color:#36cbe1; }
#info-notice p a:hover {text-decoration:underline; }


/* ----------------------------------- STYLING FOR STORE LEFT COLUMN */
#leftcolumn {float:left; width:396px; }

.leftbox {width:396px; background:#eee; margin-bottom:10px; }
.leftbox .content-padding {padding:8px 0 8px 9px; }
.leftbox .titlebox {width:378px; height:40px; background:#36cbe1;  }
.leftbox .titleleft {float:left; }
.leftbox .titleleft h2 {font:22px "Century Gothic", Arial, Helvetica; color:#fff; letter-spacing:-2px; line-height:40px; padding-left:7px; }
.leftbox .titlemain h2 {font:22px "Century Gothic", Arial, Helvetica; color:#fff; letter-spacing:-1px; line-height:40px; text-align:center; }
.leftbox .streamright {float:right; font:bold 22px arial; color:#fff; letter-spacing:-1px; padding:7px 5px 0 0;  }

.leftbox .content-graphics {float:left; width:166px; padding-top:6px; }
.leftbox .content-text {float:left; width:206px; margin-left:6px; }
.leftbox .content-text p.quantity {font:bold 16px arial; color:#a82815; letter-spacing:-1px; text-align:right; padding:4px 3px 0 0; }
.leftbox .content-text p.title {font:bold 13px arial; padding:7px 0 5px 0; }
.leftbox .content-text ul {margin-left:14px; }
.leftbox .content-text ul li {font:12px arial; padding-bottom:2px; }

.leftbox .plus {padding:0; margin:0; font:bold 15px arial; color:#a82815; margin:4px 0 -4px 0; letter-spacing:-1px; }

.buttons {padding-top:10px; }
.price {font-weight:normal; }
.buy-btn, .buy-btn-shirt {width:183px; display:block; font:bold 17px arial; text-align:center; float:left; }
.buy-btn a, .buy-btn-shirt a {text-decoration:none; color:#fff; background:#a82815; width:183px; padding-top:6px; height:27px; display:block; }
.buy-btn a:hover, .buy-btn-shirt a:hover {background:#df6e5d; width:183px; padding-top:6px; height:27px; display:block; }
.buy-btn-shirt {margin-left:12px; margin-top:-16px; }

.click-expand {font:10px arial; }
.click-expand a {padding:0; margin:0; height:auto; width:auto; background:none; color:#000;  }
.click-expand a:hover {padding:0; margin:0; height:auto; width:auto; background:none; color:#990000; cursor:pointer;   }
/* ----------------------------------- STYLING FOR STORE LEFT COLUMN */


/* ----------------------------------- STYLING FOR STORE RIGHT COLUMN */
#rightcolumn {float:left; width:535px; margin-left:19px; }

.rightbox {width:535px; background:#eee; margin-bottom:10px; }
.rightbox .content-padding {padding:8px 0 8px 9px; }
.rightbox .titlebox {width:516px; height:64px; background:#36cbe1;  }
.rightbox .titlemain h2 {font:25px "Century Gothic", Arial, Helvetica; color:#e6ff5e; letter-spacing:-1px; line-height:27px; text-align:center; padding-top:4px; }

.rightbox .content-text {float:left; width:300px; margin-left:6px; }
.rightbox .content-text ul {margin:9px 0 0 12px; }
.rightbox .content-text ul li {font:13px arial; padding-bottom:8px; }
.rightbox .content-text ul .main-item {font:bold 16px arial; color:#a82815; line-height:20px; }
.rightbox .content-text .subnote {margin:0 0 0 20px; list-style:disc; }
.rightbox .content-text .subnote li {font:10px arial; padding-bottom:0px; }

.rightbox .content-graphics {float:left; width:213px; height:10px; }
.rightbox .content-graphics p.quantity {font:bold 18px arial; color:#a82815; text-align:right; padding:3px 3px 0 0; }
.rightbox .content-graphics .graphics {padding:5px 0 0 18px; }
.quantity {font:bold 18px arial; color:#a82815; text-align:left; padding:3px 3px 0 0; letter-spacing:-1px; }

.rightbox .buttons {padding-top:10px; }
.rightbox .price {font-weight:normal; }
.rightbox .buy-btn {width:183px; display:block; font:bold 17px arial; text-align:center; float:right; margin-right:8px; }
.rightbox .buy-btn a {text-decoration:none; color:#fff; background:#a82815; width:183px; padding-top:6px; height:27px; display:block; }
.rightbox .buy-btn a:hover {background:#df6e5d; width:183px; padding-top:6px; height:27px; display:block; }
/* ----------------------------------- STYLING FOR STORE RIGHT COLUMN */


/* ----------------------------------- STYLING FOR SUBPAGE STRUCTURE */
#page-name {float:left; margin:-9px 0 20px 23px; }
#main-content {float:left; width:790px; min-height:400px; margin:0 0 20px 15px; }
#main-content p {padding-bottom:15px; font:14px arial; color:#fff; line-height:20px; }
/* ----------------------------------- STYLING FOR SUBPAGE STRUCTURE */


/* ----------------------------------- STYLING FOR SUBPAGES */
#remix #left {float:left; width:350px; }
#remix #right {float:left; margin-left:15px; width:375px; padding-top:20px; }
#remix #left h3 {text-align:center; font:18px arial; color:#fff; letter-spacing:-1px; padding-bottom:6px; }

#contact h2 {font:26px arial; color:#fff; letter-spacing:-1px; }
.email a {text-decoration:none; color:#36cbe1; font:18px arial; }
.email a:hover {color:#eb5eba; }

#photos .gallery {margin-left:10px; }
#photos .gallery li {float:left; padding-left:6px; }

#press #left {float:left; width:385px; }
#press #right {float:left; width:385px; margin-left:20px; }
#press .title {padding:10px 0 0 0; font-weight:bold; }
#press #press-list {padding-bottom:15px; line-height:15px; }
#press #press-list li {padding-bottom:3px; }
#press #press-list a {text-decoration:none; font:14px arial; color:#36cbe1; }
#press #press-list a:hover {font:14px arial; color:#df6e5d; }
#press #press-list2 {padding-bottom:15px; line-height:15px; }
#press #press-list2 li {padding-bottom:3px; float:left; margin-left:15px; list-style:none; }
#press #press-list2 a {text-decoration:none; font:14px arial; color:#36cbe1; }
#press #press-list2 a:hover {font:14px arial; color:#df6e5d; }
#press .single-title {margin-top:25px; }

#live #left {float:left; width:360px; }
#live #right {float:left; width:360px; margin-left:45px; }
#show-list {text-align:center; font:15px arial; color:#fff; }
.show-text {font:15px arial; color:#fff; }
/* ----------------------------------- STYLING FOR SUBPAGES */


/* ----------------------------------- STYLING FOR BLOG */
#blog p {font:13px arial; color:#fff; line-height:19px; }
#blog #main-content {width:750px; }
#blog-container {width:750px; font:14px arial; color:#fff; }
#blog-container p {padding-bottom:15px; }
#blog .gap {height:50px; }
#blog h2 {color:#33CCCC; padding-top:15px; }
#blog h2 a {color:#33CCCC; text-decoration:none; font:26px arial; letter-spacing:-1px; }
#blog h2 a:hover {color:#F446E3; text-decoration:underline; }
.postmetadata {padding:15px 0 35px 0; border-bottom:10px solid #666; }
.postmetadata a {color:#33CCCC; text-decoration:none; }
.postmetadata a:hover {color:#F446E3; text-decoration:underline;  }
.commentmetadata a {color:#33CCCC; text-decoration:none; }
.commentmetadata a:hover {color:#F446E3; text-decoration:underline;  }
.comment-author a {color:#33CCCC; text-decoration:none; }
.comment-author a:hover {color:#F446E3; text-decoration:underline;  }
#commentform {padding:15px 0 10px 0; }
#commentform a {color:#33CCCC; text-decoration:none; }
#commentform a:hover {color:#F446E3; text-decoration:underline;  }
#blog h3 {padding-bottom:10px; color:#33CCCC; }
.entry p {line-height:18px; padding-bottom:13px; }
.entry a {color:#33CCCC; text-decoration:none; }
.entry a:hover {color:#F446E3; text-decoration:underline; }
#comment {width:500px; height:100px; margin:5px 0 5px 0; border:1px solid #33CCCC; padding:2px; color:#fff; font:14px arial; }
#author, #email, #url {background:#333333; margin:5px 0 5px 0; border:1px solid #33CCCC; padding:2px; color:#fff; }
#backbutton {font:bold 16px arial; color:#fff; margin:0 0 10px 0; }
#backbutton a {color:#33CCCC; text-decoration:none; }
#backbutton a:hover {color:#F446E3; text-decoration:underline;  }
.alignleft a, .alignright a {color:#fff; font:12px arial; }
.alignleft a:hover, .alignright a:hover {color:#F446E3;  }
/* ----------------------------------- STYLING FOR BLOG */


#footer-graphic {margin-top:10px; }
#footer {height:80px; background:#36cbe1; width:100%; display:table; }
#foot-nav {width:950px; text-align:center; font:bold 27px arial; letter-spacing:-2px; margin:0 auto; padding-top:4px; }
#foot-nav a {color:#fff; text-decoration:none; }
#foot-nav a:hover {color:#ff448a; }


#bottom-bar {height:30px; width:100%; display:table; background:url(img/bottom-bar-bg.gif) repeat-x; position:fixed; bottom:0; }
#bottom-bar #socialmedia #left-icons {float:left; margin:0 0 0 3px; }
#bottom-bar #socialmedia #left-icons li {float:left; padding-left:2px; list-style:none; }

#bottom-bar #socialmedia #icons {float:right; padding-right:20px; }
#bottom-bar #socialmedia #icons li {float:left; padding-left:2px; list-style:none; }

.createfate {height:30px; width:58px; background:url(img/createfate-icon.gif) 0 0 no-repeat; }
.fmk {margin-left:5px; }
.fmk a {display:block; width: 73px; height:30px; background:url(img/fmk-icon.gif) 0 0 no-repeat; text-decoration: none; } 
.fmk a:hover {text-decoration:none; background-position: 0 -30px; cursor:pointer; }
.launchplayer {margin-right:20px; }
.launchplayer a {display:block; width: 113px; height:30px; background:url(img/launchplayer-roll.gif) 0 0 no-repeat; text-decoration: none; } 
.launchplayer a:hover {text-decoration:none; background-position: 0 -30px; cursor:pointer; }
.fbook { }
.fbook a {display:block; width: 70px; height:30px; background:url(img/fbook-roll.gif) 0 0 no-repeat; text-decoration: none; } 
.fbook a:hover {text-decoration:none; background-position: 0 -30px; }
.twitter { }
.twitter a {display:block; width: 63px; height:30px; background:url(img/twitter-roll.gif) 0 0 no-repeat; text-decoration: none; } 
.twitter a:hover {text-decoration:none; background-position: 0 -30px; }
.youtube { }
.youtube a {display:block; width: 58px; height:30px; background:url(img/youtube-roll.gif) 0 0 no-repeat; text-decoration: none; } 
.youtube a:hover {text-decoration:none; background-position: 0 -30px; }