.header_wrapper {left:0px; top:0px; position:absolute; z-index:2; width:100%; min-width:980px;}
#header {position:absolute; top:0px; left:0px; left:50%; margin-left: -480px; border:none}
#header .logo.dark {width:121px; height:40px; background: url(/images/header_logo_medium.png)}

#introduction {position: absolute; z-index:1; width:100%; min-width:980px; height:100%; min-height:580px; left:0px; top:0px; background: url(/images/home_top_bg.gif) left center repeat-x;}
#introduction .shadow {position:absolute; top:50%; margin-top:15px; background: url(/images/home_top_shadow.png) center center no-repeat; height:118px; width:100%; }
#introduction .startmixing_wrapper {position:absolute; width:530px; height:0px; top:50%; left:50%; margin-left:-265px; margin-top:70px; }
#introduction .startmixing {position:absolute; bottom:0px; width:530px; height:180px; background: url(/images/home_top_startmixing.png); cursor: pointer; overflow: hidden}
#introduction .startmixing span {position: absolute; width:530px; height:180px; background: url(/images/home_top_startmixing_hover.png); visibility: hidden}
#introduction .pushbutton {position:absolute; width:107px; height:118px; left:50%; top:50%; margin-left:265px; margin-top:20px; background: url(/images/home_top_pushbutton.png)}
#introduction .embed_wrapper {position:absolute; width:530px; height:300px; top:50%; left:50%; margin-top: -230px; margin-left:-265px; }
#introduction .embed {position:absolute; bottom:0px; width:530px; overflow:hidden; background: black}
#introduction .embed .player {position: absolute;}
#introduction .embed_wrapper .close {position: absolute; width:84px; height:49px; background:url(/images/home_top_video_close.png); right:-80px; bottom:270px; cursor:pointer; visibility: hidden}
#introduction .embed_wrapper .close:hover {background-position: 0px -48px}
#introduction .news {position: absolute; bottom:40px; left:50%; margin-left:-480px; width:405px}
#introduction .news h2 {font-size: 1.8em; font-weight: bold; letter-spacing: -0.05em; color:black; text-shadow: 0px 1px #eee;}
#introduction .news h3 {color:#404040; font-weight: normal; font-size:1.2em}
#introduction .news .button {float:left; padding-left:15px; padding-right:15px; background-color: #f42717; color:white}
#introduction .news .button:hover {background-color:#08e2c6; color:black}
#introduction .news .ios img {position: absolute; bottom:-5px; right:0px}
#introduction .news .ios h3 {padding-top:8px; width:250px; line-height: 1.25em}
#introduction .news .ios .button {margin-top:5px}
#introduction .whatsthis {position: absolute; bottom:40px; left:50%; margin-left:480px;  }
#introduction .whatsthis .label {position: absolute; right:0px; bottom:0px; width:200px; padding-right: 33px; text-align: right; font-size:1.6em; font-weight: bold; letter-spacing:-0.05em; text-shadow: 0px 1px #eee; line-height: 27px; background: url(/images/home_top_whatsthis_arrow.png) right top no-repeat; cursor: pointer}
#introduction .whatsthis .label:hover { background-position: right -27px}

.stripes {float:left; height:120px; background:url(/images/home_top_stripes.png); border-top:1px solid #babcb6; display:none; width:100%}

#gallery {background-color: #2d2d2d; padding-top:30px; display:none}
#gallery .wrapper {width:960px; margin:0px auto}

#gallery #links {float:left; width:465px; color:#999; margin-bottom:25px}
#gallery #links a{float:left; font-size:14px; padding:7px 0px; padding-right:15px; color:#777; font-weight: bold; text-decoration: none}
#gallery #links a:hover {color:white}

#gallery #about {float:left; width:465px; color:white; font-size:1.5em; line-height:1.3em;  margin-bottom:30px}
#gallery #about h1 {background: url(/images/home_intro_title3.png) no-repeat; width:465px; height:85px; text-indent:-500px; overflow: hidden; }

#gallery #buzz {float:left}
#gallery #buzz #message { position:relative; width: 405px; padding:30px; background-color: #777; color:#2d2d2d; font-size: 22px; font-style: italic; line-height: 24px; -moz-border-radius: 14px; -webkit-border-radius: 14px; border-radius: 14px;}
#gallery #buzz .bname {color:white;padding-top:15px; position:absolute; bottom:-33px; right:5px; font-size: 12px; font-style: italic; background-image: url(/images/home_buzz_arrow.png?2); background-repeat: no-repeat; background-position: top 50%}
#gallery #buzz .pager {margin-left:30px; margin-top:8px}
#gallery #buzz a {color:#4d4d4d; text-decoration: none; font-size: 12px }
#gallery #buzz a:hover {color:white}
#gallery #buzz a.selected {color: white}

#gallery .tapes {float:right; color:#999; width:465px;}
#gallery .tapes .filter {float:left; width:465px; padding-bottom:25px}
#gallery .tapes .filter input {width:315px;}
#gallery .tapes .filter .button, #content .button {width:130px; text-align:center; margin-left:4px}
#gallery .tapes .filter .button {float:right;}
#gallery .tapes .filter .button:hover {background-color: white}
#gallery .tapes .tabs {float:left; width:100%; font-size: 14px; font-weight: normal; padding-bottom:8px; border-bottom:1px solid #5c5c5c;}
#gallery .tapes .tabs .tab {background-image:url(/images/home_tab_arrow.png); background-repeat:no-repeat; background-position:0px 50%; color:#6c6c6c; float:left; height:15px; line-height: 15px; padding-left: 19px; padding-right:20px; cursor:pointer;display:none;}
#gallery .tapes .tabs .tab.show{display:block}
#gallery .tapes .tabs .tab:hover, #gallery .tabs .tab.selected {background-image:url(/images/home_tab_arrow-hover.png); color:white}
#gallery .tapes .tabs .more a {float:right;font-size:9px;font-weight:normal;margin-top:3px;color:#999;text-decoration:none;}
#gallery .tapes .tabs .more a:hover {color:white}
#gallery .tapes .container {width:100%; position: relative;font-size:11px;font-weight: normal;}
#gallery .tapes .containers {width:100%; position: relative;font-size:11px;font-weight: normal; display:none; }
#gallery .tapes .containers .show {display:block; }
#gallery .tapes .galleryloading { display:none; background-image:url(/images/spinner-gallery.gif); background-position: 60px 50%; background-repeat: no-repeat; clear:both; color:white;font-size:11px;margin:0px;padding:10px}
#gallery .tapes .gallery {clear:both; height:330px; overflow-y: auto; overflow-x: hidden; width:100%; }
#gallery .tapes .item {float:left; width:417px; padding:8px; padding-right: 40px; border-bottom:1px dotted #444}
#gallery .tapes .item:hover {background-color:#1b1b1b} 
#gallery .tapes .item span {color:white}
#gallery .tapes .item .thumbs {width:110px; height:80px; position: relative; float:left; overflow: hidden; background-color:black;}
#gallery .tapes .item .thumbs img {position: absolute; left:-5px; top:-5px}
#gallery .tapes .item .scthumbbackground{position:absolute;background-color:#efefef;width:110px;height:80px}
#gallery .tapes .item .thumbs img.sc{ width:110px; height:30px; top:25px;  left:0px; }
#gallery .tapes .item .title {float:left; padding:8px; line-height:13px;width:275px}
#gallery .tapes .item .title .details {padding-top:3px}
#gallery .tapes .item a {color:#08e2c6; text-decoration: none; font-size: 16px; font-weight: bold; line-height:15px}
#gallery .tapes .item a:hover {color:white; text-decoration: underline}
#gallery .tapes .item .details a {font-size: 11px;line-height:11px}
#gallery .tapes .item .buttons {padding-top:4px; visibility:hidden}
#gallery .tapes .item .buttons a {float:left; height:21px; line-height:21px; font-size: 9px !important; padding:0px 8px; background-color:#ccc; color:#111; margin-right:2px}
#gallery .tapes .item .buttons a:hover {text-decoration: none; background-color: #f42717; color:white}
#gallery .tapes .item:hover .buttons {visibility:visible}
#gallery .tapes .item .likes{background-position: 0 2px;}
#gallery .tapes .scrollbar_container {position:absolute; right:0px; top:0px; width:17px; height:330px; background-color: #2d2d2d} 
#gallery .tapes .scrollbar {position:absolute; right:0px; top:8px; width:6px; height:324px; background-color: #404040}
#gallery .tapes .dragger {position:absolute; top:0px; left:0px; width:6px; height:100px; background-color: white}
#gallery .tapes .galleryloading { display:none; background-image:url(/images/spinner-gallery.gif); background-position: 60px 50%; background-repeat: no-repeat; clear:both; color:white;font-size:11px;margin:0px;padding:10px}

#social {background-color: #2d2d2d; width:100%; padding:50px 0px; display:none}
#social .wrapper {width:960px; margin:0px auto}

#fb {width:465px; overflow:hidden; float:left;}

.twtr {float:right}
.twtr-header {position:relative; font-family:Arial, sans-serif !important; font-size: 14px; padding-left: 19px; color:white; line-height: 17px; font-weight: bold; width: 446px; border-bottom: 1px solid #5c5c5c; padding-bottom: 8px; background-image:url(/images/home_footer_tw.png); background-repeat:no-repeat; background-position:0px 1px;}
.twtr-widget {width:465px}
.twtr-header a {position:absolute; right:0px; top:3px; font-size: 10px; color:#08e2c6; text-decoration: none; font-weight: normal}
.twtr-header a:hover {text-decoration: underline}
.twtr-widget .twtr-hd {display: none}
.twtr-widget .twtr-bd {margin-bottom:30px} 
.twtr-widget .twtr-ft {display: none}
.twtr-widget .twtr-tweet-wrap {padding:8px 0px !important}
.twtr-widget .twtr-tweet {border-bottom:1px dotted #444 !important; font-family: Arial, sans-serif !important; font-size:12px !important}
.twtr-widget .twtr-tweet-text em {font-size: 11px;}

body.home #footer {background-color: #404040; padding:15px 0px; display:none;}
body.home #footer .cols {margin:0 auto; width:960px; position: relative; }
body.home #footer .cols .col.last {color:#777; right:15px}
body.home #footer div.title {color:#ccc !important}
body.home #footer a {color:#999}
body.home #footer a:hover {color:white}