master.css

/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.2.0
build: 2676
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}

/**************************
* Beatpetite              *
* http://reetpetweet.com  *
* by Stuart Memo          *
* Question Park           *
* http://questionpark.com *
**************************/

html {
    background: #273e49;
    font-family: Georgia;
    font-size: small;
}

#container {
    width: 650px;
    margin: auto;
    position: relative;
    top: 140px;
    color: #fff;
}

#floating-box {
    background: #fff;
    z-index:10;
}

p {
    color: #fff;
    font-family: Arial;
    font-size: 120%;
}

a {
    color: #fff;
}

.beat-circle, .vol-button {
    cursor: pointer;
}

@font-face {
  font-family: 'Lobster';
  font-style: normal;
  font-weight: normal;
  src: local('Lobster'), url('http://themes.googleusercontent.com/font?kit=9LpJGtNuM1D8FAZ2BkJH2Q') format('truetype');
}

h1 {
    float:left;
    font-size: 58px;
    font-style: normal;
    font-weight: 400;
    display: inline;
    text-shadow: none;
    text-decoration: none;
    text-transform: none;
    letter-spacing: 0em;
    word-spacing: 0em;
    color: #f2ed63;
    position: relative;
    margin-bottom: 20px;
    z-index:100;
}

h2 {
    position: relative;
    top: 54px;
    color: #f2ed63;
    float: right;
    font-size: 26px;
    right: 32px;
}

#stop, #start, #tweet input {
    color: #FFF;
    text-decoration: none;
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
    padding: 10px 20px;
    font-weight: bold;
    background-color: #2e4c5a;
    border: 0px;
    border-top-left-radius: 25px 25px;
    border-top-right-radius: 25px 25px;
    border-bottom-left-radius: 25px 25px;
    border-bottom-right-radius: 25px 25px;
    -moz-border-radius-topleft: 25px 25px;
    -moz-border-radius-topright: 25px 25px;
    -moz-border-radius-bottomleft: 25px 25px;
    -moz-border-radius-bottomright: 25px 25px;
    font-family: Arial, Verdana, sans-serif;
    font-size: 1.1em;
}

#stop:hover, #start:hover, #tweet input:hover {
    background-color: #f2ed63;
    color: #273e49;
    cursor: pointer;
}

#start {
    margin: 0 5px;
}

#footer {
    clear:both;
    position: relative;
    top: 355px;
}

#footer li {
    float: right;
}

#drum-select {
    color: #2e4c5a;
    font-size: 24px;
    float: left !important;
}

#drum-select li {
    margin: 5px;
}

#drum-select li:hover {
    cursor: pointer;
    color: #f2ed63;
}

#selected {
    color: #f2ed63;
}

ul {
    clear: both;
}

li {
    float: left;
    margin: 5px 10px 5px 0;
    width: 120px;
    text-align: center;
}

label {
    font-size: 170%;
}

#credits {
    clear: both;
    position: relative;
    top: 300px;
    padding-top: 10px;
}

#credits p {
    border-top-left-radius: 25px 25px;
    border-top-right-radius: 25px 25px;
    border-bottom-left-radius: 25px 25px;
    border-bottom-right-radius: 25px 25px;
    -moz-border-radius-topleft: 25px 25px;
    -moz-border-radius-topright: 25px 25px;
    -moz-border-radius-bottomleft: 25px 25px;
    -moz-border-radius-bottomright: 25px 25px;
    color: #a4a2c4;
    background: #27363d;
    padding: 8px 12px;
    text-align: right;
    font-size: 100%;
}

#credits p a {
   color: #a4a2c4;
   text-decoration: none;
}

#credits p a:hover {
    color: #f3cf63;
}

#credits p span {
    float: left;
}

#hidden-drums {
    display:none;
}

#no-ogg {
    background: #333;
    position: absolute !important;
    padding: 10px;
    top: -60px;
    width: 630px;
    line-height: 160%;
    display: none;
}

label {
    display: block
}

.controller {
    clear: both;
}

#keyboard {
    position: absolute;
    top: 230px;
    left: 15px;
}

.hold-me {
    background: #27363d;
    border-radius: 5px;
    clear: both;
    height: 310px;
    padding-top: 5px;
}

.typekit-badge {
    display: none !important;
}