/* general layout stuff */

body.fixedWidth {
  background: #CCC !important;
}

body.fixedWidth #outerWrapper {
  margin: 0;
}

body.fixedWidth #LastWebsite {
  width: 625px;
  background-color: transparent;
  background-position: left top;
  background-repeat: repeat-y;
}

body.fixedWidth div#langSelector {
    margin: 0 0px;
    width: 625px;
}

body.fixedWidth #LastWebsite #LastHeader {
  width: 625px;
  margin: 0 auto;
}

body.fixedWidth div#main {
  width: 400px;
  padding: 0 0 60px 0;
  margin: 0 ;
  overflow: hidden;
}

body.fixedWidth div#wrapper {
  margin: 20px 0px;
}

/* more detailed things */

body.fixedWidth h1 {
  margin: 0;
  color: #D01F3C;
  font-size: 21px;
  font-weight: bold;
  line-height: 1.2em;
}

body.fixedWidth div.lc ul.resourceListSmall {
  width: 360px;
  margin-right: -20px;
}
#LastContent {
    position: relative;
}

/*#suppliedByYouTube {
    position: absolute;
    left: 225px;
    bottom: 15px;
    margin: 0;
}*/

/* #wrapper {
   width: 350px;
    position: relative;
}*/
/*
#wrapper_ny {
    width: 450px;
    position: relative;
    float: left;
    display: inline;
}

#shoutboxes_ny {
    float: left;
    display: inline;
    width: 32%;
    margin-left: 20px;
}

#shoutboxes_ny h3 {
    margin-top: 10px;
}
*/
#relatedVideos {
   /* position: absolute;*/
	float: right;
    top: 0;
    right: 0px;
    width: 170px;
	  border: solid 0px #CCC;
}

* html #relatedVideos {
    top: 11px;
}

#relatedVideos h3 {
    margin-top: 0;
}

#relatedVideos div.scrolling {
    padding: 5px;
    height: 445px;
    overflow: auto;
    border: solid 1px #CCC;
    position: relative;
}

#relatedVideos ul {
    margin: 0;
}

#relatedVideos li {
    width: auto;
    float: none;
    display: block;
    padding: 0 0 0.3636367em 0;
    border-bottom: solid 1px #CCC;
    margin: 0 0 0.3636367em 0;
}

#relatedVideos li.last {
    border: none;
}

#relatedVideos a {
    padding: 0;
    width: auto;
    height: auto;
    border: none;
    overflow: hidden;
}

#relatedVideos span.videoStill {
    margin: 0.45454545em 0 0 0;
}

#relatedVideos small {
    border: none;
    padding: 0;
    margin: 0.5em 0 0 0;
}

h3.shoutboxHead {
    margin-top: 50px;
}

#playingVideo em {
    background: #FBF6B2;
    font-style: normal;
}

#playingVideo h5 {
    margin-top: 1em;
}

#playingVideo h5.external {
    border-top: 1px solid #EEEEEE;
    margin-top: 0.5em;
    padding-top: 0.5em;
    width: 405px;
}

/*div#playingVideo div.embedCodeWrapper {
    width: auto;
}*/
* gah-ness */

div#playingVideo {
    font-size: 11px;
}
#playingVideo div {
	height:355; margin-bottom: 20px;text-align:left; margin: 20px 0 20px 12px;
}
#playingVideo {
	float: left;
	width: 400px;
	
}
div#playingVideo h4 {
  margin: 1em 0 0.2em 0;
  font-size: 11px;
}

div.videoPlayer {
    width: 340px;
    padding: 1px;
    background: #373737;
    position: relative;
    z-index: 9999;
}

/* old list style */

ul.videoList {
  margin: 15px -15px 0 0;
  padding: 0;
  clear: both;
}

ul.videoList li {
  margin: 0 15px 0 0;
  padding: 0;
  float: left;
  display: inline;
  width: 125px;
  height: 11.5em;
}

ul.videoList a {
  display: block;
  margin: 0;
  text-decoration: none;
  background: transparent;
  font-size: 11px;
  line-height: 1.25em;
}

ul.videoList a:hover {
    background: transparent;
    text-decoration: none;
}

ul.videoList a:hover strong,
ul.videoList a:hover span.title {
  text-decoration: underline;
}

/* new list style */

ul.wideVideoList {
  margin: 0 -15px;
  padding: 0;
  clear: both;
}

ul.wideVideoList li {
    margin: 15px;
    width: 335px;  
    float: left;
    display: inline;
    font-size: 11px;
    line-height: 1.2727273em;
}

ul.wideVideoList a {
    display: block;
    text-decoration: none !important;
    padding: 2px 0 0 130px;
    width: 205px;
    height: 69px;
    border-top: solid 1px #CCC;
    cursor: pointer;
}

ul.wideVideoList a:hover {
    text-decoration: none;
    background: transparent;
}

ul.wideVideoList a:hover strong,
ul.wideVideoList a:hover span.artist {
    text-decoration: underline;
}

ul.wideVideoList small {
    font-size: 10px;
    display: block;
    margin-top: 0.5em;
    border-top: solid 1px #EEE;
    padding-top: 0.5em;
    color: #999;
}

ul.videoList em,
ul.wideVideoList em {
    background: #FBF6B2;
    font-style: normal;
}

/* css video cropping */

span.videoStill {
    display: block;
    width: 120px;
    height: 72px;
    overflow: hidden;
    position: relative;
}

ul.wideVideoList span.videoStill {
    float: left;
    display: inline;
    margin: -3px 0 0 -130px;
    border-right: solid 10px #FFF;
}

span.videoStill img {
    position: relative;
    top: -16px;
    left: -10px;
}

.external span.videoStill img {
    position: relative;
    top: -5px;
    left: 0px;
}

span.videoStill span.play {
    display: block;
    width: 120px;
    height: 72px;
    font-size: 0;
    line-height: 0;
    text-indent: -9999px;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url("http://cdn.last.fm/depth/icons/wide_video_thumbnail_play_youtube.png");
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}


.external span.videoStill span.play {
    background-image: url(img/wide_video_thumbnail_play.gif);
}

a:hover span.videoStill span.play {
    background-image: url("http://cdn.last.fm/depth/icons/wide_video_thumbnail_play_youtube_hover.png");
}

.external a:hover span.videoStill span.play {
    background-image: url(img/wide_video_thumbnail_play_hover.gif);
}
.lfmlight, a.lfmlight:link, a.lfmlight:visited { line-height:15px; color: #969696; background:none; }
.lfmlight a:link { color: #969696; background: none;}
.lfmlight a:hover, a.lfmlight:hover { color: #717171; }
.clearit{
	zoom: 1;
}
.clearit:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}