html {
    overflow-y: scroll;
}

html, body {
    height:100%;
    
    margin:0;
    
    padding:0;
    
    font-size: .9em;
    font-family: "AmTypewriterMdITCTTRegular", "Trebuchet MS", serif;
    letter-spacing: 1px;
}

body {
    background-image: url('../images/body-background.jpg');
    background-repeat: no-repeat;
    background-position: center 0px; 
    
    background-color: #FFFFFF;
}

a {
    text-decoration: none;
    
    color: inherit;
}

a:hover {
    text-decoration: underline;
}

a:active
{
    outline: none;
}

a:focus
{
    -moz-outline-style: none;
}

ul {
    margin: 0;
    
    padding: 0;
    
    list-style-type: none;
}

li {
    margin: 0;
    
    padding: 0;
}

dl {
    margin: 0;
    
    padding: 0;
}

dt {
    margin: 0;
    
    padding: 0;
}

dd {
    margin: 0;
    
    padding: 0;
}

h4 {
    margin: 0;
    
    padding: 0;
}

p {
    margin: 0;
    
    padding: 0;
}

.debug {
    background: rgba(255, 0, 0, .3);
    border: 1px solid red;
}

div#page-background {
    position:fixed;
    
    width:100%;
    height: 100%;
    
    top:0;
    left:0;
    
    background-color: white;
    
    filter:alpha(opacity=80);
    -moz-opacity:0.80;
    -khtml-opacity: 0.80;
    opacity: 0.80;
}

div#fixed-header {
    position: fixed;
    
    width: 100%;
}

div.content-boundary {
    position: relative;
    
    width: 71em;
    
    margin-left: auto;
    margin-right: auto;
    
    padding-left: 15px;
    padding-right: 15px;
}

div#column-one {
    position: relative;

    float: left;
    
    padding-top: 150px;
    
    font-size: 1.1em;
}

div#column-one div#dj-header {
    position: relative;
    
    clear: both;
}

div#dj-header div#dj-name {
    font-size: 2.8em;
    letter-spacing: 2px;

    color: #FFFFFF;
    
    font-family: "FuturaMedium", "Trebuchet MS", Tahoma, Geneva, san-serif;
    
    /* Fallback for web browsers that doesn't support RGBa */
    background: rgb(230, 33, 213);
    /* RGBa with opacity */
    background: rgba(230, 33, 213, 1);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cce621d5, endColorstr=#cce621d5);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#cce621d5, endColorstr=#cce621d5)";
}

div#dj-header div#dj-name a {
    display: block;

    padding-left: 12px;
    padding-right: 12px;
}

div#dj-header div#dj-name a:hover {
    text-decoration: none;

    background-image: url("../images/white-grid-gradient-background-shorter.png");
    background-repeat: repeat-x;
    background-position: 0 bottom;
}

div#dj-header ul.navigation {
    margin: 0 0 5px 0;
    
    padding: 1px;

    list-style-type: none;
    
    /* Fallback for web browsers that doesn't support RGBa */
    border: 5px solid rgb(230, 33, 213);
    /* RGBa with opacity */
    border: 5px solid rgba(230, 33, 213, 1);
}

div#dj-header ul.navigation li {
    margin-top: 1px;
    
    padding: 3px 9px 3px 9px;
    
    color: white;
    
    /* Fallback for web browsers that doesn't support RGBa */
    background: rgb(230, 33, 213);
    /* RGBa with opacity */
    background: rgba(230, 33, 213, .8);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cce621d5, endColorstr=#cce621d5);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#cce621d5, endColorstr=#cce621d5)";
}

div#dj-header ul.navigation li.link:hover {
    /* Fallback for web browsers that doesn't support RGBa */
    background: rgb(230, 33, 213);
    /* RGBa with opacity */
    background: rgba(230, 33, 213, 1);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffe621d5, endColorstr=#ffe621d5);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffe621d5, endColorstr=#ffe621d5)";
}

div#dj-header ul.navigation li:first-child {
    margin-top: 0;
}

div#dj-header ul.navigation li.selected {
    color: #e621d5;
    
    background: none;
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00ffffff, endColorstr=#00ffffff);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00ffffff, endColorstr=#00ffffff)";
}

div#dj-header ul.navigation li.link {
    padding: 0;
}

div#dj-header ul.navigation li#contact-info-link {
}

div#dj-header ul.navigation li#contact-info {
    display: none;

    margin-top: 0;
    
    padding: 8px;
    
    color: #e621d5;
    
    background-image: url("../images/diagonal-stripe-background.png");
    background-repeat: repeat;
    
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00ffffff, endColorstr=#00ffffff);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00ffffff, endColorstr=#00ffffff)";
    
    /* Fallback for web browsers that doesn't support RGBa */
    border: 1px solid rgb(230, 33, 213);
    /* RGBa with opacity */
    border: 1px solid rgba(230, 33, 213, 0.8);
}

div#dj-header ul.navigation li#contact-info p {
    padding: 2px 0 2px 0;
}

div#dj-header ul.navigation li > a {
    display: block;
    
    padding: 3px 9px 3px 9px;
}

div#dj-header ul.navigation li a:hover {
    text-decoration: none;

    background-image: url("../images/white-grid-gradient-background-shorter.png");
    background-repeat: repeat-x;
    background-position: 0 bottom;
}

div#dj-header ul.navigation li span.comingsoon {
    font-weight: normal;
    font-size: .8em;
}

div#column-two {
    width: 48em;
    
    position: relative;

    float: right;
    
    padding: 160px 0 0 15px;
}

div.downsized div#column-two {
    border-left: 2px solid #e621d5;
    
    /* Fallback for web browsers that doesn't support RGBa */
    background: rgb(255, 255, 255);
    /* RGBa with opacity */
    background: rgba(255, 255, 255, .9);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#e5ffffff, endColorstr=#e5ffffff);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#e5ffffff, endColorstr=#e5ffffff)";
}

div#bottom-margin {
    width: 100%;
    height: 75px;
    clear: both;
}