html {
  background: url(/media/img/studio360/americanicons/html-bg.jpg) repeat center top;
}  

body {
  background: url(/media/img/studio360/americanicons/stars-bg.jpg) no-repeat center bottom;
  font: normal 62.5% arial, sans-serif;
  padding: 0;
  line-height: normal;
  color: #000;
}

#site {
  position: relative;
  margin: 0 auto;
  width: 960px;
  padding-bottom: 20px;
}

a {
  color: #ff0000;
}

a:hover {
  text-decoration: none;
  color: #000;
}

h2, h2.title, h2 a {
  color: #000;
  font-size: 24px;
  font-family: inherit;
  text-transform: none;
}

h3, h3 a, h4 {
  font-size: inherit;
  text-transform: none;
  color: inherit;
}

.logo-container {
  float: left;
}

a.logo {
  display: block;
  width: 202px;
  height: 129px;
  position: absolute;
  z-index: 200;
}

#brought-to-you-by {
  width: 250px;
  margin: 9px 3px 7px;
  position: relative;
  left: 210px;
}

ul#social {
  display: block;
  width: 66px;
  height: 30px;
  margin: 5px 0;
  float: right;
}

ul#social li.twitter {
  float: left;
  margin-right: 4px;
}

ul#social li h4 {
  background: url(/media/img/studio360/americanicons/social-bg.png) no-repeat center left;
  text-indent: -9999px;
  width: 111px;
  height: 30px;
  margin-right: -1px;
}

ul#social li a {
  display: block;
  height: 30px;
  width: 31px;
  overflow: hidden;
  text-indent: -9999px;
}

ul#social li.twitter a {
  background: url(/media/img/studio360/americanicons/twitter-icon.png) no-repeat 0 0;
}

ul#social li.facebook a {
  background: url(/media/img/studio360/americanicons/facebook-icon.png) no-repeat 0 0;
}

ul#social li a:hover {
  background-position: 0 -30px;
}

a#podcast {
  background: url(/media/img/studio360/americanicons/subscribe-podcast.png) no-repeat 0 0;
  display: block;
  width: 152px;
  height: 19px;
  margin: 31px 0 0;
  text-indent: -9999px;
  float: left;
}

a#podcast:hover {
  background-position: 0 -19px;
}

#util_login {
  display: block;
  margin: 7px 0;
  font-size: 8.5pt;
}

#util_login li {
  display: inline;
  color: #ccc;
}

#util_login li.user-logout:before {
  content: "| ";
}


/* */

#main {
  font-size: 9pt;
}

.main {
  padding-top: 60px;
}

#icons-main.main {
  padding-top: 0;
}

#icons-main.main .article-head.page-two {
  padding-top: 105px;
}

.main.error {
  padding-top: 150px;
  min-height: 550px;
}

h2.title a:hover {
  text-decoration: none;
  color: #ff2400;
}

h3.date {
  color: #000;
  margin: 7px 0 5px;
}

p {
  font-size: 9pt;
}

.segment-tease, .episode-tease, .show-tease, .profile-tease, .event-tease, .playlist-tease, .tiny-tease, .blurb-tease {
  border: 0;
}

.readlink {
  float: left;
  margin: 25px 0 12px;
}

.readlink a {
  width: 96px;
  background-position: 0 0;
}

.readlink a:hover {
  background-position: 0 -30px;
}

/* icons series home */

#icons-main .logo-shim {
  visibility: hidden;
}

#icons-main .show-logo {
  background: url(/media/img/studio360/americanicons/studio360-logo-overlay.png) no-repeat top left;
  width: 90px;
  height: 87px;
  text-indent: -9999px;
  position: absolute;
  top: 320px;
  z-index: 200;
}

.bucket.feature {
  width: 620px;
  background: url(/media/img/studio360/americanicons/feature-bucket-bg.gif) no-repeat top left;
}

.bucket.feature .content {
  padding: 12px 18px 12px 1px;
}

.bucket.feature .content .edit-tout {
  margin: -8px 0 0;
}

.bucket.feature .content .image {
  margin-left: 12px;
}

.bucket.feature .content h2 {
  margin: 15px 0 0 15px;
  visibility: hidden;
}

.bucket.feature .content p {
  clear: both;
}

.bucket.feature .content p.downloadlink {
  clear: none;
}

.media-container {
  border-top: 4px solid #000;
  padding: 12px 0;
}

.media-container .bucket {
  width: 305px;
  float: left;
}

.bucket.slideshow {
  margin-right: 10px;
}

.media-container .bucket .content {
  height: 213px;
  padding: 12px;
  background: url(/media/img/studio360/americanicons/media-bucket-bg.gif) no-repeat top left;
}

.media-container .bucket .content li {
  list-style-type: none;
}

.bucket.slideshow a.more {
  display: block;
  float: right;
  margin: 5px 0;
  width: 140px;
  height: 30px;
  text-indent: -9999px;
  background: url(/media/img/studio360/americanicons/btn-more-slideshows.png) no-repeat top left;
}

.bucket.video a.more {
  display: block;
  float: right;
  margin: 5px 0;
  width: 104px;
  height: 30px;
  text-indent: -9999px;
  background: url(/media/img/studio360/americanicons/btn-more-video.png) no-repeat top left;
}

.media-container .bucket a.more:hover {
  background-position: 0 -30px;
}

.bucket h3.header {
  text-indent: -9999px;
  height: 37px;
  margin: 7px 0 10px;
}

.bucket.slideshow h3.header {
  background: url(/media/img/studio360/americanicons/featured-slideshow.png) no-repeat top left;
}

.bucket.video h3.header {
  background: url(/media/img/studio360/americanicons/featured-video.png) no-repeat top left;
}

.bucket.video .videoplayer {
  margin-bottom: 5px;
}

h3.archive-header {
  border-top: 4px solid #000;
  height: 37px;
  padding: 19px 0;
  text-indent: -9999px;
  background: url(/media/img/studio360/americanicons/more-icons.png) no-repeat 0 20px;
}

/* Show Slider */

.carousel-list {
  left: 0px;
}

.feature-slider {
  width: 620px;
  overflow: hidden;
}

.showslider-container {
  border-top: 4px solid #000000;
  padding: 12px 0px;
  margin: 0px;
  width: 620px;
  overflow: hidden;
  clear: both;
}

.showslider {
  margin-left: 5px;
}

.showslider.noslider {
  margin-left: 0px;
}

.showslider .jcarousel-prev, .showslider .jcarousel-next { 
  height: 54px;
  width: 54px;
}

.showslider .jcarousel-prev {
  top: 87px;
  left: 0px;
  width: 57px;
  background-position: 0px 0px;
  background-image: url('/media/img/studio360/americanicons/zipper-prev.png');
}

.showslider .jcarousel-prev:hover { 
  background-position: -4px 0px;
}

.showslider .jcarousel-next {
  top: 87px;
  background-position: 1px 0px;
  background-image: url('/media/img/studio360/americanicons/zipper-next.png');
}

.showslider .jcarousel-next:hover { 
  background-position: 4px 0px;
}

.showslider .jcarousel-clip {
  margin: 0px 0px;
}

.noslider { }

.showslider ul li  {
  margin-right: 9px;
  width: 158px;
  height: auto;
  background: transparent url('/media/img/studio360/americanicons/zipper-item-bg.png') no-repeat top left;
  border: none;
  position: relative;
}

.showslider ul li.active {
	background-color: transparent;
	background-image: url('/media/img/studio360/americanicons/zipper-item-bg.png');
	border: none;
}

.showslider ul li.active a {
	text-decoration: none;
}

.showslider ul li .feature-slider-image {
  height: 250px;
}

.showslider ul li img {
	float: none;
	margin: 9px 0px 0px 9px;
	border: none;
}

.showslider ul li.active img {
  border: none;
}

.showslider ul li h4 {
	font: bold normal 13px/16px arial;
	padding: 4px 0px 0px 2px;
	margin: 0px;
	min-height: 35px;
	height: auto !important;
	height: 25px;
}

.showslider ul li p { 
  margin: 0px;
  padding: 0px;
} 

.feature-slider-buttons {
  margin-top: 5px;
  padding-left: 2px;
  height: 20px;
  overflow: hidden;
}

.feature-slider-buttons a.commentlink.button {
  display: none;
}

.showslider li .edit-tout {
  background-image: url("/media/img/icons/edit-tout-light.png");
  top: 13px;
  right: 13px;
}

.edit-feature-slider-bucket .edit-bucket {
  top: 29px;
  right: 5px;
}

/* sidebar */

.your-icon {
  border-top: 4px solid #000;
  border-bottom: 4px solid #000;
  padding: 20px 0;
}

.your-icon, .your-icon p {
  font-size: 8pt;
}

.your-icon a.map {
  display: block;
  width: 300px;
  height: 184px;
  overflow: hidden;
  background: url(/media/img/studio360/americanicons/your-icon-map.png) no-repeat top left;
  text-indent: -9999px;
}

.your-icon a.map:hover {
  background-position: 0 -185px;
}

.featured-comments {
  margin: 15px 0;
}

.featured-comments h2 {
  background: url(/media/img/studio360/americanicons/comments-header.png) no-repeat top left;
  text-indent: -9999px;
  height: 37px;
  padding-bottom: 20px;
  border-bottom: 4px solid #000;
}

li.featuredcomment p { color: #000; }

/* footer */

#footer {
  width: 950px;
  height: 160px;
  margin: 0 auto;
  background: url(/media/img/studio360/americanicons/footer-bg.gif) no-repeat center bottom;
  padding: 0;
  border: 0;
}

#footer.fixed {
  position: absolute;
  bottom: 0px;
  z-index: 10;
}

#footer ul {
  display: block;
  height: 65px;
  margin: 23px 5px 10px;
}

#footer ul li {
  float: left;
  margin-right: 15px;
}

#footer ul li.neh {
  float: right;
}

#footer img {
  vertical-align: middle;
}

#footer p {
  font-size: 8pt;
  clear: both;
  margin: 0 13px 10px;
  color: #000;
  float: none;
  width: auto;
}

#footer p a {
  color: #000;
  text-decoration: underline;
}

/* Edit Buttons */

.media_buttons, .bucket.feature, ul.sharelinks {
  position: relative;
}

.segment-tease .media_buttons a.edit,
.episode-tease .media_buttons a.edit,
.show-tease .media_buttons a.edit,
.event-tease .media_buttons a.edit,
.playlist-tease .media_buttons a.edit,
.tiny-tease .media_buttons a.edit,
.upcoming-tease li.edit-item {
  position: absolute;
  background: transparent url('/media/img/icons/edit-grey.png') no-repeat -25px 0px;
  top: 0px;
  right: 0px;
  padding: 0px;
  margin: 0px;
  display: block;
  height: 14px;
  width: 14px;
  text-indent: -9999px;
}

.segment-tease .media_buttons a.edit:hover,
.episode-tease .media_buttons a.edit:hover,
.show-tease .media_buttons a.edit:hover,
.event-tease .media_buttons a.edit:hover,
.playlist-tease .media_buttons a.edit:hover,
.tiny-tease .media_buttons a.edit:hover,
.upcoming-tease li.edit-item:hover {
  width: 39px;
  background-position: 0px -14px;
}

.bucket.feature .edit-tout {
  right: 21px;
  top: 14px;
  background-image: url("/media/img/icons/edit-tout-light.png");
}

/* studio 360 overrides */

#masthead {
  background: 0;
  margin: 0;
  padding: 0;
}

#searchform {
  margin: 7px 0 11px;
}