﻿
.hidden {display: none;}
.clear {clear: both;}

/* RESETS
----------------------------------------*/
#MainBody h1, #MainBody h2, #MainBody h3 {position: relative; top: 0; left: 0; margin: 0; padding: 0 0 10px 0; line-height: 110%;}
#MainBody img {position: relative; top: 0; left: 0; margin: 0; padding: 0;}
#MainBody div {}
#MainBody ul {position: relative; top: 0; left: 0; float: left; margin: 0; padding: 0; width: 100%; list-style-type:none;}


/* STRUCTURE
----------------------------------------*/
#MainBody {position: relative; top: 0; left: 0; float: right; margin: 0 50px 0 50px; display: inline; padding: 0; width: 700px;}

.content {float: left; margin: 0; padding: 0; width: 400px; }
.sidebarTwo {float: left; margin: 0 0 0 50px; display: inline; padding: 0; width: 250px; }
.bottomContent {float: left; margin: 0; display: inline; padding: 0; width: 700px;}



/* ArtistLeftNavigation
----------------------------------------*/
ul.ArtistLeftNavigation {float: left; margin: 0; padding: 0; width: 200px; list-style-type:none; font-family:Arial, sans-serif;}
ul.ArtistLeftNavigation li {margin: 0; padding: 0; width: 200px;}
ul.ArtistLeftNavigation li a {margin: 0; padding: 0 0 0 40px; width: 160px; color: #222; text-decoration: none;}
ul.ArtistLeftNavigation li.indent a {margin: 0; padding: 0 0 0 50px; width: 150px; color: #999;}


/* Artist
----------------------------------------*/
#ArtistName {}
#ArtistMainImage {float: left; position: relative; top: 0; left: 0; margin: 0 0 20px 0; padding: 0;}


#ArtistInfo #MyImages {float: left; position: relative; top: 0; left: 0; margin: 0; padding: 0 0 20px 0; width: 100%;}
#ArtistInfo #MyImages .paging {float: left; clear: left; margin: 20px 0 0 0; padding: 0 0 20px 0;  width: 100%;}


#ArtistDesc {float: left; position: relative; top: 0; left: 0; margin: 0; padding: 0 0 20px 0; width: 100%;}

/* ArtistInfo ----------------------------------------*/
#ArtistInfo {float: left; position: relative; top: 0; left: 0; margin: 0; padding: 0 0 20px 0;}
#ArtistInfo  label {float: left; clear: left; width: 130px; font-weight: bold;}

#ArtistInfo #GroupMembers {float: left; clear: left; padding: 0 0 5px 0; width: 100%;}
#ArtistInfo #Country {float: left; clear: left; padding: 0 0 5px 0; width: 100%;}
#ArtistInfo #County {float: left; clear: left; padding: 0 0 5px 0; width: 100%;}
#ArtistInfo #Phone {float: left; clear: left; padding: 0 0 5px 0; width: 100%;}
#ArtistInfo #Email {float: left; clear: left; padding: 0 0 5px 0; width: 100%;}
#ArtistInfo #Web {float: left; clear: left; padding: 0 0 5px 0; width: 100%;}
#ArtistInfo #Address {float: left; clear: left; padding: 0 0 5px 0; width: 100%;}
#ArtistInfo #Zip {float: left; clear: left; padding: 0 0 5px 0; width: 100%;}

/* ----------------------------------------*/
#FanRatings {float: left; position: relative; top: 0; left: 0; margin: 0; padding: 0 0 20px 0;}
/* ----------------------------------------*/
#BrowseMerchandise {float: left; position: relative; top: 0; left: 0; margin: 20px 0 0 0; padding: 0 0 20px 0;}
#Podcasting {float: left; position: relative; top: 0; left: 0; margin: 0; padding: 0 0 20px 0;}
/* ----------------------------------------*/
#Songs {float: left; position: relative; top: 0; left: 0; margin: 0 0 10px 0; padding: 0; width: 700px; color: #FFF; background: #000 url(../Images/bottom.jpg) no-repeat 0 bottom;}
#Songs h2 {float: left; clear: left; margin: 0; padding: 20px 20px 0 20px; width: 660px; background: url(../Images/top.jpg) no-repeat 0 0;}
#Songs #songList {float: left; margin: 0; padding: 0 20px 20px 20px; width: 660px;}
#Songs table {margin: 0 0 20px 0;}
#Songs a {color: #FFF; text-decoration: none;}
#Songs table th, #Songs table td  {text-align: left; color: #FFF;}
#Songs table th {border-bottom: solid 1px #FFF;}
#Songs table td {padding: 6px;}
#Songs table td a {float: left; padding: 2px 0 4px 0; width: 150px; height: 14px; text-align: center; background: url(../Images/button.jpg) no-repeat 0 0;}
/* ----------------------------------------*/
#Videos {float: left; position: relative; top: 0; left: 0; margin: 0; padding: 0 0 10px 0; width: 620px;}
/* ----------------------------------------*/
#Comments {float: left; position: relative; top: 0; left: 0; margin: 0; padding: 0; width: 700px;}
#Comments a {}
#Comments table th, #Comments table td  {text-align: left;}

/* ----------------------------------------*/
#GigList {float: left; position: relative; top: 0; left: 0; margin: 0 0 10px 0; padding: 0; width: 700px; color: #FFF; background: #000 url(../Images/bottom.jpg) no-repeat 0 bottom;}
#GigList h2 {float: left; clear: left; margin: 0; padding: 20px 20px 15px 20px; width: 660px; background: url(../Images/top.jpg) no-repeat 0 0;}
#GigList .container {float: left; margin: 0; padding: 0 20px 20px 20px; width: 660px;}
#GigList .paging {float: left; clear: left; margin: 20px 0 0 0;  width: 100%;}

#GigList a {color: #FFF;}
#GigList .gig {float: left; margin: 0 0 4px 0; padding: 0 0 4px 0; width: 660px; border-bottom: solid 1px #FFF;}
#GigList .gig div {float: left; margin: 0; padding: 0; color: #FFF; font-weight: bold;}
#GigList .gig div span {font-weight: normal;}

#GigList .venue {float: left; width: 50%;}
#GigList .gigDate {float: left; width: 30%;}
#GigList .time {float: left; width: 20%;}
#GigList .gigDesc {float: left; clear: left; width: 100%;}


/* ----------------------------------------*/
#FanList {float: left; position: relative; top: 0; left: 0; margin: 30px 0 0 0; padding: 0 0 50px 0; width: 700px;}
#FanList #imgFan img {margin: 0 0 30px 0; padding: 0;}

#ReportInfo {float: left; position: relative; top: 0; left: 0; margin: 30px 0 0 0; padding: 0 0 50px 0; width: 600px;}
#ReportInfo ul {position: relative; top: 0; left: 0; float: left; margin: 0; padding: 35px 0 0 35px; width: 100%; list-style-type:none;}

