@import url('reset.css');

body
{
    font-family: arial, helvetica, sans-serif;
}

.box h1 a
{
    color: #FFF;
    text-decoration: none;
}

.box h1 a:hover
{
    color: #E3E3E3;
    text-decoration: underline;
}

#copyright a
{
    color: #fff;
    text-decoration: none;
}

#copyright a:hover
{
    text-decoration: underline;
}



/***** UTILITY CLASSES ******/
.cb
{
    clear: both;
}

.cr
{
    clear: right;
}

.cl
{
    clear: left;
}

.left
{
    float: left;
}

.right
{
    float: right;
}

.center
{
    margin: 0 auto;
}

/***** TOP *****/
#top
{
    height: 60px;
}

#music-player
{
    float: right;
    padding-top: 10px;
}

#header
{
    padding: 15px 0 0 0;
    width: 1000px;
}

#logo
{
    float: left;
}

#header-banner
{
    float: right;
    width: 700px;
    height: 100px;
    border: black 1px solid;
    overflow: hidden;
}

/***** HEADER MENU *****/
#menu
{
    width: 1000px;
    margin: 0 auto;
    padding: 20px 0;
    text-transform: uppercase;
}

#menu li
{
    display: inline;
}

#footer-menu
{
    text-align: center;
    padding: 20px 0;
    text-transform: uppercase;
}

#footer-menu li
{
    display: inline;
}

.link
{
    font-size: 140%;
    padding: 0 10px;
    text-decoration: none;
}

.link:hover
{
    color: #000;
    text-decoration: underline;
}

.footer-link
{
    font-size: 140%;
    padding: 0 30px;
    text-decoration: none;
}

.footer-link:hover
{
    color: #FFF;
    text-decoration: underline;
}

/***** BANNER *****/
#banner
{
    margin: 0 auto;
    width: 1200px;
    height: 350px;
    background: url(../img/header_bg.png) transparent fixed no-repeat;
    background-position: center -70px;
    border: #360204 1px solid;
}

#banner-bottom
{
    height: 43px;
    width: 1200px;
    margin: 0 auto;
    border: #000 1px solid;
    overflow: hidden;
}

#registration-form
{
    padding: 100px 0 0 100px;
}

.promos
{
    padding-top: 10px;
}

.promos a
{
    display: block;
    padding: 10px 0 10px 90px;
}

.promos a:hover
{
    filter: alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity:0.8;
	opacity:0.8;
}

.promos img
{
    border: #FFF 5px solid;
}

#social-media
{
    float: right;
    padding-top: 4px;
    width: 120px;
}

#social-media a
{
    display: inline;
}

#fan-club
{
    background: url(../img/fan_club.png) transparent no-repeat;
    float: left;
    width: 400px;
    height: 40px;
}

#fan-club:hover
{
    filter: alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity:0.8;
	opacity:0.8;
}

/***** CONTENT *****/
#content
{
    width: 1000px;
    min-height: 600px;
}

#left-column
{
    float: left;
    width: 570px;
}

#right-column
{
    float: right;
    width: 400px;
}

.box
{
    margin: 20px 0;
}

.box-content
{
    padding: 10px 0;
}

.box h1
{
    font-size: 180%;
    padding: 2px 5px;
    text-transform: uppercase;
}

.content-picture
{
    float: left;
    padding: 0 10px 10px 0;
}

/***** FOOTER *****/
#footer
{
    min-height: 400px;
    width: 100%;
}

#copyright
{
    text-align: center;
    padding: 20px 0;
}

/***** FACEBOOK BANNER *****/
#facebook-banner
{
    background: url(../img/facebook_banner.png) #3b5998 no-repeat;
    height: 100px;
    width: 700px;
}

#facebook-banner iframe
{
    padding: 20px 0 0 600px;
}