/* WOLFMOTHER */
/* Master Stylesheet
----------------------------------------------------------------------------- */

	
	@import url("tables.css");
	@import url("spacing.css");
	@import url("sizes.css");
	@import url("hide.css");
	@import url("images.css");
	@import url("patterns.css");
	
	@import url("layout.css");		
	@import url("header.css");
	@import url("footer.css");	
	@import url("clique.css");
	@import url("widget-editorial.css");
	@import url("widget-subscribe.css");


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


/* Headings */


	h3, div.display h4 {

	color: #90a6d8;
	font: normal 16px/18px Arial, sans-serif;
	text-transform: uppercase;
	margin-bottom: 17px;

	}

	div.pane h3 {

	color: #90a6d8;

	}

	h4, h4 a, h4 a:hover {

	clear: left;
	color: #6498fd;
	font: normal 15px/17px Arial, sans-serif;
	text-transform: uppercase;
	margin-bottom: 17px;

	}
	
	h4 a:hover {
	
	color: #8bb2fd !important;
	
	}

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

	font-style: normal;

	}
	
	h5 {
	
	font-size: 1em;
	
	}


/* Text */


	body {

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

	}

	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;

	}


/* Rules */


	dt, dd {

	border-top: 1px solid #ccc;

	}

	div.ruled ul.leads li, div.ruled ul.headlines li, div.ruled ul.comments li, div.ruled ul.subscriptions li, div.ruled ul.clips li {

	border-bottom: 4px solid #ccc;

	}

	div.ruled td {

	border-bottom: 1px solid #ccc;

	}

	div.ruled div.tags {

	border-top: 4px solid #ccc;

	}


/* Tables */


	th {

	background-color: #999;
	color: #000;

	}


/* Form */


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

	font-family: Arial, sans-serif;
	background-color: #fff;

	}
	
	textarea {

	border: 1px solid #dedede;

	}

	select#status {

	max-width: 310px;

	}
	
	fieldset {
	
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-color: #ccc;
	
	}


/* Inline Links */


	a {

	color: #6498fd;
	outline: none;
	text-decoration: none;

	}

	a:hover {

	color: #3c7dfd;

	}

	li ul.actions li {

	border: 0 !important;

	}

	li ul.actions a, .widget-item.display .topic .tags li {

	font-size: 11px;
	color: #fff;
	background: #6498fd;

	}

	li ul.actions a:hover {

	color: #fff;
	background: #3c7dfd;

	}


/* Action Buttons */

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

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

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

	}

	a.action, ul.pages a {

	background-color: #6498fd;
	font-size: 10px;

	}

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

	background-color: #3c7dfd;

	}

	div#sidebar a.action {

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

	}

	ul.pages strong {

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

	}

	td a.details,
	td a.tickets,
	td a.presale {
	
	padding: 1px 5px;
	-moz-border-radius: 2px !important;
	-webkit-border-radius: 2px !important;
	
	}

	td strong {

	text-transform: uppercase;
	line-height: 12px;

	}


/* Toggle Buttons */


	a.toggle, strong.toggle {

	background: #00e0ff;
	padding: 5px;
	color: #fff;
	text-transform: uppercase;

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

	}

	a.toggle:hover {

	background-color: #1681ac;

	}

	strong.toggle {

	background: #464646;

	}

	ul.toggle li {

	background-color: #514C41;

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

	}

	ul.toggle label em {

	color: #000;
	text-transform: uppercase;

	}

	ul.toggle label strong {

	color: #fff;
	text-transform: uppercase;
	padding: 5px !important;
	width: auto;

	}


/* Embed Code */

	
	div.player {
	
	height: 400px;
	
	}
	
	div.player object, div.player embed {
	
	width: 100%;
	height: 100%;
	
	}
	

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

	
	ul.tabs li a,
	ul.tabs li strong,
	ul.tabs li span {
	
	font: normal 23px/23px Arial, sans-serif;
	letter-spacing: -1px;
	color: #6498fd;
	text-transform: uppercase;
	float: left;
	
	}
	
	ul.tabs li em {
	
	width: 4px;
	height: 4px;
	background: url(../images/header/dot.gif) no-repeat center right;
	display: block;
	text-indent: -5000px;
	padding: 10px 10px 10px 0;
	float: left;
	
	}
	
	ul.tabs li a:hover {

	color: #3c7dfd;

	}

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

	color: #fff;
	border-bottom: 0;
	
	}


/* EMPHASIZED CONTENT
----------------------------------------------------------------------------- */


/* Tabs */


	div.emphasis ul.tabs li.selected a,
	div.emphasis ul.tabs li.selected strong,
	div.emphasis ul.tabs li.selected a:hover {

	color: #c8902b;
	
	}
	
	
/* Headings */


	div.emphasis div.pane h3,
	div.pane.emphasis h3 {
	
	color: #000;
	
	}
	
	
/* Inline Elements */


	p.emphasis {
	
	border-color: #ccc;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	
	}
	
	
/* FEATURES BOX
----------------------------------------------------------------------------- */


	div#features #photos ul.photos li a img.portrait {
	
	margin-top: -200px;
	
	}


/* Tabs */


	div#features ul.tabs {
	
	border: none;
	
	}
	
	
/* Text */


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

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

	}

	div#features #photos h4 {

	font-size: 12px;
	line-height: 40px;
	color: #fff;

	}


/* Buttons */


	div#features a.browse {

	position: absolute;
	bottom: 22px;
	right: 20px;
	z-index: 4;
	display: none;

	}

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

	background-color: #dadada;
	background-repeat: no-repeat;
	background-position: center;
	top: 140px;
	z-index: 500;

	}

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

	background-color: #6498fd;

	}

	div#features #photos a#photos_back {

	left: 0;

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

	}

	div#features #photos a#photos_next {

	right: 0;

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

	}


/* Panes */


	div#features div.pane {

	margin-bottom: 0 !important;
	position: relative;

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

	}

	div#features div.widget-advertising {

	background-color: #00e0ff;
	padding: 0 15px 15px 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: #dadada !important;
	padding: 3px;

	}


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


/* Text */


	div.widget-media.player div.details {
	
	width: 410px;
	background: url(../images/layout/bg-controls.png) repeat;
	padding: 10px;
	position: absolute;
	top: -32px;
	left: 0;
	z-index: 30;
		
	}
	
	#page-video div.widget-media.player div.details {
	
	width: 555px;
	position: static;
	padding-left: 0;
	background: transparent;

	}

	div.widget-media.player var strong {

	font-weight: normal;

	}

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

	font-style: normal;

	}
	
	div.widget-media.player var {

	position: absolute;
	right: 20px;
	top: 7px;
	
	}
	
	div.widget-media.player div.details a.comments span {
	
	display: none !important;
	
	}


/* Buttons */


	div.widget-media.player a.again {

	width: 559px;
	height: 314px;
	background-color: #dadada;
	background-position: top left;
	background-repeat: no-repeat;
	text-indent: -5000px;

	}

	div.widget-media.player a.prompt {

	width: 424px;
	height: 240px;
	background-color: #464646;
	background-position: top left;
	background-repeat: no-repeat;
	text-indent: -5000px;
	border: 3px solid #dadada;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 50;
	
	}
	
	div.widget-media.player a.again:hover,
	div.widget-media.player a.prompt:hover {
	
	background-position: bottom left !important;
	
	}

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

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

	}

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

	background-color: #6498fd;

	}

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

	background-color: #3c7dfd;

	}


/* Backgrounds */

		
	div.widget-media.player {

	background-color: #dadada !important;
	overflow: hidden;
	height: 246px !important;
	position: relative;
	z-index: 50;

	}

	div.widget-media.player div.flash {

	/* background-color: #fff; */
	padding: 3px;
	position: relative;
	
	}

	div.widget-media.player ul.controls {

	background: none;
	position: absolute;
	left: 150px;
	bottom: -38px;
	
	}


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


	div.widget-alert {
	
	width: 813px;
	margin-bottom: 20px;
	text-align: center;
	
	}
	
	div.widget-alert h3, 
	div.widget-alert h4 {
	
	color: #fff;
	
	}
	
	div.widget-alert h3 {

	font: 21px/23px Arial, sans-serif;
	text-transform: uppercase;

	}

	div.widget-alert p {

	color: #fff;

	}

	div.widget-alert.error {

	background-color: #db0000;

	}

	div.widget-alert.success {

	background-color: #6ba144;

	}

	div.widget-alert.info {

	background-color: #1681ac;

	}
	
	div.widget-alert.added {

	background-color: #1681ac;

	}

	div.widget-alert a {

	color: #fff;
	text-decoration: underline;

	}
	
	
/* Inline Messages */
	

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

	color: #db0000;

	}
	
	fieldset.error {
	
	border-color: #db0000;
	
	}

	fieldset.error strong,
	label.error strong {

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

	}

	label.error input {

	background-color: #db0000;
	color: #fff;

	}
	
	
/* MESSAGEBOARD
----------------------------------------------------------------------------- */


/* Messageboard Content */
	
	div.messageboard th,
	div.messageboard td {
	
	padding: 5px;
	
	}	
	
	div.messageboard table td {

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

	}
	
	div.messageboard td strong {

	line-height: 16px;

	}
	
	div.messageboard table img {
	
	margin: 0;
	
	}
	
	div.messageboard fieldset {

	border: 1px solid #6c6c6c;

	}

	div.messageboard .tcat {

	background-color: #dadada;
	color: #000;
	text-transform: uppercase;

	}
	
	div.messageboard .tcat a {
	
	color: #000;
	font-weight: bold;
	
	}

	div.messageboard .thead {

	background-color: #6498FD;
	color: #fff;

	}

	div.messageboard .thead a {

	color: #000000;

	}

	div.messageboard .thead a:hover {

	color: #fff;

	}

	div.messageboard .tfoot {

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

	}
	
	div.messageboard .tfoot a {

	color: #fff !important;

	}
	
	div.messageboard .tfoot a:hover {
		
	color: #6498FD;
		
	}

	div.messageboard .alt1, div.messageboard .alt1Active, div.messageboard .alt2, div.messageboard .alt2Active {

	background-color: #eee;
	border: 0 !important;

	}
	
	div.messageboard .alt2 {
	
	background-color: #eee;
	border: 0 !important;
	
	}

	div.messageboard .time {

	color: #ff2a00;

	}

	div.messageboard .panelsurround {

	background-color: #eee;
	
	}

	div.messageboard .vbmenu_control {

	background-color: #000;

	}
	
	div.messageboard .vbmenu_control a {
	
	color: #fff;
		
	}
	
	div.messageboard .vbmenu_control a:hover {
	
	color: #6498FD;
		
	}

	div.messageboard .vbmenu_popup {

	background-color: #000;
	color: #fff;
	border: 0 !important;

	}
	
	div.messageboard .vBulletin_editor {
	
	color: #000;
	
	}
	
	
/* Forms Fix */


	div.messageboard .panelsurround .fieldset {
	
	float: none !important;
	width: 450px;
	margin: 20px auto;
	
	}
	
	div.messageboard table.tborder {
	
	width: 100%;
	
	}
	
	div.messageboard fieldset input {

	border: 2px inset #fff;
	
	}
	
	div.messageboard fieldset .button {

	border: 0;
	
	}

	
	
/* COMMENT TALLIES
----------------------------------------------------------------------------- */

	
	a.comments {

	width: 26px !important;
	max-width: none;
	height: 11px !important;
	background-position: 0 0;
	background-repeat: no-repeat;
	float: left;
	display: block;
	color: #000 !important;
	font-size: 9px !important;
	line-height: 9px !important;
	text-transform: uppercase;
	white-space: nowrap;
	text-align: center;
	position: relative;
	overflow: visible !important;
	margin-top: 2px;

	}

	a.comments:hover {

	background-position: 0 -11px;

	}
	
	a.comments span {

	position: absolute;
	top: 0;
	left: 25px;
	color: #adad9f !important;
	padding: 1px 0 0 3px;
	font-size: 9px !important;
	line-height: 10px !important;

	}

	a.comments:hover span {

	color: #ffffff !important;

	}

	td a.comments {

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

	}
	
	
/* Features Comments */


	#features a.comments {
	
	color: #000 !important;
	
	}
	
	#features a.comments:hover {
	
	background-position: 0 0 !important;
	
	}
	
	#features a.comments span {
	
	color: #000 !important;
	
	}
	
	#features a.comments:hover span {
	
	color: #000 !important;
	
	}
	
	
/* COMMENT THREAD
----------------------------------------------------------------------------- */


	#page-event div.tabbed, #page-story div.tabbed {
	
	padding-top: 50px;
	
	}
	
	ul.comments li {
	
	padding: 12px 0 0 0 !important;
	border-top: 1px solid #363636;
	
	}
	
	div.widget-comment.thread div.member {
	
	margin-bottom: 12px;
	
	}
	
	ul.comments li div.post {
	
	width: 532px;
	
	}
	
	
/* COMMENT BOX
----------------------------------------------------------------------------- */

	
	div.widget-comment.modify h3 {
	
	display: none;
	
	}
	
	div.widget-comment.box textarea {
	
	width: 98%;
	
	}	
	
	div.widget-comment.modify ul.actions li {
	
	float: left;
	width: auto;
	clear: none;
	padding-right: 6px;	
	
	}
	
	
/* COMMENT PROMPT
----------------------------------------------------------------------------- */
	
	
	div.prompt {
	
	padding: 15px;
	width: 590px !important;
	background-color: #514c41;
			
	}
	
	div.prompt h4 {
	
	color: #fff !important;
	
	}