/* baselines; based on Eric Meyer's reset:
   http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/
 */

* {margin: 0; padding: 0;}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	}

img {
	border: 0;
	outline: 0;
	vertical-align: text-bottom;
	background: transparent;
	}

body {
	background: #f6f6f6;
	color: #333;
	}

ol, ul {
	list-style: none;
	}

blockquote, q {
	quotes: none;
	}

abbr {
	border-bottom: 1px dotted #666;
	cursor: help;
	}
	
	a abbr {border: none;}

/* remember to highlight inserts somehow! */
ins {text-decoration: underline;}
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
	}
/* -------------------------------------------------------------
                                                end baselines */





/* typography
------------------------------------------------------------- */
body {
	font-family: Arial, sans-serif;
	font-size: 62.5%;
	line-height: 1;
	}

h1, h2, h3, h4,
.slider .video p.meta {
	font-family: "Cantarell", sans-serif;
	}

.grid h2,
.grid h3,
.grid h4 {
	font-family: "Cantarell", sans-serif;
	font-weight: normal;
	}

h1 {
	font-family: "Cantarell", sans-serif;
	font-size: 22px;
	line-height: 26px;
	font-weight: normal;
	}
	
	.main h1 {
		margin: 0 0 11px 0;
		}
	
	.show h1 {
		color: #222;
		font-size: 26px;
		line-height: 30px;
		margin: 0 0 6px -2px;
		}
	
h2 {
	font-size: 16px;
	line-height: 20px;
	margin: 0 0 10px 0;
	}
	
	div.box h2 {
		font-size: 14px;
		line-height: 14px;
		margin: -10px -10px 5px -10px;
		padding: 8px 10px;
		background: #ececec;
		-webkit-border-top-right-radius: 5px;
		-webkit-border-top-left-radius: 5px;
		}
	
	h1 + h2 {
		margin-top: 10px;
		}
	
	.grid h2 {
		color: #666;
		border-bottom: 1px solid #d8d8d8;
		}
	
	.grid .show h2 {
		border-bottom: none;
		margin-bottom: 4px;
		}
	
	.module .title h2 {
		color: #333;
		font-size: 12px;
		line-height: 18px;
		margin: 0;
		}
		
	.show h2,
	.recommendations .video h4 {
		color: #ed493b;
		font-size: 11px;
		line-height: 15px;
		margin: 0 0 0 -1px;
		text-transform: uppercase;
		}
		
		.recommendations .video h4 {font-weight: normal;}

h3 {
	font-size: 16px;
	line-height: 20px;
	margin: 0 0 4px 0;
	}
	
	.slider .video h3 {
		font-size: 24px;
		line-height: 28px;
		margin: 0;
		}
	
	.recommendations h3 {
		font-size: 14px;
		line-height: 14px;
		margin: 0 0 0 -1px;
		}
	
	.grid h3 {
		font-size: 11px;
		line-height: 15px;
		text-transform: uppercase;
		margin: 0 0 0 -1px;
		}
	
h4 {
	color: #666;
	font-size: 16px;
	line-height: 20px;
	margin: 0 0 4px 0;
	}
	
	.slider .video h4 {
		font-size: 16px;
		font-weight: normal;
		line-height: 18px;
		margin: 2px 0 5px 0;
		}
		
		.video span.runtime {
			font-weight: bold;
			}
	
	.grid h4 {
		font-size: 16px;
		line-height: 18px;
		margin: 0 0 2px -2px;
		}
	
	.tags h4 {
		font-family: "Raleigh BT", Georgia, serif;
		font-weight: normal;
		margin: 0;
		text-transform: lowercase;
		}
		
		.video .tags h4 {
			float: left;
			padding: 0 8px 0 26px;
			background: url(../img/ui/icons/tag_23x14.png) no-repeat 0 2px;
			color: #333;
			font-size: 14px;
			line-height: 16px;
			text-transform: none;
			}
	
	#footer h4 {
		font-family: Arial, sans-serif;
		font-size: 12px;
		line-height: 18px;
		margin: 0;
		font-weight: bold;
		color: #333;
		}

h5 {
	font-size: 11px;
	line-height: 16px;
	margin: 1px 0;
	}

h6 {
	font-size: 10px;
	line-height: 14px;
	margin: 1px 0;
	}
	
p {
	font-size: 12px;
	line-height: 18px;
	margin: 0 0 18px 0;
	}
	
	.video .detail p,
	.recommendations .slider p {
		font-size: 11px;
		line-height: 15px;
		margin: 0;
		}
		
	p.last-child {margin-bottom: 0;}
	p:last-child {margin-bottom: 0;}


.group div.meta,
.video div.meta {
	color: #666;
	font-size: 11px;
	line-height: 15px;
	}
	
	.show div.meta {
		padding-bottom: 4px;
		}
	
	div.meta p {
		color: #333;
		font-size: 12px;
		line-height: 16px;
		}
	
ol,
ul {
	margin: 0 0 2em 30px;
	}
	
	.error ul {margin-bottom: 0;}
	
	h1 + ol,
	h1 + ul {
		margin-top: 2em;
		}
	
	li ol,
	li ul {
		margin: 9px 0 9px 15px;
		}
	
	ol.terms ol ol {
		margin-left: 30px;
		}

li {
	font-size: 12px;
	line-height: 18px;
	margin: 0 0 6px 0;
	}
	
	li.last-child {margin: 0;}
	li:last-child {margin: 0;}
	
	.error li {
		margin-bottom: 0;
		}
	
	li li,
	li p,
	li h4 {
		font-size: 100%;
		}

ol li {
	list-style: decimal;
	}

ol.terms li,
ol.terms li h3 {
	font-family: Arial, sans-serif;
	font-size: 15px;
	line-height: 18px;
	font-weight: bold;
	}

ol.terms li {
	margin-bottom: 18px;
	}
	
	.terms li p,
	.terms li li {
		color: #333;
		font-family: Arial, sans-serif;
		font-size: 12px;
		font-weight: normal;
		line-height: 18px;
		margin-bottom: 9px;
		}
	
	.terms li h4 {
		color: #333;
		font-family: Arial, sans-serif;
		font-size: 12px;
		line-height: 18px;
		}
	
	li ol li {
		list-style: lower-alpha;
		}
		
		li li ol li {
			list-style: lower-roman;
			}
	
ul li {
	list-style: disc;
	}
	
	li ul li {
		list-style: circle;
		}
		
		li li ul li {
			list-style: square;
			}


dl {
	margin: 0 0 18px 0;
	}
	
	dt dl {
		margin-bottom: 0;
		}

dt {
	font-size: 13px;
	line-height: 20px;
	font-weight: bold;
	}
	
	dt dd {
		font-weight: normal;
		}
	
	dt dd,
	dt dt {
		font-size: 100%;
		}
	
	dt.optional {
		font-weight: normal;
		}

dd {
	font-size: 13px;
	line-height: 20px;
	margin: 0 0 10px 0;
	}
	
	dd.notify {
		font-size: 12px;
		line-height: 20px;
		margin: 0 0 10px 0;
		}
	
	dd.note {
		color: #666;
		font-size: 11px;
		line-height: 18px;
		margin: -5px 0 10px 0;
		}
		
		dt + dd.note {
			margin: 0 0 4px 0;
			}

address {
	display: block;
	font-size: 12px;
	line-height: 18px;
	margin: 0 0 18px 0;
	}

code {
	color: #666;
	font-family: "Andale Mono", "Courier New", Courier;
	font-size: 100%;
	}

kbd,
samp,
tt {
	color: #000;
	font-family: "Courier New", Courier;
	font-size: 100%;
	}

pre {
	display: block;
	background: #f9f9f9;
	color: #666;
	font-family: "Andale Mono", "Courier New", Courier;
	font-size: 12px;
	line-height: 18px;
	margin: 9px 0;
	padding: 12px;
	overflow: auto;
	border: 1px solid #dedede;
	}

small {
	font-size: .8333em;
	}

sup {
	font-size: .91666em;
	line-height: 0;
	vertical-align: super;
	}
	
	* html sup {font-size: 1em;}
	*:first-child+html sup {font-size: 1em;}
	
sub {
	font-size: .91666em;
	vertical-align: sub;
	}

.vcard {
	font-size: 12px;
	line-height: 18px;
	margin: .25em 0 1em 0;
	padding: .5em;
	background: #f0f0f0;
	border: 1px solid #ccc;
	}

em.icon {
	font-style: normal;
	margin-left: -2px;
	padding-left: 16px;
	background-position: 0 0;
	background-repeat: no-repeat;
	}

em.lock {background-image: url(../img/ui/sprites/ui_16x16.png);}

.slider span.added {
	display: block;
	padding: 0 0 4px 0;
	}

blockquote {
	background: #f7f7f7;
	margin: 0 0 10px 0;
	padding: 10px;
	color: #666;
	font-style: italic;
	}
	
	blockquote p cite {
		display: block;
		color: #333;
		font-style: normal;
		text-align: right;
		}
/* -------------------------------------------------------------
                                               end typography */





/* code examples
------------------------------------------------------------- */
code.html,
pre.html {color: #85147f;}
code .attr,
code.attr,
pre .attr {color: #9c450f;}
code .val,
pre .val {color: #2019a7;}
code .text,
pre .text {color: #000;}
pre .wrap {color: #666;}

.js {color: #222;}
.js .func {color: #0e3267;}
.js .num {color: #1a00fa;}
.js .key {color: #851650;}
.js .string {color: #731217;}
.js .comment {color: #276e28;}
/* -------------------------------------------------------------
                                            end code examples */





/* link styles
------------------------------------------------------------- */
a:link,
a:visited,
a:hover,
a:active {
	color: #313797;
	text-decoration: none;
	}
	
a:hover {
	color: #ed493b;
	text-decoration: underline;
	}

p.success a {color: #264409;}
p.error a {color: #8a1f11;}
p.notice a {color: #514721;}


a.more {
	display: block;
	font-size: 14px;
	line-height: 18px;
	}

.filters a.more {
	float: right;
	width: 132px;
	}
	
.recommendations a.more {
	width: 180px;
	}

a.toggle {
	font-size: 12px;
	font-weight: normal;
	text-transform: lowercase;
	}
	
	.recommendations a.toggle {
		display: block;
		width: 177px;
		background-image: url(../img/ui/sprites/ui_16x16.png);
		background-repeat: no-repeat;
		padding: 5px 5px 5px 18px;
		}
		
		.recommendations a.more {background-position: 0 -250px;}
		.recommendations a.less {background-position: 0 -286px;}

.video a.group {
	color: #333;
	display: block;
	width: 100%;
	padding: 10px 0;
	text-decoration: none;
	}
	
	.slider .video a.group {border: none;}
	
	.recommendations .video a.group {
		display: block;
		width: auto;
		padding: 5px;
		}
	
	.video a.group:hover,
	.recommendations .slider a.group:hover {background: #f3f3f3;}
	
	.recommendations .slider a.group:hover {text-decoration: none;}
	
	.video a.group h3 {color: #313797;}
	.video a.group h4 {color: #ed493b;}

a.channel {
	display: block;
	font-size: 12px;
	line-height: 18px;
	margin: 0;
	padding: 6px 0 6px 20px;
	background: url(../img/ui/icons/tv_16x16.png) no-repeat 0 6px;
	color: #999;
	text-decoration: none;
	}
	
	a.channel:hover {color: #ed493b;}
	
	.video a.channel {width: 160px;}


a.like,
a.unlike {
	display: block;
	width: 110px !important;
	padding: 0 0 0 20px;
	background-image: url(../img/ui/sprites/ui_16x16.png);
	background-repeat: no-repeat;
	}
	
	a.like {background-position: 0 -32px; color: #006600;}
	a.unlike {background-position: 0 -64px; color: #660000;}

div.addthis_toolbox {
	padding: 10px 0;
	font-size: 12px;
	line-height: 16px;
	}
	
	p + div.clearfix div.addthis_toolbox {
		margin: -12px 0 18px 0;
		}
	
div.tags a.tag,
div.tags span {
	float: left;
	font-family: "Raleigh BT", Georgia, serif;
	font-size: 14px;
	line-height: 16px;
	}
	
	div.tags span.comma {padding: 0 4px 0 0;}
/* -------------------------------------------------------------
                                              end link styles */





/* activity thread
------------------------------------------------------------- */
.event span.on {display: none;}
.event span.date {
	float: right;
	font-size: 11px;
	color: #999;
	}

.comments .edit {
	float: right;
	display: none;
	position: absolute;
	top: 6px;
	right: 10px;
	text-align: right;
	}
	
	.comment:hover .edit,
	.hover .edit {display: block;}
	
	.comments .edit span {display: none;}
	
.comments img.loading {
	float: right;
	margin: 0 0 0 8px;
	}

.comments .edit a {
	float: right;
	display: block;
	width: 16px;
	height: 0;
	margin: 0 0 0 8px;
	padding: 16px 0 0 0;
	overflow: hidden;
	background-image: url(../img/ui/sprites/ui_16x16.png);
	background-repeat: no-repeat;
	}
	
	a.comment_delete {background-position: 0 -96px;}
/* -------------------------------------------------------------
                                          end activity thread */





/* table styles
------------------------------------------------------------- */
table.data {
	margin: 20px 0;
	border-bottom: 1px solid #ddd;
	}

.data td,
.data th {
	font-size: 13px;
	line-height: 15px;
	text-align: left;
	padding: 4px 8px 4px 4px;
	}

.data thead td,
.data thead th {
	border-bottom: 1px solid #ddd;
	}
	
.data .int {
	text-align: right;
	}

table .odd td {
	background: #f1f1f8;
	}
/* -------------------------------------------------------------
                                             end table styles */





/* form styles
------------------------------------------------------------- */
input,
select,
textarea {
	font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	}
	
input {
	margin: 0;
	vertical-align: middle;
	}

label {
	cursor: pointer;
	}
	
	.notify label {
		padding-right: 1em;
		}
		
	label.active {
		color: #333 !important;
		cursor: default !important;
		}
		
	label.all {
		color: #666;
		}
		
	dt.error {
		color: #8a1f11;
		}
	
	label.error {
		color: #8a1f11 !important;
		font-size: 11px;
		font-weight: normal;
		padding-left: 1em;
		}
		
		textarea + label.error {
			vertical-align: top;
			}
		
		.comments label.error,
		.note label.error {
			font-size: 1em;
			}

	label.private {
		padding: 0 18px 0 0;
		background: url(../img/ui/sprites/ui_16x16.png) no-repeat 100% 0;
		}
	
legend {
	display: none;
	}

textarea {
	font-size: 1em;
	padding: 2px;
	}

textarea.copy {
	width: 75%;
	height: 128px;
	}
	
textarea.notice {
	width: 480px;
	height: 128px;
	}
	
input[type=text],
input[type=email],
input[type=password] {
	font-size: 1em;
	padding: 2px;
	}

#search input {
	font-size: 13px;
	width: 171px;
	padding: 2px;
	}
	
	#search input.submit {width: auto;}

.entry input.text {
	font-size: 1em;
	padding: 2px;
	}
	
input[type=checkbox],
input[type=radio] {
	margin: 1px 4px 2px 0;
	vertical-align: text-top;
	}
	
	* html .checks input,
	* html .radios input {
		margin: 0 0 0 -3px;
		}
	
	*:first-child+html input[type=checkbox],
	*:first-child+html input[type=radio] {
		margin: 0 0 0 -3px;
		vertical-align: middle;
		}

input.hint {
	color: #999;
	}

dd button.ui-datepicker-trigger,
dd img.ui-datepicker-trigger,
td button.ui-datepicker-trigger,
td img.ui-datepicker-trigger {
	border: none !important;
	margin-left: 4px !important;
	padding: 0 !important;
	outline: none !important;
	vertical-align: middle !important;
	cursor: pointer !important;
	}
	
	
	/* add-another type links */
	div.multi {margin-bottom: 4px;}
	
	.multi label,
	.multi input,
	.multi select,
	.multi img {vertical-align: middle;}
	
	.multi textarea {
		margin-bottom: 4px;
		vertical-align: text-top;
		}
	
	img.remove {cursor: pointer;}



select.country {
	margin-top: 4px;
	}


option {
	padding-right: 1em;
	}

optgroup {
	font-size: 1em;
	font-style: normal;
	font-weight: bold;
	}

div.entry {
	margin: 20px 0;
	border: 1px solid #ccc;
	}

div.entry dl.entry {
	margin: 0;
	padding: 10px;
	background: #efefef;
	border: 1px solid #fff;
	}

dd.photo {
	float: left;
	margin: 0 5px 10px 0;
	}


div.check {
	font-size: 14px;
	line-height: 18px;
	}

div.check input {
	float: left;
	margin: 5px 0 3px 0;
	vertical-align: text-top;
	}
	
	* html div.check input {margin: 2px 0 0 -3px;}
	*:first-child+html div.check input {margin: 2px 0 0 -3px;}
	
div.check label {
	color: #7f7f7f;
	float: right;
	width: 132px;
	margin: 3px 0 3px 0;
	vertical-align: text-top;
	}
	
	div.check label:hover {
		color: #ed493b;
		}



div.filters div.tags h4,
div.filters div.tags span.tag,
div.filters div.tags a.add {
	float: left;
	margin: 0 4px 0 0;
	}
	
	div.filters div.tags h4 {
		margin: 1px 6px 0 0;
		}
	
	div.filters div.tags span.tag,
	div.filters div.tags a.add {
		font-size: 14px;
		padding: 0;
		text-decoration: none;
		}
	
	div.filters div.tags a,
	div.filters div.tags span {
		cursor: pointer !important;
		}
		
		div.filters div.tags span.tag span.label {cursor: text !important;}
	
	div.filters div.tags span.tag {
		color: #fff;
		}
		
		div.filters div.tags span.label {
			float: left;
			border: 1px solid #808080;
			border-right: none;
			-webkit-border-top-left-radius: 2px;
			-webkit-border-bottom-left-radius: 2px;
			-moz-border-radius-topleft: 2px;
			-moz-border-radius-bottomleft: 2px;
			}
		
		div.filters div.tags span.tag span.label {
			background: #808080;
			padding: 3px 4px 3px 6px;
			}
		
		div.filters div.tags a.add span.label {
			padding: 3px 12px 3px 4px;
			}
				
		div.filters div.tags span.tag a.remove,
		div.filters div.tags a.add span.plus {
			float: left;
			font-family: sans-serif;
			font-weight: bold;
			}
		
		div.filters div.tags span.tag a.remove {
			padding: 4px 12px 4px 0;
			background: url(../img/ui/backgrounds/arrow_right_808080.png) no-repeat 100% 50%;
			color: #fff;
			}
			
		div.filters div.tags a.add {
			background: #fff;
			color: #808080;
			}
			
		div.filters div.tags a.add span.plus {
			padding: 4px 0 4px 4px;
			background: url(../img/ui/backgrounds/arrow_right_fff.png) no-repeat 100% 50%;
			color: #808080;
			}
			
			div.filters div.tags a.add:hover span.label {
				background: #ed493b;
				border-color: #ed493b;
				color: #fff;
				}
			
			div.filters div.tags a.add:hover {
				background: none;
				color: #fff;
				}
			
			div.filters div.tags a.add:hover span.plus {
				background-image: url(../img/ui/backgrounds/arrow_right_ed493b.png) !important;
				color: #fff !important;
				}
			
			div.filters div.tags a.add span.plus span {
				position: relative;
				left: -10px;
				/*
				float: left;
				margin: 0 0 0 -10px;
				padding-right: 10px;
				*/
				}

form#search {
	float: right;
	width: 340px;
	height: 21px;
	text-align: right;
	margin: -4px 0 8px 0;
	}
	
.grid form#search {
	float: none;
	width: auto;
	height: auto;
	text-align: left;
	margin: 0 0 20px 0;
	}
	
	.grid #search input.submit {display: inline;}


div.comments,
form#comment_form {
	margin: 30px 0 0 0;
	padding: 10px 0 0 0;
	border-top: 1px solid #ddd;
	}

form#comment_form textarea {
	width: 90%;
	height: 128px;
	margin: 0 0 -10px 0;
	}

.comment p.byline {
	margin-bottom: 5px;
	}

div.comments div.comment:last-child {
	margin-bottom: -20px;
	}

div.comment div.avatar {
/*
	float: left;
	width: 60px;
	padding: 0 0 10px 0;
*/
	display: none;
	}

div.comment div.copy {
/*
	float: right;
	width: 640px;
*/
	padding: 10px 0;
	border-bottom: 1px solid #ddd;
	}

div.comment:first-child div.copy {padding-top: 0;}
div.comment.first-child div.copy {padding-top: 0;}

div.comment:last-child div.copy {padding-bottom: 0; border: none;}
div.comment.last-child div.copy {padding-bottom: 0; border: none;}
/* -------------------------------------------------------------
                                              end form styles */





/* button styles
   http://particletree.com/features/rediscovering-the-button-element/
------------------------------------------------------------- */
div.buttons {
	clear: both;
	margin: 0 0 12px 0;
	}
	
	div.filters div.buttons {margin-bottom: -6px;}
	
	div.notice div.buttons {margin-bottom: 0;}
	
	#TB_window div.preview {
		padding-bottom: 60px;
		}
	
	#TB_window div.buttons {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		margin: 0;
		padding: 0 0 10px 0;
		background: #fff;
		border-top: 1px solid #ccc;
		}
		
		#TB_window div.buttons div {
			padding: 15px 15px 0 15px;
			}
	
	div.onecolumn div.right {
		float: right;
		display: inline;
		margin: 1.5em 2em 0 0;
		}
	
	table.entry + div.buttons {margin-top: 0;}

.buttons a,
.buttons span,
.buttons button {
	display: block;
	float: left;
	margin: 0 6px 6px 0;
	background: #fefefe url(../img/ui/gradients/button_default_5x34.png) repeat-x 0 100%;
	border: 1px solid #999;

	font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-size: 12px;
	line-height: 16px;
	text-decoration: none;
	font-weight: bold;
	color: #565656;
	cursor: pointer;
	padding: 5px 15px 6px 12px; /* Links */
	
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	}
	
	.login .buttons a,
	.login .buttons button {
		background-color: #fff;
		}
	
.buttons span {
	background: none;
	border-color: #fff;
	color: #333;
	cursor: default;
	padding-right: 3px;
	padding-left: 3px;
	}
	
.buttons button {
	width: auto;
	overflow: visible;
	padding: 4px 15px 4px 12px; /* IE6 */
	}
.buttons button[type] {
	padding: 5px 15px 5px 12px; /* Firefox */
	line-height: 17px !important;
	}
*:first-child+html button[type] {
	padding: 4px 15px 5px 12px; /* IE7 */
	}
.buttons button img, .buttons a img {
	margin: 0 3px -3px 0 !important;
	padding: 0;
	width: 16px;
	height: 16px;
	vertical-align: text-top;
	}

/* STANDARD */
.buttons button:hover,
.buttons a:hover {
	background: #fefefe url(../img/ui/gradients/button_hover_5x34.png) repeat-x 0 100%;
	border: 1px solid #666;
	color: #333;
	}
.buttons a:active {
	background: #6299c5 !important;
	border: 1px solid #6299c5;
	color: #fff;
	}

/* POSITIVE */
.buttons button.positive,
.buttons a.positive {
	color: #529214;
	}
.buttons a.positive:hover,
.buttons button.positive:hover {
	background-color: #e6efc2 !important;
	border: 1px solid #c6d880;
	color: #529214;
	}
.buttons a.positive:active {
	background-color: #529214 !important;
	border: 1px solid #529214;
	color: #fff;
	}

/* NEGATIVE */
.buttons a.negative,
.buttons button.negative {
	color: #d12f19;
	}
.buttons a.negative:hover,
.buttons button.negative:hover {
	background: #fbe3e4 !important;
	border: 1px solid #d12f19;
	color: #d12f19;
	}
.buttons a.negative:active {
	background-color: #d12f19 !important;
	border: 1px solid #d12f19;
	color: #fff;
	}

.buttons a.cancel,
.buttons a.decline,
.buttons a.delete {
	border: 1px solid #fff;
	background: none;
	color: #d12f19;
	}

.buttons a.text {
	border: 1px solid #fff;
	background: none;
	color: #313797;
	margin-left: -6px;
	}
	
	.notice .buttons a.decline {
		border-color: #fff6b4;
		}
	
	.buttons a.delete {
		font-weight: normal;
		}
	
	.right a.cancel {
		font-weight: normal;
		}
	
	.buttons a.cancel:hover,
	.buttons a.decline:hover,
	.buttons a.delete:hover,
	.buttons a.text:hover {
		text-decoration: underline;
		}
	
	.buttons a.text:active {
		background: #ed493b !important;
		border-color: #ed493b !important;
		color: #fff;
		}
	
	.buttons a.cancel:active,
	.buttons a.decline:active,
	.buttons a.delete:active {
		border: 1px solid #d12f19 !important;
		background-color: #d12f19 !important;
		color: #fff;
		}
	
	.sidebar .buttons a.delete {border-color: #e5e5e5 !important;}
	.sidebar .buttons a.delete:active {border-color: #d12f19 !important;}
/* -------------------------------------------------------------
                                            end button styles */





/* modal styles
------------------------------------------------------------- */
#popup_container {
	font-size: 12px;
	line-height: 18px;
	min-width: 300px;
	max-width: 400px;
	background: #fff;
	border: 5px solid #2f4261;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	}

#popup_title {
	font-size: 1em;
	font-weight: bold;
	text-align: center;
	line-height: 2;
	background: #2c3f5e url(../img/ui/gradients/popup_title.png) repeat-x 0 0;
	color: #fff;
	cursor: default;
	}

#popup_content {
	background: url(../img/ui/icons/fugue/information.png) no-repeat 18px 18px;
	padding: 16px;
	}

#popup_content.confirm,
#popup_content.prompt {
	background-image: url(../img/ui/icons/fugue/exclamation.png);
	}

#popup_message {
	padding-left: 30px;
	}

#popup_panel {
	text-align: center;
	margin: 1em 0 0 1em;
	}

#popup_prompt {
	width: 220px !important;
	padding: 2px;
	margin: .5em 0;
	}
/* -------------------------------------------------------------
                                             end modal styles */





/* structure
------------------------------------------------------------- */
#wrap {
	background: #fff;
	padding: 10px 0 50px 0;
	}
	
	#wrap + iframe {display: none;}

#content {
	width: 960px;
	margin: 0 auto;
	padding: 0 20px;
	}
	
	.twocolumn#content {
		position: relative;
		}
		
	.twocolumn .sidebar {
		float: right;
		display: inline;
		width: 200px;
		}
		
		.home .twocolumn .sidebar {
			width: 300px;
			padding-top: 30px;
			}
		
	.twocolumn .main {
		float: left;
		display: inline;
		width: 700px;
		}
		
		.home .twocolumn .main {
			width: 620px;
			}
	
	form.filters {
		border-top: 1px solid #4d4d4d;
		}
	
	div.filters {
		padding: 10px 19px;
		background: #f2f2f2;
		border-width: 1px;
		border-style: solid;
		border-color: #4d4d4d #d8d8d8 #dfdfdf #d5d5d5;
		border-top: none;
		}
		
		div.filters div.column {
			width: 150px;
			padding: 0 10px 10px 0;
			}
			
		div.filters div.tags {
			clear: both;
			margin: 0 -10px;
			padding: 10px 0 0;
			border-top: 2px solid #fff;
			}
			
	.ui-helper-hidden-accessible {display: none;}
	table.ui-datepicker-calendar {clear: both;}


div.private {
	padding: 0 0 0 20px;
	background: url(../img/ui/sprites/ui_16x16.png) no-repeat 0 -193px;
	}
	
span.private {
	padding: 0 16px 0 0;
	background: url(../img/ui/sprites/ui_16x16.png) no-repeat 100% 0;
	}





img.headshot {
	border: 1px solid #ccc;
	}







#sb-content .main {
	background: #fff;
	color: #333;
	padding: 20px;
	}




.grid {
	clear: both;
	}
	
	h2 + .grid {margin-top: -10px;}
	
	.grid .row {
		border-bottom: 2px solid #e9e9e9;
		}
		
		.grid .row:last-child {border-bottom: none;}
		.grid .row.last-child {border-bottom: none;}
	
	.grid .video {
		float: left;
		width: 320px;
		}

.group span.img {
	float: left;
	width: 122px;
	height: 90px;
	overflow: hidden;
	padding: 0 0 0 10px;
	}
	
	.group span.img img {border: 1px solid #eee;}


.large .group span.img {
	height: auto;
	}

.group div.detail {
	float: right;
	width: 170px;
	padding: 4px 10px 0 0;
	}
	
.group div.meta {
	clear: both;
	float: none;
	padding: 4px 0 0 10px;
	}
	
	.slider .group div.meta {
		clear: none;
		}



.slider .video .group span.img {
	width: 240px;
	}

.slider .video .group div.detail {
	float: left;
	width: 270px;
	padding-right: 0;
	padding-left: 10px;
	}

.slider .video .group div.meta {
	float: left;
	width: 270px;
	padding: 0 0 0 10px;
	}



.grid .video .title {
	float: right;
	width: 180px;
	}



div#entries {
	clear: both;
	padding: 40px 0 0 0;
	border-top: 1px solid #4d4d4d;
	}


div.botrplayer,
div.youtube {
	padding: 0 0 10px 0;
	}

div.botrplayer embed {visibility: visible !important;}


div.ad {
	margin: 10px 0;
	}
	
	.sidebar div.ad {
		margin-top: 0;
		padding: 30px 0 10px 0;
		border-bottom: 2px solid #ccc;
		}

div.box {
	background: #f7f7f7;
	border: 1px solid #ddd;
	margin: 0 0 15px 0;
	padding: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: #ddd 0px 0px 4px;
	}
	
.box#schmoonews img,
.box#schmoonews iframe {
	display: none;
	}
	

.member {
	margin: 10px 0;
	padding: 20px 0 10px 0;
	}

.member .img {
	float: left;
	width: 130px;
	}
	
	.member .img img {
		padding: 2px;
		border: 1px solid #ddd;
		}

.member .copy {
	float: right;
	width: 490px;
	}
	
div.scroller {
	height: 600px;
	overflow: hidden;
	overflow-y: scroll;
	}
	
.clearfix:after,
.ui-datepicker-header:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
	
	* html .clearfix {height: 1%;}
	*:first-child+html .clearfix {min-height: 1%;}

.clear {clear: both;}
/* -------------------------------------------------------------
                                                end structure */





/* header
------------------------------------------------------------- */
#header {
	background: #fff;
	padding: 0;
	}
	
#header .content {
	width: 960px;
	margin: 0 auto;
	padding: 20px;
	}
	
#header #logo {
	float: left;
	}
/* -------------------------------------------------------------
                                                   end header */





/* navigation
------------------------------------------------------------- */
ul#nav {
	float: left;
	display: inline;
	width: 680px;
	margin: 0;
	padding: 32px 0 0 20px;
	}

#nav li {
	float: left;
	display: inline;
	font-family: Arial, sans-serif;
	font-size: 15px;
	font-weight: bold;
	line-height: 15px;
	margin: 0;
	list-style: none;
	position: relative;
	}

#nav li a:link,
#nav li a:visited,
#nav li a:hover,
#nav li a:active {
	float: left;
	display: block;
	padding: 6px 10px;
	text-decoration: none;
	-webkit-border-radius: 13px;
	-moz-border-radius: 13px;
	border-radius: 13px;
	}
	
#nav li.active a:link,
#nav li.active a:visited,
#nav li.active a:hover,
#nav li.active a:active {
	background: #313797;
	color: #fff;
	}
	
	#nav li ul {
		position: absolute;
		display: none;
		top: 26px;
		left: 0;
		width: 240px;
		margin: 0;
		background: #fff;
		border: 1px solid #313797;
		border-bottom: none;
		-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.5);
		-moz-box-shadow: 0 3px 6px rgba(0,0,0,.5);
		box-shadow: 0 3px 6px rgba(0,0,0,.5);
		z-index: 10000;
		}
		
		#nav li.hover ul {display: block;}
		#nav li:hover ul {display: block;}
	
	#nav li ul li {
		float: none;
		display: block;
		font-size: 14px;
		line-height: 14px;
		font-weight: normal;
		white-space: nowrap;
		}
		
	#nav li ul li a:link,
	#nav li ul li a:visited,
	#nav li ul li a:hover,
	#nav li ul li a:active,
	#nav li.active ul li a:link,
	#nav li.active ul li a:visited,
	#nav li.active ul li a:hover,
	#nav li.active ul li a:active {
		float: none;
		width: 220px;
		background: #fff;
		color: #313797;
		border-bottom: 1px solid #313797;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		}
		
	#nav li ul li a:hover,
	#nav li.active ul li a:hover {
		background: #ed493b;
		color: #fff;
		}
/*
a:hover {
	color: #ed493b;
	}
*/
	

ul.filters {
	margin: 0;
	}

ul.filters li {
	font-size: 14px;
	line-height: 18px;
	list-style: none;
	}

ul.filters li a:link,
ul.filters li a:visited,
ul.filters li a:hover,
ul.filters li a:active {
	display: block;
	width: 100%;
	padding: 3px 0;
	text-decoration: none;
	}
	
	ul.filters li a:hover {
		text-decoration: underline;
		}
	
	ul.filters li.active a:link,
	ul.filters li.active a:visited,
	ul.filters li.active a:hover,
	ul.filters li.active a:active {
		color: #ed493b;
		cursor: default;
		}
	
.pagination span,
.pagination a:link,
.pagination a:visited,
.pagination a:hover,
.pagination a:active {
	float: left;
	display: block;
	margin: 0 .5em 0 0;
	padding: .25em .5em;
	text-decoration: none;
	border: 1px solid #fff;
	text-transform: uppercase;
	}
	
	.pagination a.single {
		float: right;
		margin: 0;
		}
	
	.pagination span {
		color: #999;
		}
	
.pagination a.active,
.pagination a:hover {
	color: #ed493b;
	border: 1px solid #ed493b;
	}

ul.nav {
	margin: 0;
	}

ul.nav li {
	margin: 0;
	list-style: none;
	font-size: 12px;
	line-height: 18px;
	}

ul.nav li a:link,
ul.nav li a:visited,
ul.nav li a:hover,
ul.nav li a:active {
	display: block;
	width: 100%;
	}

ul.nav li a.icon {
	width: 102px;
	padding-left: 18px;
	background-image: url(../img/ui/sprites/ui_16x16.png);
	background-repeat: no-repeat;
	}
	
	ul.nav li a.fb {background-position: 0 -319px;}
	ul.nav li a.tw {background-position: 0 -351px;}
	ul.nav li a.tu {background-position: 0 -415px;}
	ul.nav li a.rss {background-position: 0 -382px;}
/* -------------------------------------------------------------
                                               end navigation */





/* messages
------------------------------------------------------------- */
div.success,
div.error,
div.info,
div.notice {
	display: block;
	margin: 0 0 20px 0;
	padding: 10px 35px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 0 3px 6px rgba(0,0,0,.6);
	-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.6);
	box-shadow: 0 3px 6px rgba(0,0,0,.6);
	}
	
	h1 + div.success,
	h1 + div.error,
	h1 + div.info,
	h1 + div.notice {margin-top: 1em;}
	
div.success {
	background: #e6efe2 url(../img/ui/icons/fugue/tick.png) no-repeat 10px 1.2em;
	color: #264409;
	border: 1px solid #12630f;
/*
	position: absolute;
	top: 10px;
	left: 260px;
	width: 370px;
*/
	}

div.error {
	background: #fbe3e4 url(../img/ui/icons/fugue/slash.png) no-repeat 10px 1.2em;
	color: #8a1f11;
	border: 1px solid #bc1a0f;
	}
	
div.info {
	background: #eff3f8 url(../img/ui/icons/fugue/information.png) no-repeat 10px 1.2em;
	color: #514721;
	border: 1px solid #4e6596;
	}

div.notice {
	background: #fff6bf url(../img/ui/icons/fugue/exclamation.png) no-repeat 10px 1.2em;
	color: #514721;
	border: 1px solid #ffd324;
	}
/* -------------------------------------------------------------
                                                 end messages */





/* slider
------------------------------------------------------------- */
.slider .wrapper,
.slider .wrapper ul li {
	height: 290px;
	}

.slider {
	position: relative;
	width: 100%;
	height: 260px;
	margin: 0 0 15px 0;
	}
	
.slider .wrapper {
	width: 540px;
	height: 260px;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 40px;
	}
	
.slider .wrapper ul {
	width: 32700px; /* width is max for Opera */
	margin: 0;
	list-style: none;
	position: absolute;
	top: 30px;
	left: 0;
	}
	
.slider .wrapper ul li {
	float: left;
	display: block;
	width: 540px;
	height: 260px;
	margin: 0;
	padding: 0;
	}
	
	.recommendations img {
		display: block;
		padding-bottom: 5px;
		}
	
	.recommendations .slider {
		height: 190px;
		}
		
	.recommendations .slider .wrapper,
	.recommendations .slider .wrapper ul li {
		height: 160px;
		}
	
	.recommendations .slider .wrapper {
		width: 600px;
		margin: 0 -70px;
		}
	
	.recommendations .slider .wrapper ul {
		top: 0;
		}
	
	.recommendations .slider .wrapper ul li {
		width: 130px;
		}
	


.slider .arrow {
	display: block;
	position: absolute;
	top: 0;
	
	width: 40px;
	height: 260px;
	
	background: url(../img/ui/jquery/slider/arrows_70x360.png) no-repeat 0 0;
	text-indent: -9999px;
	cursor: pointer;
	}
	
.slider .forward {
	background-position: -85px -40px;
	right: 0;
	}

.slider .back {
	background-position: -15px -40px;
	left: 0;
	}
	
.slider .forward:hover {background-position: -85px -400px;}
.slider .back:hover {background-position: -15px -400px;}
	
	
	.recommendations .slider .forward {
		background-position: -70px -100px;
		right: -70px;
		}
		
	.recommendations .slider .back {
		background-position: 0 -100px;
		left: -70px;
		}
		
	.recommendations .slider .forward:hover {background-position: -70px -460px;}
	.recommendations .slider .back:hover {background-position: 0 -460px;}

	
.thumbNav ul {
	margin: 0;
	}
/*
.thumbNav {
	position: relative;
	top: 0;
	text-align: center;
	}
	
.thumbNav li {
	display: inline;
	}

.thumbNav a {
	color: black;
	font: 11px/18px Georgia, Serif;
	display: inline-block;
	padding: 2px 8px;
	height: 18px;
	margin: 0 5px 0 0;
	background: #c58b04;
	text-align: center;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	}
	
.thumbNav a:hover {
	background-image: none;
	}
.thumbNav a.cur {
	background: #e0a213;
	}
*/

.start-stop {
	display: none;
	z-index: 10;
	background: green;
	color: white;
	padding: 2px 5px;
	width: 40px;
	text-align: center;
	position: absolute;
	right: 45px;
	top: 323px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	}
	
.start-stop.playing {
	background-color: red;
	}
	
.start-stop:hover {
	background-image: none;
	}
	
.slider .wrapper ul ul {
	position: static;
	margin: 0;
	background: none;
	overflow: visible;
	width: auto;
	border: 0;
	}
	
.slider .wrapper ul ul li {
	float: none;
	height: auto;
	width: auto;
	background: none;
	}
/* -------------------------------------------------------------
                                                   end slider */





/* footer
------------------------------------------------------------- */
#footer {
	clear: both;
	margin: 0;
	padding: 0;
	background: #f6f6f6;
	border-top: 1px solid #ddd;
	}
	
#footer .content {
	width: 960px;
	margin: 0 auto;
	padding: 30px 20px 60px 20px;
	}
	
#footer .threecolumn .column {
	float: left;
	width: 330px;
	padding: 0 40px 0 0;
	}

#footer .threecolumn .column#schmoo {
	width: 120px;
	}
/* -------------------------------------------------------------
                                                   end footer */





/* promos
------------------------------------------------------------- */
.section {
	color: #884064;
	width: 880px;
	padding: 40px;
	text-align: center;
	background: url(../img/promos/artaslife/rule.png) no-repeat 0 100%;
	}

.section .column {
	float: left;
	text-align: left;
	}
	
.section .column .title,
.section .offer .title {
	padding-bottom: 20px;
	}
	
.section .offer {
	width: 832px;
	height: 192px;
	margin: 20px 0 50px 0;
	padding: 50px 24px 0 24px;
	background: url(../img/promos/artaslife/box.png) no-repeat 0 0;
	text-align: left;
	text-transform: uppercase;
	}
	
.promo a:link,
.promo a:visited,
.promo a:hover,
.promo a:active {
	color: #884064;
	text-decoration: underline;
	}
	
.promo a:hover {
	text-decoration: none;
	}
	
.promo p {
	font-size: 14px;
	line-height: 20px;
	}
	
	.promo .section .offer p {
		padding: 0 10px;
		}
		
.promo h4 {
	color: #c5454b;
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 20px;
	margin: 0;
	text-transform: uppercase;
	}
	
.promo dl input,
.promo dl textarea {
	width: 380px;
	}
	
.promo .left dl input,
.promo .left dl textarea {
	border: 1px solid #c84978;
	}
	
.promo .left dt {
	color: #c84978;
	text-transform: uppercase;
	}
	
.promo .right dl input,
.promo .right dl textarea {
	border: 1px solid #8d428b;
	}
	
.promo .right dt {
	color: #8d428b;
	text-transform: uppercase;
	}
/* -------------------------------------------------------------
                                                   end promos */