/* CSS Document */

/* tags */
body { font-family: tahoma, arial; color:#060d10; font-size:11px; }
p { padding:0px; margin:0px; line-height:16px; }
h1, h2, h3 { padding:0px; margin:0px; font-family:tahoma, arial; font-size:15px; color:#4c585f; }
a { text-decoration: none; font-family:tahoma, arial; color:#505a5d; }
a:hover { text-decoration: underline; }
ul { list-style:none; padding:0px; margin:0px; }
li { padding:0px; margin:0px; }
img { border:0px; }

/* general */
.clear { clear:both; display:block;  }
.noBg { background:none; }
.full { width:100%; }
.white { color:#fff; }
.bannerAlex { margin-left: 15px; background-image:url(../img/artists/alexBanner.gif); background-repeat:no-repeat; height: 70px; }
.bannerFearne { margin-left: 15px; background-image:url(../img/artists/fearneBanner.gif); background-repeat:no-repeat; height: 70px; }

/* button styling */
.buttonText { color:#324049; line-height:25px; font-size:11px; font-weight:bold; }

/* buttons */

/* subscribe */
div.stayInTouch a.subscribe { position:absolute; top:79px; right:10px; background: url(../img/buttons/stayInTouchButton.gif) no-repeat top left; width:89px; height:26px; display:block; text-indent:9px; }
div.stayInTouch a.subscribe:hover { background-position: 0 0; text-decoration:none; }

/* profile */
div.artistList a2.profile { position:absolute; top:63px; right:5px; background: url(../img/buttons/profile.gif) no-repeat top left; width:60px; height:26px; display:block; text-indent:6px; }
div.artistList a2.profile:hover { background-position: 0 0; text-decoration:none; }

/* all articles */
div.content a.allArticles { position:relative; background: url(../img/buttons/newsButton.gif) no-repeat top left; width:138px; height:26px; display:block; text-indent:14px; margin:10px 10px 10px 15px; }
div.content a.allArticles:hover { background-position: 0 0; text-decoration:none; }

/* all events */
div.eventsButton a.allEvents { position:relative; background: url(../img/buttons/liveEventsButton.gif) no-repeat top left; width:85px; height:25px; display:block; text-indent:14px; margin:0px 10px 10px 45px; }
div.eventsButton a.allEvents:hover { background-position: 0 0; text-decoration:none; }

/* buy online Alex*/
div.bannerAlex a.allArtists{ position:relative; top:15px; left:380px; background: url(../img/buttons/buyOnline.gif) no-repeat top left; width:85px; height:25px; display:block; text-indent:14px; margin:0px 10px 10px 45px; }
div.bannerAlex a.allArtists:hover { background-position: 0 0; text-decoration:none; }

/* more info on releases */
div.releasesButton { text-align:left; }
div.releasesButton a.moreInfoReleases { position:relative; background: url(../img/buttons/releasesButton.gif) no-repeat top left; left:45px; width:89px; height:25px; display:block; text-indent:10px; margin:0px 10px 15px 10px; }
div.releasesButton a.moreInfoReleases:hover { background-position: 0 0; text-decoration:none; }

/* headings */
h2.columnOneHeading { background:url(../img/main/columnOneT.jpg) no-repeat top left; width:187px; height:26px; line-height:23px; height:24px; text-indent: 15px; position:relative; }

/* main positioning */
#container { width:770px; margin:0 0; }
#main { position:relative; background:url(../img/main/mainBg.gif) repeat-y right; width:770px; }
#main .mainContentBottom { background:url(../img/main/mainContentBgB.gif) no-repeat top left; width:770px; height:4px; }

/* column one styling and positioning */
#columnOne { float:left; display:inline; position:relative; width:187px; background:url(../img/main/columnOneLeftFade.gif) no-repeat top left; }
#columnTwo { float:left; display:inline; position:relative; width:570px; }

/* header */
#header { width:770px; position:relative; }
#headerTop { height:24px; background:url(../img/header/headBgT.gif) repeat-x top left; position:relative; }
#headerTop ul { position:absolute; right:15px; top:5px; }
#headerTop li { display:inline; } 
#headerTop a { color:#fff; margin-left:10px; }
#headerTop a.home { background:url(../img/icons/home.gif) no-repeat 0 0; padding-left:21px; }
#headerTop a.bookmark { background:url(../img/icons/bookmark.gif) no-repeat 0 -1px; padding-left:34px; }
#headerTop a.email { background:url(../img/icons/email.gif) no-repeat 0 -1px; padding-left:38px; }

#headerMiddle { height:195px; position:relative; }
#headerMiddle .leftSide { width:185px; height:195px; position:relative; background:url(../img/header/leftNavBg.gif); top:2px; }
#headerMiddle .leftSide ul { position:absolute; left:0px; top:7px; }
#headerMiddle .leftSide ul li a { background: url(../img/buttons/navButton.gif) 0 0; width:181px; height:26px; display:block; font-weight:bold; text-indent:37px; line-height:20px; }
#headerMiddle .leftSide ul li a:hover { background-position: 0 26px }
#headerMiddle .rightSideHome { width:584px; height:195px; position:absolute; right:0px; top:0px; background:url(../img/header/headImg.gif); }
#headerMiddle .rightSideArtists { width:584px; height:195px; position:absolute; right:0px; top:0px; background:url(../img/header/artistsImg.jpg); }
#headerMiddle .rightSideAlex { width:584px; height:195px; position:absolute; right:0px; top:0px; background:url(../img/header/alexRoberts.gif); }
#headerMiddle .rightSideFearne { width:584px; height:195px; position:absolute; right:0px; top:0px; background:url(../img/header/fearneImg.jpg); }
#headerMiddle .rightSideBuyOnline { width:584px; height:195px; position:absolute; right:0px; top:0px; background:url(../img/header/buyOnlineImg.gif); }
#headerMiddle .rightSideAbout { width:584px; height:195px; position:absolute; right:0px; top:0px; background:url(../img/header/srImg.jpg); }
#headerMiddle .rightSidebuy{ width:584px; height:195px; position:absolute; right:0px; top:0px; background:url(../img/header/alex2.jpg); }
#headerMiddle .rightSidenews{ width:584px; height:195px; position:absolute; right:0px; top:0px; background:url(../img/header/sladey.jpg); }
#headerMiddle .rightSidealex2{ width:584px; height:195px; position:absolute; right:0px; top:0px; background:url(../img/header/alex3.jpg); }

#headerBottom { height:26px; position:relative; background:url(../img/header/headBgB.gif) repeat-x top left; }

/* breadcrumb trail */
#breadCrumb { position:relative; top:4px; padding:0px 0px 0px 20px; margin-left:15px; background:url(../img/icons/breadcrumbIcon.gif) no-repeat 0 1px;  }
#breadCrumb span { padding:0 2px; font-size:11px; color:#5a5c5d;  }
#breadCrumb a { color:#5a5c5d; }
#breadCrumb .on { color:#454748; }

/* footer */
#footer { width:770px; height:124px; position:relative; background:url(../img/footer/footerBg.jpg) no-repeat top left; }
#footer ul { position:absolute; bottom:23px; right:43px; display:inline; }
#footer li { display:inline; }
#footer a { background:url(../img/icons/footerNavSeperator.gif) no-repeat 0 0; padding:0 0 0 10px; color:#091319; }
#footer .tel { position:absolute; top:55px; left:63px; font-size:16px; color:#095e77; }
#footer .coptright { position:absolute; bottom:20px; left:20px; font-size:10px; color:#a8adaf; }
#footer .noBg { background:none;  }

/* content */
.mainTitle h2 { line-height:23px; height:24px; font-size:14px; padding-left:15px; width:210px;  }

/* content */
.content { float:left; display:inline; position:relative; width:574px; border-top:2px solid #fff; padding:0px; marging-left: 22px; }
.content .left { position:relative; float:left; width:350px; } /* change width from 360px to 100% if third column is to be removed */
.content .left2 { position:relative; float:left; width:100%; } /* change width from 360px to 100% if third column is to be removed */
.content .left3 { position:relative; float:left; width:170px; height: 300px; background: url(../img/bgs/artistLinkBox.gif) top left; background-repeat:no-repeat; } /* change width from 360px to 100% if third column is to be removed */
.content .right { float:right; width:210px; background: url(../img/bgs/column3Bg.gif) repeat-y top left; }
.content .right2 { float:right; width:385px; }
.content .bottom { position:relative; background:url(../img/main/mainContentB.jpg) top left; height:20px;  }
.content .right h2 { line-height:23px; height:24px; font-size:14px; text-align:center; background: url(../img/headings/column3HeadingBg.gif) no-repeat top left; width:210px; }
.content .right2 h2 { line-height:23px; height:24px; font-size:14px; padding-left:15px; width:210px; }
.content .right2 p { margin:0 0 10px 10px; color:#344145; }
.content .left h2 { line-height:23px; height:24px; font-size:14px; text-indent:10px; margin-left:10px; background: url(../img/headings/column2HeadingBg.gif) no-repeat top left; width:350px; }
.content .left2 h2 { line-height:23px; height:24px; font-size:14px; text-indent:10px; margin-left:10px; background: url(../img/headings/column2HeadingBg.gif) no-repeat top left; width:350px; }
.content .left2 h3 {
	line-height:23px;
	height:24px;
	font-size:14px;
	text-indent:10px;
	margin-left:10px;
	width:350px;
}
.content .left3 h2 { line-height:23px; height:24px; font-size:12px; text-indent:10px; margin-left:10px; background: url(../img/headings/column2HeadingBg.gif) no-repeat top left; width:350px; }
.content .left3 h3 { line-height:23px; height:24px; font-size:11px; padding-top: 15px; text-indent:10px; margin-left:6px; width:100px; }

/* subscribe and stay in touch */
.stayInTouch { background:url(../img/header/headSubBg.gif) no-repeat top left; width:187px; position:relative; height:168px; }
.stayInTouch fieldset { position:relative; border:0px; left:10px; padding:0px; display:inline; }
.stayInTouch label { color:#000; }
.stayInTouch input { position:relative; display:block; margin:2px 0; border:1px solid #59a4b9; width:169px; }
.stayInTouch span.why { font-size:9px; line-height:16px; }
.stayInTouch h1, .stayInTouch h2 { padding:10px; background:none; }

/* welcome message */
.welcome { width:582px; height:168px; position:relative; top:0px; background:url(../img/header/headSubBg.gif) no-repeat top right; }
.welcome input { position:relative; display:block; margin:2px 0; border:1px solid #59a4b9; width:169px; }
.welcome p { width:350px; margin:0 0 10px 10px; color:#344145; }
.welcome img { position:absolute; right:25px; top:30px; }
.welcome h1, .welcome h2 { padding:10px; background:none; width:350px; }

/* first text message */
.initial{ width:582px; height:168px; position:relative; top:0px; background:url(../img/header/headSubBg.gif) no-repeat top right; }
.initial input { position:relative; display:block; margin:2px 0; border:1px solid #59a4b9; width:169px; }
.initial p { width:550px; margin:0 0 10px 10px; color:#344145; }
.initial img { position:absolute; right:25px; top:30px; }
.initial h1, .welcome h2 { padding:10px; background:none; width:350px; }

/* articles */
.articles { position:relative; margin-bottom:6px; padding:0 10px; }
.articles h3 { color:#fff; font-size:11px; padding:0px 0 0px 0px; }
.articles p { color:#252525; padding:0px 0 8px 10px; }
.articles a {  padding:5px 10px; background:url(../img/buttons/readMoreArticles.gif) no-repeat 65px 3px; display:block; }

/*contact*/
.contactPage { position:relative; margin-bottom:6px; padding:0 10px; padding-left: 10px; height:125px; }
.contactPage h3 { color:#ffffff; font-size:11px; padding:5px 0 5px 10px; background-image:url(../img/icons/artistTitleArrow.gif); background-position:left; background-repeat:no-repeat; }
.contactPage p { color:#252525; padding:0px 0 8px 10px; padding-left: 15px; background-image:url(../img/lines/artists_underline.gif); background-position:bottom; background-repeat:no-repeat; }
.contactPage a { margin-left: 15px; background-image:url(../img/icons/discographyIcon.gif); background-position:left; background-repeat:no-repeat; padding:0px 10px; display:block; padding-left: 25px; padding-top: 7px; height: 20px; }
.contactPage a2 { padding:0px 10px; display:block; padding-left: 15px; padding-top: 0px; height: 5px; }

/* artists main page */
.artistList { position:relative; margin-bottom:6px; padding:0 10px; padding-left: 160px; height:125px; }
.artistList h3 { color:#f0c949; font-size:11px; padding:5px 0 5px 10px; padding-left: 10px; background-image:url(../img/icons/artistTitleArrow.gif); background-position:left; background-repeat:no-repeat; }
.artistList p { color:#252525; padding:0px 0 8px 10px; padding-left: 15px; background-image:url(../img/lines/artists_underline.gif); background-position:bottom; background-repeat:no-repeat; }
.artistList a { margin-left: 15px; background-image:url(../img/icons/discographyIcon.gif); background-position:left; background-repeat:no-repeat; padding:0px 10px; display:block; padding-left: 25px; padding-top: 7px; height: 20px; }
.artistList a2 { padding:0px 10px; display:block; padding-left: 15px; padding-top: 0px; height: 5px; }

/* artists individual page */
.artistSingle { position:relative; margin-bottom:6px; padding:0 10px; padding-left: 160px; height:125px; }
.artistSingle h2 { line-height:23px; height:24px; font-size:14px; padding-left:15px; width:210px; }
.artistSingle h3 { color:#f0c949; font-size:11px; padding:5px 0 5px 10px; padding-left: 15px; background-image:url(../img/icons/artistTitleArrow.gif); background-position:left; background-repeat:no-repeat; }
.artistSingle p { color:#252525; padding:0px 0 8px 10px; padding-left: 15px; background-image:url(../img/lines/artists_underline.gif); background-position:bottom; background-repeat:no-repeat; }
.artistSingle a {color: #ffffff; padding:0px 0 15px 10px; display:block; padding-left: 15px; padding-top: 10px; padding-bottom: 10px; height: 5px; background-image:url(../img/lines/whiteSeperator.gif); background-position:bottom; background-repeat:no-repeat; }
.artistSpecific a {color: #ffffff; padding:0px 0 15px 10px; display:block; padding-left: 15px; padding-top: 10px; padding-bottom: 10px; height: 5px; background-image:url(../img/lines/artistsLinks.gif); background-position:bottom; background-repeat:no-repeat; }

/* buy online */
.buyOnline { position:relative; margin-bottom:6px; padding:0 10px; padding-left: 170px; height:125px; }
/*.buyOnline .whiteText p { color:#ffffff bold; }*/
.buyOnline .whiteText p { color:#ffffff; font-style:bold; }
.buyOnline .greyText p { color:#2b4556; font-style:bold; }

/* events */
.events { background:url(../img/bgs/liveEventsImgBg.gif) no-repeat top left; width:163px; margin:10px auto; position:relative;  }
.events span { position:absolute; top:48px; left:10px; color:#324049; font-size:10px; }
.events img { position:relative; top:5px; left:5px; }
.events p {  padding:0 10px; margin-top:30px; }
.events a.readMore {  padding:5px 10px; display:block; background:url(../img/buttons/readMoreEvents.gif) no-repeat 70px 6px; display:block; }

/* releases */
.releases { width:200px; height:200px; text-align:center; margin-left:10px; position:relative; }
.releasesBg1 { background:url(../img/albumReleases/albumReleasesBg1.jpg) }
.releasesBg2 { background:url(../img/albumReleases/albumReleasesBg2.jpg) }
.releasesBg3 {width:100%; text-align:left; }
.releases img { margin:12px 0px 5px 0px; border:1px solid #fff; }
.releases h3 { color:#4f5f69; font-size:11px; }
.releases p { color:#4f5f69; margin:0px 0 3px 0; padding:0px; }
.releases p span { color:#fff; margin:0px 0 3px 0; padding:0px;  font-weight:bold; font-size:12px; }
.base { background: url(../img/bgs/column3Base.gif) no-repeat bottom left; width:210px; height:20px; position:relative; }