/* JANET JACKSON */
/* Home Page Skin Stylesheet: Number Ones
----------------------------------------------------------------------------- */


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


/* Headings */


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

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

	}

	h3,
	div.display h4 {

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

	}

	h4,
	h4 a,
	h4 a:hover {

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

	}

	h4 a:hover {

	color: #cac5b2;

	}

	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: black;

	}

	a:hover {

	color: black;

	}


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


/* Text Links */


	a.action.display,
	a.addthis_button-leads {

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

	}

	a.action.display:hover {

	background-position: right -15px;

	}

	a.readmore,
	a.learnmore {

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

	}


/* Image Replacements */


	a.next {

	background-image: url(../images/skin-numberones/actions/a-next-beige.png);

	}

	a.back {

	background-image: url(../images/skin-numberones/actions/a-back-beige.png);

	}

	a.browse {

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

	}

	#next {

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

	}

	#prev {

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

	}


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


	ul.tabs {

	width: 100%;
	height: 32px;

	}

	div.content ul.tabs {

	width: 355px;
	height: 32px;
	padding-left: 150px;

	}

	ul.tabs li {

	height: 32px;
	background-position: bottom right;
	background-repeat: no-repeat;
	background-image: url(../images/skin-numberones/layout/li-tab-black.png);


	}

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

	background-position: top right;

	}

	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-numberones/layout/a-latestnews.png);

	}

	ul.tabs li.othernews a {

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

	}

	ul.tabs li.twitter a {

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

	}

	#featured ul.tabs li a {

	height: 27px;
	background: none;
	display: inline;
	color: #fff;
	font-size: 17px;
	line-height: 17px;
	text-transform: uppercase;
	text-indent: 0;
	padding: 5px 30px 0 15px;

	}



/* TABBED FILTERS
----------------------------------------------------------------------------- */


	div.tabbed ul.filters {

	width: 100%;
	height: 32px;
	border-top: 1px solid #8a7d76;

	}

	div.tabbed ul.filters li {

	height: 32px;
	background-position: right bottom;
	background-image: url(../images/skin-numberones/layout/li-filter-beige.png);

	}

	div.tabbed ul.filters li.ui-tabs-selected,
	div.tabbed ul.filters li.ui-state-hover {

	background-position: right top;

	}

	div.tabbed ul.filters li a {

	height: 27px;
	padding: 5px 30px 0 15px;
	color: #cac5b2;
	font-size: 13px;
	line-height: 17px;
	text-transform: uppercase;

	}


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


/* Twitter Ticker */


	#ticker {

	background: #000;

	}

	#ticker a.follow {

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

	}

	#ticker div.tweets {

	background-image: url(../images/skin-numberones/bar/bg-tweets.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 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-numberones/bar/a-youtube.jpg);

	}

	ul#network li.twitter a {

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

	}

	ul#network li.myspace a {

	background-image: url(../images/skin-numberones/bar/a-myspace.jpg);

	}

	ul#network li.facebook a {

	background-image: url(../images/skin-numberones/bar/a-facebook.jpg);

	}

	ul#network li.instagram a {

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

	}

	ul#network li.pinterest a {

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

	}

	ul#network li.vimeo a {

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

	}

	ul#network li.google a {

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

	}

	ul#network li.tumblr a {

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

	}

	ul#network li.soundcloud a {

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

	}

	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.jpg);

	}


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


	#header {

	width: 880px;
	height: 170px;
	margin: 0 auto;

	}

	#header h1 a {

	width: 400px;
	height: 90px;
	background-image: url(../images/skin-numberones/header/h1-logo-black.png);
	display: block !important;
	position: absolute;
	top: 32px;
	left: 0;
	z-index: 10;

	}

	#header_flash {

	display: none;

	}


/* Shard Background */


	div#flashbackground {

	display: none;

	}

	div#flashheader {

	/* width: 100%;
	height: 250px; */

	display: none;
	width: 0 !important;
	height: 0 !important;

	}


/* Navigation */


	ul#navigation {

	width: 470px;
	height: 12px;
	position: absolute;
	top: 35px;
	right: 0;
	z-index: 20;

	}

	ul#navigation li {

	height: 12px;
	padding-right: 15px;

	}

	ul#navigation li.store {

	padding-right: 0;

	}

	ul#navigation li a {

	background: none !important;
	width: auto !important;
	height: auto !important;

	text-indent: 0 !important;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 13.5px;
	color: #b0b0b0;

	}

	ul#navigation li a:hover,
	ul#navigation li.home a {

	color: black;

	}

	ul#navigation li.tour a {

	color: #47d827;
	
	}

	ul#navigation li.tour a:hover {

	color: #000 !important;

	}

	/* ul#navigation li.home a {

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

	}

	ul#navigation li.janet a {

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

	}

	ul#navigation li.tour a {

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

	}

	ul#navigation li.music a {

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

	}

	ul#navigation li.photos a {

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

	}

	ul#navigation li.videos a {

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

	}

	ul#navigation li.store a {

	width: 52px;
	background-image: url(../images/skin-numberones/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 {

	background-position: 0 -12px;

	}


/* FOOTER
----------------------------------------------------------------------------- */


	#footer {

	padding-bottom: 40px;

	}

	#footer ul {

	width: 880px;
	margin: 0 auto;
	padding-left: 0;

	}

	#footer ul li {

	float: left;
	clear: none;

	}

	#footer ul ul {

	width: auto;
	margin: 0;
	padding: 0 25px 0 20px;

	}


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


	body {

	background: #fff;

	}

	#layout {

	background: url(../images/skin-numberones/layout/bg-shards-layout.png) no-repeat center 230px;

	}

	#content div.content {

	border-bottom: 1px solid #e3e1e1;

	}


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


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

	background-color: black;

	}

	label.error strong {

	color: black;

	}


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


	#mailing-list {

	width: 340px;
	background: url(../images/skin-numberones/layout/bg-mailinglist.png) no-repeat;
	padding: 25px 0 105px 15px;

	}

	#mailing-list div h3 {

	width: 313px;
	height: 32px;
	background-image: url(../images/skin-numberones/layout/h3-mailinglist-gift-black.png);

	}

	#mailing_list_entry_email {

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

	}

	#mailing-list label.error em {

	color: #000;
	white-space: normal;

	}

	#mailing_list_entry_parent_email {

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

	}

	#mailing-list select {

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

	}


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


	div.widget-editorial.thumbnailed ul.leads li h4,
	div.widget-editorial.thumbnailed ul.leads li h4 a,
	div.widget-editorial.thumbnailed ul.leads li a:hover {

	color: black;

	}

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

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

	}

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

	color: black;

	}

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

	border: 1px solid #f2f2f2;

	}

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

	border: 0;

	}


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


	div.widget-editorial.headlines h3 {

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

	}

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

	text-transform: uppercase;

	}

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

	color: black;

	}


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


	div.widget-poll table tr td {

	font-size: 11px;
	line-height: 15px;
	border-bottom: 1px solid #742832;

	}

	div.widget-poll table tr span {

	background: #742832;
	color: #fff;
	font-size: 11px;
	line-height: 19px;
	font-weight: bold;

	}

	div.widget-poll table tr em,
	div.widget-poll table tr strong {

	color: #dad6c9;

	}

	div.widget-poll table tr.correct td {

	border-bottom: 1px solid black;

	}

	div.widget-poll table tr.correct span {

	background: black;

	}

	div.widget-poll table em {

	font-style: normal;
	font-weight: bold;
	font-size: 10px;
	line-height: 10px;

	}


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


	#twitter #info a.headshot {

	margin: 0 25px 0 75px;

	}

	#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 #ddb7ba;

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

	}

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

	color: black;
	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;

	}

	div.unit #twitter div.tweets span {

	color: black;

	}

	div.unit #twitter div.tweets li {

	border: 1px solid black;

	}



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


/* Bar */


	* html #ticker a.follow {

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

	}

	* html #ticker div.tweets {

	background-image: url(../images/skin-numberones/bar/bg-tweets.gif);

	}


/* Logo */


	* html #header h1 a {

	background-image: url(../images/skin-numberones/header/h1-logo.gif);

	}


/* Layout */


	* html #layout {

	background-image: url(../images/skin-numberones/layout/bg-shards-layout.gif);

	}

	* html #featured ul.tabs,
	* html #featured {

	background-image: none;

	}

	* html #mailing-list {

	background-image: url(../images/skin-numberones/layout/bg-mailinglist.gif);

	}

	* html ul.tabs li {

	background-image: url(../images/skin-numberones/layout/li-tab.gif);

	}

	* html div.tabbed ul.filters li {

	background-image: url(../images/skin-numberones/layout/li-filter.gif);

	}

	* html ul.tabs li.numberones a {

	background-image: url(../images/skin-numberones/layout/a-numberones.gif);

	}

	* html ul.tabs li.makeme a {

	background-image: url(../images/skin-numberones/layout/a-makeme.gif);

	}

	* html ul.tabs li.latestnews a {

	background-image: url(../images/skin-numberones/layout/a-latestnews.gif);

	}

	* html ul.tabs li.othernews a {

	background-image: url(../images/skin-janetjackson/layout/a-othernews.gif);

	}

	* html ul.tabs li.twitter a {

	background-image: url(../images/skin-numberones/layout/a-twitter.gif);

	}

	* html #news div.widget-editorial.headlines h3 {

	background-image: url(../images/skin-numberones/layout/h3-headlines.gif);

	}


/* Navigation */


	* html ul#navigation li.home a {

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

	}

	* html ul#navigation li.janet a {

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

	}

	* html ul#navigation li.music a {

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

	}

	* html ul#navigation li.photos a {

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

	}

	* html ul#navigation li.videos a {

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

	}

	* html ul#navigation li.store a {

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

	}


/* Footer */


	* html #footer a.jdj {

	background-image: url(../images/skin-numberones/footer/a-jdj.gif);

	}

	* html #footer a.sparkart {

	background-image: url(../images/skin-numberones/footer/a-sparkart.gif);

	}