﻿body{background: #eaeaea url(/_img/smiths/smiths-bg.gif) top left;}

/* == Hide elements
----------------------------------------------------------------------------- */
#wrap #mastHead .tools {display:none;}
#wrap #mastHead .quickBasket {display:none;}
#wrap #mastHead .searchInner {display:none;}
#wrap #mastHead{background: #494748 url(/_img/smiths/smiths-head-bg.gif);}
#wrap #priNav ul.main li a {display:none;}
#wrap .subNav {display:none;}

.imgArtist img{}

/* == Style Artist Navigation
----------------------------------------------------------------------------- */

.navSection{background: none; float: left; margin-top: -30px;}
.navSection .navTitle {display: none;}
.navSection ul{float: left;margin-left: 5px;}
.navSection ul li{float: left; list-style: none; padding-left: 15px;}
.navSection ul.altStyle{display:none;}
.navSection ul li a{text-decoration: none; color:#333; font-weight: bold;}
.navSection ul li a:hover{text-decoration: underline;}
.navSection ul li a.on{text-decoration: underline; color: #333;}
.navSection ul li a span{font-size: 90%;}

.imgArtist{margin: 0;}

/* == Define Smiths Page Structure (bespoke styles for skin)
----------------------------------------------------------------------------- */

.artistZoneOne{float: left; width:600px; float:left;padding: 0 30px 0 20px;}
.artistZoneTwo{width:320px; float:right;margin: 15px 12px 0 0;display: inline;}

/* == Smiths Zone 1 contents
----------------------------------------------------------------------------- */

.artistZoneOne .gallerySnippet{ width: 205px;}
.artistZoneOne .featureHolder{float: left; width: 580px;padding: 10px;border: solid 1px #d0d9e0;}
.artistZoneOne .featureHolder .leadImg{float: left; margin-right: 10px;border: solid 1px #ccc; padding: 2px;}

.artistZoneOne h1{font-family: Georgia;font-size: 180%;font-weight: bold;}

/* == Smiths Zone 2 contents
----------------------------------------------------------------------------- */

.artistZoneTwo .playerPanel{}
.artistZoneTwo .playerPanel .mainPlayer{width: 300px;margin: 0; padding: 10px;background: #5E6B71 url(/_img/comments-top-narrow.gif) no-repeat left top}
.artistZoneTwo .playerPanel .commentWrap .commentForm{background: #5E6B71 url(/_img/comments-top-narrow.gif) no-repeat left top}
.artistZoneTwo .playerPanel .commentWrap{width: 320px;}
.artistZoneTwo .playerPanel .commentWrap .commentForm div textarea{width: 280px;}
.artistZoneTwo .playerPanel .commentWrap ul li blockquote p .text{float: left;width: 265px;margin-right: 10px;}
.artistZoneTwo .playerPanel .commentWrap ul li blockquote{border: solid 1px #5e6b71;}
.artistZoneTwo .artistVidList .pagingGeneric{width: 312px;margin-left: 0;}
.artistZoneTwo ul.vidList{margin-left: 0;}

.artistZoneTwo .playerPanel .interactionButtons{background: none;}
.artistZoneTwo .playerPanel .interactionButtons .panel{width: 260px;}
.artistZoneTwo .playerPanel .interactionButtons .panel .formholder{width: 260px;}
.artistZoneTwo .playerPanel .interactionButtons ul{margin: 0 0 0 3px;padding: 0;}
.artistZoneTwo .playerPanel .interactionButtons ul li{margin: 0;padding: 0;}
.artistZoneTwo .playerPanel .interactionButtons a.btn{font-size: 85%;padding: 3px 9px;margin-top: 3px;}

/* == Misc
----------------------------------------------------------------------------- */

.artistZoneOne .tabs li a, .artistZoneTwo .tabs li a 
{
    background: url(/_img/tabs/tabs-wide.gif) 0px -23px no-repeat;
    width: 158px; 
}
.artistZoneOne .tabs li a.on, .artistZoneOne .tabs li a.on:hover,
.artistZoneTwo .tabs li a.on, .artistZoneTwo .tabs li a.on:hover
{background: url(/_img/tabs/tabs-wide.gif) top left no-repeat;z-index:700;}

#artist .leadFeature{margin-bottom: 10px;width: 580px;}
#artist .leadFeature .hr{width: 580px;}
#artist .leadFeature .images{width: 210px;}
#artist .leadFeature .text{width: 300px;}
