/* JANE'S ADDICTION TEMPLATE */
/* Custom Stylesheet
----------------------------------------------------------------------------- */


/* LAYOUT
----------------------------------------------------------------------------- */


	div#layout.site div#page, 
	div#layout.messageboard div#page {
	
	width: 960px;
	padding: 0;
	
	}

	div#layout.store div#page {
	
	padding-top: 0;
	clear: both;
	
	}
	
	div.grid.two_thirds div#sidebar {
	
	float: left;
	
	}
	
	div.grid.two_thirds div#content {
	
	float: right;
	
	}


/* HEADINGS
----------------------------------------------------------------------------- */
	

	div#title h2 {
	
	height: 70px;
	
	}

	#page-index div.widget-alert h3, 
	#page-index #customer ul h3 {
	
	display: block !important;
	
	}
	
	div#layout.site .filter h3, 
	#customer #cart h3 {
	
	display: block !important;
	
	}

	.section-legal div.legal div h3 {
	
	font-size: 20px;
	line-height: 20px;
	
	}


/* QA
----------------------------------------------------------------------------- */


/* Page-Ask and Page-QA */


	#page-ask #page, #page-qa #page {
	
	width: 595px;
	padding-left: 188px;
	
	}
	
	#page-ask #page h3, #page-qa #page h3 {
	
	float: left;
	clear: none;
	font-size: 30px;
	
	}
	

/* Page QA */


	#page-qa a.prompt.question {
	
	font-size: 13px;
	
	}
	
	#page-qa #page h3 {
	
	margin: 35px 0 20px 0;
	
	}
	
	#page-qa ul.stories {
	
	clear: left !important;
	
	}
	
	#page-qa ul.stories li {
	
	margin-bottom: 12px;
	border-bottom: 1px solid #480000;
	
	}
	
	#page-qa ul.stories li strong, 	#page-qa ul.stories a.comments {
	
	display: none;
	
	}
	
	
/* Page Ask */


	#page-ask #ask h3 {
	
	display: none;
	
	}
	
	#page-ask #ask textarea {
	
	height: 70px;
	
	}
	
	#page-ask #ask a.cancel:hover {
	
	background-color: #820300;
	
	}
	
	#page-ask #ask small {
	
	display: block;
	float: right;
	padding: 20px 20px 0 0;
	
	}
	
	#page-ask div.widget-alert {
	
	margin: 0 0 20px 0;
	
	}
	
	#page-ask div.widget-alert p {
	
	display: none;
	
	}
	

/* MOVES PAGINATION ON PHOTO DETAILS PAGE & AUTHOR ACTIONS ON PROFILE PAGE
----------------------------------------------------------------------------- */


	#page-photo div.widget-photo.display {

	padding-top: 40px;

	}

	#page-photo div.widget-photo.display, #page-profile div.widget-profile.display {

	position: relative;

	}

	#page-photo div.widget-photo.display ul.actions, #page-profile div.widget-profile.display ul.actions {

	float: left;
	padding: 0;
	display: block;
	position: absolute;
	top: 0;
	right: -10px;
	z-index: 3;

	}


/* STYLE INTO HEADINGS
----------------------------------------------------------------------------- */


	div.widget-media.row ul.clips li div a {

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

	}

	div.callout ul.headlines a {

	color: #fff;

	}
	
	div.callout ul.headlines li {
	
	padding-bottom: 12px;

	}
	
	#page-index div.callout ul.headlines a {

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


/* STYLE TAGS LIKE TOGGLE BUTTONS
----------------------------------------------------------------------------- */


	#layout.site div.widget-tag li {

	width: 100%;
	clear: left;
	float: left;

	}

	#layout.site div.widget-tag a, #layout.site div.widget-tag strong a {

	background: #820300;
	margin: 0 0 5px 0;
	padding: 5px;
	display: block;	
	color: #fff;
	text-transform: uppercase;

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

	}

	#layout.site div.widget-tag a:hover, #layout.site div.widget-tag strong a:hover {

	background-color: #be0305;
	color: #fff;

	}

	#layout.site div.widget-tag strong a, #layout.site div.widget-tag strong a:hover {

	background: #be0305;

	}


/* ALIGNS EDITORIAL DATE AND AUTHOR
----------------------------------------------------------------------------- */


	ul.leads strong, ul.leads em, ul.leads strong, div.widget-editorial.display em, div.widget-editorial.display strong {

	float: left;
	padding: 0 10px 20px 0;

	}

	div.widget-editorial.display strong {

	clear: none;

	}


/* VIDEO DETAILS PLAYER
----------------------------------------------------------------------------- */


	#page-video div.widget-media.player dl a {

	color: #ee6b6b;

	}

	#page-video div.widget-media.player dl a:hover {

	color: #a84f4f;

	}


/* MEMBER LISTINGS
----------------------------------------------------------------------------- */


	div.card .member {

	background-color: #000;

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

	}

	div.card .member dt.location {

	color: #a84f4f;

	}

	div.card .member dt, div.card .member dd {

	width: 100%;
	border-top: 0;

	}


/* MEMBER DETAILS
----------------------------------------------------------------------------- */


	#page-profile div#sidebar div.widget-member.display {

	padding-top: 223px !important;
	position: relative;
	float: left;

	}

	#page-profile div#sidebar div.widget-member.display a.picture {

	width: 193px;
	height: 193px;
	position: absolute;
	top: 15px;
	left: 15px;
	z-index: 5;

	}

	#page-profile div#sidebar div.widget-member.display dl {

	float: none;

	}

	#page-profile div#sidebar div.widget-member.display dt.vitals, #page-profile div#sidebar div.widget-member.display dt.location {

	width: 100% !important;

	}

	#page-profile div#sidebar div.widget-member.display em {

	background-color: #dedede;
	font-style: normal;
	color: #fff;

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

	}


/* LEGAL TEXTBOX COLOR
----------------------------------------------------------------------------- */


	div.legal div {

	background-color: #1d1d1d;
	overflow-y: auto;
	height: 250px;
	padding: 15px 0;

	}


/* ALERT MESSAGE
----------------------------------------------------------------------------- */


	div.widget-alert {

	padding: 15px 20px;
	margin-bottom: 20px;
	clear: left;
	float: left;

	}

	div#layout.site div.widget-alert {
	
	width: 920px;
	
	}

	div#layout.store div.widget-alert {
	
	width: 900px;
	
	}
	

/* WELCOME PAGE OVERRIDES
----------------------------------------------------------------------------- */


	#page-welcome .setup .group,
	#page-account .group {
	
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #480000;
	
	}
	
	#page-account select,
	#page-account input,
	#page-welcome select,
	#page-welcome input {
	
	background-color: #fff;
	color: #000;
	
	}
	
	#page-account .widget-account ul.actions input.save, 
	#page-welcome .widget-account ul.actions input.save {
	
	background: none;
	
	}


/* CONTAINERS WITH BORDERED STYLES
----------------------------------------------------------------------------- */


	#sidebar #departments {
	
	width: 218px;
	
	}

	#help.emphasis {
	
	width: 188px !important;
	
	}


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


	div#features #video div.details, div#features #radio div.details {

	width: 453px;
	height: 10px;

	}

	div#features #video ul.controls {

	width: 455px;
	height: 26px;

	}
	
	div#features #radio ul.controls {

	width: 200px;
	height: 26px;

	}

	div#features #video div.details a {

	max-width: 260px;
	height: 10px;

	}

	div#features #video div.flash, div#features #video div.flash div, div#features #radio ul.photos li, div#features #radio ul.photos li div {

	width: 463px;
	height: 263px;

	}

	div#features #radio ul.photos {

	width: 430px;
	height: 246px;

	}

	div#features #shots ul.photos {

	width: 463px;
	height: 319px;

	}

	div#features #shots ul.photos li {

	width: 463px;
	height: 319px;

	}

	div#features #shots ul.photos li div {

	width: 463px;
	height: 319px;

	}

	div#features #shots ul.photos img {

	min-height: 260px;

	}

	#page-video div.widget-media.player div.flash, #page-video div.widget-media.player div.flash div {

	width: 559px;
	height: 314px;

	}