/*  
Version: 1.0
Author: ID Society
Author URI: http://idsociety.com/
*/

* {
	padding: 0;
	margin: 0;}

body {
	background-image: url(/images/body_bg.gif);
	background-position: center;
	background-repeat: repeat-y;
	background-color: #fff;
	text-align: center;
}

img {
    border: none;
}   

div#content {
	width: 1000px;
	height: auto;
	position: relative;
	background-image: url(/images/content_bg.jpg);
	background-repeat: no-repeat;
	background-color: #000;
	margin: 0 auto 0 auto;
	text-align: left; 
}

#header {
    height: 195px;
    position: relative;
}

h1 {
	width: 250px;
	height: 140px;
	position: absolute;
	top: 0;
	left: 0;
	text-indent: -9999px;
	z-index: 9999;
	overflow: hidden;
	background-image: url(/images/logo.jpg);
}
	
h1 a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: none;
}	
    
#nav {
    position: absolute;
    left: 300px;
    color: white;
    list-style: none;
	z-index: 9998;
	font-family: arial, verdana, sans-serif;
    font-weight: bolder;
    font-size: .7em;
    text-transform: uppercase;
}
    #nav li {
        float: left;
        padding: 0 10px 0 15px;
    }
    
    #nav a {
        display: block;
        float: left;
        height: 34px;
        heig\ht: 24px;
        padding: 10px 0 0;
    }
    
    #nav li a:link,
    #nav li a:visited {
        color: White;
        text-decoration: none;
    }
    
    
div#columns {
	position: relative;
	width: 1000px;
    z-index: 0;
	height: auto; }
	
/* IE HACK */
.clear {
    _height: 1% }
/* END IE HACK */

.clear:after {
    visibility: hidden;
    display: block;
    content: '.';
    clear: both;
    height: 0 }	

/*Left Column Stuff*/			
div#column-1 {
	float: right;
	width: 300px;
	min-height: 400px;
}

span#tune_in,
span#curated_by {	
	display: block;
	position: relative;
	width: 300px;
	height: 64px;
	background-image: url(/images/tune_in.jpg);
}	
	
span#tune_in span,
span#curated_by span {
	display: block;
	position: absolute;
	text-indent: -9999px;
	overflow: hidden;
	height: 100%;
	width: 100%;
}	
	
span#curated_by {	
	height: 49px;
	background-image: url(/images/curated_by.jpg);
}	
	
span#performers {
	display: block;
	width: 287px;
	font-family: arial, verdana, sans-serif;
	font-size: .7em;
	color: #fff;
	text-transform: uppercase;
	line-height: 1.1em;
	padding: 0 0 0 13px;
}

span#performers span {
	color: #FF972C;
}	

h3#links {
	position: relative;
	top: 0;
	left: 0;
	margin: 35px 0 0 0;
	width: 300px;
	height: 39px;
	background-image: url(/images/h3_promotions.gif);
}
	
h3#links span {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	text-indent: -9999px;
}

#link-grp {
    min-height: 235px;    
    _height: 275px;
    padding: 0 0 1em;
}
	
#link-grp ul {
	list-style-type: none;    
}
	
#link-grp li {
    position: relative;
	width: 261px;
	margin: 15px 0 0 13px; 
	font-family: verdana, arial, sans-serif;
	font-size: .7em;
	color: #fff; }	
	
#link-grp li span {
	display: block;
	width: 240px;
}
	
#link-grp li a.go {
	width: auto;
	font-family: verdana, arial, sans-serif;
	font-size: 1em;
	text-decoration: none;
    display: block;
	background: url(/images/archive_arrow.gif) no-repeat right;
	color: #FF972C;
}	
	
#link-grp li a:hover {
	text-decoration: underline; }

/*
#link-grp a.go {
    display: block;
    position: absolute;
	background-image: url(/images/archive_arrow.gif);
    width: 9px;
    height: 10px;
    overflow: hidden;
    text-indent: -1000em;
    right: 0px;
    bottom: 0px;
} */

#left-ad {
    height: 250px;
    background: #000;
    position: relative;
}

/** 
* Middle Column Stuff
*/	

div#column-2 {
    position: relative;
	float: right;
	width: 540px;
	height: auto;
    _height: 725px;
    min-height: 725px }
    #fr p {
        color: White;
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        margin: 1em;
        list-style: none;
    }
    #fr ul {
        color: White;
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        margin: 1em;
        list-style: none;
    }
    #fr li {
        margin: 1em 0;
    }
    #fr a {
        display: block;
        font-weight: bolder;
        color: white;
    }

.no-ad div#column-2 {
    width: 700px;
}

h2 {
	position: relative;
	top: 0;
	left: 0;
	width: 540px;
	height: 74px;
	background-image: url(/images/h2_latest_news.jpg);
}
    
    h2.error {background-image: url(/images/h2_error.jpg)}
    h2.search {background-image: url(/images/h2_search_results.jpg)}
    h2.archive {background-image: url(/images/h2_archive.jpg)}

h2 a{
    height: 44px;
    width: 215px;
    position: absolute;
    right: 15px;
    top: 15px;
    text-indent: -100000000em;
    overflow: hidden;
}    
    
.no-ad h2 {
    width: 700px;
}

h2 span,
h3 span {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	text-indent: -9999px; }
			
h3#sound_off {
    height: 52px;
    width: 700px;
    position: relative;
    top: 0;
    left: 0;
    background-image: url(/images/so-hottest_band.jpg);
}

a.sponsored {
	position: relative;
	top: 0;
	left: 0;
	display: block;
	width: 540px;
	height: 48px;
	background-image: url(/images/sponsored_by_cingular.jpg);
    background-color: #000000;
    background-repeat: no-repeat;
}

a.sponsored span {
    display: none;
}
    
.no-ad a.sponsored {
    width: 700px;
}
	

div.stories {
    color: White;
    background: transparent url(/images/vertical_dash.gif) repeat-y center;
	font-family: verdana, arial, sans-serif;
}
    .story {
        color: White;
        width: 239px;
        padding: 15px;
        margin: 0 0 1em;
    	font-family: verdana, arial, sans-serif;
    	font-size: .6em;
    }
    .story.wide {
        width: 500px;
    }
    .story.wide img.right {
        float: right;
    }
    .story.wide p.left {
        position: absolute;
        margin: 5px 0;
        padding-right: 269px;
    }
    .story.right {
        float: right;
    }
    .story.left {
        float: left;
    }
    .story h3 {
        font-size: 1.5em;
        padding: 0 0 .5em;
        margin: 0 0 .5em ;
        background: url(/images/promo_h3_bg.gif) repeat-x bottom;
    }
    .story h3 a {
        display: block;
	    background: url(/images/archive_arrow.gif) no-repeat right;
        position: relative;
    }
    .story p {
        margin: 0 0 1em;
    }
    .story h3 a{
        text-decoration: none;
    }
    .story h3 a:hover{
        text-decoration:  underline;
    }

#story-content {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: .7em;
    color: white;
    margin: 15px;
    position: relative;
}
    #story-content h3 {
        height: 26px;
        margin: 0 0 2em;
    }
	#story-content #author {
		margin: -1em 0 4em;
	}
    #story-content h3 span {
        visibility: hidden;
    }
    #story-content h4 {
        margin: 1.2em 0 0;
		font-size: 1em;
    }
    #f-gallery {
        position: absolute;
        right: 15px;
        top: 145px;
    }
    #story-content ul {
        margin-left: 1.5em
    }
    #story-content p,
    #story-content h4,
    #story-content ul {
        width: 305px;
    }
    #story-content p,
    #story-content ul {
		line-height: 1.4em;
	} 
	

#pagination {
    background: transparent url(../images/promo_h3_bg.gif) repeat-x top;
    height: 25px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: .7em;
    color: White;
    margin: 15px;
	position: relative;
}
    #pagination ul {
        float: left;
        list-style: none;
        margin: 10px 0;
    }
    #pagination a {
        color: White;
        text-decoration: none;
    }
    #pagination a:link:hover {
        text-decoration: underline;
    }
    #next-prev {
        width: 290px
    }
    #next-prev li.left{
        float: left; 
    }
    #next-prev li.left a{
        display: block;
        float: left;
        padding-left: 20px;
	    background: url(/images/archive_arrow-previous.gif) no-repeat left;
        position: relative;
    }
    #next-prev li.right {
        float: right;
        position: relative;
    }
    #next-prev li.right a{
        display: block;
        padding-right: 20px;
	    background: url(/images/archive_arrow.gif) no-repeat right;
        position: relative;
    }
    #page-num {
        padding: 0 0 0 15px;
		position: absolute;
		right: 0px;
    }
    #page-num li {
        float: left;
        padding: 0 4px;
        border-right-style: solid;
        border-right-width: 1px;
        border-right-color: White; 
    }
    #page-num li a:link,
    #page-num li a:visited {
        color: White;
    }
    #page-num li.first,
    #page-num li.last {
        border: none;
    }
    
    
#other-stories {
    list-style: none;
    height: 32px;
    background: url(../images/other_story_bg.gif) repeat-x;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: .7em;
    margin: 0 15px 60px;
}
    #other-stories li {
        padding: 9px 0 0;
        font-weight: bolder;
    }
    #other-stories li.left {
        float: left;     
    }
    #other-stories li.right {
        float: right;     
    }
    #other-stories li a {
        display: block;
        position: relative;
        text-decoration: none;
        padding-right: 15px;
        background: url(../images/beauty_arrow.jpg) no-repeat right;
        color: #E3D0B7;
    }
    
.p-credits {
    color: #666666;
    margin: -30px 15px 30px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: .65em;
}

div#presented_by {
	position: absolute;
    bottom: 0;
    left: 0;
	width: 540px;
	height: 101px;
	background-image: url(/images/presented_by_bg.gif); }
	
h3#presented {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	text-indent: -9999px;
	overflow: hidden;
}	
	
a#chevy {
	position: absolute;
	top: 29px;
	left: 20px;
	width: 96px;
	height: 59px;
	text-indent: -9999px;
	overflow: hidden;
	background-image: url(/images/chevy.jpg);
}
	
a#cingular {
	position: absolute;
	top: 33px;
	left: 134px;
	width: 149px;
	height: 42px;
	text-indent: -9999px;
	overflow: hidden;
	background-image: url(/images/cingular.gif);
}	
	
a#citi {
	position: absolute;
	top: 29px;
	left: 305px;
	width: 70px;
	height: 50px;
	text-indent: -9999px;
	overflow: hidden;
	background-image: url(/images/citi.gif);
}	
	
a#loreal {
	position: absolute;
	top: 35px;
	left: 395px;
	width: 118px;
	height: 38px;
	text-indent: -9999px;
	overflow: hidden;
	background-image: url(/images/loreal.gif);
}				
	
div.message {
	font-family: verdana, arial, sans-serif;
	font-size: .7em;
	color: #fff;
    padding: 3em 2em;
}
    
/*Right Column Stuff*/	
div#column-3 {
	float: right;
	width: 160px;
	height: 600px;
	background-color: black;
}
	
/*Action Bar Stuff*/	
div#action_bar {
	position: relative;
	width: 1000px;
	height: 78px;
    background-color: transparent;
	background-image: url(/images/action_bar_bg.gif);
	background-repeat: no-repeat; }
    
    #action_bar div#signup_div {
        width: 434px;
        float: left;}
	#action_bar div#send_to_a_friend_div {
        width: 550px;
        float: left;}
    
p.legal {	
	font-family: verdana, arial, sans-serif;
	font-size: .6em;
	color: #AD8763;
	font-weight: bold;
	padding: 12px 0 25px 0;
}	
	
p.legal a:link, p.legal a:visited, p.legal a:hover, p.legal a:active {
	color: #fff;
	text-decoration: none;
}
	
p.legal a:hover {
	text-decoration: underline;
}