/* Start of CMSMS style sheet 'global' */
/*---------------------------*/
/*---------------------------*/
/* Globals */
/*---------------------------*/
/*---------------------------*/

/* Import the reset stylesheet */
@import url("scripts/reset.css");
/* Import the reset stylesheet */
/*@import url("scripts/js-countdown/style.css");*/

/* Globals */
body {
	font-family: "Lucida Grande","Lucida Sans Unicode","Tahoma",sans-serif;
	font-size: 14px;
	text-decoration: none;
	color: #000;
	text-align: left;
	line-height: 24px;
	background: #fff url(images/bg-susannakay-text-light-grey.png) fixed repeat center top;
	/*background: #000 url(images/bg-susannakay-text-black.png) fixed repeat center top;*/
}

/* Links */
a:active,
a:visited,
a:link {
	color: #000;
	text-decoration: none;
	border: none;
}
a:hover {
	color: #000;
	text-decoration: none;
	border: none;
}

strong {
	font-weight: bold;
}
em {
	font-style: italic;
}

img {
	border: none;
}

.hidden { display: none; }
.clear { clear: both; display: block; }
.target_blank {}
.padding { padding: 20px; }

/* Lists in paragraphs*/
p ul { margin:10px 0 10px 0; padding:0; list-style-type: none; }
p ul li { display: block; margin: 0 0 0 10px; padding: 0 0 0 15px; background: url(images/list_image_pink.gif) no-repeat left 50%; }

.sectionHeader { padding: 15px 20px 0 20px; overflow: hidden; white-space: nowrap; /*border-bottom: 1px solid #000;*/ }


.sectionHeader h2 { float: left; }
.sectionHeader .geometrics { display: block; float: left; width: 49px; height: 16px; background: url(images/geometrics.png) no-repeat; margin: 6px 20px 0 0; }



/* paragraphs */
p { margin:0 0 20px 0; text-align:left; }
p a:active, p a:visited, p a:link { color: #000; text-decoration: underline; }
p a:hover { color: #000; text-decoration: none; }
p a:active img, p a:visited img, p a:link img { border-bottom: none; }
a:active img, a:visited img, a:link img { text-decoration: none; }

/* headers */
h2 { 
	color: #000;
	font-size: 45px;
	line-height: 50px;
	font-family: Georgia, serif;
}
h3 {
	color: #555;
	font-size: 16px; 
	font-family: "Lucida Grande","Lucida Sans Unicode","Tahoma",sans-serif; 
	font-weight: bold; 
	text-shadow: 1px 1px 1px #fff;
	margin: 0 0 10px 0;
}

/* main home image */
#home-image img {
	border: solid 4px #000;
	line-height: 0;
}



#header {
	margin: 0 0 10px 0;
}


/*-------- top bar ----------------------------------------------------------*/
#global-top-bar {
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 200;
	background: transparent url(images/top-bar-bg.png) repeat-x;
	color: #fff;
	font-size: 11px;
	line-height: 11px;
	overflow: hidden;
	height: 38px;
}
#global-top-bar-inner {
	width: 940px;
	padding: 5px;
	margin: 0 auto;
}
#global-top-bar-nav {
	float: right;
	clear: right;
}
#global-top-bar-nav li {
	float: left;
	clear: right;
	margin-left: 10px;
}
#global-top-bar-nav li a {
	display: block;
	padding: 5px 7px;
	background-color: #333;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	color: #fff;
	text-decoration: none;
}
#global-top-bar-nav li a:hover {
	background-color: #777;
}
/* Arrows for sub-menus */
#global-top-bar-nav li a .arrow {
	display: block;
	height: 14px;
	width: 14px;
	float: right;
	margin: -1px 0 0 5px;
	background: url('../images/layout/main-nav-btns-v2.png') no-repeat 0 -202px;
}
#global-top-bar-nav li a:hover .arrow { background-position: 0 -216px; }
#global-top-bar-nav li a .arrow.up { background-position: 0 -216px; }

/* Containers */
#siteWrapper { width:960px; top: 60px; position: absolute; z-index: 10; left: 50%; margin: 0 0 0 -480px;}

/* Columns home page */
.homePage #col01 { width: 500px; margin: 0 5px 0 0; float: left; overflow: hidden; }
.homePage #col02 { width: 450px; margin: 0 0 0 5px; float: left; overflow: hidden; }

/* Columns video page */
.videoPage #col01 { width: 600px; margin: 0 5px 0 0; float: left; overflow: hidden; }
.videoPage #col02 { width: 350px; margin: 0 0 0 5px; float: left; overflow: hidden; }

/* Columns photo page */
.photoPage #col01 { width: 600px; margin: 0 5px 0 0; float: left; overflow: hidden; }
.photoPage #col02 { width: 350px; margin: 0 0 0 5px; float: left; overflow: hidden; }

/* Columns search page */
.searchPage #col01 { width: 600px; margin: 0 5px 0 0; float: left; overflow: hidden; }
.searchPage #col02 { width: 350px; margin: 0 0 0 5px; float: left; overflow: hidden; }

/* Columns blog page */
.blogPage #col01 { width: 600px; margin: 0 5px 0 0; float: left; overflow: hidden; }
.blogPage #col02 { width: 350px; margin: 0 0 0 5px; float: left; overflow: hidden; }

/* Columns shows page */
.showsPage #col01 { width: 600px; margin: 0 5px 0 0; float: left; overflow: hidden; }
.showsPage #col02 { width: 350px; margin: 0 0 0 5px; float: left; overflow: hidden; }

/* Columns ringtones page */
.ringtonesPage #col01 { width: 600px; margin: 0 5px 0 0; float: left; overflow: hidden; }
.ringtonesPage #col02 { width: 350px; margin: 0 0 0 5px; float: left; overflow: hidden; }

/* Columns music page */
.musicPage #col01 { width: 600px; margin: 0 5px 0 0; float: left; overflow: hidden; }
.musicPage #col02 { width: 350px; margin: 0 0 0 5px; float: left; overflow: hidden; }

/* Columns biography page */
.biographyPage #col01 { width: 600px; margin: 0 5px 0 0; float: left; overflow: hidden; }
.biographyPage #col02 { width: 350px; margin: 0 0 0 5px; float: left; overflow: hidden; }

/* Basic styles for blocks */
#home-image, #about, #search, #contact, #video, #videos, #social, #shows, #comments, #blog, #picture-big, #picture-list, #ringtones, #music, #biography {
	margin: 0 0 10px 0; background: transparent url(images/siteBg.png) repeat; overflow: hidden;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}


/* logo */
#logo {
	height: 422px;
	position: relative;
}
#logo h1 {
	display: block;
	height: 422px;
	/*background: #000 url(images/logo_bg_v2.jpg) no-repeat;*/
	background: transparent url(images/Susanna_Kay_Candy_Floss_Video_header.png) no-repeat;
	/*background: transparent url(images/Susanna_Kay_Behind_Bars_header.png) no-repeat;*/
	/*background: transparent url(images/Susanna_Kay_Le_Panthere_Rose_header.png) no-repeat;*/
	/*background: transparent url(images/Susanna_Kay_Behind_Bars_Video_header.jpg) no-repeat;*/
	font-size: 12px;
	font-weight: normal;
	font-family: Arial;
	color: #000; overflow: hidden;
	text-indent: -999px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}

/* Behind Bars */
#download-on-itunes-header-jewelcase {
	display: none;
	position: absolute;
	left: 43px;
	top: 186px;
	width: 129px;
	height: 124px;
	overflow: hidden;
	text-indent: -999px;
	background: transparent url(images/jewel-case-header-button.png) no-repeat 0 0;
}
/*#download-on-itunes-header-button {
	display: block;
	position: absolute;
	left: 40px;
	top: 310px;
	width: 135px;
	height: 23px;
	overflow: hidden;
	text-indent: -999px;
	background: transparent url(images/download_on_itunes.png) no-repeat 0 0;
}*/
#download-on-itunes-header-button {
	background: transparent url(/images/btn_download_black.png) no-repeat;
	overflow: hidden;
	text-indent: -999px;
	display: block;
	width: 110px;
	height: 32px;
	position: absolute;
	left: 53px;
	top: 240px;
}
#preview-button-header {
	position: absolute;
	right: 85px;
	top: 330px;
	width: 135px;
	height: 32px;
	overflow: hidden;
	background: url(images/preview_button_underlay.png) no-repeat center 0px;
	text-align: center;
}


/* Panthere Rose */
/*#download-on-itunes-header-jewelcase {
	display: block;
	position: absolute;
	left: 119px;
	top: 110px;
	width: 129px;
	height: 124px;
	overflow: hidden;
	text-indent: -999px;
	background: transparent url(images/jewel-case-header-button.png) no-repeat 0 0;
}
#download-on-itunes-header-button {
	display: block;
	position: absolute;
	left: 116px;
	top: 230px;
	width: 135px;
	height: 23px;
	overflow: hidden;
	text-indent: -999px;
	background: transparent url(images/download_on_itunes.png) no-repeat 0 0;
}
#preview-button-header {
	position: absolute;
	left: 113px;
	top: 260px;
	width: 135px;
	height: 32px;
	overflow: hidden;
	background: url(images/preview_button_underlay.png) no-repeat center 0px;
	text-align: center;
}*/


.download-track-jewelcase {
	display: block;
	width: 129px;
	height: 124px;
	overflow: hidden;
	text-indent: -999px;
	background: transparent url(images/jewel-case-header-button.png) no-repeat 0 0;
}
.float-left {
	float: left;
}
.float-right {
	float: right;
}
.download-track-form {
	width: 431px;
}
.download-msg {
	float: right;
	width: 168px;
	font-size: 12px;
	line-height: 18px;
	background-color: #e4f5fe;
	padding: 6px;
}
.download-link {
	background: url(/images/download_free.png) no-repeat;
	overflow: hidden;
	text-indent: -999px;
	display: block;
	width: 110px;
	height: 32px;
	position: absolute;
	left: 50%;
	margin-left: -55px;
}
.download-track-form ul {
	float: left;
	width: 251px;
}
.download-track-form ul li {
	display: block;
	float: left;
	margin: 0 0 5px 0;
}
.download-track-form-success {
	display: none;
	float: left;
	width: 251px;
	height: 100px;
	font-size: 12px;
	line-height: 18px;
	background-color: #e4f5fe;
	padding: 6px;
	text-align: center;
	position: relative;
}
.download-track-form-sending {
	display: none;
	float: left;
	width: 251px;
	height: 100px;
	font-size: 12px;
	line-height: 18px;
	background-color: #e4f5fe;
	padding: 6px;
}
.download-track-form .label {
	display: block;
	height: 30px;
	width: 50px;
	float: left;
	font-size: 11px;
	line-height: 30px;
	text-align: right;
	padding: 0 5px 0 0;
}
.download-track-form .input {
	border: 0;
	width: 170px;
	height: 20px;
	background-color: #fff;
	float: left;
	font-size: 15px;
	padding: 4px;
	border: 1px solid #0b86c7;
	color: #042f46;
}
.download-track-form .submit {
	border: 0;
	width: 180px;
	height: 30px;
	font-weight: bold;
	color: #e5e5e5;
	background-color: #444;
	cursor: pointer;
}



 /* on music page */
#download-on-itunes-jewelcase {
	display: block;
	width: 129px;
	height: 124px;
	overflow: hidden;
	text-indent: -999px;
	background: transparent url(images/jewel-case-header-button.png) no-repeat 0 0;
}
#download-on-itunes {
	display: block;
	width: 135px;
	height: 23px;
	overflow: hidden;
	text-indent: -999px;
	background: transparent url(images/download_on_itunes.png) no-repeat 0 0;
}

#preview-button {
	width: 135px;
	height: 32px;
	overflow: hidden;
	background: url(images/preview_button_underlay.png) no-repeat center 1px;
	text-align: center;
}


/* menu */
#mainMenu { background-color: white; padding: 10px 20px 0 20px; border-top: 1px #000 solid;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}

/*---------------------------*/
/*---------------------------*/
/* About */
/*---------------------------*/
/*---------------------------*/
#about .aboutMore { display: block; font-size: 22px; font-family: Arial, sans-serif; font-weight: bold; text-align: center; }


/*---------------------------*/
/*---------------------------*/
/* Blog */
/*---------------------------*/
/*---------------------------*/
#blog {
	margin: 0 0 10px 0;
}
#blog .header { background: transparent url(images/siteBg.png) repeat; padding: 10px 20px; margin: 0; }

#blog .menu {
	background-color: #fff;
	width: 500px;
}
#blog .blog-page {
	display: none;
	clear: both;
}
#blog .spinner {
	display: none;
	width: 16px;
	height: 16px;
	background: url(images/spinner.gif) no-repeat;
	float: left;
	margin: 23px 0 0 10px;
}
/* Blog Nav Home page */
.blog-nav {
	margin: 10px 20px;
	padding: 5px 0;
	border-bottom: 1px dotted #aaa;
	border-top: 1px dotted #aaa;
	text-align: center;
}
.blog-nav a {
	background-color: #fff;
	padding: 5px 7px;
}

/* Blog items - Summary */
.blogItem .padding {
	padding: 0 20px;
}
.blogItem { display: block; margin: 0 0 0 0; overflow: hidden; }
.blogItem.first {border-top: none;}
.blogItem.last {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.blogItem h4 {
	/*margin: 0 0 5px 0;*/
	/*padding: 1px 0 0 20px;*/
	font-family: "Verdana";
	font-size: 25px;
	line-height: 30px;
	text-decoration: none;
	color: #000;
	font-weight: bold;
	/*background: url(images/star_pink.gif) no-repeat 0 2px;*/
	display: block;
	overflow: hidden;
	/*text-shadow: 1px 1px 1px #aaa;*/
}
.win.ie6 .blogItem h4 { width: 435px;}
.blogItem h4 a:active,
.blogItem h4 a:link,
.blogItem h4 a:visited,
.blogItem h4 a:hover {
	font-family: "Verdana";
	font-size: 25px;
	line-height: 30px;
	text-decoration: none;
	color: #000;
}
.blogItem p { margin:0 0 15px 0; padding:0; }
.blog-thumb-wrapper-outer { float: left; width: 60px; height: 60px; padding: 1px; border: 1px solid #000; position: relative; overflow: hidden; margin: 7px 10px 0 0; }
		.blog-thumb-wrapper-inner { width: 60px; height: 60px; position: relative; overflow: hidden; }
			.blog-thumb-link { position: absolute; z-index: 1; display: block; position: absolute; top: 50%; margin: -50% 0 0 0; width: 60px; line-height: 0; font-size: 0; }
				.blog-thumb-img { width: 60px; line-height: 0;}


.homePage .blogItem.first p img,
.homePage .blogItem.first p a img {
	width: 450px;
	height: auto;
}
.blogPage .blogItem.first p img,
.blogPage .blogItem.first p a img,
.blogPage .blogItem-full-story p img,
.blogPage .blogItem-full-story p a img {
	width: 550px;
	height: auto;
}

.blogItem p img,
.blogItem p a img,
.blogItem-full-story p img,
.blogItem-full-story p a img {
	border-bottom: none;
	border: 5px solid #000;
}

.blogItem blockquote,
.blogItem-full-story blockquote {
	margin: 15px 40px;
	padding: 7px 0 0 35px;
	border-top: dotted 1px black;
	border-bottom: dotted 1px black;
	font-size: 10px;
	clear: both;
	background: url(images/quote.png) no-repeat 0 5px;
}

.blogItem pre {
	color: #ff0080;
	font-size:10px;
	line-height: 10px;
	font-family:"Trebuchet MS";
	font-weight:bold;
	margin:0 0 3px 0;
	/*padding:0 0 0 20px;*/
	display:block;
}
/* blog footer */
.blogItem-footer {
	margin: 0 20px 5px 20px;
	border-bottom: 1px dotted #999;
}
.blogItem-footer a.back-to-top:link,
.blogItem-footer a.back-to-top:active,
.blogItem-footer a.back-to-top:visited {
	display: block;
	text-align: right;
	font-size: 11px;
	line-height: 11px;
	border: none;
	float: right;
	padding: 5px;
}
.blogItem-footer a.back-to-top:hover {
	font-weight: bold;
	text-decoration: underline;
	border: none;
}
.blogItem-footer a.read-more:link,
.blogItem-footer a.read-more:active,
.blogItem-footer a.read-more:visited {
	display: block;
	text-align: right;
	font-size: 12px;
	line-height: 12px;
	border: none;
	float: left;
	background-color: #fff;
	padding: 5px;
}
.blogItem-footer a.read-more:hover {
	font-weight: bold;
	text-decoration: underline;
	border: none;
}
/* Blog items - Full story */

.blogItem-full-story .padding {
	padding: 10px 20px 10px 20px;
}
.blogItem-full-story { 
	display: block;
	margin: 0 0 0 0;
	overflow: hidden;
}
.blogItem-full-story H4 {
	margin: 0 0 5px 0; 
	padding: 1px 0 0 20px; 
	font-family: "Trebuchet MS"; 
	font-size: 14px; 
	line-height: 16px; 
	text-decoration: none; 
	color: #000; 
	font-weight: bold; 
	background: url(images/star_pink.gif) no-repeat 0 0; 
	display: block; 
	overflow: hidden;
	text-shadow: 1px 1px 1px #aaa;
}
.win.ie6 .blogItem-full-story H4 { width: 435px;}

.blogItem-full-story H4 a:active,
.blogItem-full-story H4 a:link, 
.blogItem-full-story H4 a:visited, 
.blogItem-full-story H4 a:hover {
	font-family: "Trebuchet MS"; 
	font-size: 14px; 
	text-decoration: none; 
	color: #000; 
	font-weight: bold; 
}
.blogItem-full-story p { margin:0 0 15px 0; padding:0; }
.blog-thumb-wrapper-outer { float: left; width: 60px; height: 60px; padding: 1px; border: 1px solid #000; position: relative; overflow: hidden; margin: 7px 10px 10px 0; }
		.blog-thumb-wrapper-inner { width: 60px; height: 60px; position: relative; overflow: hidden; }
			.blog-thumb-link { position: absolute; z-index: 1; display: block; position: absolute; top: 50%; margin: -50% 0 0 0; width: 60px; line-height: 0; font-size: 0; }
				.blog-thumb-img { width: 60px; line-height: 0;}


.blogItem-full-story pre {
	color: #ff0080;
	font-size:10px;
	line-height: 10px;
	font-family:"Trebuchet MS";
	font-weight:bold;
	margin:0 0 3px 0;
	padding:0 0 0 20px;
	display:block;
}
/* blog flash gallery */
.flash-container {
	margin: 15px 0 6px 0;
	clear: both;
	line-height: 0;
	font-size: 0;
}
.blogItem .flash-border {
	/*border: 4px solid #000;*/
	padding: 4px;
	background-color: #000;
	margin: 0 auto;
	width: 452px;
	height: 339px;
	line-height: 0;
	font-size: 0;
}
.blogItem-full-story .flash-border {
	/*border: 4px solid #000;*/
	padding: 4px;
	background-color: #000;
	margin: 0 auto;
	line-height: 0;
	font-size: 0;
	width: 552px;
	height: 414px;
}
object,
object param {
	line-height: 0;
	font-size: 0;
	margin: 0;
	border: none;
}

.blogItem-full-story H4.first a,
.blogItem H4.first a,
.blogItem-full-story H4.first,
.blogItem H4.first {
	font-size: 24px;
	line-height: 28px;
	margin-top: 0;
	background-position: 0 6px;
}







.maintable {
	vertical-align:middle;
	margin-top:45px;
	width:100%;
}
.text {
	vertical-align:top;
	padding-top:8px;
}
.foto {
	margin-bottom:10px;
}
.copyright {
	font-family:"Trebuchet MS";
	font-size:9px;
	text-decoration:none;
	color:#000000;
}




/* tables */
.table100width {
	width:100%;
	text-align:left;
}
.table50width {
	width:50%;
	text-align:left;
}
.table460width {
	width:460px;
	text-align:left;
}

/* Copyright */ 
#copyright {
	font-family:"Trebuchet MS";
	font-size:9px;
	color:#000000;
	height: 15px;
	margin:20px;
	text-align:center;
}
#copyright a:active,
#copyright a:visited,
#copyright a:link {
	text-decoration:underline;
	color:#000000;
	font-size:9px;
}
#copyright a:hover {
	text-decoration:none;
	color:#000000;
	font-size:9px;
}














/*---------------------------*/
/*---------------------------*/
/* Social */
/*---------------------------*/
/*---------------------------*/
.social-col01,
.social-col02 {
	float: left;
	width: 205px;
}
ul.socialGrid {
	list-style: none;
	list-style-image: none;
	list-style-type: none;
	margin: 0 20px 0 0;
}
ul.socialGrid li {
	background: none;
	margin: 0 0 0 0;
	padding: 10px 0;
	font-size: 10px;
	line-height: 12px;
	border-bottom: 1px dotted #bbb;
}
ul.socialGrid li:hover {
	border-bottom: 1px dotted #000;
}
ul.socialGrid li a {
	border: none;
	display: block;
	color: #555;
}
ul.socialGrid li a:hover {
	color: #000;
}
ul.socialGrid li a img {
	float: left;
	margin: 0 10px 0 0;
}
ul.socialGrid li a strong {
	color:#333;
	font-size:14px;
	line-height: 16px;
	text-shadow: 0 2px 2px #fff;
}
/* twitter */
#twitter {
	
}
#twitter .twitterHeader a {
	display: block;
	text-align: center;
	margin: 0 0 10px 0;
}
/* tweest */
#twitter ul li a img {
	display: none;
}
#twitter ul li {
	font-size: 12px;
	line-height: 15px;
	color: #000;
	border-bottom: 1px dotted #bbb;
	padding: 5px 0;
}
#twitter ul li a:link,
#twitter ul li a:active,
#twitter ul li a:visited,
#twitter ul li a:hover {
	text-decoration: underline;
	color: #555;
}
#twitter ul li:hover {
	background: #f6eb3c;
}
/* first tweet */
#twitter ul li.first {
	color: #000;
	font-weight: bold;
	text-shadow: 1px 1px 1px #fff;
}
#twitter ul li.first a img {
	float: left;
	padding: 1px;
	border: 1px solid #999;
	margin: 0 10px 0 0;
	display: block;
}
/* last tweet */
#twitter ul li.last {
	border-bottom: none;
}
/* time */
#twitter ul li .time {
	font-size: 9px;
	margin: 0 0 0 0;
	color: #777;
}
/* read on twitter link */
#twitter ul li a.link {
	
}
#twitter ul li a.link:active,
#twitter ul li a.link:visited,
#twitter ul li a.link:link {
	color: #777;
	font-size: 9px;
	text-decoration: none;
	border-bottom: none;
}
#twitter ul li a.link:hover {
	color: #000;
	text-decoration: underline;
	border-bottom: none;
}
/* more tweest link*/
#twitter a.moretweets {
	display: none;
	font-size: 25px;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
}

/*---------------------------*/
/*---------------------------*/
/* Video page */
/*---------------------------*/
/*---------------------------*/
#video .videoContainer {
	border: solid 4px #000;
	line-height: 0;
}
#videos {
	background: transparent url(images/siteBg.png) repeat;
	margin: 0 0 10px 0;
	width: 350px;
}
.video-panel {
	clear: both;
	max-height: 400px;
	overflow: auto;
	display: none;
}
.win.ie6.video-panel {
	height: 400px;
}

.video-entry { overflow: hidden; height: 54px; padding: 5px 15px; border-bottom: 1px dotted #555;}
.video-entry.active { display: none; }
.video-entry.hover { background-color: #999; }
	.screen-shot-wrapper-outer { float: left; width: 90px; height: 50px; padding: 1px; border: 1px solid #000; position: relative; overflow: hidden; }
		.screen-shot-wrapper-inner { width: 90px; height: 50px; position: relative; overflow: hidden; }
			.screen-shot-link { position: absolute; z-index: 1; display: block; position: absolute; top: 50%; margin: -45px 0 0 0; width: 90px; height: 90px; line-height: 0; font-size: 0; }
				.screen-shot-img { width: 90px; height: 90px; line-height: 0;}
				.play-icon-link { display: block; position: absolute; z-index: 2; width: 32px; height: 32px; background: url(images/video-entry-play-icon.png) no-repeat; top: 50%; left: 50%; margin: -16px 0 0 -16px; }
	.video-entry-content { overflow:  hidden; height: 54px; font-size: 12px; padding: 0 0 0 10px; position: relative; }
		.video-entry-title { display: block; overflow: hidden; font-weight: bold; line-height: 14px; }
		.video-entry-date { margin: 5px 0 0 0; padding: 0; line-height: 9px;}
.video-entry-date span {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: #E5E5E5;
	border: 1px solid #aaa;
	color: #999999;
	font-size: 8px;
	padding:1px 3px;
}
		.video-entry-permalink { position: absolute; right: 0; bottom: 0; font-size: 9px; z-index: 10; margin: 0; padding: 0; line-height: 9px;}
			.video-entry-permalink a:hover { color: blue; }
		.video-entry-description { display: none; overflow: hidden; font-size: 10px; line-height: 12px; text-indent: -500px; }

.video_detail { margin: 10px 0 0 0; }
.video_detail_title { font-weight: bold; }
.video_detail_long_desc {}




/*---------------------------*/
/*---------------------------*/
/* jScrollpane */
/*---------------------------*/
/*---------------------------*/
.jScrollPaneTrack {
	position: absolute;
	cursor: default;
	right: 0;
	top: 0;
	height: 100%;
	background: #f6ea3c;
}
.jScrollPaneDrag {
	position: absolute;
	background: #000;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: none;
	position: absolute;
	z-index: 1000;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	height: 18px;
	cursor: default;
}
a.jScrollArrowDown {
	display: none;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	height: 18px;
	cursor: default;
}
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}






/*---------------------------*/
/*---------------------------*/
/* shows */
/*---------------------------*/
/*---------------------------*/
#shows .event {
	padding: 5px 0 0 0;
	border-bottom: 1px dotted #bbb;
}
#shows .event.first {}
#shows .event.last {border-bottom: none;}

#shows .event .stamp {
	float: left;
	font-family: Verdana;
	margin: 0 20px 0 0;
}
#shows .event .stamp .month,
#shows .event .stamp .day,
#shows .event .stamp .year {
	display: block;
	text-transform: uppercase;
	text-align: center;
	padding: 4px;
}
#shows .event .stamp .month {
	font-size: 10px;
	line-height: 10px;
	color: #fff;
	background-color: #000;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
}
#shows .event .stamp .day {
	font-size: 14px;
	line-height: 14px;
	font-weight: bold;
	color: #000;
	background-color: #fff;
	text-shadow: 0 1px 1px #333;
	-moz-border-radius-bottomleft: 3px;
	-moz-border-radius-bottomright: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
}
#shows .event .stamp .year {
	font-size: 10px;
	line-height: 10px;
}
#shows .content {
	display: block;
	padding: 5px 0 0 0;
}
#shows .content .title {
	display: block;
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	text-shadow: 0 2px 2px #fff;
}
#shows .content .place {
	display: block;
	font-size: 10px;
	line-height: 13px;
}








/*---------------------------*/
/*---------------------------*/
/* tabbed menus */
/*---------------------------*/
/*---------------------------*/
ul.menu {
	margin:0;
	list-style:none;
	float: left;
	background-color: white;
	padding: 10px 20px 0 20px;
}
.win.ie7 ul.menu,
.win.ie6 ul.menu {
	padding-bottom: 10px;
}
ul.menu li {
	float:left;
	margin:0 10px 10px 0;
	padding:0 0 0 11px;
}
ul.menu li a {
	float:left;
	display:block;
	font-size: 12px;
	line-height: 12px;
	font-weight: normal;
	font-family: verdana;
	padding:5px 15px 7px 3px;
	text-decoration:none;
}
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
ul.menu li a {float:none;}

/* default */
ul.menu li {background:url("images/menu_btn.gif") no-repeat 0 -58px; color:#fff; cursor: pointer;}
ul.menu li a {background:url("images/menu_btn.gif") no-repeat right -58px; color:#fff; cursor: pointer;}
/* default hover */
ul.menu li:hover {background:url("images/menu_btn.gif") no-repeat 0 -88px; color:#fff; cursor: pointer;}
ul.menu li a:hover {background:url("images/menu_btn.gif") no-repeat right -88px; color:#fff; cursor: pointer;}
/* active */
ul.menu li.active {background:url("images/menu_btn.gif") no-repeat 0 -29px; color:#fff; cursor: pointer;}
ul.menu li.active a {background:url("images/menu_btn.gif") no-repeat right -29px; color:#fff; cursor: pointer;}
/* active hover */
ul.menu li.active:hover {background:url("images/menu_btn.gif") no-repeat 0 0; color:#fff; cursor: default;}
ul.menu li.active a:hover {background:url("images/menu_btn.gif") no-repeat right 0; color:#fff; cursor: default;}





/*---------------------------*/
/*---------------------------*/
/* Comments */
/*---------------------------*/
/*---------------------------*/
#comments {
	margin: 10px 0 0 0; display: none;
}
.comments-items {
	border-bottom: 1px solid #000;
	margin: 0 0 10px 0;
}
.comments-form {
	border-top: 1px solid #000;
	margin: 10px 0 0 0;
}

/* comment items*/
.feedback_summary_item {
	border-top: 1px solid #999;
	padding: 15px 0 15px 15px;
}

.feedback_item_author {
	float: left;
	width: 150px;
}
.author-name {
	display: block;
	font-size: 12px;
	line-height: 15px;
	margin: 5px 0 0 0;
}
.created-date {
	display: block;
	font-size: 11px;
	color: #999;
}
.feedback_item_rating {
	float: left;
}
.star-on {
	display: block;
	float: left;
	width: 16px;
	height: 15px;
	background: url(images/comment-star-on.png) no-repeat 0 0;
}
.star-off {
	display: block;
	float: left;
	width: 16px;
	height: 15px;
	background: url(images/comment-star-off.png) no-repeat 0 0;
}
.feedback_item_data {
	float: left;
	width: 350px;
}


.row {
	margin: 0 0 10px 0;
}
.row label {
	font-size: 10px;
	line-height: 13px;
	font-weight: bold;
	display: block;
	padding: 0 0 0 5px;
}
.row .form-input-bg {
	background-color: #fff;
	padding: 5px;
	color: #000;
	font-size: 10px;
	line-height: 10px;
	font-weight: bold;
	float: left;
	display: block;
}
.row .form-input-bg #charsLeft {
	font-weight: bold;
}
.row .form-input-bg input.input-text {
	width: 450px;
	border: 1px solid #999;
	display: block;
	padding: 5px;
	font-family: Arial, sans-serif;
	font-size: 15px;
}
.row .form-input-bg textarea {
	width: 450px;
	height: 150px;
	border: 1px solid #999;
	display: block;
	margin: 0 0 5px 0;
	padding: 5px;
	font-family: Arial, sans-serif;
	font-size: 15px;
}





/*---------------------------*/
/*---------------------------*/
/* Photo page */
/*---------------------------*/
/*---------------------------*/

/* container of sets and picture */
#thumbs {
	width: 350px;
	margin: 0 0 10px 0;
}

/* photo sets */
.photo-set-entry { overflow: hidden; height: 79px; padding: 5px 15px; border-bottom: 1px dotted #555;}
.photo-set-entry.active { display: none; }
.photo-set-entry.hover { background-color: #999; }
	.thumb-wrapper-inner { width: 75px; height: 75px; padding: 1px; border: 1px solid #000; float: left; }
		.thumb-link { display: block; }
			.thumb-img {width: 75px; height: 75px; }
	.photo-set-content { overflow: hidden; height: 79px; font-size: 12px; padding: 0 0 0 10px; position: relative; margin: 0; }
		.photo-set-title { font-size: 13px; font-weight: bold; line-height: 17px; }
		.photo-set-permalink { position: absolute; right: 0; bottom: 0; font-size: 9px; z-index: 10; margin: 0; padding: 0; line-height: 9px;}
			.photo-set-permalink a:hover { color: blue; }
		.photo-set-description { font-size: 10px; line-height: 15px; }

/* photo thumbnails */
#thumbs ul.thumbs {
	float: left;
	margin: 15px 9px;
}
#thumbs ul.thumbs li {
	float: left;
	margin: 2px;
	width: 79px;
	height: 79px;
	background: url(images/spinner.gif) no-repeat 50% 50%;
}
#thumbs ul.thumbs li a {
	display: block;
	padding: 1px;
	border: 1px solid #888;
	background-color: #fff;
	width: 75px;
	height: 75px;
	overflow: hidden;
	color: #fff;
}
#thumbs ul.thumbs li a:hover {
	border: 1px solid #000;
}
#thumbs ul.thumbs li.selected a {
	background: #000;
	border: 1px solid #000;
}
#thumbs ul.thumbs li .caption {
	display: none;
}
/* photo pagination */
#thumbs .top.pagination {
	display: none;
}
#thumbs .bottom.pagination {
	text-align: center;
}
#thumbs .pagination span,
#thumbs .pagination a {
	font-size: 11px;
	line-height: inherit;
	padding: 3px;
	margin: 3px;
	background-color: #555;
	color: #fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
#thumbs .pagination span.current {
	background-color: #000;
	font-weight: bold;
}
/* photo nav controls */
#controls {
	margin: 10px 10px 0 10px;
	height: 35px;
	position: relative;
	text-align: center;
}
#controls .nav-controls .prev {
	display: block;
	width: 37px;
	height: 35px;
	background: url(images/photo-nav-btns-hyves.png) no-repeat 0 0;
	position: absolute;
	top: 0;
	left: 0;
}
#controls .nav-controls .prev.hover {
	background: url(images/photo-nav-btns-hyves.png) no-repeat -37px 0;
}
#controls .nav-controls .prev.active {
	background: url(images/photo-nav-btns-hyves.png) no-repeat -74px 0;
}
#controls .nav-controls .next {
	display: block;
	width: 37px;
	height: 35px;
	background: url(images/photo-nav-btns-hyves.png) no-repeat 0 -35px;
	position: absolute;
	top: 0;
	right: 0;
}
#controls .nav-controls .next.hover {
	background: url(images/photo-nav-btns-hyves.png) no-repeat -37px -35px;
}
#controls .nav-controls .next.active {
	background: url(images/photo-nav-btns-hyves.png) no-repeat -74px -35px;
}


/* big photo */
#slideshow {
	text-align: center;
	line-height: 0;
	clear: both;
}
#slideshow img {
	border: solid 4px #000;
	line-height: 0;
	background-image: url('images/spinner.gif');
}
#slideshow span,
#slideshow span a {
	display: block;
}
#loading {
	background: url('images/spinner.gif') no-repeat center;
	height: 350px
}



/*---------------------------*/
/*---------------------------*/
/* Search page */
/*---------------------------*/
/*---------------------------*/

#search .search-page-tag {
	background-color: #dcf1ff;
	text-transform: lowercase;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #0070e5;
	color: #0070e5;
	font-size: 8px;
	padding:1px 3px;
}


/*---------------------------*/
/*---------------------------*/
/* Facebook fanbox */
/*---------------------------*/
/*---------------------------*/

.homePage .facebook-fanbox {
	margin: 15px 0 0 0;
	padding: 15px 0 0 0;
	border-top: 1px dotted #333;
}

.photoPage .facebook-fanbox {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border-top: none;
}







#logo h1 {
	
}
/* play button header */
#video-preview-header-container {
	position: absolute;
	right: 37px;
	top: 37px;
	width: 253px;
	height: 142px;
	z-index: 10;
	overflow: hidden;
}
#video-preview-header {
	position: absolute;
	right: 0;
	top: 0;
	width: 301px;
	height: 169px;
	z-index: 15;
	background: url(images/preview_music_vid_placeholder.jpg) no-repeat;
}
#video-preview-header-alt-content a {
	text-decoration: underline;
}
#video-preview-header-play-button {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 100px;
	height: 100px;
	margin: -50px 0 0 -50px;
	cursor: pointer;
	z-index: 15;
}
#video-preview-header-play-button a {
	text-decoration: none;
	display: block;
	width: 100px;
	height: 100px;
	background: transparent url(images/play_button_header.png) no-repeat 0 0;
}
#video-preview-header-play-button a:hover {
	background-position: 0 -100px;
}

/* the overlayed element */
#largePlayerContainer {
	width: 960px;
	height: 572px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -286px 0 0 -480px;
	background-color: #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#largePlayer {
	width: 940px;
	height: 552px;
	margin: 10px;
}




/* tipsy tooltip */
.tipsy { padding: 5px; font-size: 10px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat;  background-image: url(/images/tipsy.gif); }
  .tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
  .tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
  .tipsy-north { background-position: top center; }
  .tipsy-south { background-position: bottom center; }
  .tipsy-east { background-position: right center; }
  .tipsy-west { background-position: left center; }





/*-------- top nav ----------------------------------------------------------*/
#top-nav-wrapper {
	margin: 10px 0;
	background: url('/images/bg-white-transparent.png') repeat;
}
ul#top-nav {
	margin: 0; padding: 0;
	float: left;
	width: 100%;
	list-style: none;
	position: relative;
}
ul#top-nav li {
	float: left;
	margin: 0; padding: 0;
	position: relative;
	z-index: 1;
}
ul#top-nav li a {
	float: left;
	font-size: 12px;
	letter-spacing: 0px;
	color: #eee;
	line-height: 37px;
	text-shadow: 1px 1px 1px #000;
	height: 37px;
	padding: 0 18px 0 16px;
	text-decoration: none;
	background: url('/images/main-nav-btns-v2-sprite.png') no-repeat -50px 0;
}
ul#top-nav li a:hover { background-position: -50px -40px; }
ul#top-nav li a:active { background-position: -50px -120px; }

/* Home page button */
ul#top-nav li .home { background-position: 0 0; }
ul#top-nav li .home:hover { background-position: 0 -40px; }

/* Current page */
ul#top-nav li .current { background-position: -50px -80px; }
ul#top-nav li .home.current { background-position: 0 -80px; }

/* Arrows for sub-menus */
ul#top-nav li a .arrow {
	display: block;
	height: 14px;
	width: 14px;
	float: right;
	margin: 12px 0 0 5px;
	background: url('/images/main-nav-btns-v2-sprite.png') no-repeat 0 -202px;
}
ul#top-nav li a:hover .arrow { background-position: 0 -216px; }
ul#top-nav li a .arrow.up { background-position: 0 -216px; }

/* button devider lines */
ul#top-nav li span.devider {
	display: block;
	margin-left: -2px;
	float: left;
	width: 2px;
	height: 37px;
	background: transparent url('/images/main-nav-btns-v2-sprite.png') no-repeat -16px -202px;
}
/*-------- shadow ----------------------------------------------------------*/
.top-nav-shadow {
	height: 3px;
	background: url('/images/main-nav-btns-v2-sprite.png') no-repeat -5px -37px;
	clear: both;
}

/*-------- search box ----------------------------------------------------------*/
ul#top-nav li.search {
	position: absolute;
	right: 0;
	z-index: 0;
	background: url('/images/main-nav-btns-v2-sprite.png') no-repeat right top;
	width: 500px;
}
ul#top-nav li form,
ul#top-nav li form fieldset {
	height: 37px;
	display: block;
	position: relative;
	margin: 0; padding: 0;
}
ul#top-nav li form fieldset input {
	border: none;
	background-color: transparent;
	position: absolute;
	right: 28px;
	top: 11px;
	height: 18px;
	width: 160px;
	font: 13px/1.5 Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif;
	color: #000;
}
ul#top-nav li form fieldset input.empty { color: #999; }
ul#top-nav li form fieldset span#searchClose {
	position: absolute;
	top: 14px;
	right: 14px;
	display: block;
	height: 11px;
	width: 11px;
	background: url('/images/main-nav-btns-v2-sprite.png') no-repeat -21px -202px;
	display: none;
}
ul#top-nav li form fieldset span#searchClose:hover { background-position: -21px -213px; }
ul#top-nav li form fieldset span#searchClose:active { background-position: -21px -224px; }

/*-------- sub menus ----------------------------------------------------------*/
ul#top-nav li .sub {
	position: absolute; /*--Important--*/
	top: 38px; left: 0;
	background-color: #222; /*--Background gradient--*/
	float: left;
	padding: 10px;
	display: none; /*--Hidden for those with js turned off--*/
	z-index: 1000;
}
ul#top-nav li .row { /*--If needed to break out into rows--*/
	clear: both;
	float: left;
	width: 100%;
	margin-bottom: 10px;
}
ul#top-nav li .sub ul{
	list-style: none;
	margin: 0; padding: 0;
	width: 150px;
	float: left;
}
ul#top-nav .sub ul li {
	width: 100%; /*--Override parent list item--*/
	color: #fff;
}
ul#top-nav .sub ul li a {
	float: none;
	text-indent: 0; /*--Override text-indent from parent list item--*/
	height: auto; /*--Override height from parent list item--*/
	padding: 10px;
	display: block;
	text-decoration: none;
	color: #fff;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	line-height: 10px;
	border: none;
	background-image: none;
}
ul#top-nav .sub ul li a:hover {
	background-color: #333;
}
ul#top-nav .sub ul li a.big {
	font-size: 25px;
}
ul#top-nav .sub ul li a.big:hover {
	background-color: transparent;
}



/* End of 'global' */