/* JANET JACKSON */
/* Default Skin Stylesheet: Janet Jackson
----------------------------------------------------------------------------- */


/* PAGE CONTENT
----------------------------------------------------------------------------- */


/* Headings */


	h2, 
	#page-biography h4, 
	#page-biography h4 a, 
	#page-biography h4 a:hover {

	margin-bottom: 10px;
	color: #8a7d76;
	font-size: 30px;
	line-height: 40px;
	font-weight: normal;
	text-transform: uppercase;

	}

	h3, 
	div.display h4 {

	color: #4a3e20;
	font: normal 20px/20px "Trebuchet MS", sans-serif;
	text-transform: uppercase;

	}

	h4, 
	h4 a, 
	h4 a:hover {

	color: #d03f0a;
	font: normal 14px/14px "Trebuchet MS", Arial, sans-serif;
	text-transform: uppercase;

	}

	h4 a:hover { 

	color: #9c2f07;

	}

	h3 em, 
	h4 em, 
	h3 span, 
	h4 span {

	font-style: normal;

	}
	
	h5 {
	
	font-size: 1em;
	
	}


/* Text */


	body {

	color: #8a7d76;
	font: normal 11px/15px Verdana, Arial, sans-serif;

	}

	div.display div.story,
	div.display div.about {

	font-size: 13px;
	line-height: 20px;

	}

	blockquote p {

	color: #888;
	font-size: 15px !important;
	line-height: 19px !important;

	}

	dt, label em, fieldset em {

	font-size: 11px;

	}

	small, small a {

	font-size: 9px;
	line-height: 16px;

	}

	div.form dt, label em, fieldset em {

	text-align: right;
	white-space: nowrap;

	}


/* Inline Links */


	a {

	color: #d03f0a;

	}

	a:hover {

	color: #4a3e20;

	}


/* ACTIONS
----------------------------------------------------------------------------- */


/* Text Links */


	a.display,
	a.addthis_button-leads {

	background: url(../images/skin-janetjackson/actions/a-arrow.png) no-repeat right 0;

	}

	a.display:hover {

	background-position: right -15px;

	}

	a.readmore,
	a.learnmore {

	color: #c63d0a;
	font-size: 18px;
	line-height: 18px;
	text-transform: uppercase;

	}


/* Video Player Controls */


	ul.controls a.skip {

	background-image: url(../images/actions/a-skip.gif);

	}

	ul.controls a.play {

	background-image: url(../images/actions/a-play.gif);

	}

	ul.controls a.pause {

	background-image: url(../images/actions/a-pause.gif);

	}

	ul.controls a.mute {

	background-image: url(../images/actions/a-mute.gif);

	}

	ul.controls a.unmute {

	background-image: url(../images/actions/a-unmute.gif);

	}


/* Image Replacements */


	a.next {

	background-image: url(../images/skin-janetjackson/actions/a-next.gif);

	}

	a.back {

	background-image: url(../images/skin-janetjackson/actions/a-back.gif);

	}

	a.browse {

	background-image: url(../images/skin-janetjackson/actions/a-browseall.gif);

	}
	
	a.archive {

	height: 18px;
	width: 150px;
	background-image: url(../images/skin-janetjackson/actions/a-archive.gif);

	}

	#next {

	background-image: url(../images/skin-janetjackson/actions/a-arrow-next.gif);

	}

	#prev {

	background-image: url(../images/skin-janetjackson/actions/a-arrow-prev.gif);

	}


/* TABS
----------------------------------------------------------------------------- */


	ul.tabs {

	width: 505px;
	height: 32px;
	border-bottom: 1px solid #d03f0a;

	}

	ul.tabs li {

	height: 32px;
	background-position: right bottom;
	background-image: url(../images/skin-janetjackson/layout/li-tab.gif);

	}

	ul.tabs li.ui-tabs-selected, 
	ul.tabs li.ui-state-hover {

	background-position: right top;

	}

	ul.tabs li a {

	height: 10px;
	padding: 10px 30px 10px 15px;
	background-position: 15px center;
	background-repeat: no-repeat;
	text-indent: -5000px;

	}

	ul.tabs li.latestnews a {

	width: 100px;
	background-image: url(../images/skin-janetjackson/layout/a-latestnews.png);

	}

	ul.tabs li.othernews a {

	width: 99px;
	background-image: url(../images/skin-janetjackson/layout/a-othernews.png);

	}

	ul.tabs li.othertrivia a {

	width: 189px;
	background-image: url(../images/skin-janetjackson/layout/a-othertriviaquestions.png);

	}

	ul.tabs li.twitter a {

	width: 61px;
	background-image: url(../images/skin-janetjackson/layout/a-twitter.png);

	}

	ul.tabs li.numberones a {

	width: 99px;
	background-image: url(../images/skin-janetjackson/layout/a-numberones.png);

	}

	ul.tabs li.makeme a {

	width: 49px;
	background-image: url(../images/skin-janetjackson/layout/a-makeme.png);

	}

	ul#network li.thebest.france a {

	background-image: url(../images/skin-numberones/bar/a-thebest-france.gif);

	}

	ul#network li.thebest.uk a {

	background-image: url(../images/skin-numberones/bar/a-thebest-uk.gif);

	}


/* BAR
----------------------------------------------------------------------------- */


/* Twitter Ticker */


	#ticker {

	background: url(../images/skin-janetjackson/bar/bg-ticker.png);

	}

	#ticker a.follow {

	background-image: url(../images/skin-janetjackson/bar/a-follow.png);

	}

	#ticker div.tweets ul.tweet_list li, 
	#ticker div.tweets ul.tweet_list li a, 
	#ticker div.tweets ul.tweet_list li strong {

	color: #fff;

	}

	#ticker div.tweets {

	background-image: url(../images/skin-janetjackson/bar/bg-tweets.png);

	}

	#ticker div.tweets ul.tweet_list li a:hover {

	color: #dad6c9;

	}

	#ticker div.tweets ul.tweet_list li a.timestamp {

	color: #dad6c9;

	}


/* Social Networks */


	ul#network li.youtube a {

	background-image: url(../images/skin-janetjackson/bar/a-youtube.gif);

	}

	ul#network li.twitter a {

	background-image: url(../images/skin-janetjackson/bar/a-twitter.gif);

	}

	ul#network li.myspace a {

	background-image: url(../images/skin-janetjackson/bar/a-myspace.gif);

	}

	ul#network li.facebook a {

	background-image: url(../images/skin-janetjackson/bar/a-facebook.gif);

	}


/* HEADER
----------------------------------------------------------------------------- */


	#header {

	width: 100%;
	height: 323px;

	}

	#header h1 a {

	width: 490px;
	height: 215px;
	background-image: url(../images/skin-janetjackson/header/h1-logo.png);
	position: absolute;
	left: 371px;
	top: 107px;
	z-index: 10;

	}

	#page-release #header h1 a {

	width: 161px;
	height: 71px;	
	left: 850px;
	top: 55px;
	display: block;

	}

	#header_flash {

	width: 490px;
	height: 215px;
	z-index: 10;
	position: absolute;

	}
	
	body.section-webkit #header_flash {
	
	top: 58px;
	left: 40px;
	
	}

	body.section-trivia #header_flash,
	body.section-janet #header_flash,
	body.section-news #header_flash,
	body.section-legal #header_flash,
	body.section-contest #header_flash,
	body.section-account #header_flash,
	body.section-help #header_flash,
	body.section-store #header_flash, 
	#page-comingsoon #header_flash {

	top: 107px;
	left: 371px;

	}

	#page-gift #header_flash,
	#page-music #header_flash,
	body.section-videos #header_flash,
	body.section-photos #header_flash {

	width: 161px;
	height: 71px;
	top: 19px;
	left: 31px;

	}

	#page-release #header_flash {

	display: none;

	}


/* Navigation */


	ul#navigation {

	position: absolute;
	top: 84px;
	left: 356px;
	height: 10px;
	width: 450px;
	z-index: 20;

	-webkit-transform: rotate(-4deg); 
	-webkit-transform-origin: bottom left;

	-moz-transform: rotate(-4deg); 
	-moz-transform-origin: bottom left;

	}

	body.section-webkit ul#navigation {
	
	top: 35px;
	left: 25px;
	
	}

	#page-gift ul#navigation, 
	#page-music ul#navigation, 
	body.section-videos ul#navigation, 
	body.section-photos ul#navigation {

	top: 107px;
	left: 25px;

	}

	#page-release ul#navigation {

	top: 50px;
	left: 30px;

	}

	ul#navigation li {

	height: 10px;
	padding-right: 16px;

	}

	ul#navigation li a {

	height: 10px;

	}

	ul#navigation li a:hover {

	background-position: 0 -10px;

	}

	ul#navigation li.home a {

	width: 41px;
	background-image: url(../images/skin-janetjackson/header/a-home.png);

	}

	ul#navigation li.janet a {

	width: 47px;
	background-image: url(../images/skin-janetjackson/header/a-janet.png);

	}

	ul#navigation li.tour a {

	width: 39px;
	background-image: url(../images/skin-janetjackson/header/a-tour.png);

	}

	ul#navigation li.music a {

	width: 48px;
	background-image: url(../images/skin-janetjackson/header/a-music.png);

	}

	ul#navigation li.photos a {

	width: 59px;
	background-image: url(../images/skin-janetjackson/header/a-photos.png);

	}

	ul#navigation li.videos a {

	width: 58px;
	background-image: url(../images/skin-janetjackson/header/a-videos.png);

	}

	ul#navigation li.store a {

	width: 46px;
	background-image: url(../images/skin-janetjackson/header/a-store.png);

	}


/* Section Highlights */


	body.section-home #navigation li.home a, 
	body.section-janet #navigation li.janet a,
	body.section-music #navigation li.music a,
	body.section-photos #navigation li.photos a, 
	body.section-store #navigation li.store a {

	background-position: 0 -10px;

	}


/* BACKGROUNDS
----------------------------------------------------------------------------- */


	body {

	background: #f9f9f3;

	}


/* ALERTS 
----------------------------------------------------------------------------- */


	div.widget-alert.success,
	div.widget-alert.error {

	background-color: #d03f0a;

	}


/* MAILING LIST
----------------------------------------------------------------------------- */


	#mailing-list div h3 {

	width: 378px;
	height: 46px;
	background-image: url(../images/skin-janetjackson/layout/h3-mailinglist-gift.gif);

	}

	#mailing_list_entry_email {

	background-color: #fff;
	border: 1px solid #f1d4c4;
	color: #8a7d76;

	}

	#mailing-list label.error em {

	color: #000;
	white-space: normal;

	}

	#mailing_list_entry_parent_email {

	background-color: #d03f0a;
	color: #fff;
	border: 1px solid #d03f0a;

	}

	#mailing-list select {

	background-color: #fff;
	border: 1px solid #f1d4c4;

	}


/* THUMBNAILED LEADS 
----------------------------------------------------------------------------- */


	div.widget-editorial.thumbnailed ul.leads li {

	background-image: url(../images/skin-janetjackson/content/img-placeholder-editorial.jpg);

	}

	div.widget-editorial.thumbnailed ul.leads strong {

	color: #d03f0a;

	}


/* HEADLINES
----------------------------------------------------------------------------- */


	div.widget-editorial.headlines h3 {

	background-image: url(../images/skin-janetjackson/layout/h3-headlines.png);

	}

	div.widget-editorial.headlines ul.headlines li a {

	text-transform: uppercase;

	}

	div.widget-editorial.headlines ul.headlines strong {

	color: #d03f0a;

	}


/* NEWS STORY
----------------------------------------------------------------------------- */


	#story strong {

	color: #d03f0a;

	}

	#story p strong {

	color: #8a7d76;

	}

	#story p {

	font-size: 11px;
	line-height: 15px;

	}


/* POLL
----------------------------------------------------------------------------- */


	div.widget-poll table tr td {
	
	font-size: 11px;
	line-height: 15px;
	border-bottom: 1px solid #9c2f07;
	
	}
	
	div.widget-poll table tr span {
	
	background: #9c2f07;
	color: #fff;
	font-size: 11px;
	line-height: 19px;
	font-weight: bold;
	
	}

	div.widget-poll table tr.correct td {
	
	font-size: 11px;
	line-height: 15px;
	border-bottom: 1px solid #d03f0a;
	
	}
	
	div.widget-poll table tr.correct span {
	
	background: #d03f0a;
	color: #fff;
	font-size: 11px;
	line-height: 19px;
	font-weight: bold;
	
	}
	
	div.widget-poll table strong {

	color: #8a7d76;
	
	}
	
	div.widget-poll table em {
	
	font-style: normal;
	font-weight: bold;
	color: #8a7d76;
	font-size: 10px;
	line-height: 10px;
	
	}
	
	div.widget-poll table .tally em {
	
	color: #8a7d76;
	
	}
	

/* TWITTER FEED TAB
----------------------------------------------------------------------------- */


	#twitter #info a.headshot {

	margin: 0 25px 0 0;

	}

	#twitter #info a.follow {

	letter-spacing: 2px;
	font-size: 14px;
	line-height: 14px;
	text-transform: uppercase;
	padding-top: 20px;

	}

	#twitter p.loading, 
	#twitter div.tweets li {

	border: 1px solid #f1d4c4;

	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;

	}

	#twitter p.loading, 
	#twitter div.tweets span {

	color: #d03F0a;
	font-size: 19px;
	line-height: 19px;
	text-transform: uppercase;

	}

	#twitter div.tweets li a {

	color: #8a7d76;

	}

	#twitter div.tweets li a.timestamp span {

	font-size: 11px;
	line-height: 11px;

	}
	

/* CHECKOUT SECTION
----------------------------------------------------------------------------- */


/* Bar */

	body.section-checkout #bar {
	
		visibility: visible;
		
		}

	body.section-checkout #bar div.widget-alert {
	
		width: 100% !important;
		padding-left: 0;
		text-align: center;
		
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		
		}

	body.section-checkout #bar div.widget-alert * {
	
		float: none;
		display: inline;
		
		}


/* Store Help */

	#store-help {
	
		position: absolute;
		right: 20px;
		top: 110px;
		
		}
		
	#store-help strong {
	
		font-weight: normal;
		font-size: 13px;
		line-height: 17px;
		text-transform: uppercase;
		
		}

	#store-help em {
	
		background: url(../images/skin-janetjackson/actions/a-arrow-next.gif) right center no-repeat;
		padding-right: 15px;
		display: block;
		font-weight: bold;
		font-style: normal;
		
		}


/* Layout */

	body.section-checkout {
	
		background: #f9f9f3 url(../images/checkout/layout/bg-checkout.jpg) no-repeat top left;
		
		}
	
	body.section-checkout #layout {
	
		width: auto;
		float: none !important;
		
		}

	body.section-checkout #page, 
	body.section-checkout #header, 
	body.section-checkout #steps, 
	body.section-checkout #footer {
	
		width: 940px;
		padding: 20px;
		margin: 0 auto;
		float: none;
		clear: left;
		
		}

	body.section-checkout #header {
	
		height: 225px;
		
		}

	body.section-checkout #header h1 a {

		display: block;
		left: 290px;
		top: 28px;
	
		}

	body.section-checkout div#content {
	
		background: none;
		color: #615b4b;
		
		}


/* Tabs */

	body.section-checkout div.tabbed div {
	
		background-color: #f9f9f3;
		
		}	
	
	body.section-checkout ul.tabs {
	
		width: 100%;
		
		}

	body.section-checkout ul.tabs li.selected {
	
		background-position: 100% 0;
	
		}

	body.section-checkout ul.tabs li.selected * {
	
		color: #fff;
	
		}

	body.section-checkout ul.tabs li * {
	
		text-transform: uppercase;
		padding-right: 40px;
		
		}


/* Containers */

	body.section-checkout div.summary {
	
		width: 890px;
		background-color: #f9f9f3;
		padding: 25px;
		
		}
		
	body.section-checkout #content div, #sidebar div {
	
		clear: none;
		
		}

	body.section-checkout div.legal div {
	
		background-color: #e6e2d4;
		padding: 15px !important;
		
		}


/* Actions */
	
	body.section-checkout a.action {
	
		padding: 10px;
		background-color: #d31e41;
		color: #fff;
		display: block;
		text-indent: 0;
		font-size: 13px;
		line-height: 13px;
		text-transform: uppercase;
		font-weight: normal;
		white-space: nowrap;
	
		}
	
	body.section-checkout table a.action {
	
		font-size: 12px;
		line-height: 12px;
		padding: 6px;
	
		}

	body.section-checkout tfoot a.action {
	
		background-color: #fff;
		color: #d31e41;
		
		}

	body.section-checkout tfoot a.action:hover {
	
		background-color: #ee4d6c;
		color: #fff;
		
		}
	
	body.section-checkout ul.order a.action {
	
		font-size: 20px;
		line-height: 20px;
		padding: 15px 20px;
		
		}

	body.section-checkout a.action:hover {
	
		background-color: #ee4d6c;
		
		}
	

/* Forms */ 

	div#clique input[type=text],
	div#clique input[type=password],
	div#signin-overlay input[type=text],
	div#signin-overlay input[type=password] {
	
		border: 1px solid #ddb7ba !important;
		
		}
		

/* Orders */

	div.widget-order.display table {
	
		background-color: #fff;

		}

	div.widget-cart.modify .discounts td,
	div.widget-cart.modify .charges td,
	div.widget-order.display .discounts td,
	div.widget-order.display .charges td,
	#order.summary .discounts td,
	#order.summary .charges td {

		background: #cac5b3;

		}
	
	div.widget-cart.modify tfoot,
	div.widget-order.display tfoot,
	#order.summary tfoot {

		background: #d31e41;
		color: #fff;

		}
		
	div.widget-cart.modify tfoot tr.total td,
	div.widget-order.display tfoot tr.total td,
	#order.summary tfoot tr.total td {

		background-color: #d31e41;

		}


/* Steps */

	#steps li var {
	
		margin-right: 20px;
	
		-webkit-transform: skewX(20deg);
        -moz-transform: skewX(20deg);

		}

	#steps li strong {

		background-color: #d03f0a;
		color: #f9f9f3;

		}
		
	#steps li strong var {

		background-color: #f9f9f3;
		color: #d03f0a;

		}

	#steps li a {

		background-color: #4a3e20;
		color: #f9f9f3;

		}
	
	#steps li a var {
	
		background-color: #f9f9f3;
		color: #4a3e20;
		
		}
		
	#steps li.finished em {
	
		border: 0;
		
		}

	#steps li em {

		background-color: #cac5b3;
		color: #f9f9f3;

		}

	#steps li em var {

		background-color: #f9f9f3;
		color: #cac5b3;

		}
		
	#steps li {

		margin: 0;

		}
		
	#steps li > strong,
	#steps li > em,
	#steps li > a {
		
		padding: 15px 1;
					
		}
		
	#steps li var {

		padding: 0;
		font-size: 30px;
		line-height: 30px;

		-webkit-border-radius: 0;
		-moz-border-radius: 0;

		}
		
	#steps li > em {
		
		border-right: 2px solid;
		
		}


/* Image Replacements */

	div#signup .cliqueid h4 {
	
		background-image: url('../images/clique/h4-cliqueid.png');
		
		}

	div#clique .shipping .contact h4 {
	
		background-image: url('../images/clique/h4-contact-guest.png');
		
		}
	
	div#signup .shipping h3 {
	
		background-image: url('../images/clique/h3-shipping-guest.png');
		
		}
	
	div#clique .location h4 {

		background-image: url('../images/clique/h4-newaddress.png');
	
		}

	div#clique .privacy h4 {
	
		background-image: url('../images/clique/h4-privacy.png');
		
		}


/* RECEIPT PAGE
----------------------------------------------------------------------------- */

	#page-receipt div.widget-order.receipt {
	
		padding: 20px 0;
		
		}

	#page-receipt div.widget-order.receipt h4 {
	
		color: #d03f0a;
		font-size: 14px;
		line-height: 14px;
		
		}
	
	#page-receipt a.action {
	
		padding: 10px;
		background-color: #d03f0a;
		color: #fff;
		display: block;
		text-indent: 0;
		font-size: 13px;
		line-height: 13px;
		text-transform: uppercase;
		font-weight: normal;
		white-space: nowrap;
	
		}
	
	#page-receipt a.action:hover {
	
		background-color: #ee4d6c;
		
		}

	#page-receipt table {
	
		background-color: #8a7d76;
		color: #fff;
		
		}

	#page-receipt td a {
	
		color: #fff;
		
		}
	
	#page-receipt tfoot td {
	
		background-color: #d03f0a;
		
		}


/* STORE
----------------------------------------------------------------------------- */

	ul.items li {
	
		position: relative;
		border: 1px solid #938b74;
		
		}
	
	ul.items dt a {
	
		color: #fff;
		font-weight: normal;
		text-transform: uppercase;
		line-height: 1.2em;
		
		}

	ul.items dt a:hover {
	
		background: none;
		
		}

	ul.items dl {
	
		background: #d03f0a;
		color: #fff;
		
		}
	
	ul.items dl:hover {
	
		background: #4a3e1d;
		
		}
		
	ul.items dt.pressure {
	
		display: none;
		
		}


/* IE6 PNG REPLACEMENT
----------------------------------------------------------------------------- */


/* Bar */


	* html #ticker a.follow {
	
	background-image: url('../images/skin-janetjackson/bar/a-follow.gif');
	
	}
	
	* html #ticker div.tweets {
	
	background-image: url('../images/skin-janetjackson/bar/bg-tweets.gif');
	
	}
	
	
/* Layout */


	* html ul.tabs li.numberones a {
	
	background-image: url('../images/skin-janetjackson/layout/a-numberones.gif');
	
	}
	
	* html ul.tabs li.makeme a {
	
	background-image: url('../images/skin-janetjackson/layout/a-makeme.gif');
	
	}
	
	* html ul.tabs li.latestnews a {
	
	background-image: url('../images/skin-janetjackson/layout/a-latestnews.gif');
	
	}
	
	* html ul.tabs li.othernews a {
	
	background-image: url('../images/skin-janetjackson/layout/a-othernews.gif');
	
	}

	* html ul.tabs li.othertrivia a {
	
	background-image: url('../images/skin-janetjackson/layout/a-othertriviaquestions.gif');
	
	}
	
	* html ul.tabs li.twitter a {
	
	background-image: url('../images/skin-janetjackson/layout/a-twitter.gif');
	
	}
	
	* html #news div.widget-editorial.headlines h3 {
	
	background-image: url('../images/skin-janetjackson/layout/h3-headlines.gif');
	
	}
	
	
/* Navigation */


	* html ul#navigation li.home a {

	background-image: url('../images/skin-janetjackson/header/a-home.gif');

	}

	* html ul#navigation li.janet a {

	background-image: url('../images/skin-janetjackson/header/a-janet.gif');

	}

	* html ul#navigation li.music a {

	background-image: url('../images/skin-janetjackson/header/a-music.gif');

	}

	* html ul#navigation li.photos a {

	background-image: url('../images/skin-janetjackson/header/a-photos.gif');

	}

	* html ul#navigation li.videos a {

	background-image: url('../images/skin-janetjackson/header/a-videos.gif');

	}

	* html ul#navigation li.store a {

	background-image: url('../images/skin-janetjackson/header/a-store.gif');

	}
	
	
/* Footer */

	
	* html #footer a.jdj {
	
	background-image: url('../images/skin-janetjackson/footer/a-jdj.gif');
	
	}	
	
	* html #footer a.sparkart {
	
	background-image: url('../images/skin-janetjackson/footer/a-sparkart.gif');
	
	}