/* PAULA ABDUL */
/* Master Stylesheet
----------------------------------------------------------------------------- */


	@import url("clique.css");
	@import url("header.css");
	@import url("hide.css");
	@import url("images.css");
	@import url("footer.css");
	@import url("layout.css");
	@import url("patterns.css");
	@import url("sizes.css");
	@import url("spacing.css");


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

	body {
		
	background: #f8f7f0 url(../images/layout/bg-body.gif) repeat-x;
		
	}
	
	
/* NETWORK BAR
--------------------------------------------------------------------------- */

	#bar {
		
	height: 20px;
	width: 780px;
	padding: 10px 15px;
	background: #000;
		
	}

	#bar h3 {
	
	display: block;
	float: left;	
	margin: 1px 10px 0 0;
	width: 178px;
	height: 17px;
	background: url(../images/network/h3-panetwork.gif) no-repeat;
	text-indent: -5000px;
		
	}
	
	#bar a {
		
	margin-right: 5px;
		
	}
		
	#bar a.help {
		
	width: 74px;
	background-color: #fff;
	color: #777;
		
	}
	
	#bar a.help:hover {
	
	background-color: #f0b638;	
	color: #fff;
		
	}


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

/* Headings */


	h2, h2 a, h2 a:hover {

	color: #fff;
	font: normal 14px/14px Arial, sans-serif;
	text-transform: uppercase;

	}
	
	h2 {

	display: block;
	background: #777;
	float: left;
	clear: both;
	padding: 8px 15px;
	margin: 19px 0 0 20px;
	white-space: nowrap;
	
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-left-radius: 10px;	
	-webkit-border-top-right-radius: 10px;			
	
	}
		
	h3, div.display h4 {

	margin: 0 0 10px 0;
	color: #bd772c;
	font: normal 20px/20px Arial, sans-serif;
	text-transform: uppercase;	

	}

	div.pane h3 {

	color: #bd772c;

	}
	
	div.group div h3 {
	
	color: #000;
	
	}

	h4, h4 a, h4 a:hover {

	margin: 0 0 5px 0;
	padding: 0;
	clear: left;
	color: #bd772c;
	font: normal 16px/16px Arial, sans-serif;
	text-transform: uppercase;

	}
	
	h3 em, h4 em, h3 span, h4 span {
	
	font-style: normal;
	
	}
	

/* Text */


	body {

	color: #000;
	font: normal 12px/15px Arial, sans-serif;

	}

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

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

	}

	p {

	margin: 0 0 15px 0;

	}

	blockquote {

	width: 90%;
	margin: 0 auto;

	}

	blockquote p {

	padding: 0;
	color: #888;
	font-size: 15px !important;
	line-height: 19px !important;
	text-align: left;
	border: none;

	}

	dt {

	width: 25%;

	}
		
	dd {

	width: 75%;
	font-style: italic;
	padding-right: 0;

	}

	div#sidebar dt {

	width: 40%;

	}

	div#sidebar dd {

	width: 60%;	
	padding-right: 0;

	}

	dt, label em {

	color: #000;
	font-size: 11px;
	line-height: 16px;

	}
	
	small, small a {
	
	font-size: 9px;
	line-height: 16px;
	
	}

	div.form dt, label em {

	text-align: right;
	white-space: nowrap;
	margin-right: 10px;

	}


/* Rules */


	dt, dd {

	padding-bottom: 5px;
	border-top: 1px solid #d9d3b5;

	}

	div.ruled ul.leads li, div.ruled ul.headlines li, div.ruled ul.comments li, div.ruled ul.subscriptions li {
	
	margin-bottom: 15px;
	border-bottom: 1px solid #d9d3b5;
	
	}

	div.ruled td {
	
	border-bottom: 1px solid #ccc;
	
	}
	
	div.ruled div.tags {
	
	border-top: 1px solid #000;
	padding-top: 15px;
	
	}
	
	div.ruled ul.leads li.last, div.ruled ul.headlines li.last, div.ruled ul.comments li.last, div.ruled ul.subscriptions li.last {
	
	margin-bottom: 0 !important;
	
	}
	

/* Tables */


	table {

	width: 100%;
	margin: 0 0 15px 0;
	padding: 0;
	font-size: 10px;

	}

	th, td {

	padding: 10px 10px 10px 0;
	text-align: left;

	}

	th {

	background-color: #D0975F;
	padding: 10px;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;

	}
	
	th.rsvp, td.rsvp, th.comments, td.comments, td.rsvp em {

	text-align: center;
	font-style: normal;

	}


/* Form */


	input[type=text], input[type=search], input[type=password], input[type=file], select, textarea {

	font-family: Arial, sans-serif;
	border: 1px solid #eee;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	background-color: #fff;
	padding: 3px;

	}

	select#status {

	max-width: 310px;

	}
	
	div.legal div {
		
	background-color: #eee;
		
	}


/* Text Links */


	a {

	color: #bd772c;
	outline: none;
	text-decoration: none;

	}

	a:hover {

	color: #000;

	}
	
	li ul.actions li {
	
	margin-bottom: 0 !important;
	border-bottom: 0 !important;
	
	}
	
	li ul.actions a {

	background: none;
	padding: 0;
	color: #d0965d;
	text-transform: none;

	}

	li ul.actions a:hover {

	background-color: transparent;
	color: #f0b638;

	}


/* Action Buttons */


	a.action, ul.pages a, ul.pages strong {

	padding: 5px 8px;
	white-space: nowrap;
	color: #fff;
	line-height: 12px;
	text-transform: uppercase;

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

	}

	a.action, ul.pages a {

	background-color: #d0965d;

	}

	a.action:hover, ul.pages a:hover {

	background-color: #f0b638;
	color: #fff;

	}

	div#sidebar a.action {

	width: auto !important;
	height: auto !important;

	}

	ul.pages strong {

	background-color: #f0b638;
	font-weight: normal;

	}

	td a.action {

	background: none !important;
	padding: 0 !important;
	white-space: nowrap;
	color: #d0965d !important;

	-moz-border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
		
	}

	td a.action:hover {

	color: #f0b638 !important;
		
	}

	td strong {

	white-space: nowrap;
	text-transform: uppercase;
	line-height: 12px;

	}


/* Toggle Buttons */


	a.toggle, strong.toggle {

	background: #d0965d;
	margin: 0 5px 5px 0;
	padding: 5px;
	color: #fff;
	text-transform: uppercase;

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

	}

	a.toggle:hover {

	color: #fff;
	background-color: #f0b638;

	}

	strong.toggle {

	background: #f0b638;

	}
	
	div.widget-tag a {
		
	background-color: #d0965d;
		
	}
	
	div.widget-tag a:hover, div.widget-tag strong a {
		
	background-color: #f0b638;
		
	}


/* Comment Tallies */


	a.comments {
		
	display: none !important;

	width: 20px !important;
	max-width: none;
	height: 12px !important;
	background: url(../images/actions/a-comments.gif) 0 0 no-repeat;
	padding-right: 55px;
	float: left;
	position: relative;
	display: block;
	color: #fff !important;
	font-size: 9px !important;
	line-height: 9px !important;
	text-transform: uppercase;
	white-space: nowrap;
	text-align: center;
	overflow: visible !important;

	}
	
	a.comments:hover {
	
	background-position: 0 -12px;
	
	}

	a.comments span {

	display: inline;
	position: absolute;
	top: 0;
	left: 25px;
	color: #d0965d !important;
	font-size: 10px !important;
	line-height: 10px !important;

	}
	
	a.comments:hover span {
	
	color: #f0b638 !important;
	
	}

	td a.comments {

	margin: 0 auto;
	padding-right: 0;
	float: none;

	}
	
	td a.comments span {
	
	display: none;
	
	}


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


	ul.tabs {
	
		
	}

	ul.tabs li a {

	background-color: #ebebeb;
	color: #959595;
	font: bold 14px/14px Arial, sans-serif;
	
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-left-radius: 10px;	
	-webkit-border-top-right-radius: 10px;

	}

	ul.tabs li a:hover {

	background-color: #ebebeb;
	color: #666;

	}

	ul.tabs li.selected a, ul.tabs li.selected a:hover {

	background-color: #fff;
	color: #959595;
	border: 2px solid #e1e1e1;
	border-bottom: 0;
	margin-bottom: -2px;
	position: relative;
	z-index: 2;

	}
	
	ul.tabs li a.fan {
		
	background: #ebebeb url(../images/tabs/icon-fan.gif) 6px 8px no-repeat;
	padding-left: 38px;
		
	}
	
	ul.tabs li.selected a.fan {
	
	background-color: #fff;	
	background-position: 4px 6px;
	padding-left: 36px;
		
	}
	
	ul.tabs li a em {
	
	font-style: normal;	
		
	}
	
	ul.tabs li.selected a em {
	
	color: #c5884c;
		
	}


/* PANES
----------------------------------------------------------------------------- */


	div.pane {

	background-color: #fff;
	border: 2px solid #e1e1e1;

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

	}

	div.tabbed div.pane {
	
	-webkit-border-top-left-radius: 0;
	-moz-border-radius-topleft: 0;
		
	/* -webkit-border-top-right-radius: 0; */
	/* -moz-border-radius-topright: 0;	*/

	}


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


	div.widget-alert h3 {

	color: #fff;
	font: 24px/24px Arial, sans-serif;
	text-transform: uppercase;

	}

	div.widget-alert p {

	color: #fff;

	}

	div.widget-alert.error {

	background-color: #dc2500;

	}

	div.widget-alert.success {

	background-color: #6ba144;

	}

	div.widget-alert.info {

	background-color: #1681ac;

	}

	div.widget-alert a {

	color: #fff;
	text-decoration: underline;

	}
		
	fieldset.error input, fieldset.error strong, label.error input, label.error strong {

	color: #dc2500;

	}

	fieldset.error strong, label.error strong {

	font-size: 11px;
	font-weight: normal;

	}

	label.error input {

	background-color: #dc2500;
	color: #fff;

	}


/* FEATURES BOX
----------------------------------------------------------------------------- */


/* Text */


	div#features div.widget-media.player div.details a {

	color: #000;
	line-height: 12px;
	text-transform: uppercase;

	}
	
	div#features #photos h4 {

	width: 300px;
	height: 17px;
	margin-bottom: 0;
	padding: 8px 0 8px 5px;
	display: block;
	overflow: hidden;
	font-size: 12px;
	line-height: 22px;	
	text-overflow: ellipsis;
	white-space: nowrap;

	}
	

/* Buttons */


	div#features a.browse {

	position: absolute;
	bottom: 7px;
	right: 20px;
	z-index: 100;

	}
	
	div#features #voicemail a.browse {
	
	right: 5px;
	
	}
	
	div#features #photos a#photos_back {

	padding: 10px 10px 10px 5px;
	left: 18px;

	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-top-left-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-bottomleft: 0;

	}

	div#features #photos a#photos_next {

	padding: 10px 5px 10px 10px;
	right: 18px;

	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-topright: 0;
	-moz-border-radius-bottomright: 0;

	}

	div#features #photos a#photos_back, div#features #photos a#photos_next {

	width: 14px;
	height: 18px;
	background-color: #D0965D;
	background-repeat: no-repeat;
	background-position: center;
	display: none;
	text-indent: -5000px;
	position: absolute;
	top: 140px;
	z-index: 100;

	}	

	div#features #photos a#photos_back:hover, div#features #photos a#photos_next:hover {

	display: block;
	background-color: #f0b638;

	}

	div#features #photos a#photos_back {

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

	}

	div#features #photos a#photos_next {

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

	}


/* Tabs


	div#features ul.tabs li a {

	background-color: #a84f4f;
	color: #000;

	}

	div#features ul.tabs li a:hover {

	background-color: #bd772c;
	color: #000;

	}	

	div#features ul.tabs li.selected a, div#features ul.tabs li.selected a:hover {

	background-color: #000;
	color: #fff;

	} */
	

/* Content */


	div#features #video div.flash {

	margin: 0 !important;

	}

	div#features #voicemail div.flash {

	padding: 0 !important;
	visibility: hidden;

	}

	div#features #voicemail div {
	
	margin: 0;
	
	}


/* Panes


	div#features div.pane {

	height: 306px;
	background-color: #000;
	margin-bottom: 0 !important;
	padding: 15px 15px 0 15px;
	position: relative;


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

	}

	div#features #voicemail div.widghet-media {
	
	height: 60px;
	
	}

	div#features div.widget-advertising {

	width: 430px;	
	background-color: #000;
	margin-bottom: 20px;
	padding: 15px;

	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;

	} */


/* Background */

	
	div#features div.widget-photo ul.photos li {

	background-color: #eee;
	padding: 3px;

	}

	div#features div.widget-media.player div.details {

	width: 420px;
	height: 15px;
	background-color: #eee;
	padding: 5px;	

	}

	div#features div.widget-media.player ul.controls {

	width: 420px;

	}


/* MEDIA PLAYER
----------------------------------------------------------------------------- */


/* Text */


	div.widget-media.player var strong {

	font-weight: normal;

	}

	div.widget-media.player var, div.widget-media.player var em {

	font-style: normal;

	}


/* Buttons */


	div.widget-media.player a.again {

	width: 559px;
	height: 314px;
	background-color: #c5884b
	background-position: center;
	background-repeat: no-repeat;
	display: block;
	text-indent: -5000px;

	}

	div.widget-media.player a.prompt {

	width: 462px;
	height: 285px;
	background-color: #c5884b
	background-position: center;
	background-repeat: no-repeat;
	display: block;
	text-indent: -5000px;

	}

	div.widget-media.player ul.controls a.action {

	width: 13px;
	height: 13px;
	background-color: #BD772C;
	background-position: center;
	background-repeat: no-repeat;
	display: block;
	padding: 5px;
	text-indent: -5000px;

	}

	div.widget-media.player ul.actions a.action {

	background-color: #BD772C;

	}

	div.widget-media.player ul.controls a.action:hover, div.widget-media.player ul.actions a.action:hover {

	background-color: #000;

	}

/* Backgrounds */


	div.widget-media.player {

	background-color: #fff !important;

	}

	div.widget-media.player div.flash {

	background-color: #ddd;
	padding: 3px;

	}

	div.widget-media.player ul.controls {

	background-color: #eee;

	}
	
	

/* Overrides While Comments are Hidden
--------------------------------------------------------------------------- */

	#sidebar div.pane.callout.ruled ul li a {
		
	color: #BD772C;
	margin: 0;
		
	}
	
	#sidebar div.pane.callout.ruled ul li a.action {
		
	color: #fff;
		
	}
	
	#sidebar div.pane.callout.ruled ul li strong {
		
	position: static;
	display: block;
		
	}