/* html 5 resets */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,dialog,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video{ margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent}body{ line-height:1}article,aside,dialog,figure,footer,header,hgroup,nav,section{ display:block}nav ul{ list-style:none}blockquote,q{ quotes:none}blockquote:before,blockquote:after,q:before,q:after{ content:''; content:none}a{ margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; background:transparent}ins{ background-color:#ff9; color:#000; text-decoration:none}mark{ background-color:#ff9; color:#000; font-style:italic; font-weight:bold}del{ text-decoration:line-through}abbr[title],dfn[title]{ border-bottom:1px dotted #000; cursor:help}table{ border-collapse:collapse; border-spacing:0}hr{ display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0}input,select{ vertical-align:middle}
a { color: #2a2a2a; text-decoration: none }
body { background:#000 }
#dɐɹʍ { position:relative; z-index:9999; width:520px; margin: 0 auto; margin-top:60px; z-index: 666; display:none }
/* Overlay */
#overlay { position: fixed; z-index:7777; top: 0px; left: 0px; height:100%; width:100%; color:#f90; background:#000; cursor:pointer; display:none }
#overlay span.loading { margin: 0 auto; display:block; position: relative; top: 48%; text-indent:-9999px; width:32px; height:32px; background: url(../ajax-loader.gif) }
/* vimeoSlideshow style rules. */
#vimeoSlideshow { margin:0 auto; width:480px; height:300px; position:relative; /* background:#207aaa; */ }
#vimeoSlidesContainer { margin:0 auto; width:400px; height:300px; overflow:auto; position:relative }
.vimeoSlide { margin:0 auto; width:480px; /* #slidesContainer -20px */ height:300px }
.vimeoControl { display:block; width:39px; height:300px; text-indent:-9999px; position:absolute; cursor: pointer }
#vimeoLeftControl { top:0; left:0; background: url(images/leftControl.png) no-repeat }
#vimeoRightControl { top:0; right:0; background: url(images/rightControl.png) no-repeat }
#infoBox { cursor:pointer; margin:0 auto; margin-bottom: 10px; background:#fff; width:440px; height:75px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #000; text-shadow: 0px 1px 1px #ccc; z-index:1111 }
embed { z-index:6666 ; position: relative}
h1.vimeo { cursor:pointer; background:url(images/css_sprite_h1.png) ; text-indent:-9999px; width:124px; height:56px; display:block; margin-bottom: 10px; clear:both }
h1.twww { cursor:pointer; background:url(images/css_sprite_h1.png) 0 -56px; text-indent:-9999px; width:148px; height:55px; display:block; margin-top: 20px; margin-bottom:10px; clear:both }
h1.lfm { cursor:pointer; background:url(images/css_sprite_h1.png) 0 -112px; text-indent:-9999px; width:133px; height:55px; display:block; margin-top: 40px; clear:both }
h1.gowalla { cursor:pointer; background:url(images/css_sprite_h1.png) 0 -167px; text-indent:-9999px; width:161px; height:68px; display:block; margin-top: 20px; clear:both }
h1.info { cursor:pointer; background:url(images/css_sprite_h1.png) 0 -235px; text-indent:-9999px; width:79px; height:56px; display:block; clear:both }
#tweets { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #000; text-shadow: 0px 1px 1px #ccc; z-index:1111 }
.tweet { background:#fff; width: 140px; height:auto; padding-bottom:10px; float:left; margin-right:12px; margin-bottom:20px }
.tweet h3 { opacity: 0.75; font-size: 15px; padding-top: 10px; padding-right: 10px; padding-left: 10px }
.tweet p { opacity: 0.5; font-size: 15px; font-weight: 400; padding: 10px; width:120px }
.tweet span { opacity: 0.5; font-size: 10px; padding-right: 10px; padding-left: 10px }
#infoBox h1 { opacity: 0.75; font-size: 15px; padding-top: 2px; padding-left: 82px; display:block; position:absolute; width: 325px }
#infoBox h2 { opacity: 0.5; font-size: 15px; font-weight: 400; padding-top:19px; padding-left: 82px; display:block; position:absolute; width: 325px }
#infoBox h3 { opacity: 0.5; color:#000; font-size: 12px; padding-top:34px; padding-left: 82px; display:block; position:absolute; width: 325px }
#infoBox span { opacity: 0.5; font-size: 10px; padding-top:50px; padding-left: 82px; display:block; position:absolute; width: 325px }
#infoBox a:hover { color:#2a2a2a }
.twitter { display:block; float:left; position: relative; left: 138px; top: -56px; width: 121px; height: 85px; background: url(images/sharelovetwitter.png) }
.twitter>a { width: 121px; height: 85px; text-indent: -9999px; display:block }
.vimeotxt { width: 270px; display:block; float:left }
div#html5_patch { width: 150px; position: fixed; left: 20px; top: 60px; }
#lastfm { width:480px; margin: 0 auto; clear: both; padding-top: 14px; height:75px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #000; text-shadow: 0px 1px 1px #ccc }
#lastfm div.lastfm_track { width: 230px; height:75px; display:block; float:left; background:#fff; opacity: 0.75; cursor: pointer }
#lastfm div.lastfm_track img { width: 75px; float:left }
#lastfm div.lastfm_track div { width: 150px; float:left }
#lastfm div.lastfm_track h3 { opacity: 0.75; font-size: 15px; padding-top: 2px; padding-left: 10px }
#lastfm div.lastfm_track h4 { opacity: 0.5; font-size: 15px; font-weight: 400; padding-top: 2px; padding-left: 10px }
#lastfm div.lastfm_track h5 { opacity: 0.5; font-size: 10px; padding-left: 10px;}
#lastfm div.lastfm_track:first-child { margin-right: 10px }
#gowalla { cursor:pointer; margin:0 auto; margin-bottom: 10px; background:#fff; width:300px; height:118px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #000; text-shadow: 0px 1px 1px #ccc }
#gowalla img.icon { padding:10px; float:left }
#gowalla h2 { opacity: 0.75; font-size: 15px; padding-top: 10px }
#gowalla h3 { opacity: 0.5; font-size: 15px; font-weight: 400; padding-top: 2px; }
#gowalla h3 small { font-size: 10px; }
#gowalla h4 { opacity: 0.5; font-size: 10px; padding-top: 4px; float:right; width:130px; }
#gowalla img.user { width:42px; height:42px; padding-top:4px; }
#ǝɹɐɔoɥʍǝsoɥʇɹoɟ { margin-left: 94px; margin-bottom:40px; margin-top:-24px; width:340px; height:160px; background:#fff; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #000; text-shadow: 0px 1px 1px #ccc }
#ǝɹɐɔoɥʍǝsoɥʇɹoɟ h2 { opacity: 0.75; font-size: 15px; padding-top: 2px; padding-left: 10px }
#ǝɹɐɔoɥʍǝsoɥʇɹoɟ table { width: 420px; padding: 10px; margin-top:10px; }
#ǝɹɐɔoɥʍǝsoɥʇɹoɟ th { opacity: 0.5; font-size: 13px; font-weight: 400; padding-top: 2px; padding-left: 10px; text-align: left; width: 120px }
#ǝɹɐɔoɥʍǝsoɥʇɹoɟ td { opacity: 0.5; font-size: 13px; padding-left: 10px; padding-bottom:4px; text-align: left }
/* CSS 3 */
.tweet_1 { opacity: 0.75; -webkit-transform: rotate(+5deg) translateX(+5px) translateY(8px);
-moz-transform: rotate(+5deg) translateX(+5px) translateY(1px) }
.tweet_2 { opacity: 0.75; -webkit-transform: rotate(+2deg) translateY(8px);
-moz-transform: rotate(+2deg) translateY(1px) }
.tweet_3 { opacity: 0.75; -webkit-transform: rotate(-4deg) translateX(-5px) translateY(5px);
-moz-transform: rotate(-4deg) translateX(-5px) translateY(5px) }
#ǝɹɐɔoɥʍǝsoɥʇɹoɟ { opacity: 0.75; -webkit-transform: rotate(+5deg) translateX(-5px) translateY(4px);
-moz-transform: rotate(+5deg) translateX(-5px) translateY(4px)
-webkit-box-shadow: -1px 0px 2px #4a4a4a;
-moz-box-shadow: -1px 0px 2px #4a4a4a }
#infoBox { -webkit-transform: rotate(-3deg) translateX(-50px) translateY(10px);
-moz-transform: rotate(-3deg) translateX(-50px) translateY(10px);
opacity: 0.75;
-webkit-box-shadow: -1px 0px 2px #4a4a4a;
-moz-box-shadow: -1px 0px 2px #4a4a4a }
#twitter { -webkit-transform: rotate(3deg);
-moz-transform: rotate(3deg);
-webkit-box-shadow: -1px 0px 2px #4a4a4a;
-moz-box-shadow: -1px 0px 2px #4a4a4a }
#gowalla { opacity: 0.75; -webkit-transform: rotate(-3deg);
-moz-transform: rotate(-3deg);
-webkit-box-shadow: -1px 0px 2px #4a4a4a;
-moz-box-shadow: -1px 0px 2px #4a4a4a }
#infoBox span { -webkit-transform: translateY(-2px);
-moz-transform: translateY(-2px)
-webkit-box-shadow: -1px 0px 2px #4a4a4a;
-moz-box-shadow: -1px 0px 2px #4a4a4a }
.lastfm_track { -webkit-transform: rotate(3deg) translateX(-6px) translateY(+6px);
-moz-transform: rotate(3deg) translateX(-6px) translateY(+6px);
opacity: 0.75;
-webkit-box-shadow: -1px 0px 2px #4a4a4a;
-moz-box-shadow: -1px 0px 2px #4a4a4a }
.lastfm_track_1 { -webkit-transform: rotate(-6deg) translateX(+6px) translateY(-6px);
-moz-transform: rotate(-6deg) translateX(+6px) translateY(-6px) }
.rounded { -webkit-border-radius: 10px; -moz-border-radius: 10px }