@CHARSET "UTF-8";

/*-----------------------------------------------------
@author:    convexstyle
@version:   1.0
@copyright: 2009, convexstyle.com
@since:     2009.10.12
-------------------------------------------------------*/


/*------------
  Common
--------------*/
#toTopContainer {
    margin-bottom: 10px;	
}

    #toTopContainer #toTop {
        font-size: 12px;
        color: #fff;
        background-image:url(/img/to_top.png);
        background-repeat: no-repeat;
        background-position: left top;
        padding: 2px 0px 0px 30px;
        height: 23px;
    }
    
    #toTopContainer #toTop a {
    	text-decoration: none;
    }

#externalLink {
    text-align: center;	
    margin: 0px auto 0px auto;
}

#externalLink:after {
	display: block;
    clear: both;
    height: 0px;
    visibility: hidden;
    content: ".";
}

#externalLink ul {
	text-align: center;	
	height: 20px;
	display: block;
	padding-left: 260px;
}

#externalLink li {
	float: left;
	list-style-type: none;
	padding: 0px 3px 0px 0px;
	margin: 0px;
	display: block;
	font-size: 10px;
}

#externalLink li a {
	color: #fff;
}

#externalLink li a:hover {
	color: #999;
}
.stores A img.jbhifi {
    background: url(/img/stores.gif) top left no-repeat;
    background-position: 0 0;
}
.stores A:hover img.jbhifi {
    background-position: -145px 0;
}
.stores A img.bigpond {
    background: url(/img/stores.gif) top left no-repeat;
    background-position: 0 -36px;
}
.stores A:hover img.bigpond {
    background-position: -145px -36px;
}
.stores A img.sanity {
    background: url(/img/stores.gif) top left no-repeat;
    background-position: 0 -18px;
}
.stores A:hover img.sanity {
    background-position: -145px -18px;
}
.stores A img.itunes {
    background: url(/img/stores.gif) top left no-repeat;
    background-position: 0 -54px;
}
.stores A:hover img.itunes {
    background-position: -145px -54px;
}


.row {
	/*
    background-image: url(/img/rowBg.png);
    background-repeat: repeat;
    */
    background-color: #232323;
}


/*--------------
 top
---------------*/

/*
#topNewsLink a:hover span#topNewsLink2 {
	color: #fff;
	text-decoration: none;
}
#topNewsLink a:hover span#topNewsLink1 {
	color: #ed008c;
	text-decoration: none;
}
*/

/*------------
  Artists
--------------*/
#artistList {
    margin-bottom: 10px;
    padding: 10px 0px 10px 15px;
    background-color: #000; 	
}

#artistList ul {
    margin: 0px;
    padding: 0px;
}

#artistList li {
    list-style-type: none;
    margin: 0px 0px 5px 15px;
    padding: 0px;
    font-weight: bold;
    color: #fff;
    list-style-image: url(/img/artist_list_header.png);
    text-transform: uppercase;
}

#artistList li a {
    text-decoration: none;	
}

#artistList li#active {
	font-weight: bold;
    color: #ed008c;
}

#bioSection {
   border-top: 1px dotted #999;
   padding: 15px 0px 15px 0px;
}

#bioSection #bioContent {
	 margin-bottom: 20px;
	 border-bottom: 1px solid #999;
}

#bioSection #artistImage {
    margin-bottom: 15px;	
}

#bioSection h2#artistName {
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    text-transform: uppercase;
}

#bioSection h2#artistName span#firstName {
    color: #ed008c;	
}

#bioSection h2#artistName span#lastName {
    color: #fff;	
}

#bioSection #bio {
    font-size: 12px;	
}

#bioSection #bio p {
    margin-bottom: 20px;
    color: #fff;
    font-size: 12px;
}

#bioSection #nextArtist {
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    background-image: url(/img/next_artist_header.png);
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 28px;
    height: 20px;
}

#bioSection #nextArtist a {
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
}

#nextArtist span#nextArtistLink a {
	color: #fff;
	text-decoration: none;
}

#nextArtist span#nextArtistLink a:hover {
	color: #ed008c;
	text-decoration: none;
}

#bioSection #nextArtist span#nextArtistName a {
    color: #ed008c;	
    font-style: italic;
    text-decoration: none;
}

#bioSection #nextArtist span#nextArtistName a:hover {
    color: #ed008c;	
    font-style: italic;
    text-decoration: none;
}


/*-------------
  blog
--------------*/
.blogEntry {
    border-bottom: 1px solid #999;
    padding-bottom: 20px;
    margin-bottom: 30px;	
}

.blogEntry .blogEntryHeader .blogEntryTitle {
    color: #ed008c;
    font-size: 18px;
    text-transform: uppercase;
}

    .blogEntryHeader .blogEntryTitle a {
        color: #ed008c;
        text-decoration: none;
    }
    
    .blogEntryHeader .blogEntryTitle h3 span.firstTitle, .blogEntryHeader .blogEntryTitle h3 span.firstTitle a {
        text-decoration: none;
    }

.blogEntryTitle h3 {
	color: #FFF;
}
    
    .blogEntryHeader .blogEntryTitle h3 span.lastTitle, .blogEntryHeader .blogEntryTitle h3 span.lastTitle a {
        color: #fff;
        text-decoration: none;
    }

.blogEntry .blogEntryHeader:after {
	display: block;
    clear: both;
    height: 0px;
    visibility: hidden;
    content: ".";
}

    .blogEntryTitle span {
        color: #fff;
    }

.blogEntry .blogEntryHeader .blogEntryTitle {
    color: #ed008c;
    font-size: 18px;
    text-transform: uppercase;
}

.blogEntry .entryContent {
    color: #fff;	
}

    .entryContent p {
        margin-bottom: 10px;
        line-height: 150%;
    }


/*------------
  Tour
--------------*/
#tourImageContainer {
    margin-bottom: 20px;
    padding: 7px;
    background-color: #000;
}

#tourImageContainer #tourImage {
}

#tourImageContainer #tourImage:after {
	display: block;
    clear: both;
    height: 0px;
    visibility: hidden;
    content: ".";
}

    #tourImage #firstTour {
        background-color: #000;
        text-align: right;
        text-transform: uppercase;
        margin-top: 52px;
        float:right;
        padding: 4px 4px 4px 15px;
    }
    
    #firstTour #firstTourDate  {
        color: #fff;
        font-size: 12px;
        font-style: italic;
        margin-bottom: 2px;
    }
    
    #firstTour #firstTourName {
        font-size: 27px;
        color: #ed008c;
        margin-bottom: 2px;
    }
    
    #firstTour #firstTourCity {
    	color: #fff;
        font-size: 12px;
        margin-bottom: 2px;
    }

p#exp {
    font-size: 12px;
    font-style: italic;
    color: #fff;
    padding-bottom: 20px;
}

#toursList {	
}

    #toursList .tourEntryContainer {
        border-bottom: 1px dotted #999;
        margin-bottom: 20px;
    }

    #toursList .tourEntry {
        background-color: #000;
        margin-bottom: 20px;
        padding: 20px;	
    }

    #toursList .tourEntry h4.tourEntryTitle {
        color: #ed008c;
        font-size: 16px;
        font-weight: bold;
        text-transform: uppercase;
        padding: 0px;
        margin: 0px 0px 5px 0px;
    }
    
        #toursList .tourEntry h4.tourEntryTitle span {
            color: #fff;
        }
   
   #toursList .tourEntry .tourEntryCity {
       font-size: 12px;
       color: #fff;
       text-transform: uppercase;
   }
   
   #toursList .tourEntry .tourEntryContent {
       /*height: 25px;*/
   }
   
   #toursList .tourEntry .tourEntryContent:after {
       display: block;
       clear: both;
       height: 0px;
       visibility: hidden;
       content: ".";
   }
   
   #toursList .tourEntry .tourEntryContent .tourEntryCity {
       float:left;
       padding-top: 5px;
   }
   
   #toursList .tourEntry .tourEntryContent .tourEntryCar {
       float:right;
       background-image: url(/img/view_map_arrow.png);
       background-repeat: no-repeat;
       padding-left: 22px;
       height: 16px;
   }
   


/*------------
  Youtube
--------------*/
#youtubeThumbnails {
    margin-bottom: 10px;
    text-align: center;
    width: 546px;
}

#youtubeThumbnails:after {
    display: block;
    clear: both;
    height: 0px;
    visibility: hidden;
    content: ".";
}

.youtubeThumbnail {
    margin-right: 15px;
    float: left;
}


.youtubeTImage {
    padding: 3px;
    background-color: #232323;
}


#youtubeArrowLeft {
    padding-top: 30px;
    margin-right: 15px;
    float: left;
}

#youtubeArrowRight {
	position: absolute;
	margin-left: 465px;
	padding-top: 30px;
	float: left;
}

.arrowContainer {
	border: 1px solid #fff;
	width: 30px;
	float: left;	
}

.youtubeNav a {
	text-transform: uppercase;
	color: #fff;
	text-decoration: none;
}

.youtubeNav a:hover {
	text-transform: uppercase;
	color: #ed008c;
	text-decoration: underline;
}


/*------------
  Flickr
--------------*/
#flickrTable {
	margin: 0px;
	padding: 0px;
    width: 375px;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0px;
    empty-cells: show;
}

#flickrTable tr {
    margin: 0px;
	padding: 0px;
}

#flickrTable td {
    margin: 0px;
	padding: 0px;
	width: 75px;
	height: 75px;
}

#flickrTable td img {
    margin: 0px;
	padding: 0px;
}