@charset "utf-8";

/*

------------------------------------------------------------------

- Goodnight Sunrise Master Stylesheet -

Media:          Screen

Version:        1.0
Last Update:    5/23/2009

------------------------------------------------------------------


*** Styleguide ***
------------------------------------------------------------------


- Table of contents -

1. Body
    2. Wrap / #wrap
        3. Header / #header
        4. Content / #mainContent


- Colors -

Background:         #000 (black)
Content/Text:       #fff (white)
Header h1:            N/A
Header h2:            N/A
Footer:             N/A

a (standard):        N/A
a (visited):        N/A
a (active):            N/A
a (hover):          N/A


- Typography -

Body copy:          N/A
Headers:            N/A

*/


/* Reset Everything
---------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}

del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}


/* Global CSS
---------------------------------------------------------- */

body {
    background:#000;    
    color:#fff;
    margin:0;
    padding:0;
}

.clear {
    clear:both;    
}


/* Layout
---------------------------------------------------------- */

#wrap {
    margin:0 auto;
    padding:0;
    text-align:center;
    width:980px;
}

ul#externalLinks {
     list-style-type: none;
     list-style-position:outside;
     margin:10px 0 0 50px;
     padding:5px 0 0 0;
     position: relative;
}

ul#externalLinks li {
    display: block;
    overflow: hidden;
    padding: 0;
    cursor: pointer;
    float: left;
    /*width: 125px;*/ /* We're gonna do custom widths for each category */
    height: 45px;
    margin:0px 0px 5px 0px;
    background-image:url(/images/musiclinks.gif);
    background-repeat:no-repeat;
}

ul#externalLinks a {
    display:block;
    height:50px;
    text-indent:-9999px;
    outline:none;    
}

ul#externalLinks li#itunes {
    background-position:0px 0px;
    width:140px;
}

ul#externalLinks li#smartpunk {
    background-position:-140px 0px;
    width:105px;
}

ul#externalLinks li#youtube {
    background-position:-240px 0px;
    width:145px;
}

ul#externalLinks li#purevolume {
    background-position:-370px 0px;
    width:220px;
}

ul#externalLinks li#facebook {
    background-position:-590px 0px;
    width:160px;    
}

ul#externalLinks li#tumblr {
    background-position:-750px 0px;
    width:150px;
}

ul#externalLinks li#gomerch {
    background-position:0px -51px;
    width:140px;    
}

ul#externalLinks li#ilike {
    background-position:-150px -51px;
    width:105px;    
}

ul#externalLinks li#buzznet {
    background-position:-250px -51px;
    width:145px;    
}

ul#externalLinks li#lastfm {
    background-position:-390px -51px;
    width:115px;    
}

ul#externalLinks li#mtv {
    background-position:-515px -51px;
    width:120px;    
}

ul#externalLinks li#sonicbids {
    background-position:-645px -51px;
    width:150px;    
}

ul#externalLinks li#reverbnation {
    background-position:-760px -51px;
    width:100px;    
}