@import url("reset.css");

body{
    background: #000 url(../img/splash/bodybg.jpg) no-repeat 50% 0;
    font-family: "Arial Narrow", sans-serif;
    font-size: 62.5%; /* 1em=10px. orig: 75*/
    font-size-adjust: 100%;
    line-height: 1.7em;
}
p{
    font-size: 1.5em;
    line-height: 1.6em;
    margin: 1em 0;
}
ul, ol{
    font-size: 1.6em;
    line-height: 1.7em;
    margin: 1em 0;
}
h2{
    border-bottom:1px solid #c60;
    color: #ff9;
    font-variant:small-caps;
    font-size: 2.4em;
    font-weight: bold;
    margin-bottom:0.5em;
    margin-top:1.25em;
    padding:5px 0;
}
h3{
    color: #ff9;
    font-size: 2em;
    font-weight: normal;
    line-height: 1.4em;
    margin-bottom: 0.75em;
}
a{
    color: #c60;
    text-decoration: none;
}
a:hover{
    text-decoration: underline;
}
a.button {
    background: url(../img/button-bg.png) repeat-x top left;
    border: solid 1px #975f35;
    color: #975f35;
    clear: both;
    display: block;
    float: right;
    font-family: Verdana, sans-serif;
    font-size: 13px;
    font-weight: bold;
    line-height: 11px;
    margin-right: 20px;
    margin-left: auto;
    padding: 5px 12px 7px;
    text-transform: lowercase;

    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
div.frame{
    margin: 0 auto;
    padding-left: 7px; /* off-center correction */
    margin-bottom: 10px;
    position: relative;
    width: 999px;
}
div.content{
    background: #000 url(../img/splash/contentbg.jpg) no-repeat 0 0;
    color: #fff;
    overflow: hidden;
    padding: 395px 0 0 5px; /* top area is 374px */
}
/*---- columns ----*/
div.leftcol{
    float: left;
    padding-left: 30px;
    width: 560px;
}
div.rightcol{
    float: left;
    padding-left: 50px;
    width:320px;
}
div.mod{
    background: #FDF1D9;
    color: #2A160F;
    overflow: auto;
    padding: 10px 8px;
}

div.content ul{
    list-style: disc;
}
div.content li{
    margin-left: 4em;
}
div.frame h1{
    position: absolute;
    top: -100px;
}
img#abc-logo{
    position: absolute;
    top: 280px;
    left: 556px;
}
a#home-link{
    display: block;
    height: 235px;
    position: absolute;
    top: 0;
    left: 20px;
    width: 410px;
}
a#home-link{
    text-decoration: none;
}
div.content img#toprightbox{
    position: absolute;
    top: 0;
    right: 0;
}
div.widget{
    margin-top: 5px;
}
div#cma-exclusive{
    background: #fdf1d9 url(../img/splash/cma-exclusive.png) no-repeat 50% 23%;
    height: 65px;
    padding: 72px 10px 10px;
}
div#cma-exclusive p{
    border-top: solid 1px #cbc1a3;
    font-size: 1.3em;
    margin: 0;
    padding: 5px 0;
}
a div#cma-exclusive{
    color: #000;
}
/*---- callout slider ----*/
div#callout{
    position: absolute;
    top: 285px;
    left: 630px;
    height: 80px;
}
div#callout, div#callout li{
    height: 80px;
    width: 310px;
}
div#callout p{
    color: #f03;
    font-family: 'Arial Narrow', Arial, sans-serif;
    font-size: 1.75em;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    /*font-variant: small-caps;*/
}
ol#controls{
    position: absolute;
    color: red;
    top: 364px;
    left: 900px;
    margin: 0;
    z-index: 1;
}
ol#controls li{
    background: transparent url(../img/splash/slider-controls.png) no-repeat top left;
    height: 0;
    float: left;
    margin: 0 3px 0 0;
    overflow: hidden;
    padding-top: 9px;
    width: 9px;
}
ol#controls li.current{
    background-position: top right;
}
/*---- marquee ----*/
div#marquee{
    color: #fff;
    font-size: 2.2em;
    font-weight: bold;
    height: 30px;
    overflow: hidden;
    position: absolute;
    top: 338px;
    left: 86px;
    text-shadow: #fff 0 0 3px;
    text-transform: uppercase;
    width: 539px;
}
div#marquee h1{
    padding: 5px;
    position: relative;
    top: 0;
}
div#marquee ul{
    font-size: 1em;
    line-height: 1em;
    padding: 5px;
    white-space: nowrap;
}
div#marquee li{
    display: inline;
    height: 26px;
    padding: 3px 10px;
}
/*---- content ----*/
div.feature{
    font-family: Arial, sans-serif;
    /*height: 146px;*/
    overflow: auto;
    padding: 0 30px 10px 0;
    text-align: right;
    margin: 10px 0 20px;
}
div.feature img{
    border: solid 1px #ff9;
    margin: 0 32px 0 14px;
    float: right;
}
div.feature h1{
    color: #ff9;
    clear: both;
    font-family: "federa sans", sans-serif;
    position: relative;
    font-size: 3em;
    line-height: 1em;
    text-align: center;
    top: auto;
}
div.feature h2{
    border: none;
    color: #ff9;
    font-size: 2.65em;
    font-variant: normal;
    line-height: 1.15em;
    margin: 0 0 0.5em;
    padding: 0;
}
div.feature p{
    font-size: 1.7em;
    font-weight: bold;
    line-height: 1.3em;
    margin: 0;
}
div.col{
    color: #fff;
    float: left;
    min-height: 400px;
    padding-left: 22px;
    width: 300px;
}
div.col .btn, div.col h2{
    background: #dab42c url(../img/splash/gold-gradient.png) 0 0 repeat-x;
    border: solid 1px #e2dc41;
    color: #333c28;
    display: block;
    font-size: 1.8em;
    font-variant: normal;
    font-weight: bold;
    height: 32px;
    line-height: 32px;
    margin: 0 0 5px;
    padding: 0 10px;
    text-decoration: none;
    text-transform: uppercase;
}
div.col h2 a{
    color: #333c28;
}
div.col a:hover{
    text-decoration: underline;
}
div.col h2.small{
    font-size: 1.2em;
}
div.col h2.small span{
    padding: 0 5px;
}
h2 span.social-icons{
    display: block;
    float: right;
    font-size: 0.5em;
    margin-right: -8px;
    padding-top: 3px;
}
h2 span.social-icons img{
    display: block;
    float: left;
    padding-left: 1px;
}
h2#performing-artists{
    /*background: transparent url(../img/splash/header-performing-artists.png) no-repeat 300px 100%;*/
    background: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: solid 1px #e2dc41;
    clear: both;
    height: 88px;
    margin-left: -5px;
    margin-bottom: 10px;
    overflow: hidden;
    padding: 10px 0 0;
    position: relative;/* 1000 x 88 */
}
div.artists{
    clear: both;
    margin-bottom: 30px;
    padding-left: 24px;
}
div.artists img{
    display: block;
    float: left;
    height: 149px;
    padding-right: 16px;
    margin-bottom: 10px;
    width: 176px;
}
div.artists img.banner{
    height: auto;
    width: auto;
}
div.footer{
    clear: both;
    color: #fff;
    font-size: 11px;
    padding: 5em 0 0;
    text-align: center;
}
div.footer a{
    color: #fff;
}
/*---- slider ----*/
div.slider, div.marquee{
    overflow: hidden;
}
div.slider ul, div.slider ul li, div.marquee ul, div.marquee ul li{
    background: none;
    list-style: none;
    margin: 0;
    padding: 0;
}

/*---- rounded box ----*/
div.rounded{
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
div.rounded a{
    font-weight: bold;
}
div.rounded a:hover{
    text-decoration: none;
}

/*----- rounded box variations ----*/
div#rounded-tix{
    background: transparent url(../img/box-tickets-2011.png) no-repeat;
    color: #2a1510;
    font-size: 1.5em;
    height: 20px;
    margin: 0 auto;
    padding: 240px 0 0;
    text-align: center;
    text-transform: uppercase;
}
div#rounded-tix a{
    color: inherit;
    font-weight: bold;
}
div#rounded-pass{
    font-size; 1.7em;
    text-align: center;
    margin: 0 auto;
    padding: 10px 0;
}
div#rounded-pass div.ticketmaster{
    width: 100%;
}
div#rounded-pass div.ticketmaster img{
    display: block;
    float: left;
    padding-left: 20px;
}
div#rounded-pass div.ticketmaster a.button{
    clear: none;
}

/* -------------- WEBTOOLS PAGE --------------- */
div.midcol{
    padding-left: 30px;
    width: 900px;
}

#tweet-artists {
	float:left;
	width: 435px;
	padding-right:30px;
}

#fb-artists {
	float:left;
	width:435px;
}

.videos {
	float:left;
	padding-bottom: 10px}

.banners{
	float:left;
	padding-bottom: 10px}

.widgets{
	float:left;
	padding-right:10px;
	padding-bottom: 10px}	
	
.logos{
	float:left;
	padding-right:10px;
	padding-bottom: 10px}		

.logos a{
	font-size:15px;
    color: #c60;
    text-decoration: none;
}

.logos a:hover{
	text-decoration:underline;
}

div.feature-left{
    font-family: Arial, sans-serif;
    /*height: 146px;*/
    overflow: auto;
    padding: 0 30px 10px 0;
    text-align: left;
    margin: 10px 0 20px;
}
div.feature-left h1{
    color: #ff9;
    clear: both;
    font-family: "fedra sans", sans-serif;
    position: relative;
    font-size: 3em;
    line-height: 1em;
    text-align: center;
    top: auto;
}
div.feature-left h2{
    border: none;
    color: #ff9;
    font-size: 2.65em;
    font-variant: normal;
    line-height: 1.15em;
    margin: 0 0 0.5em;
    padding: 0;
}
div.feature-left p{
    font-size: 1.7em;
    font-weight: bold;
    line-height: 1.3em;
    margin: 0;
}