/* MAIN BODY */

body {
	background: #fff url(images/backgrey.png) fixed;
	font-family: Arial,Helvetica,sans-serif;
	color: #000;
	margin: 0px;
	a {
		cursor: pointer;
	}
}

.wrapper {
	width: 980px;
	background-color: #fff;
	margin: 0 auto;
	padding: 10px 10px 10px 10px;
}

.content {
	width: 960px;
	padding-left: 10px;
	padding-right:10px;
}

.content h3 {
	color: #fd3b74;
	font-size: 1.3em;
}

/* HEADER AND MENU */

.header {
	width:980px;
	height:108px;
	background-image: url(images/iheartlogotrans.png);
	background-repeat: no-repeat;
	border:none;
}

.menu {
	width:980px;
	height:28px;
	border:none;
	font-family: arial;
	padding: 10px 0px 0px 0px;
	margin-bottom: 10px;
	margin-left: -3px;
}

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

.menu ul li{
	position: relative;
	display: inline;
	float: left;
}

.menu ul li a {
	display: block;
	text-decoration:none;
	color: #ffffff;
	background-color: #353535;
	margin: 0px 0px 3px 3px;
	padding: 3px 10px 3px 10px;
	width: 100px;
	text-align: center;
}

.menu ul li a:hover {
	display: block;
	text-decoration:none;
	color: #ffffff;
	background-color: #464646;
	margin: 0px 0px 3px 3px;
	padding: 3px 10px 3px 10px;
	width: 100px;
	text-align: center;
}

.menu ul li ul{
	left: 0;
	top: 0;
	position: absolute;
	display: block;
	visibility: hidden;
}

.menu ul li ul li{
	display: inline;
	float: none;
}

/* TWITTER WIDGET */

.twitter {
	width:372px;
	height:100px;
	background-image: url(images/twitterfeed.png);
	background-repeat: no-repeat;
	border:none;
        float:right;
}

.twitter img {
	border:none;
}

.tweet_list {
	width:372px;
	height:100px;
	padding:0px;
	margin:0px;
	float:left;
	font-size: 0.8em;
	text-align:right;
	list-style-type: none;
}

.tweet_list a {
	color:#6b6b6b;
	text-decoration:underline;
}

.tweet_list a:hover {
	text-decoration:none;
}
.tweet_text {
	width: 290px;
	float:left;
	margin-right:10px;
	padding: 10px 10px 0px 10px;
	text-align:left;
}

.tweet_time {
	width:290px;
	float:left;
	margin-right:10px;
	margin-top:5px;
	padding-right:10px;
	padding-left:10px;
	text-align:left;
}

.tweet_time a {
	color:#fd3b74 !important;
	text-decoration:none;
}

.tweet_time a:hover {
	text-decoration:underline !important;
}

.tweet_avatar {
	width:50px;
	height:50px;
    margin-top:-57px;
    margin-right:3px;
	border:none;
    float:right;
}

/* LARGE SALES BANNER */

.banner {
	width: 980px;
	height: 250px;
}

.photoban {
	position:absolute;
	z-index:0;
}

.pricebanner {
	height: 71px;
	position:relative;
	z-index:1;	
	float:right;
	margin-top:140px;
}

.priceend {
	height: 71px;
	width: 53px;
	background-image: url(images/priceend.png);
	float: left;
}

.priceban {
	height: 41px;
	background-image: url(images/priceban.png);
	float: left;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 5px;
	padding-right: 40px;
	font-size: 1.7em;
}

.priceban a{
	text-decoration:none;
	color:#000;
}

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

/* LAST PLAYED */

.tracks {
	width: 960px;
	height: 20px;
	margin-top:10px;
	padding: 10px 10px 5px 10px;
	background-color: #fd3b74;
	font-size: 0.8em;
}

.trackmain {
	width: 600px;
	float: left;
	padding-right: 15px;
}

.trackmain img {
	float:left;
	padding-left: 0px !important;
	padding-right: 10px;
}

.tracks img {
	float:left;
	padding-left: 10px;
}

.tracks a {
	text-decoration:none;
	color:#000;
	font-weight:bold;
}

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

.tracktime {
	float: right;
}

.trackhistory {
	font-size: 0.7em;
	width: 320px;
	z-index: 10;
	float: left;
}

.trackhistory a {
	display: block;
	text-decoration:none;
	width: 300px;
	background-color: #fd3b74;
	padding: 5px 10px 10px 10px;
}

.trackhistory ul {
	list-style-type: none;
	float: left;
	display: block;
	margin-top: -2px;
	padding: 0 !important;
}

.trackhistory ul li {
	position:relative;
}

.trackhistory ul li a {
	display: block;
}

.trackhistory ul li ul{
	padding-top: 5px;
	left: 0px;
	top: 26px;
	position: absolute;
	display: block;
	z-index: 10;
}

.trackhistory ul li ul li{
	display: inline;
	float: none;
}

.tracktimeloop {
	float: right;
}

/* BLOCKS AND WRAPPER */

.bannerwrap {
	width: 980px;
	height: 237px;
	padding: 10px 0px 10px 0px;
}

/* BLOG FEED BLOCK */
#feeddiv {
	width: 320px;
	height: 237px;
	float: left;
	background-color: #fff;
	background-image: url(images/blogposts.jpg);
	font-size: 1em;
}

#feeddiv a {
	text-decoration:underline;
	color:#000;
}

#feeddiv a:hover {
	text-decoration:none;
}

#feedblockdiv {
	width: 320px;
	height: 90px;
	float: left;
}

.blogpost {
	margin-top:11px;
	height: 35px;
	position:relative;
	z-index:1;	
	float:left;
}

.blogpostend {
	height: 35px;
	width: 30px;
	background-image: url(images/blogpostend.png);
	float: left;
}

.blogpostban {
	height: 19px;
	background-image: url(images/blogpost.png);
	float: left;
	padding:8px;
}


/* BOOK BLOCK */

.block1 {
	width: 156px;
	height: 237px;
	float: left;
	margin-left: 10px;
	background-color: #fd3b74;
}

.bookphoto {
	position:absolute;
	z-index:0;
}

#btopcaption {
	position:relative;
	height:30px;
	display:none;
}

.btopcaptionback {
	position:relative;
	z-index:1;
	height:30px;
	background: #fff;
	opacity:0.7;
	filter:alpha(opacity=70);
}

.btopcaptionin {
	position:absolute;
	z-index:2;
	height:20px;
	top:0;
	padding-top: 6px;
	padding-bottom:4px;
	padding-left:10px;
	padding-right:10px;
	width:136px;
	text-align:center;
}

#bookcaption {
	margin-top:137px;
	position:relative;
	height:70px;
	display:none;
}

.bookcaptionback {
	position:relative;
	height:70px;
	z-index:1;
	background: #fff;
	opacity:0.7;
	filter:alpha(opacity=70);
}

.bookcaptionin {
	position:absolute;
	top:0;
	z-index:2;
	padding: 10px;
	width:136px;
	text-align:center;
}

#bookcaption a {
	text-decoration:none;
	color:#000;
	font-weight:bold;
}

#bookcaption a:hover {
	text-decoration:underline;
	color:#000;
}

/* ALBUM BLOCK */

.albumdiv {
	width: 237px;
	height: 237px;
	float: left;
	margin-left: 10px;
	background-color: #fd3b74;
}

.albumphoto {
	position:absolute;
	z-index:0;
}

#topcaption {
	position:relative;
	height:30px;
	display:none;
}

.topcaptionback {
	position:relative;
	z-index:2;
	height:30px;
	background: #fff;
	opacity:0.7;
	filter:alpha(opacity=70);
}

.topcaptionin {
	position:absolute;
	z-index:3;
	height:20px;
	top:0;
	padding-top: 6px;
	padding-bottom:4px;
	width:237px;
	text-align:center;
}

#albumcaption {
	margin-top:157px;
	position:relative;
	height:50px;
	display:none;
}

.albumcaptionback {
	position:relative;
	height:50px;
	z-index:2;
	background: #fff;
	opacity:0.7;
	filter:alpha(opacity=70);
}

.albumcaptionin {
	position:absolute;
	top:0;
	z-index:3;
	padding-top: 10px;
	padding-bottom: 10px;
	width:237px;
	text-align:center;
}

#albumcaption a {
	text-decoration:none;
	color:#000;
	font-weight:bold;
}

#albumcaption a:hover {
	text-decoration:underline;
	color:#000;
}

/* GIG BLOG BLOCK */

.block4 {
	width: 237px;
	height: 237px;
	float: left;
	margin-left: 10px;
}


/* PHOTO SLIDER */

.thumbphoto {
	width:89px;
	margin-bottom: 10px;
	float: left;
}

#slider2 {
	width:980px;
}

/* FOOTER */

.footer {
	width: 970px;
	background-color: #353535;
	color: #ffffff;
	font-size: 0.7em;
	padding: 5px;
	clear:both;
}

.footer a {
	text-decoration:none;
	color: #ffffff;
}

.footer a:hover {
	text-decoration:underline;
	color: #ffffff;
}

/* OTHER PAGES FORMATTING */

.aboutpic {
	float:left;
	padding-bottom:20px;
}

.aboutpic img {
	border-radius: 10px;
}

.title {
	/*background-image: url(images/iheartbanner.png);*/
	/*background-repeat:no-repeat;*/
	color:#fd3b74;
	font-size:50px;
	font-weight:bold;
	text-shadow: -1px 1px #A6A6A6;
	text-align:left;
	/*padding-top:10px;*/
	padding-left:10px;
	filter:DropShadow(Color=#A6A6A6, OffX=-1, OffY=1);
}

.subtitle p {
	font-size: 1.3em;
}

.subtitle h3 {
	font-size: 1.5em;
	color:#353535;
}

.left {
	width:610px;
	float:left;
	padding-right:10px;
}

.right {
	width:333px;
	float:left;
	padding-top: -30px;
}

.photodiv {
	margin-top:10px;
	margin-bottom:10px;
}

.photodiv img {
	padding: 2px;
	margin: 4px;
}

.photodiv img:hover {
	padding: 2px;
	margin: 2px;
	border: 2px solid #d0d0d0;
}

.end {
	/*background-image: url(images/iheartbannerb.png);*/
	/*background-repeat:no-repeat;*/
	width:980px;
	height:10px;
	clear:both;
	/*margin-bottom: 10px;*/
}