@charset "utf-8";

/*
  CSS AUTHOR CONTACT INFORMATION:
  © 2009 Kenny Landes All rights reserved.
  Kenny Landes
  kenny@kennylandes.com
  www.kennylandes.com
  415-265-2818
 */
 
/* BROWSER RESETS */

html, body, div, h1, h2, h3, h4, p, ul, ol, li, dl, dt, dd, img, form, fieldset, blockquote {
    margin: 0px;
    padding: 0px;
    border: 0px;
    outline: 0px;
    font-size: 100%;
    vertical-align: baseline;
}

/* fixes Firefox's occasional undesireable scrollbar jump. */
html {
    overflow-y:scroll;
}

input[type=submit],label,select,.pointer {
/* establishes “pointer” cursor when the user mouses over it */    
    cursor:pointer;
}

/* UNIVERSALS */

* a {
    color: rgb(102,51,102);
    text-decoration: none;
    margin-bottom:24px;
    outline:none;
    border:0px;
}

* a:hover {
    color: rgb(204,0,102);
    text-decoration: underline;
}

* img {
    border-width:0;
    max-width:875px;
    padding:12px;
}

/* ELEMENTS */

form,table {
    border:0px;
    margin:0px auto 24px;
    height:96px;
}

body {
    background-color:rgb(204,0,102);
    color: rgb(102,51,102);
    font:12px arial, helvetica, sans-serif;
    text-align:center;
}

h1, h2, h3, h4, h5, h6 {
    color: rgb(102,51,102);
    margin-bottom:12px;
}

p {
    margin-bottom:8px;
}

/* DIVS */

#container {
    width:1036px;
    height:100%;
    background:rgb(204,0,102) url(../images/cookie_bg.png) repeat;
    text-align:center;
    margin:0px auto;
}

#now_playing, #coming_soon, #photo_shoots, #biography, #links, #subscribe {
    width:910px;
    height:100%;
    background-color:rgb(255,255,255);
    margin:24px auto 0px;
    padding:12px;
}

#home {
    background:rgb(255,255,255) url(../images/mast_home.png) no-repeat;
    width:910px;
    height:255px;
    margin:0px auto 24px;
    padding:12px;
}

#now_playing {
    background:rgb(255,255,255) url(../images/mast_playing.png) no-repeat;
    height:100%;
    padding:12px;
}

#coming_soon {
    background:rgb(255,255,255) url(../images/mast_coming.png) no-repeat;
    height:100%;
    padding:12px;
}

#photo_shoots {
    background:rgb(255,255,255) url(../images/mast_photos.png) no-repeat;
    height:100%;
    padding:12px;
}

#biography {
    background:rgb(255,255,255) url(../images/mast_biography.png) no-repeat;
    height:100%;
    padding:12px;
}

#copy {
    text-align:left;
    padding:24px;
}

#links {
    background:rgb(255,255,255) url(../images/mast_links.png) no-repeat;
    height:100%;
    padding:12px;
}

#links_list {
    padding-top:24px;
}

#subscribe {
    background:rgb(255,255,255) url(../images/mast_subscribe.png) no-repeat;
    height:100%;
    padding:12px;
}

#copyright {
    margin:12px auto;
}

/* CLASSES */

.right {
    float:right;
    margin:-12px 0px 10px 10px;
    width:218px;
    height:338px;
}

.links {
    font-size:14px;
    font-weight:bold;
    display:block;
}

.nav {
    margin-top:200px;
}

.nav_sub {
    margin-top:110px;
}

.nav_top {
    margin-top:0px;
}

.hide {
    visibility:hidden;
}

.radius {
/* Curved corners do not display in IE or Opera browsers. The styles below creates the effect as labeled. */
    -moz-border-radius:24px; /* Firefox */    
    -webkit-border-radius:24px; /* Safari and Chrome */    
    -khtml-border-radius:24px; /* Linux */    
    border-radius:24px; /* CSS 3 */    
}