/* ================ */
/* = RESET STYLES = */
/* ================ */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
}

*:focus {
  outline: 10;
}

body {
  line-height: 1;
  color: black;
  background: white;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: separate;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: "";
}

blockquote, q {
  quotes: "" "";
}

.clear {
  clear: both;
  height: 1px;
  line-height: 1px;
  font-size: 1px;
  display: block;
}

a {
  text-decoration: none;
	color: #f1c97f;
}

a:hover {
	color: #ffffff;
	text-decoration: underline;
	}

strong,
b {
  font-weight: bold;
}

em {
  font-style: italic;
}

.permashare,
span.permabar a.report {
  display: block;
  margin: 5px 0px 0px 0px;
}

.formerror {
  color: red;
}

.useroffline,
.useronline {
  vertical-align: -13%;
}

fieldset {
  margin: 10px 0 0 0;
  padding: 5px 0 0 0;
  text-align: left;
  clear: both;
  border: 0;
  text-transform: lowercase;
}

fieldset label.option,
legend {
  height: 0;
  font-size: 0;
  line-height: 0px;
}

fieldset input {
  padding-left: 10px;
  margin-left: 0;
}

fieldset label {
  padding-right: 15px;
  display: inline;
  vertical-align: baseline;
}

.fl {
  float: left;
  overflow: hidden;
  display: inline;
}

.fr {
  float: right;
  overflow: hidden;
  display: inline;
}

p.byline,
span.permabar {
  font-size: 11px;
}

.bkgimg {
  display: block;
  overflow: hidden;
  text-indent: -1000em;
}

a.tool {
  padding-right: 5px;
}

div.control {
  text-align: center;
  margin-bottom: 20px;
  padding: 0.7em 0;
}
div.control div.paging {
  width: 260px;
  margin: 0 auto;
  position: relative;
}

div.control div.paging em {
  font-style:normal;
  font-weight: bold;
}
div.control div.paging a.prv {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 51px;
  height: 18px;
}
div.control div.paging a.nxt {
  position: absolute;
  bottom: 0px;
  right: 0px;
  width: 51px;
  height: 18px;
}
div.control div.paging span {
  margin: 0px 51px;
}

span.date span.mday,
span.date span.year {
  display: block;
  text-align: center;
}

.ftr {
  font-size: 10px;
  line-height: 14px;
}

/* ALL BUTTON STYLES */
a.btn {
  border-radius: 3em;
  -moz-border-radius: 3em;
  -webkit-border-radius: 3em;
  background: #c37f04;
  border: 1px solid #C28000;
  padding: 0.25em 1em;
  display: inline-block;
  font-weight: bold;
  background-image: -moz-linear-gradient(top, #943b1b, #6a2c17); /* FF3.6 */
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #943b1b),color-stop(1, #6a2c17)); /* Saf4+, Chrome */
            filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#943b1b', EndColorStr='#6a2c17'); /* IE6,IE7 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#943b1b', EndColorStr='#6a2c17')";
}

a.btn-demand {
  text-transform: uppercase;
  padding: 5px;
  display: block;
  width: auto;
  float: left;
  margin: 0 0 40px 0;
  border: 1px solid #4897B8;
}

a.btn-demand:hover {
  text-decoration: none;
  background:#4897B8;
  color: #000;
}

/* --ALL PAGES STYLE MASTER TEMPLATE--*/
body{
	background: #000 url(/public/images/yanni_background.jpg) repeat-x top  left;
	font: 12px/18px verdana,arial,sans-serif;
	text-align: left;
	}

div.container{
	width: 800px;
	margin:0 auto;
	background: #142541 url("/public/images/bodycontent_bak.jpg") repeat-x 0 400px;	
}

.expg div.container {
  background: #000;
}

/* HEADER */	

.header{
	background: #11213A url(/public/images/yanni_header_hp.jpg) no-repeat;
	color: #fff;
	height: 126px;	
	position:relative;
	z-index:3;
}

.header .logo {
  position:absolute;
  top:0;
  left:0;
  width:280px;
  height:100px;
  z-index:1;
}

#headerRight {
	float: right;
	width: 330px;
	height: 100px;
}

.header .langselection {
  position:absolute;
  top:9px;
  right:0;
  width:205px;
  height:30px;
  z-index:1;
  overflow: hidden;
}

.header .langselection li {
  display:inline;
  float: left;
  font-family:"trajan pro", trajan, times, serif;
  font-size:13px;  
  text-transform: uppercase;
  margin-right: 22px;
}

.header .langselection li.first {
  margin: 0 22px 0 30px;
}

/* GLOBAL NAV */	
ul.globalnav {
	width: 100%;
	height: 22px;
	position: absolute;
	top:101px;
	left:0;
	background-color: #933b1d;
	border: 1px solid #c28000;
	border-width: 1px 0;
	margin-bottom: 1px;
	z-index: 10;
  text-transform: uppercase;
}
	
ul.globalnav li {
  float:left;
  padding: 0 1em 3px;
  position:relative;
  z-index:3;
}

ul.globalnav li a {
  display: block; 
  font-size: 14px;
}

ul.globalnav li ul li a {
  color: #000;  
  font-weight: bold;
}

ul.globalnav ul {
  position: absolute;
  top: -999em;
  left:-1px;
  display: block;
  width:160px;
  margin:0;
  padding:0;
  background: #F0C950;
  border-bottom-left-radius: 10px;
  -moz-border-radius-bottomleft: 10px;
  -webkit-border-bottom-left-radius:10px;
  border-bottom-right-radius: 10px;  
  -moz-border-radius-bottomright: 10px;
  -webkit-border-bottom-right-radius: 10px;  
}

ul.globalnav ul li, ul.globalnav li:hover ul li, ul.globalnav li.sfHover ul li {
  display:block;
  float:none;
  position:static;  
  padding:0;
  margin:0;
}

ul.globalnav ul li a, ul.globalnav li:hover ul li a, ul.globalnav li.sfHover ul li a {
  padding:5px 10px; 
  display: block;
  line-height:14px;   
  background: #F0C950;  
}

ul.globalnav li:hover ul a:hover, ul.globalnav li.sfHover ul a:hover {
  background-color: #c28000;
}

ul.globalnav li:hover ul, ul.globalnav li.sfHover ul {
  top:23px;
  left:0;
}

ul.globalnav li:hover ul li.last a, ul.globalnav li.sfHover ul li.last a, ul.globalnav li:hover ul li.last:hover a, ul.globalnav li.sfHover ul li.last:hover a {
  border-bottom-left-radius: 10px;  
  -moz-border-radius-bottomleft: 10px;
  -webkit-border-bottom-left-radius:10px;
  border-bottom-right-radius: 10px;  
  -moz-border-radius-bottomright: 10px;
  -webkit-border-bottom-right-radius: 10px;  
}

/* FOOTER */

.footer {
	clear: both;
	background: #933b1d;
	border-top: 1px solid #c28000;
	color:#000;
	padding:10px 15px;
	position: relative;
}

.footer,
.smpg .footer ul li a {
  font: 10px/14px "trajan pro", trajan, times, serif;  	
	text-transform: uppercase; 
}

.footer ul {
  text-align: right;
  position: absolute;
  top:10px;
  right:10px;
}

.footer ul li {
  display:inline;
  border-right: 1px solid #333;
  padding: 0 10px;
}

.footer ul li.last {
  border-right: 0;
}

.footer .mg {
	display: inline;
	margin: 0 25px;
}

.footer .mg img {
	vertical-align: text-bottom;
}

/* CONTENT STYLE */
div.content {
  width:750px;
  margin:25px auto 0 auto;
  overflow: hidden;
}

.hmpg div.content, 
.nepg div.content,
.mupg div.content,
.copg div.content,
.biopg div.content,
.inpg div.content {
  border-radius: 10px;  
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  background: #234676;
  padding-top:15px;
  margin-bottom: 30px;
}

.mupg div.content {
  background-color: #44628a;
}

div.content div.maincolumn {
  width:484px;
}

div.content div.twocol {
  width: 346px;
  background: #44628A;
  border-radius: 10px;  
  -moz-border-radius: 10px;
  -webkit-border-radius:10px;
  
}
div.content div.mfr {
    margin-right: 15px;
}

div.content div.mfl {
  margin-left: 15px;  
}

div.sidebar {
  width:230px;
    margin-bottom: 20px;
}

div.sidebar div.bdy {
  padding:15px;
}

.hmpg a.more {
  display: block;
  margin: -40px 15px 30px 0;
  text-align: right;
}

.hmpg div.content div.maincolumn {
  position: relative; 
  width: 464px;
}

.hmpg div.maincolumn a.feed {
  position: absolute;
  left:200px;
  top:19px;
}
/* WHATS NEW */
.hmpg div.news {
  background-color: #45628a;
  padding-bottom: 35px;
  margin-bottom: 10px;
}

.hmpg div.news h2.title span.bkgimg {
	background: #44628a url(/public/images/col_top_whatsnew.jpg) no-repeat 0px 0px;
	width: 464px;
	height: 50px;
}

.hmpg div.news div.bdy {
  padding:20px 15px 0 15px;
}

div.news {
	font:11px/14px;  
	color: #f9f9f9;
	padding-bottom: 10px;
}

div.news .ftr {
  margin-top: 10px;
  
}
div.news div.item {
  border-bottom: 1px solid #17345b;
  padding: 0 0 10px 0;
  margin-bottom: 10px;
}
div.news div.copy {
	padding:10px 0 0 0;
}
	
div.news h3 {
  font-size: 14px;
  line-height: 18px;
  font-weight: bold;  
}	
/* NEWS DETAIL */
div.newsdetail div.image {
  margin-bottom: 15px;
}

div.newsdetail h1 {
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
}

/* TOUR PAGECOPY */
div.tourcopy,
div.email-list, 
div.follow {
  background-color: #44628a;
  width: 229px;
  margin-bottom: 2em;
}
div.tourcopy h2.title span.bkgimg,
div.email-list label.heading-email,
div.follow h2.title span.bkgimg {
  background: transparent url(/public/images/col_top_voices.jpg) no-repeat -1px 0;
  width:229px;
  height:50px;
}

/* EMAIL LIST */
div.email-list {
 padding: 0 0 1em 0; 
}

div.email-list input.text {
  margin-left: 15px;
}

div.email-list label.heading-email {
  background-image: url("/public/images/h2-email.jpg");
  display: block;
  overflow: hidden;
  text-indent: -1000em;
  margin-bottom: 0.5em;
}

/* FOLLOW US */
div.follow h2.title span.bkgimg {
  background-image: url("/public/images/col_top_follow.jpg");
}

div.follow div.bdy {
	padding: 15px 0 20px 0;
}

div.follow div.bdy ul.artistlinks li {
	display: inline;
	padding: 0 0 10px 50px;
}

/* YANNI SEARCH */
div.yannisearch {
  text-align: center;
}

/* DISCOGRAPHY LIST */
div.discolist {
  margin-bottom: 30px;
}

div.discolist div.music,
div.musicdetail div.music {
  margin:12px;  
}

div.discolist div.music h2.title,
div.musicdetail div.music h2.title,
div.community h2.title,
div.gateways h2.title {
  border-bottom: 1px solid #91a2ba;
  margin-bottom: 20px;
}

div.discolist div.music h2.title span.bkgimg,
div.musicdetail div.music h2.title span.bkgimg {
  height: 38px;
  width: 243px;
  background: url("/public/images/h2-discography.png") no-repeat;
}

div.videolist div.music h2.title span.bkgimg {
  background: url("/public/images/h2-videography.png") no-repeat;
}

div.discolist div.item,
div.musiclist div.item {
  overflow: hidden;
  margin-bottom: 15px;
  margin: 0 0 15px 20px;
}

div.discolist div.item div.image {
  margin-right: 10px;
}

div.discolist div.item h3, .arpg .artist-news div.item h4 {
  font-weight: bold;
  margin-bottom: 5px;
  font-size: 14px;
}

div.discolist a.btn-morediscography {
  background: url("/public/images/btn-morediscography.png") no-repeat;
  width: 225px;
  height: 38px;
  margin: 35px 0 30px 30px;
}

div.musiclist div.item {
  width: 320px;
  height: 150px;
}

div.musiclist a.btn-morevideography {
  background: url("/public/images/btn-morevideography.jpg") no-repeat;
  width: 225px;
  height: 38px;
  margin: 35px 0 30px 30px;
}

/* DISCOGRAPHY DETAIL */
.mupg div.container {
  position:relative;
  z-index:1;
}

.mupg div.audioplayer {
  height:100px;
}
div.musicdetail div.music {
  position:relative;
  padding-bottom: 60px;
  color: #fff;  
  z-index:1;
}

div.musicdetail div.music div.control {
  position: absolute;
  bottom:0;
  left:0;
  width: 100%;
  margin-bottom: 0;
  z-index:1;
}

div.musicdetail div.imagewrap {
  width:200px;
  margin-left: 20px;
  overflow: visible;
}

div.musicdetail div.imagewrap a.btn {
  margin: 20px 0 0 0;
  height: 18px;
  padding: 0 1em;
  line-height: 20px;
  display: block;
  width: 40px;
  text-align: center;
}

div.musicdetail div.text {
  width: 460px;
}

div.musicdetail div.text h3,
div.lyrics h3.title {
  font-size: 18px;
  line-height: 32px;
  font-weight: bold;
}

div.musicdetail div.text ul.tracks,
div.musicdetail div.text div.copy {
  margin:20px 0;
}

div.musicdetail ul.tracks li span.clip {
 	width: 24px;
 	display: inline-block;
}

div.musicdetail ul.tracks .play {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("/public/images/play.gif") no-repeat;
  
}

div.musicdetail ul.tracks .nowplaying {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("/public/images/nowplaying.gif") no-repeat;
  
}

/* EVENTS LIST */
div.events {
  position: relative;
  margin: 0 0 20px 0;
  padding-top: 1px;
}

div.events div.control {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
}

div.events div.tr {
  margin: 0 0 5px 0;
  overflow: hidden;
  background-color: #0C2851;
  border-bottom: 1px solid;
  border-color: #4897B8;
  padding: 5px 0;
}

div.events div.tr div.th {
  text-transform: uppercase;
}

div.events div.tr div.date {
  width: 109px;
  margin-left: 12px;
}

div.events div.tr div.location {
  width: 318px;
}
div.events div.tr div.tix {
  width: 120px;
}

div.events div.tr div.info,
div.events div.item span.info {
  width:150px;
  margin-right: 12px;  
}

div.events div.item {
  margin-bottom: 5px;
  border-bottom: 1px solid;
  border-color: #4897B8;
  overflow: visible;
  position: relative;
}

div.events div.item a.item {
  display: block;
  overflow: hidden;
  padding: 10px 0;
  border: 0;
}

div.events div.item a.item span.date,
div.events div.item a.item span.location{
  float: left;
  display:block;
}

div.events div.item span.info {
  float:right;
  display:block;
}

div.events div.item a.item span.date {
  width: 109px;
  margin-left: 12px;
}

div.events div.item a.item span.time {
	display: block;
}

div.events div.item a.item span.location {
  width: 240px;
}

div.events div.item a.buyticketurl {
  position: absolute;
  top:10px;
  left: 440px;
  display:block;
  width:130px;
  font-weight: bold;
}

div.events div.event a.buyticketurl {
  position:static;
  margin-top:20px;
}
div.events div.event {
  border-top: 1px solid #4897B8;
  padding:20px 0;
  margin-top: 25px;
}

div.events div.detail {
	border-top: none;
}

div.events div.event ul {
  padding-bottom: 10px;
}

div.events div.event ul li {
  padding-bottom: 2px;
}

div.events div.event ul span.title {
  font-weight: bold;
}

div#events div.event div.copy,
div#events div.event a.buyticketurl,
div#events div.event div.desc span.address {
  margin-bottom: 20px;
  display: block;
}

/* COMMUNITY SECTION */
div.content div.community, div.content div.gateways {
  padding:15px 0;
  background-color: #244676;
  min-height: 390px;
}

div.community h2.title, div.community div.pagecopy, 
div.gateways h2.title, div.gateways ul.artistlinks {
  margin-left: 12px;
  margin-right: 12px;
}

div.community h2.title span.bkgimg,
div.gateways h2.title span.bkgimg {
  background: url("/public/images/h2-joinstreetteam.png") no-repeat;
  width: 309px;
  height: 38px;
}

div.gateways h2.title span.bkgimg {
  background-image: url("/public/images/h2-gateways.png");
}

div.community div.item {
  margin-bottom: 25px;
  overflow: hidden;
}

div.community div.item div.image {
  margin-right: 10px;
}

div.community div.item span.ftr {
  display: block;
  margin-top: 10px;
}

div.gateways ul.artistlinks {
  margin: 40px 0 0 15px;
}
div.gateways ul.artistlinks li {
  list-style: disc outside;
  margin: 0 0 5px 20px;
}

/* NEWS PAGE */
.nepg div.container, .inpg div.container {
  background: #6e6a61 url(/public/images/news_homepage_back.jpg) 0 50px repeat-x;
  position:relative;
  z-index:1;
}
.nepg h1.title, .inpg h1.title {
  margin:20px 0 0 20px;
}
.nepg a.feed {
  position:absolute;
  top:162px;
  left:190px;
  z-index:1;
}
.nepg h1.title span.bkgimg, .inpg h1.title span.bkgimg {
  background: url("/public/images/news_feature_header.png") no-repeat;
  width: 535px;
  height: 50px;
}

.inpg h1.title span.bkgimg {
	background: url("/public/images/int_affiliates_header.png") no-repeat;
	width: 510px;
}

.nepg div.content, .inpg div.content {
  margin-top:15px;
}

.inpg div.content div.artist-news {
	margin: 10px 30px 20px 30px;
}

.inpg div.content div.text {
	color: #fff;
}

/* DISCOGRAPHY PAGE */
.dipg div.container {
  background: #810b09 url("/public/images/discography_home_bak.jpg") no-repeat 0 126px;
}

.mupg div.container {
  background: #810b09 url("/public/images/discography_home_bak.jpg") no-repeat 0 126px;
}

.mudpg div.container {
  background-position: 0 190px;
}

.mudpg div.container h1.title {
  margin-top: 0;
  margin-bottom: 35px;
}

.dipg h1.title,
.topg h1.title,
.copg h1.title,
.smpg h1.title,
.compg h1.title,
.vopg h1.title,
.phpg h1.title {
  margin:20px 0 60px 20px;
}
.dipg h1.title span.bkgimg,
.topg h1.title span.bkgimg,
.copg h1.title span.bkgimg,
.smpg h1.title span.bkgimg,
.compg h1.title span.bkgimg,
.vopg h1.title span.bkgimg,
.phpg h1.title span.bkgimg {
  width: 200px;
  height: 40px;
}

/* LYRICS PAGE */

.lypg div.musicdetail div.music {
  overflow: hidden;
}

.lypg div.lyricsdisco {
  width: 200px;
}

.lypg div.lyricsdisco div.item,
.lypg div.lyricsdisco {
  overflow: visible;
}

.lypg div.lyricsdisco div.item ul.blm {
  margin-top: 20px;
}

.lypg div.lyricsdisco div.imagewrap {
  margin-left: 0;
}

.lypg div.lyricsdisco div.text {
  width:200px;
}
.lypg div.lyrics {
  width: 460px;
}

/* TOUR PAGE */
.topg div.container {
  background: #041d5d url("/public/images/tour-page.jpg") no-repeat 0 126px;  
  color: #fff;
}

.topg h1.title {
  margin-bottom: 40px;
}

.topg div.tour-news div.text {
  padding-top: 1em;
  width: 530px;
}

.tour-news {
	overflow: hidden;
}

#googlemap {
	margin: 40px 0 10px 30px;
	color: #000;
}

/* TOUR DETAIL PAGE */
.todpg div.content {
  margin-bottom: 40px;
}

/* CONTACT PAGE */
.copg div.container {
  background: #85351a url("/public/images/contact_bak.jpg") no-repeat 0 126px;
  color: #fff;
}

.copg div.pagecopy {
  padding: 0 20px 40px 20px;
}

.copg div.form-item {
  margin-bottom: 1em;
}

.copg div.form-item label {
  width: 120px;
  display: inline-block;
  vertical-align: top;
  text-transform: capitalize;
}

.copg div.form-item textarea,
.copg div.form-item input.text,
.copg div.form-item select {
  width: 250px;
  padding: 0;
  display: inline-block;
}

.copg div.form-item input.submit {
  margin-left: 135px;
}

/* SITEMAP PAGE */
.smpg div.container {
  background: #244282 url("/public/images/sitemap_bak.jpg") no-repeat 0 126px;
  color: #fff;  
  position: relative;
}

.smpg a.streetteam {
  position: absolute;
  top:428px;
  right:50px;
  width: 192px;
  height: 144px;
}

.smpg a.fanclub {
  position: absolute;
  top:256px;
  right:50px;  
  height: 120px;
  width: 192px;
}

.smpg div.content {
  width:450px;
  margin:80px 0 0 45px;
}

.smpg ul.leftcol,
.smpg ul.rightcol {
  width:48%;
}
.smpg ul.leftcol li, .smpg ul.rightcol li {
  list-style: disc outside;
  margin:0 0 30px 20px;
}

.smpg ul.leftcol li ul li, .smpg ul.rightcol li ul li {
  list-style: none;
  margin: 0 0 5px 10px;
}

.smpg ul li a {
  font-weight: bold;
  text-transform: capitalize;
}

.smpg ul li ul li a {
  font-weight: normal;
}

/* COMMUNITY PAGE */
.compg div.container {
  background: #843419 url("/public/images/community_bak.jpg") no-repeat;
  color:#fff;
}

.compg div.content {
  margin-bottom: 40px;
}

/* VOICES PAGE */
.vopg div.container {
  background: #041c66 url("/public/images/voices_bak.jpg") no-repeat 0 126px;
  color:#fff;
}
.vopg div.pagecopy {
  margin:40px 0;
}

/* VOCES PAGE */
body.vocpg {
  background: #02133e url("/public/images/yanni_voces_bg.jpg") repeat-x;
}
.vocpg div.container {
  background: #7B331B;
}

.vocpg div.header {
  background-image: url("/public/images/yanni_voces_banner.jpg");
  height: 220px;
}

.vocpg div.header ul.globalnav {
  top:196px;
}

.vocpg div.header div.highlights {
  position: absolute;
  top:40px;
  right:20px;
  width:257px;
  height: 146px;
}

.vocpg div.header div.highlights .cms-cmstools {
  position: absolute;
  top:0;
  left:0;
}
.vocpg div.content {
  margin:0;
  padding-top: 20px;
  width: 800px;
  background: url("/public/images/voces_content_bkg.jpg") repeat-x;
}

.vocpg div.content div.sidebar {
  width:325px;
}

.vocpg div.content div.maincolumn {
  width:424px;
}

.vocpg div.content div.videos {
  background: url("/public/images/yanni_voces_videos.jpg") no-repeat;
  height: 507px;
}

.vocpg div.videos ul {
  padding:50px 0 0 30px;
  overflow: hidden;
}

.vocpg div.videos ul li {
  width: 170px;
  height: 150px;
  border: 1px solid #eeca50;
  border-radius: 10px;  
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;  
  margin-right: 23px;
  margin-bottom: 25px;
}

.vocpg div.videos ul li div.image, .vocpg div.videos ul li h4 {
  margin:10px 0 0 10px;
}

.vocpg div.videos ul li div.image {
  width: 150px;
  height: 100px;
  overflow: hidden;
}
.vocpg div.videos ul li h4 {
  margin-top: 5px;
}

/* PBS PAGE */
.pbspg div.container {
  background: #220e03 url("/public/images/pbs_feat_bak.jpg") no-repeat 0 126px;
  color: #fff;
}

.pbspg div.container div.content {
  width: 780px;
  margin-top: 45px;
  height: 454px;
}
.pbspg div.container div.pbstrailer {
  background: url("/public/images/pbs_vid_player_bak.png") no-repeat;
  width: 502px;
  height: 363px;
  padding: 27px 0 0 26px;
}

.pbspg div.container div.content a.btn-pbsstation {
  background: url("/public/images/btn-pbsstation.png") no-repeat;
  width:234px;
  height: 40px;
  margin: -40px 15px 0 0;  
}

.pbspg div.container div.content a.btn-pbsstation:hover {
  background-image: url("/public/images/btn-pbsstation-on.png");
}

.pbspg div.container div.content a.btn-currentshowtimes {
  background: url("/public/images/btn-currentshowtimes.png") no-repeat;
  width:234px;
  height: 40px;
  clear:both;
  margin: 3px 15px 0 0;
}

.pbspg div.container div.content a.btn-currentshowtimes:hover {
  background-image: url("/public/images/btn-currentshowtimes-on.png");
}

/* DOWNLOADS PAGE */
.dopg div.container {
  background: #60214c url("/public/images/downloads-bg.jpg") no-repeat 0 126px;
  color: #fff;
}

.dopg div.content  {
  margin: 75px 130px 0 80px;
  width: auto;
  min-height: 600px;
}

.strpg div.content div.downloads {
	margin: 20px 45px 0 45px;
}

.dopg div.content div.bdy, .strpg div.content div.bdy {
  margin-bottom: 3em;
  clear: both;
  overflow: hidden;
}

.strpg div.content div.bdy div.item {
	overflow: auto;
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #63586d;
}

.dopg div.content div.bdy div.item {
	float: left;
	margin: 0 15px 20px 15px;
	width: 115px;
	height: 130px;
	overflow: hidden;
}

.dopg div.content div.bdy div.item div.text {
	clear: both;
}

.dopg div.content h3, .strpg div.content h3, .arpg div.content h3 {
  border-bottom: 1px solid #ccc;
  padding-bottom: 0.2em;
  margin-bottom: 0.8em;
}

.dopg div.content div.image, .strpg div.content div.image {
  margin-right: 1em;
}

/* DOWNLOADS DETAIL PAGE */
.dodpg div.item {
  text-align: center;
}

.dodpg div.item div.text {
  text-align: left;
  margin-top: 0.5em;
  margin-bottom: 5em;
}

/* GALLERY PAGE */
.phpg div.container {
  background: #32140a url("/public/images/gallery_bak.jpg") no-repeat 0 126px;
  color: #fff;
}

.phpg div.content {
  margin:15px 0 0 61px;
  width: 635px;
}

div#photofolder {
  margin:0 0 40px 25px;
  overflow: hidden;
}

div#photofolder div.item {
  width:255px;
  margin: 0 25px 25px 0;
  height: 100px;
  padding:10px;
  border: 1px solid #F1C97F;    
  border-bottom-left-radius: 10px;  
  -moz-border-radius: 10px;
  -webkit-border-radius:10px;
}

div#photofolder div.first {
  height: 250px; 
  background-color: #6B2214;
  margin-bottom: 5px;
}
div#photofolder div.item a {
  font-weight: bold;
}

div#photofolder div.item div.image {
  margin-right: 10px;
}

div#photofolder div.item div.text {
  margin-top: 10px;
}

div#photofolder div.first div.image {
  float: none;
  margin-right: 0;
}

div#photofolder div.first div.text {
  clear: both;
  margin-top: 0.5em;
}

/* GALLERY DETAIL PAGE */
.phdetpg div.content {
  margin-top: 0;
  text-align: center;
}

.phdetpg div.content div.text {
  margin: 0 40px;
}

.phdetpg div.content div.text h1 {
  font-size: 16px;
  margin-top: 5px;
}

.phdetpg div.content div.sidebar {
  width: auto;
  margin: 20px 0 20px 5px;
  overflow: hidden;
}

.phdetpg div.content div.sidebar li {
  width: 52px;
  margin: 0 5px 5px 0;
}

.phdetpg div.content div.sidebar li a img {
  border: 1px solid #fff;
  opacity: 0.6;
  -moz-opacity: 0.6;
  filter:alpha(opacity=60);  
}

.phdetpg div.content div.sidebar li a:hover img {
  border:1px solid #F1C97F;
  opacity: 1;
  -moz-opacity: 1;
  filter:alpha(opacity=100);    
}

.phdetpg a.btn-albums {
  display: block;
  clear: both;
  text-align: center;
  margin: 0 0 40px 0;
  font-family:"trajan pro",trajan,times,serif;
  font-size: 12px;
  line-height: 18px;
  text-transform: uppercase;
}
/* ------------------------------------*/

/* ------------------------------------*/
/* FEATURE */
#feature{
	float: left;
	clear: left;
	width: 800px;
	height: 275px;
	position: relative;
	background: url(/public/images/dynamic-window-bak.jpg) no-repeat;
	background-image: url(/public/images/dynamic-window-bak.jpg);
	}

#dynamic{
	float: left;
	clear: left;
	width: 580px;
	height: 275px;
	position: relative;
	}
	
#feature_audio_top{
	float: right;
	clear: none;
	width: 220px;
	height: 200px;
	position: relative;
	background-image: url(/public/images/dynamic-window-bak_02.jpg);
	}
	
#feature_audio_player{
	float: right;
	clear: right;
	width: 220px;
	height: 75px;
	position: relative;
	background-image: url(/public/images/dynamic-window-bak_03.jpg);	
	}
/* -----------------------------------*/
/* CONTENT - GENERIC LINKS */
/* ------------------------------------*/

#photo-rt{ 
	float: right; 
	background: transparent url(/public/images/black-rhino-charging.jpg) no-repeat 0px 0px; 
	border: 1px #000; 
	margin-top: 1px; 
	margin-left: 8px; 
	margin-bottom: 8px; 
	}
.photo{ 
	float: right; 
	margin: 30px 0px 6px 8px; 
	}
.photo-rt{
	background: transparent url(/public/images/clear.gif) no-repeat 0px 0px;
	float: right;
	clear: right;
/*	border: solid #000 1px;  */
	margin: 15px 10px 2px 8px;
	}
.photo-lt{
	background: transparent url(/public/images/clear.gif) no-repeat 0px 0px;
	float: left;
	clear: right;
/*	border: solid #000 1px;  */
	margin: 5px 8px 2px 0px;
	}
.photo-ctr{
	background: transparent url(/public/images/clear.gif) no-repeat 0px 0px;
	float: none;
	clear: none;
/*	border: solid #000 1px;  */
	margin: 5px 8px 6px 6px;
	}
	
/* EXCLUSIVES PAGE */
.expg div.videos {
  background: #121212;
  border-radius: 20px; /* Opera 10.5, IE 9 */  
  -moz-border-radius: 20px; /* FF1+ */
  -webkit-border-radius: 20px; /* Saf3+, Chrome */
  overflow: hidden;
  padding: 1em 0 1em 1em;
  margin-bottom: 2em;
}

.expg div.videos li {
  width: 46.5%;
  margin-right: 1%;
  border:1px solid #333;
  padding:1%;
  background: #262626;
  height: 100px;
  margin-bottom: 1%;
}

.expg div.videos li div.image {
  float: left;
  margin-right: 1em;
}

.expg div.videos li h4.ftr {
    font-size: 1em;
}

.expg .video-detail {
  margin-bottom: 3em;
  color: #fff;  
}

.expg .video-detail .videoplayer {
  width: 500px;
  float: left;  
}

.expg .videoplayer .image {
  margin-bottom: 1em;
}

.expg .video-detail .videoplayer .image .ftr {
  display: block;
  padding: 0.5em 0 0 0;
}

.expg .video-detail .videolist {
  width: 240px;
  float: left;
  background: #602714;
  border-radius: 0.5em;
  -moz-border-radius: 0.5em;
  -webkit-border-radius: 0.5em;
  margin: 0 0 0 0;
  padding: 0.5em 0;
  border:1px solid #c28000;
}

.videolist ul {
  margin-top: 0.5em;
}

.videolist li {
  overflow: hidden;
}

.videolist li img,
.all-videos li img {
  margin-right: 1em;
}

.videolist li .image,
.all-videos li .image {
  position: relative;
  padding-bottom: 25px;
}

.videolist li .image .play,
.all-videos li .play {
  position: absolute;
  bottom: 10px;
  right: -5px;
  background: url("/public/images/video-play.png") no-repeat;
  width: 35px;
  height: 35px;
}

.discolist a.btn {
  float: right;
  margin: 0.5em 1em 0.5em 0;
}

.expg .video-detail .videolist h3 {
  padding-left: 0.5em;
  font-size: 1.5em;
  padding-top: 0.5em;
}

.expg .video-detail .videolist li {
  padding: 0.5em 0 0.5em 1em;
}

.expg .video-detail .videolist li.selected {
  background: #531905;
}

.all-videos li {
  width: 45%;
  float: left;
  margin-right: 1%;
  height: 130px;
}

/* FAQ */
div.content {
	position: relative;	
}

img.street {
	position: absolute;
	top:0;
	right:0;
}

div.faq {
  /*background: url("/public/images/faq-bg.jpg") top left repeat-x;*/
  padding-bottom: 4em;
  width: 100%;
  margin-top: 0em;
  padding-top: 25px;
  color: #fff;
}

div.faq h1 {
  margin-left: 2em;
}

div.faq h3 {
	overflow: hidden;
	width: 560px;
}
div.faq div.faq-questions ul {
	padding-left: 2em;
}

div.faq div.faq-questions, div.faq div.answers {
  margin: 1em 0 2em 0;
}

div.faq div.faq-questions li, div.faq div.answers div.item {
  margin-bottom: 1em;
}

div.faq div.answers div.item {
	border-top: 1px solid #fff;
	overflow: hidden;
	padding: 2em;
}

div.faq div.answers div.item ul, div.faq div.answers div.item ol {
	padding-left: 2em;
}

div.faq div.answers div.item ul li{
	list-style-type: disc;
}

div.faq div.answers div.item ol li {
	list-style-type: decimal;
}

div.faq div.answers div.item a.more {
	display: block;
	float: right;
}

/* ARTISTS PAGE */
.arpg div.container {
  background: #07060b url("/public/images/artists-bg.jpg") 0 126px no-repeat;
  color: #fff;
}

.arpg div.content {
  margin: 130px 130px 0 80px;
  width: auto;
}

.artist-news {
	overflow: hidden;
	clear: both;
}

.artist-news div.item  {
  margin-bottom: 4em; 
  overflow: hidden;
}

.arpg .artist-news div.item  {
  margin: 0 30px 3em 15px; 
  overflow: hidden;
  float: left;
  width: 245px;
	height: 235px;
	position: relative;
}

.arpg .artist-news div.item div.cms-cmstools {
	position: absolute;
	top: 0;
}

.arpg #orchestra .artist-news div.item {
	height: 135px;
}

.artist-news div.item .fl {
  margin-right: 1em;
}

/* -----------------------------------*/
div.todo {
  background-color:#94D78A;
  color:#000;
}

/* =============== */
/* = STREET TEAM = */
/* =============== */
.strpg div.container {
  background: #472C61 url("/public/images/streetteam-bg.jpg") no-repeat 0 126px;
  color: #fff;
}

.strpg .pagecopy p {
  padding: 1em 0;
}

.strpg h2.title {
  background: url("/public/images/h2-street-bg.png") no-repeat;
  border-bottom: 1px solid #666; 
  padding: 0.3em 0 0 1em;
  margin-bottom: 0.7em;
}

.strpg .media {
  clear: both;
  overflow: hidden;
  margin-bottom: 3em;
}

.strpg .media .item {
  margin: 0 0 0 20px;
  height: 120px;
  overflow: hidden;
  width: 80px;
}

.strpg .Ringtones .item,
.strpg .Downloads .item {
  width: auto;
  height: auto;
  margin-bottom: 0.5em;
}

.strpg .left-media {
  width: 49%;
}

.strpg .right-media {
  width: 49%;
}

/* ============== */
/* = MEMBERSHIP = */
/* ============== */
.regpg div.container,
.mempg div.container {
  background-position: 0px 126px;
  color: #fff;
}

.regpg h2.title {
  overflow: hidden;
  text-indent: -1000em;
  width: 490px;
  height: 50px;
}

.regpg div.section {
  padding-bottom: 3em;
}

.regpg div.bdy {
  margin: 20px 0 0 77px;
}

.regpg div.section p,
.regpg div.loginform {
  margin-bottom: 2em;
}

.login h2.title {
  background: url("/public/images/h2-login.png") no-repeat;
}

.join h2.title {
  background: url("/public/images/h2-join.png") no-repeat;
}
 
.reset h2.title {
  background: url("/public/images/h2-reset.png") no-repeat;
}

.editprofile h2.title {
  background: url("/public/images/h2-editprofile.png") no-repeat;
}

.editaccount h2.title {
  background: url("/public/images/h2-editaccount.png") no-repeat;
}

.editp h2.title {
  background: url("/public/images/h2-privacy.png") no-repeat;
}

#mg-cellphoneinputid {
  display: none;
}

#mg-formsubmitbuttonid {
  display: block;
  margin-top: 2em;
}

.streetteam {
	text-align: center;
}

.streetinfo {
	display: block;
}

.infpage {
	background: #9c130c url("/public/images/info_bg.jpg") repeat-x;	
}

.infpage .content {
	width: 600px;
}

.infpage .content .img {
	float: left;
}

.infpage .content{
	color: #f9f9f9;
}

/* campaign opt-ins - we have to hook into the campaign id */
#mg-emailcampaignoptins strong{
	display: none;
}

#mg-emailcampaign_24663 {
	background: url("/public/images/yst_logo_sm.jpg") no-repeat 10px 10px #263650;
	border: 1px solid #8b7a39;
	display: block;
	height: 44px;
	margin-top: 15px;
	padding: 21px 10px 10px 80px;
}

input {
	margin-right: 6px;
}


/* ================== */
/* = MEMBER PROFILE = */
/* ================== */
.mempg h1.title {
  background: url("/public/images/h2-memberprofile.png") no-repeat;
  width: 500px;
  height: 50px;
  margin: 20px 0 40px 0;
}

.mempg div.content div.maincolumn,
.regpg div.content div.maincolumn {
  margin-left: 0;
}

.mempg div.content div.maincolumn div.item {
  border-radius: 1em;
  -moz-border-radius: 1em;
  -webkit-border-radius: 1em;
  background: #234676;
  padding: 12px;
  margin-bottom: 6em;
  width: 460px;
}

.mempg div.maincolumn li {
  padding-bottom: 1em;
}

.mempg div.sidebar div.section,
.regpg .sidebar div.section {
  margin-right: 0;
  margin-left: 1em;
}

.mempg .sidebar,
.regpg .sidebar {
  margin: 1em 0 6em 0;
}

.mempg .sidebar li,
.regpg .sidebar li {
  padding: 0.5em;
  border-bottom: 1px solid #666;
}

/* ======= */
/* = BIO = */
/* ======= */
.biopg div.container {
  background: #000;
}

.biopg h1.title {
  margin-top: 30px;
}

.biopg h1.title span.bkgimg {
    background: url("/images/h2-bio.png") no-repeat;
    width: 535px;
    height: 50px;
}

.biopg div.artistbio {
  margin: 0 1em 1em 1em;
  color: #fff;
}

.biopg div.artistbio div.image {
  margin: 0 1em 1em 0;
}

/* PRIVACY POLICY */
.privpg div.container {
  background: #625f58 url("/public/images/privacy_bak.jpg") no-repeat 0 126px;
  color: #fff;
}

.privpg div.content,
.termspg div.content {
  padding-top: 40px;
}

/* TERMS AND CONDITIONS */
.termspg div.container {
    background: #625f58 url("/public/images/terms_bak.jpg") no-repeat 0 126px;
    color: #fff;
}

/* ========= */
/* = FONTS = */
/* ========= */

.expg .video-detail h3,
ul.globalnav li, 
.topg div.content h3,
.todpg div.events h3,
.dopg div.content h3,
.strpg div.content h3,
.dodpg div.content h1,
.artist-news h3,
.mempg .sidebar h3,
.regpg .sidebar h3,
.mempg .item h2,
.strpg h2.title,
.infpage .content .text h3,
a.btn {
  font-family: "trajan pro", trajan, times, serif;
}

.strpg .pagecopy {
  font-family: georgia, times, serif;
  padding-bottom: 35px;
}

ul.globalnav li,
.video-detail h2,
.mempg .sidebar h3,
.regpg .sidebar h3,
.strpg .pagecopy {
  font-size: 16px;
  line-height: 1.5;
}

.tour-news h3,
.topg div.content h3,
.dopg div.content h3,
.strpg div.content h3,
.dodpg div.content h1,
.artist-news h3,
.mempg .item h2,
.strpg h2.title, 
.infpage .content h3 {
  font-size: 20px;
  line-height: 1.5;
}

ul.globalnav li ul li a {
  font-size: 12px;
  line-height: 1.5;
}