/* BLOOD PACT - STANDARD TEMPLATE SKIN */
/* Master Stylesheet
----------------------------------------------------------------------------- */


	@import url("clique.css");
	@import url("header.css");
	@import url("layout.css");
	@import url("widgets.css");


/* BASE PRECEDENTS
----------------------------------------------------------------------------- */


	body {
	
	color: #555241;
	font: 12px/15px Verdana, Arial, sans-serif;
	
	}

	* {

	border-color: #bcb39e;
	
	}

	a {
	
	color: #8a0c0c;
	outline: none;
	text-decoration: none;
	
	}

/*	dl {
	
	width: 100%;
	
	}*/

	dt {
	
	width: 120px;
	
	}

	p {
	
	width: 100%;
	margin: 0 0 15px 0;
	
	}

	blockquote {
	
	width: 86%;
	
	}


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


	body {
	
	background: #bcb39e url(../images/layout/bg-body.jpg) repeat-y top center;
	
	}

	#layout {
	
	background: url(../images/layout/bg-layout.jpg) no-repeat 0 0;
	
	}


/* ACTIONS / TOGGLES / TALLIES
----------------------------------------------------------------------------- */


	div.panel ul.actions {
	
	margin-bottom: 0;
	
	}
	
/*	ul.actions li, a.action {
	
	width: auto !important;	
	
	}*/

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

	background: #8a0c0c none;
	color: #fff;
	text-transform: uppercase;
	white-space: nowrap;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;	
	
	}
	
	a.action:hover, ul.toggle a:hover, ul.pages a:hover {
	
	background-color: #58503f;
	color: #edebe3;
	
	}

	ul.pages strong {
	
	background-color: #000;
	font-weight: normal;
	
	}

	ul.toggle li {

	background-color: #58503f;
	padding: 0 2px;
	margin-right: 5px;

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

	}

	ul.toggle a {
	
	color: #000;
	
	}

	ul.toggle label em {

	color: #fff;
	text-transform: uppercase;

	}
	
	strong.toggle {

	color: #d4ab53;
	text-transform: uppercase;

	}
	
	ul.pages {
	
	width: 100%;
	
	}


/* Exceptions */


	li ul.actions a {
	
	background: none;
	color: #8a0c0c;
	
	}

	a.toggle, strong.toggle {
	
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	
	}
	
	a.favorite, ul.paging {
	
	display: none;
	
	}


/* Tallies */


	a.comments {
	
	display: block;
	float: left;
	margin-bottom: 10px;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	white-space: nowrap;

	}
	
	a.comments span {
	
	display: inline;
	
	}
	
	td a.comments {
	
	display: inline;
	float: none;
	margin: 0;
	
	}


/* CONTENT MARKUP
----------------------------------------------------------------------------- */


	dt, label em {

	font-size: 11px;
	
	}

	div.form dt, label em {
	
	text-align: right;
	white-space: nowrap;
	margin-right: 10px;

	}
	
	div.group h4 {
	
	display: block;
	
	}


/* Media Sizes */


	img {
	
	max-width: 478px;
	
	}
	
	div.compact ul.clips li, div.compact ul.clips a, div.compact ul.clips li img, div.compact ul.photos li, div.compact ul.photos a, div.compact ul.photos li img {
	
	display: block;
	width: 200px;
	height: 150px;
	
	}
	
	div.compact ul.photos {
		
	width: 615px !important;
		
	}
	
	div.compact ul.photos li a img.portrait {
		
	width: 200px !important;
		
	}

	div.compact ul.clips li a {
	
	padding-bottom: 5px;
	
	}

	div.compact ul li {

	margin: 0 5px 5px 0;
	
	}
	
	div.compact.video ul li {
	
	height: 170px;
	
	}
	
	div.widget-media.browse div.flash, div.widget-media.browse div.flash div, div.widget-media.video a.prompt {
	
	width: 430px;
	height: 320px;
	
	}
	
	div.widget-media.display div.flash, div.widget-media.display div.flash div {
	
	width: 478px;
	height: 356px;
	
	}
	
	div.widget-profile.pictures img, div.thread div.member img, div.card .member img {

	width: 70px;
	height: 70px;
	display: block;
	margin: 0;
	
	}
	
	div.headshot .member img {
	
	width: 73px;
	height: 73px;
	display: block;
	margin: 0;
	
	}
	
	div.widget-member.info img {
	
	width: 100px;
	height: 100px;
	display: block;	
	margin: 0;
	
	}	


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

	h2, div#content h3 {
	
	display: block;
	width: 478px;
	margin: 20px 0 40px 0;
	border-bottom: 1px solid #bcb39e;
	padding: 0 0 20px 0;
	color: #870c0c;
	font: normal 25px/25px Georgia, Times New Roman, serif;
	letter-spacing: 1px;
	text-align: center;
	text-transform: uppercase;
	
	}
	
	div.tabbed h3 {
	
	margin: 0 0 20px 0;
	color: #000;
	font: normal 25px/25px Georgia, Times New Roman, serif;
	letter-spacing: 1px;
	text-align: center;
	text-transform: uppercase;
	
	}
	
	div#sidebar h3 {
	
	margin: 0 0 20px 0;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	padding: 10px 0;
	color: #000;
	font: normal 18px/18px Georgia, Times New Roman, serif;
	letter-spacing: 1px;
	text-align: center;
	text-transform: uppercase;	
	
	}
	
	h3 em {
	
	font-style: normal;
	
	}

	h4, h4 a {
	
	clear: left;
	margin: 0;
	padding: 0;
	font-size: 13px;
	line-height: 16px;
	color: #58503f;
	font-weight: bold;
	text-transform: uppercase;
	
	}
	
	div.widget-editorial li strong, ul.headlines strong {
	
	font-size: 10px;

	}
	
	h5 {
	
	font-size: 1em;
	margin: 1em 0;
	
	}


/* Exceptions */


	div#content div h2, div#sidebar div h2 {
	
	color: #000;
	border-bottom: 0;
	padding-bottom: 0;
	
	}

	div.pane h3 {

	display: none !important;
	
	}

	div.panel h3, div.legal h3 {

	color: #edebe3;
	font: normal 17px/20px Georgia, Times New Roman, serif;
	
	}
	
	div.tabbed h2 {
	
	margin-bottom: 20px;
	
	}
	
	body.section-help div#content div h3 {
	
	padding-bottom: 15px;
	margin-bottom: 15px;
	font-size: 21px;
	line-height: 21px;
	
	}
	

/* PANELS
----------------------------------------------------------------------------- */


	div.panel, div.group.legal {
	
	float: left;
	margin-bottom: 20px;
	background-color: #000;
	
	}


/* Exceptions */


	div.panel h3, div.legal h3 {
	
	color: #d4ab53 !important;
	border-bottom: 1px solid #d4ab53 !important;
	text-align: left;

	}

	div.panel p, div.legal div p, div.legal div ol, div.legal div ul {
	
	color: #fff;
	
	}
	
	div.legal div h4 {
	
	color: #d4ab53;
	
	}
	
	div.panel label em {
	
	text-align: left;
	
	}
	
	div.panel dt {
	
	font-weight: normal;
	
	}
	
	div.panel.comments {
	
	padding-top: 40px;
	
	}
	

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


	ul.tabs {

	margin: 0;
	padding: 0;
	list-style-type: none;
	float: left;
	border-bottom: 1px solid #c4938b;
	
	}
	
	div.grid.split div.constrain {
	
	float: left;
	width: 460px;
	padding-bottom: 20px;
	
	}
	
	div.grid.two_thirds #content div.constrain {
	
	float: left;
	width: 478px;
	padding-bottom: 20px;	
	
	}
	
	ul.tabs li {
	
	float: left;
	padding: 0 10px;
	
	}

	ul.tabs li a {

	color: #bcb39e;
	font: normal 17px/17px Georgia, Times New Roman, serif;
	text-transform: uppercase;
	display: block;

	}

	ul.tabs li.selected a {
	
	padding-bottom: 12px;
	color: #8a0c0c;
	background: url(../images/widgets/a-selected.png) no-repeat bottom center;

	}

	ul.tabs li a:hover {
	
	padding-bottom: 12px;
	text-decoration: underline;

	}


/* Exceptions - Panels */


	div.panel ul.tabs {

	border-bottom: 0;
	padding-bottom: 0;
	
	}
	
	div.panel ul.tabs li a {

	color: #473d3d;

	}

	div.panel ul.tabs li.selected a {
	
	padding-bottom: 0;
	color: #ad0909;
	background: none;

	}

	div.panel ul.tabs li a:hover {
	
	padding-bottom: 0;
	text-decoration: underline;

	}

	div#sidebar div.panel dd, div#sidebar div.panel p {

	color: #d4ab53 !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 {

	padding-bottom: 10px;
	color: #000;
	font-weight: normal;
	text-transform: uppercase;
	
	}

	th.thumbnail, td.thumbnail, th.event, td.performance, td.rsvp span, td.comments span {
	
	display: none;
	
	}
	
	th.rsvp, td.rsvp, th.comments, td.comments, td.rsvp em {
	
	text-align: center;
	font-style: normal;
	
	}

	td a.action.details {
	
	padding: 0;
	color: #8a0c0c;
	background: none;
	
	}
	
	td a.action.tickets {
	
	padding: 2px;
	
	}
	
	
/* FORM
----------------------------------------------------------------------------- */
	
	input[type=text], input[type=search], input[type=password], input[type=file], select, textarea {
	
	font-family: Verdana, Arial, sans-serif;
	background-color: #fffdf7;
	
	}
	
	textarea {
	
	border: 1px solid #bcb39e;
	
	}