/*
main stylesheet for digifotopro.nl, by Wouter van der Graaf, Dynora

.article-type-5 = video
.article-type-6 = blog
.article-type-7 = dossier

.category-layout-1 = default list
.category-layout-2 = large thumbnails
.category-layout-3 = blog
.category-layout-4 = news list
*/

/* minimal view space (phone, accessibility for visually impaired, any viewport width) */
@media all {
	/* browser overrides */
	* {
		margin: 0;
		padding: 0;
	}
	
	img {
		border: none;
		max-width: 100%;
		height: auto;
	}
	
	#container object,
	#container embed {
		border: none;
		max-width: 100%;
	}
	
	h1 {
		margin: 0.5em 0 0.3em;
	}
	h2, h3, p, ul, ol, dl {
		margin: 1em 0;
	}
	ul, ol {
		margin-left: 1.2em;
	}
	table {
		border-collapse: collapse;
	}
	td, th {
		padding: 0;
		text-align: left;
		vertical-align: top;
		font-weight: normal;
	}
	
	.fl {
		clear: left;
		float: left;
		margin: 0 1em 1em 0;
	}
	.fr {
		clear: right;
		float: right;
		margin: 0 0 1em 1em;
	}
	
	/* generic form */
	fieldset {
		border: none;
	}
	#article fieldset {
		padding: 1em 0;
	}
	#article fieldset.following {
		border-style: solid;
		border-width: 1px 0 0 0;
	}
	fieldset p,
	#article fieldset h2 {
		margin-top: 0;
	}
	.fieldrow {
		margin: 0.5em 0;
	}
	.errors li {
		display: -moz-inline-box;
		-moz-box-orient: vertical;
		display: inline-block;
		margin-left: -0.2em;
		padding: 0 0.2em;
		background: #C00000;
		color: #FFF;
		font-size: 90%;
		font-weight: bold;
	}
	.pre-input, .input {
		display: -moz-inline-box;
		-moz-box-orient: vertical;
		display: inline-block;
		vertical-align: top;
	}
	.pre-input {
		position: relative;
		top: 0.05em;
		width: 10em;
	}
	.compact .pre-input {
		display: block;
		width: auto;
	}
	.singular .pre-input {
		display: block;
		width: auto;
	}
	.pre-input label {
		display: block;
	}
	.compact .input{
		width: 100%;
	}
	.input .elements {
		display: block;
	}
	.input .definition .term {
		display: inline-block;
	}
	.input .note {
		display: block;
	}
	.input .text, .input textarea {
		width: 15em;
	}
	.input select {
		width: 15em;
	}
	.input .checkbox,
	.input .radio {
		margin-right: 0.5em;
	}
	.input label {
		display: block;
		margin-bottom: 3px;
	}
	.shortlabels .input label {
		display: inline;
		margin-bottom: 0;
        margin-right: 10px;
	}
	.much-to-tell .pre-input,
	.much-to-tell .input {
		display: block;
	}
	.much-to-tell .input textarea {
		width: 92%;
	}
	fieldset .text,
	fieldset textarea {
		border-style: solid;
		border-width: 1px;
		padding: 0.3em 0.5em;
	}
	fieldset textarea {
		height: 10em;
	}
	.compact .text {
		width: 50%;
	}
	.compact textarea {
		width: 92%;
	}
	.compact label .checkbox,
	.compact label .radio {
		vertical-align: -15%;
	}

	.fieldrow .info {
		margin: 0.3em 0 0.7em 9em;
		max-width: 30em;
	}
	.buttons {
		margin-top: 0.5em;
	}
	.buttons .submit {
		margin-left: 10.3em;
	}
	.compact .submit,
	.buttons .after-singular,
	.buttons .after-much-to-tell {
		margin-left: 0;
		width: auto;
	}
	
	.buttons button, .buttons input {
		border: none;
		padding: 0 0.25em 0.05em;
		background: #99181D url(nav.png) repeat-x 0 100%;
		color: #FFF;
		font-weight: bold;
		text-transform: lowercase;
		cursor: pointer;
	}
	.buttons button:hover, .buttons input:hover {
		background: #000;
	}
	
	
	/* COMMON STYLES */
	
	
	/* fonts and text */
	
	html {
		font: 75%/1.3 Arial, sans-serif; /* 12/16 */
	}
	
	input, select, textarea, button {
		font: 100% Arial, sans-serif;
	}
	
	h1 {
		font-family: "Century Gothic", Futura, Arial, sans-serif;
	}
	
	#blog .entry h1,
	.article-type-6 #article h1,
	#blog .entry h2,
	.article-type-6 #article h2 {
		font-family: Georgia, Times, serif;
	}
	
	code {
		font: 123.333% monospace; /* strange, 100% is not 12 */
	}
	
	.review-score-specs .score strong {
		font-size: 500%; /* 60/12 */
		letter-spacing: -1px;
		line-height: 1.15;
	}
	
	.current-issue h2,
	.sidebox .head em,
	.sml_sidebox_titlecell em {
		font-size: 166.667%; /* 20/12 and 15/9*/
		line-height: 1.2;
	}
	
	h1,
	.cloud_xlarge,
	#backorder-amount .total {
		font-size: 150%; /* 18/12 */
		line-height: 1.2;
	}
	
	.cloud_large,
    #secondary > .heading h2,
	.article-lead h3 {
		font-size: 133.333%; /* 16/12 and 12/9*/
		line-height: 1.25;
	}
	
	h2,
	#highlights h2 .tv,
	.article-lead h3 {
		font-size: 125%; /* 15/12 */
	}
	
	h3,
	#secondary h2,
	.triggers h2,
	.article-type-5 #highlights h2,
	.cloud_medium,
	#leader .primary p,
	#article .review-score-specs h2,
	.category-layout-2 .article-lead h3,
	#secondary .tags ul {
		font-size: 116.667%; /* 14/12 */
	}
	
	fieldset.compact .elements label {
		font-size: 110% /* 11/10 */
	}
	
	.backorder-issue h2,
	.author .info,
	.product-comparison .products strong {
		font-size: 109.091%; /* 12/11 */
	}
	
	#leader .soapbox p .more,
	.current-issue h3,
	h4,
	h5,
	h6,
	#personalbar h2,
	#leader .primary h2,
	.freetext .more,
	#leader .primary .children,
	.login .remember label,
	.product-comparison table .more {
		font-size: 100%;
	}
	
	.cloud_xsmall,
	#nav .supplementary,
	.upcoming-events strong,
	.upcoming-events .location,
	#feedback-message,
	#leader .soapbox p,
	.more,
	.article-meta,
	#article-options,
	#generic-options,
	#comments .to-post-comment a,
	.comment button,
	.pagination,
	.newsletter .body p,
	.product-comparison table,
	#footer .nav,
	.backorder-issue,
	.freetext .body,
	#nav-browse li ul,
	#highlights .button,
	.article-list li .publish-datetime,
	.article-lead .lead-text .publish-datetime,
	.review-score-specs .specs li,
	.article #secondary .tags ul,
	#article p.add-comparison,
	.latest-news .publish-datetime,
	#secondary .article-list ul,
	#personalbar .login p,
	.personalbar-suppl-form p,
	#personalbar .user,
	.input .note,
	#bottom .clipboard {
		font-size: 91.667%; /* 11/12 */
		line-height: 1.35;
	}
	
	fieldset.compact label,
	fieldset.compact .elements {
		font-size: 83.333%; /* 10/12 */
	}
	
	.article-lead .inset {
		font-size: 80%; /* 12/15 */
	}
	
	.month-day .day {
		font-size: 75%; /* 9/12 and 12/16 */
	}
	
	.month-day .month,
	.preceding-issue h2 .date {
		font-size: 66.667% /* 8/12 and 12/18 */
	}
	
	.month-day,
	fieldset.compact input.text,
	fieldset.compact textarea {
		font-family: Verdana, Arial, sans-serif;
	}
	
	.sidebox .head em,
	.definition .term,
	.sml_sidebox_titlecell em {
		font-style: normal;
	}
	
	.current-issue h3 .date,
	#blog .entry h1,
	.article-type-6 #article h1,
	#blog .entry h2,
	.article-type-6 #article h2,
	.month-day .month,
	.preceding-issue h2 .date {
		font-weight: normal;
	}
	
	a.feed,
	#backorder-amount th,
	#backorder-amount td,
	.month-day .day,
	#secondary .pre-h,
	.triggers .pre-h,
	#nav-browse li li a,
	.article .lead,
	#blog .entry .lead,
	.sml_head,
	#highlights .button,
	#article-options,
	#generic-options .back,
	#generic-options .compare,
	#sections th,
	#article p.add-comparison,
	#register-heading,
	#personalbar li,
	.register .submit,
	.comment button {
		font-weight: bold;
	}
	
	#sections .review-score-specs,
	#sections h2,
	#sections h3 {
		text-align: left;
	}
	
	.youtube .videos a,
	#sections .c,
	#sections .review-score-specs .score,
	.month-day * {
		text-align: center;
	}
	
	#sections,
	.sml_sidebox_textcell {
		text-align: justify;
	}
	
	.del-icio-us ul a,
	#secondary h2 a,
	#secondary h3 a,
	.triggers h2 a,
	.triggers h3 a,
	#highlights h2 a,
	#highlights h3 a,
	#secondary .pre-h a,
	.triggers .pre-h a,
	.upcoming-events ul a,
	.upcoming-events ul a:hover .location,
	.more,
	a.feed,
	.pagination .prev,
	.pagination .next,
	.article-lead h3 a,
	#article-options a,
	#generic-options a,
	#comments .to-post-comment a,
	#secondary .tags a,
	.triggers .tags a,
	.article-list ul a,
	.latest-news a,
	#footer .nav li li a,
	#bottom .clipboard a,
	#blog .entry h1 a,
	#article p.add-comparison a,
	#personalbar .expanded .heading,
	#personalbar li a,
	#personalbar .user-name,
	.comment .meta a,
	#spotlight strong a {
		text-decoration: none;
	}
	
	.del-icio-us ul a:hover,
	#secondary .tags a:hover,
	.triggers .tags a:hover,
	#nav .supplementary a:hover,
	#spotlight strong a:hover,
	.upcoming-events ul a:hover strong,
	.more:hover,
	a.feed:hover,
	.article-list ul a:hover,
	.latest-news a:hover,
	#footer .nav li li a:hover,
	#bottom .clipboard a:hover,
	#blog .entry h1 a:hover,
	#generic-options a:hover,
	#personalbar .collapsed .heading,
	#personalbar li a:hover,
    .comment .meta a strong,
	#personalbar .user-name strong,
	a:hover {
		text-decoration: underline;
	}
	
	.sold-out {
		text-transform: uppercase;
	}
	
	#comments .to-post-comment,
	#secondary .pre-h,
	.triggers .pre-h {
		text-transform: lowercase;
	}
	
	#blog .entry h1,
	.article-type-6 #article h1,
	#blog .entry h2,
	.article-type-6 #article h2 {
		letter-spacing: normal;
	}
	
	.month-day {
		line-height: normal;
	}
	
	.article .lead,
	.article #sections,
	#leader .soapbox p {
		line-height: 1.5;
	}
	
	#secondary .tags p,
	.triggers .tags p {
		line-height: 1.8em;
	}
	
	#secondary .tags p a,
	.triggers .tags p a {
		line-height: inherit;
	}
	
	#spotlight.enhanced li,
	#spotlight .number-1 .more {
		white-space: nowrap;
	}
	
	#spotlight.enhanced .number-1 {
		white-space: normal;
	}
	
	/* 'read more' links */
	.more,
	#comments .to-post-comment a {
		padding-right: 10px;
		background: url(more-grey.png) 100% 50% no-repeat;
		font-weight: bold;
	}
	.more:hover,
	#comments .to-post-comment a:hover,
	#spotlight .more {
		background-image: url(more-red.png);
	}
	
	
	/* COLORS */
	
	/* black */
	fieldset.following,
	.flickr img,
	.youtube .videos a,
	#nav-browse img,
	#nav-suggestions img,
	#backorder-amount {
		border-color: #000;
	}
	
	.youtube .videos a,
	.review-score-specs .score {
		background-color: #000;
	}
	
	html,
	a,
	.month-day,
	#leader .secondary,
	#spotlight .more,
	#spotlight strong,
	#spotlight strong a:hover,
	#nav-browse ul a strong,
	#nav-suggestions,
	#nav-suggestions ul a strong,
	#nav-browse li li a,
	.author .info,
	.upcoming-events a .location,
	.pagination .numbers .current,
	.pagination .numbers a:hover {
		color: #000;
	}
	
	/* white */
	#container,
	.sidebox .body {
		background-color: #FFF;
	}
	
	#nav,
	#leader,
	#leader .primary a,
	.sidebox .head em,
	#highlights h2 .tv,
	.sold-out,
	.sml_sidebox_titlecell em,
	#personalbar .expanded .heading,
	#personalbar h2,
	.register .submit,
	.month-day .month {
		color: #FFF;
	}
	
	/* almost white */
	html,
	#triggers-bottom {
		background-color: #EEE;
	}
	
	/* very very light grey */
	.comment .info,
	#container .article-list .banner,
	#post-comment,
	#highlights .item,
	#highlights div.button-active,
	#blog .entry,
	.definition:hover .term,
	.definition .description,
	.author:hover > a,
	.author .info,
	.review-score-specs,
	#recent-articles .pagination,
	.article-lead {
		background-color: #EBEBEB;
	}
	
	/* very light grey */
	.websiteuserauth #article,
	#highlights .button,
	#leader .secondary,
	.article-lead:hover,
	#nav-browse .parents,
	#nav-suggestions ul,
	#nav-suggestions p,
	.current-issue {
		background-color: #D2D2D2;
	}
	
	.review-score-specs .score {
		color: #D2D2D2;
	}
	
	/* lighter grey */
	#highlights .button:hover,
	.section .sidebox .head,
	.sml_sidebox_titlecell {
		background-color: #CCC;
	}
	
	/* light grey */
	#article,
	#video,
	#container.article .banner-adsense,
	.current-issue,
	#blog .entry,
	fieldset .text,
	fieldset textarea,
	#container,
	.definition .term,
	.definition .description,
	#article .author,
	#video .author,
	.author .info,
	#spotlight,
	#spotlight img,
	.frontpage #main,
	.review-score-specs,
	#spotlight .number-1,
	#nav-browse .parents,
	#nav-suggestions ul,
	#nav-suggestions p {
		border-color: #BBB;
	}
	
	#highlights h2 .tv,
	#personalbar {
		background-color: #BBB;
	}
	
	.article-meta .publish-datetime {
		color: #BBB;
	}
	
	/* cold medium grey */
	.section .sidebox,
	#comments,
	.websiteuserauth #article,
	.websiteuserauth #article .text,
	.websiteuserauth #article textarea,
	.sml_sidebox_table {
		border-color: #757C81;
	}
	
	#personalbar .expanded .heading,
	#personalbar .expanded fieldset {
		background-color: #757C81;
	}
	
	.de-emphasis,
	.current-issue .date,
	.preceding-issue .date,
	.backorder-issue .date,
	.more,
	a.feed,
	#secondary .pre-h,
	#secondary .pre-h a,
	.triggers .pre-h,
	.triggers .pre-h a,
	.article-list .more,
	#main .article-meta,
	#main .article-meta a,
	input.labelled,
	textarea.labelled,
	.author .last-article,
	.pagination .numbers a,
	#nav-browse ul a,
	#nav-suggestions ul a,
	.latest-news li,
	#nav-suggestions p a,
	#article-options a,
	#generic-options a,
	.pagination option.no-value,
	#comments .to-post-comment a,
	#footer .nav li li a,
	#spotlight .type,
	#bottom .disclaimer,
	.article-lead .lead-text .publish-datetime,
	.article-list li .publish-datetime,
	#article p.add-comparison a,
	.comment button {
		color: #757C81;
	}
	
	/* darker grey */
	.article-list,
	.article .lead,
	#article .author .last-article a,
	#video .author .last-article a,
	#forgot-heading,
	.article-list a {
		color: #333;
	}
	
	/* almost black */
	#leader {
		background: #262626;
	}
	
	/* blood red */
	.date-month-day,
	#footer .nav li li a,
	#leader,
	#triggers-bottom,
	#footer,
	#bottom .disclaimer {
		border-color: #99181D;
	}
	
	#nav-browse,
	#nav-suggestions {
		border-bottom-color: #99181D;
	}
	
	.sold-out,
	.date-month-day .month {
		background-color: #99181D;
	}
	
	#generic-options .path,
	#main .more:hover,
	#leader .more:hover,
	.article-lead h3 a,
	#main .article-meta a:hover,
	#spotlight .number-1 .type,
	a:hover,
	#nav-suggestions p a:hover,
	.article-list li a:hover .publish-datetime,
	#secondary .pre-h a:hover,
	.triggers .pre-h a:hover,
	#secondary h2 a:hover,
	.triggers h2 a:hover,
	#footer .nav li li a:hover,
	.comparison-table .products strong,
	#bottom .disclaimer:hover,
	.sml_sidebox_titlecell .sml_head,
	.section .sidebox .head strong {
		color: #99181D;
	}
	
	/* darker red */
	#nav .frontpage a:hover,
	#nav .search:hover,
	#nav .browse:hover,
	#to-nav-browse:hover {
		background-color: #731216;
	}
	
	/* blue */
	#secondary .tags a,
	.triggers .tags a,
	#blog .entry h1 a,
	.article-type-6 #article h1,
	#blog .entry .publish-datetime,
	.article-type-6 #article .publish-datetime {
		color: #008ACC;
	}
	
	/* orange */
	#feedback-message {
		border-color: #F29A00;
	}
	
	/* light orange */
	#feedback-message {
		background-color: #FFF3AC;
	}
	
	
	
	/* disable list style TODO keep this close to same selector rules*/
	#spotlight, #nav ul,
	#secondary .tags ul,
	.triggers .tags ul {
		margin: 0;
		list-style: none;
	}
	
	/* hide from view TODO keep this close to same selector rules */
	.label-inside .pre-input,
	.nav-helper,
	.rating .count .label,
	.article-meta .publish-datetime .label,
	.article-meta .category .label,
	.article-meta .views .label,
	.article-meta .rating .label,
	.article-meta .comments .label,
	.article-meta .separator {
		position: absolute;
		top: -9999em;
		left: -9999em;
	}
	
	/* auto-clear element TODO keep this close to same selector rules */
	.pagination:after,
	.comment .info:after {
		clear: both;
		display: block;
		visibility: hidden;
		height: 0;
		content: ".";
	}
	
	/* text link feed icon */
	a.feed {
		padding-right: 17px;
		background: url(sprite.png) 100% -285px no-repeat;
	}
	
	/* calendar date */
	.date-month-day {
		display: -moz-inline-box;
		-moz-box-orient: vertical;
		display: inline-block;
		border-style: solid;
		border-width: 0 1px 1px 1px;
	}
	.date-month-day * {
		display: block;
	}
	.date-month-day .month {
		position: relative;
		margin-bottom: -0.2em;
		padding: 0 0.4em 0.1em;
	}
	.date-month-day .day {
		padding: 0 0.2em;
	}

	/* SPECIFIC STYLES */
	
	#container {
		position: relative;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		margin-right: auto;
		margin-left: auto;
		max-width: 81.6667em; /* 980/12 */
		padding-bottom: 16px;
	}
	
	#feedback-message {
		position: fixed;
		z-index: 1;
		top: 0;
		right: 0;
		left: 0;
		border-style: solid;
		border-width: 0 0 1px;
		padding: 0.5em 2.5em 0.5em 1em;
		-o-box-shadow: 0 10px 25px rgba(0,0,0,0.2);
		-moz-box-shadow: 0 10px 25px rgba(0,0,0,0.2);
		-webkit-box-shadow: 0 10px 25px rgba(0,0,0,0.2);
		box-shadow: 0 10px 25px rgba(0,0,0,0.2);
	}
	#feedback-message .close {
		position: absolute;
		top: 1.2em;
		right: 1em;
		margin: -8px -6px 0 0;
		width: 16px;
		height: 16px;
		background: url(sprite.png) -290px -313px no-repeat;
		text-indent: -9999em;
		cursor: pointer;
	}
	
	#top,
	#personalbar,
	#nav,
	#leader,
	#main,
	#footer,
	#bottom {
		padding-right: 1.2%;
		padding-left: 1.2%;
	}
	
	#logo {
		display: block;
		margin: 5px 0;
		width: 180px;
		height: 28px;
		overflow: hidden;
		background: url(sprite.png) 0 -48px no-repeat;
		text-decoration: none;
		text-indent: -9999em;
	}
	
	#top .beta {
		position: absolute;
		top: 0;
		right: 10px;
		width: 41px;
		height: 41px;
		background: url(../common/beta.png) no-repeat;
		text-indent: -9999em;
	}
	
	#leader {
		border-style: solid;
		border-width: 0 0 1px;
		padding-top: 1px;
	}
	#leader:after {
		clear: both;
		display: block;
		visibility: hidden;
		height: 0;
		content: ".";
	}
	#leader .primary p {
		margin: 0.5em 0;
	}
	#leader .primary .children {
		margin: 1em 0;
	}
	#leader .secondary {
		margin: 20px 0;
		padding: 10px 1% 0;
	}
	#leader .secondary:after {
		clear: both;
		display: block;
		visibility: hidden;
		height: 0;
		content: ".";
	}
	#leader .secondary h2 {
		margin: 0 0 0.4em;
	}
	#leader .soapbox img {
		float: left;
		margin: 0 1em 1em 0;
	}
	
	#main:after {
		clear: both;
		display: block;
		visibility: hidden;
		height: 0;
		content: ".";
	}
	
	#spotlight {
		margin: 0.5em 0 1em;
		border-style: solid;
		border-width: 1px 0;
		padding: 0.5em 0 1em;
	}
	#spotlight.enhanced:after {
		clear: left;
		display: block;
		visibility: hidden;
		height: 0;
		content: ".";
	}
	#spotlight.enhanced li {
		float: left;
		width: 32.5%;
		overflow: hidden;
	}
	#spotlight.enhanced .number-1 {
		margin-bottom: 0.5em;
	}
	#spotlight.enhanced .number-1 {
		float: none;
		width: auto;
	}
	#spotlight.enhanced .number-2 {
		margin-right: 1.25%;
	}
	#spotlight.enhanced .number-4 {
		float: right;
	}
	#spotlight.enhanced .separator,
	#spotlight.enhanced strong,
	#spotlight.enhanced a {
		position: absolute;
		top: -9999em;
		left: -9999em;
	}
	#spotlight.enhanced .number-1 .separator,
	#spotlight.enhanced .number-1 strong,
	#spotlight.enhanced .number-1 a {
		position: static;
	}
	#spotlight img {
		display: block;
	}
	#spotlight .preview,
	#spotlight .reflection,
	#spotlight .detail {
		display: none;
	}
	#spotlight.enhanced .preview {
		display: block;
	}
	#spotlight .number-1 .preview {
		display: none;
	}
	#spotlight.enhanced .number-1 .preview {
		display: block;
		position: absolute;
		top: -9999em;
		left: -9999em;
	}
	#spotlight .number-1 .detail {
		display: block;
	}
	#spotlight .reflection {
		-ms-filter: "flipv progid:DXImageTransform.Microsoft.Alpha(opacity=30, style=1, finishOpacity=0, startx=0, starty=0, finishx=0, finishy=24)";
	}
	
	.article-list {
		margin: 1em 0;
	}
	.article-list h2 {
		margin: 0.4em 0;
	}
	.article-list ul {
		margin: 0;
		list-style: none;
	}
	.article-list li {
		padding: 0.1em 0;
	}
	.del-icio-us li,
	#nav-browse li li {
		margin: 0;
		padding: 0.1em 0 0.1em 10px;
		background: url(more-red.png) 0 4px no-repeat;
	}
	.article-list li a {
		margin-right: 0.3em;
	}
	.article-list li .article-meta {
		display: inline-block;
		vertical-align: bottom;
		position: relative;
		top: -0.1em;
		white-space: nowrap;
	}
	.article-list li .article-meta > * {
		top: 0;
		margin-right: 0.3em;
		padding: 0 0 0 0.5em;
	}
	.article-list li .article-meta .publish-datetime {
		display: inline;
	}
	
	#article,
	#video,
	#blog .entry {
		margin-bottom: 1.5em;
		border-style: solid;
		border-width: 1px;
		padding: 1px 2.95% 0.5em;
	}
	#video #article {
		margin-bottom: 0;
		border: none;
		padding: 0;
	}
	#article {
		min-height: 110px;
	}
	.article h1 {
		margin: 1em 0 0.7em;
	}
	.article .lead {
		margin: 1em 0;
	}
	#article h2 {
		margin: 1em 0 0.5em;
	}
	#article form {
		margin: 1em 0;
	}
	#article table {
		margin: 1em 0;
	}
	#sections th,
	#sections td {
		padding: 0 0.8em 0.2em 0;
	}
	#sections .intro {
		margin: 1em 0;
	}
	.section:after {
		clear: both;
		display: block;
		visibility: hidden;
		height: 0;
		content: ".";
	}
	
	#blog .archive {
		margin: 1em 0;
	}
	
	#blog .entry {
		margin-top: 0;
		padding-bottom: 0;
	}
	
	#blog h1 {
		margin: 0.6em 0 0.3em;
	}
	#blog .entry .article-meta {
		margin-bottom: 1.5em;
	}
	
	/* article meta */
	.article-meta {
		margin-top: 0.3em;
	}
	.article-meta:after {
		clear: both;
		display: block;
		visibility: hidden;
		height: 0;
		content: ".";
	}
	#article > .article-meta,
	#video > .article-meta {
		margin-bottom: 1em;
	}
	.article-meta > * {
		display: -moz-inline-box;
		display: inline-block;
		padding: 0.1em 0.2em 0.1em 0.5em;
		vertical-align: middle;
	}
	.article-lead .category {
		padding-left: 0;
	}
	.definition,
	#article .author,
	#video .author {
		position: relative;
		padding: 0;
	}
	.definition:hover,
	#article .author:hover,
	#video .author:hover {
		z-index: 1000;
	}
	.definition .term {
		border-style: dotted;
		border-width: 0 0 1px;
		padding: 0 0.2em;
		cursor: help;
	}
	.definition:hover .term,
	#article .author:hover,
	#video .author:hover {
		margin: -1px -1px 0 -1px;
		border-style: solid;
		border-width: 1px 1px 0 1px;
	}
	.definition .term,
	.author > a {
		position: relative;
		z-index: 1;
	}
	.author > a {
		display: block;
		padding: 0.3em 0.5em;
	}
	.definition .description,
	.author .info {
		display: none;
		position: absolute;
		top: 95%;
		left: -1px;
		border-style: solid;
		border-width: 1px;
		width: 20em;
		-o-box-shadow: 0 10px 25px rgba(0,0,0,0.2);
		-moz-box-shadow: 0 10px 25px rgba(0,0,0,0.2);
		-webkit-box-shadow: 0 10px 25px rgba(0,0,0,0.2);
		box-shadow: 0 10px 25px rgba(0,0,0,0.2);
	}
	.definition .description {
		padding: 0.5em;
	}
	.author .info {
		padding: 1em 0.5em;
	}
	.definition:hover .description,
	.author:hover .info {
		display: block;
	}
	.definition .bounds {
		position: absolute;
		top: -9999em;
		left: -9999em;
	}
	.author .info img {
		float: left;
		margin-right: 0.5em;
		width: 60px;
		height: auto;
	}
	.author .info strong {
		display: block;
	}
	.author .info br {
		display: none;
	}
	.author .last-article,
	.author .last-article a {
		display: block;
	}
	.author .last-article {
		margin: 0.8em 0;
	}
	.article-meta .publish-datetime {
		border: none;
		padding-left: 0;
	}
	.article-meta .category a,
	.article-meta .views .count,
	.article-meta .comments a {
		display: block;
		padding-left: 16px;
		min-height: 12px;
	}
	.article-meta .category a {
		background: url(sprite.png) -291px -74px no-repeat;
	}
	.article-meta .category a:hover {
		background: url(sprite.png) -291px -104px no-repeat;
	}
	.article-meta .views .count {
		background: url(sprite.png) -291px -194px no-repeat;
	}
	.article-meta .rating {
		display: inline;
		position: relative;
		top: -0.1em;
		margin-right: 0.2em;
		padding: 0;
	}
	#article .article-meta .rating,
	#video .article-meta .rating {
		margin-left: 0.5em;
	}
	.article-meta .rating .count {
		position: relative;
		top: 0.1em;
		white-space: nowrap;
	}
	.article-meta .comments a {
		background: url(sprite.png) -291px -134px no-repeat;
	}
	.article-meta .comments a:hover {
		background: url(sprite.png) -291px -164px no-repeat;
	}
	
	/* rating */
	.rating .rated {
		background: url(sprite.png) no-repeat;
		text-indent: -9999em;
	}
	#article-options .rated,
	#article-options .rate {
		position: relative;
		top: -0.1em;
		width: 80px;
		height: 14px;
	}
	.article-meta .rated {
		display: -moz-inline-box;
		display: inline-block;
		width: 50px;
		height: 8px;
		overflow: hidden;
		color: rgba(255,255,255,0);
		font: 0/0 sans-serif;
		vertical-align: middle;
	}
	#article-options .rated-0 {
		background-position: -16px -130px;
	}
	#article-options .rated-1 {
		background-position: -64px -115px;
	}
	#article-options .rated-2 {
		background-position: -64px -100px;
	}
	#article-options .rated-3 {
		background-position: -48px -115px;
	}
	#article-options .rated-4 {
		background-position: -48px -100px;
	}
	#article-options .rated-5 {
		background-position: -32px -115px;
	}
	#article-options .rated-6 {
		background-position: -32px -100px;
	}
	#article-options .rated-7 {
		background-position: -16px -115px;
	}
	#article-options .rated-8 {
		background-position: -16px -100px;
	}
	#article-options .rated-9 {
		background-position: 0 -115px;
	}
	#article-options .rated-10 {
		background-position: 0 -100px;
	}
	.article-meta .rated-0 {
		background-position: -50px -82px;
	}
	.article-meta .rated-1 {
		background-position: -40px -91px;
	}
	.article-meta .rated-2 {
		background-position: -40px -82px;
	}
	.article-meta .rated-3 {
		background-position: -30px -91px;
	}
	.article-meta .rated-4 {
		background-position: -30px -82px;
	}
	.article-meta .rated-5 {
		background-position: -20px -91px;
	}
	.article-meta .rated-6 {
		background-position: -20px -82px;
	}
	.article-meta .rated-7 {
		background-position: -10px -91px;
	}
	.article-meta .rated-8 {
		background-position: -10px -82px;
	}
	.article-meta .rated-9 {
		background-position: 0 -91px;
	}
	.article-meta .rated-10 {
		background-position: 0 -82px;
	}
	
	/* article leads */
	.article-lead {
		position: relative;
		margin: 1em 0;
		padding: 0.4em 2% 0.6em 50px;
	}
	.article-lead h3 {
		margin: 0 0 0 3%;
	}
	.article-lead .image {
		position: absolute;
		top: 0.46em;
		left: 0;
		width: 50px;
	}
	.article-lead .image img {
		display: block;
		width: 50px;
	}
	.article-lead .inset {
		position: absolute;
		bottom: -2px;
		left: -2px;
	}
	
	.month-day:after {
		clear: left;
		display: block;
		visibility: hidden;
		height: 0;
		content: ".";
	}
	.month-day {
		display: block;
	}
	
	.month-day * {
		display: block;
	}
	
	.month-day .start,
	.month-day .end {
		float: left;
	}
	
	.month-day .start {
		margin-right: 1px;
	}
	
	.month-day .month {
		margin-top: 0.15em;
	}
	
	.month-day .day {
		margin-top: -0.25em;
		margin-right: 0.15em;
	}
	
	.month-day .start,
	.month-day .end,
	.article-lead .inset .blog,
	.article-lead .inset .dossier,
	.article-lead .inset .video {
		width: 25px;
		height: 25px;
		background-image: url(sprite.png);
		background-repeat: no-repeat;
	}
	
	.article-lead .inset .blog,
	.article-lead .inset .dossier,
	.article-lead .inset .video {
		display: block;
		overflow: hidden;
		text-indent: -9999em;
	}
	
	.article-lead .inset .blog {
		background-position: -26px -162px;
	}
	.article-lead .inset .dossier {
		background-position: 0 -162px;
	}
	.article-lead .inset .video {
		background-position: -52px -162px;
	}
	.month-day .start {
		background-position: -104px -162px;
	}
	.month-day .end {
		background-position: -130px -162px;
	}
	
	.article-lead .image .inset img {
		width: auto;
		max-width: none;
		height: auto;
	}
	.article-lead .lead-text {
		margin: 0.1em 0 0 3%;
		padding: 0.3em 0;
		min-height: 4.2em;
	}
	.article-lead .lead-text p {
		display: inline;
	}
	.article-lead .more {
		display: -moz-inline-box;
		display: inline-block;
		padding-right: 0;
		width: 12px;
		height: 11px;
		overflow: hidden;
		background-position: 2px 1px;
		color: rgba(255,255,255,0);
		font: 0/0 sans-serif;
		text-indent: -9999em;
		vertical-align: middle;
	}
	.article-lead .article-meta {
		margin: 0.1em 0 0 3%;
		text-align: right;
	}
	.article-lead .category {
		float: left;
	}
	
	/* related articles */
	.related-articles h2 {
		margin-bottom: -0.7em;
	}
	
	/* archive select box */
	form.archive label {
		position: absolute;
		top: -9999em;
		left: -9999em;
	}
	
	#blog .archive select {
		padding: 0.2em 0.1em;
	}
	#blog .archive option {
		padding: 0 1em 0 0.2em;
	}
	
	/* pagination */
	.article-list .pagination {
		margin-top: 0.3em;
	}
	.pagination {
		clear: both;
	}
	#recent-articles .pagination {
		margin: 1em 0;
		padding: 3px 10px 2px;
	}
	.pagination p {
		float: left;
		margin: 0 0.5em 0 0;
		padding: 0.2em 0;
	}
	.pagination select {
		float: left;
		padding: 0.1em 0.2em 0.05em;
	}
	.pagination option {
		padding: 0 1em 0.1em 0.2em;
	}
	.pagination form {
		float: left;
	}
	.pagination form select {
		float: none;
	}
	.pagination .pages {
		float: right;
		margin-right: 0;
	}
	.pagination .range {
		margin-right: 0.5em;
	}
	.pagination .not-first .range {
		border-right: #99181D solid 1px;
		padding-right: 0.5em;
	}
	.pagination .pages a,
	.pagination .numbers span {
		padding-left: 0.5em;
	}
	.pagination .pages a {
		font-weight: bold;
	}
	.pagination .pages .prev {
		padding: 0 0.5em 0 9px;
		background: url(sprite.png) -297px -340px no-repeat;
	}
	.pagination .pages .next {
		padding-right: 9px;
		background: url(sprite.png) 100% -370px no-repeat;
	}
	.pagination .pages .numbers {
		padding-right: 0.5em;
		border-right: #99181D solid 1px;
		border-left: #99181D solid 1px;
	}
	.pagination .pages .current {
		text-decoration: none;
	}
	
	
	.review-score-specs {
		margin: 1em 0 1.5em;
		border-style: solid;
		border-width: 1px;
		padding-left: 2%;
	}
	.review-score-specs:after {
		clear: both;
		display: block;
		visibility: hidden;
		height: 0;
		content: ".";
	}
	.review-score-specs .score {
		float: right;
		margin: -1px -1px -1px 0;
		width: 100px;
		height: 207px;
	}
	.review-score-specs .score * {
		display: block;
		margin: 0;
	}
	.review-score-specs .score .label {
		position: absolute;
		top: -9999em;
		left: -9999em;
	}
	.review-score-specs .score strong {
		padding-top: 30px;
		height: 82px;
	}
	.review-score-specs .award {
		width: 100%;
	}
	.review-score-specs .product-image {
		float: right;
		margin: 0;
		width: 205px;
		max-width: 100%;
	}
	.review-score-specs .product-image img {
		display: block;
		height: 205px;
	}
	#article .review-score-specs h2 {
		margin: 0.5em 0;
	}
	.review-score-specs ul {
		margin: 0.7em 0;
		list-style: none;
	}
	.review-score-specs .specs-link {
		margin: 0.7em 0 0;
	}
	
	
	#article .points {
		margin: 1.5em 0;
	}
	#article .points:after {
		clear: both;
		display: block;
		visibility: hidden;
		height: 0;
		content: ".";
	}
	#article .points ul {
		float: left;
		margin: 0;
		list-style: none;
	}
	#article .points .positive {
		margin-right: 2em;
	}
	#article .points li {
		padding: 0 0 0.2em 19px;
		background: url(sprite.png) -289px -586px no-repeat;
	}
	#article .points .negative li {
		background-position: -289px -616px;
	}
	
	
	/* content styles */
	.section .sidebox,
	#container .section .sml_sidebox_table {
		float: right;
		margin: 0 0 1em 1.5em;
		border-style: solid;
		border-width: 1px;
		width: 16em;
	}
	
	.section .sidebox .head,
	#container .sml_sidebox_titlecell,
	.section .sidebox .body,
	#container .sml_sidebox_textcell {
		padding: 0.3em 0.6em;
	}
	
	.section .sidebox .head p,
	#container .sml_sidebox_titlecell p {
		margin: 0;
	}
	
	#article hr {
		margin: 1em 0;
	}
	
	
	/* article options */
	#article-options {
		margin: 2em 0;
		list-style: none;
	}
	#article-options:after,
	#article-options .rating:after {
		clear: both;
		display: block;
		visibility: hidden;
		height: 0;
		content: ".";
	}
	#article-options li {
		margin-top: 1em;
	}
	#article-options .rating * {
		float: left;
	}
	#article-options .rating .average {
		margin-right: 2.5em;
	}
	#article-options .rating form {
		margin: 0;
	}
	#article-options .rating .user .label,
	#article-options .rating form div .label {
		margin-right: 0.7em;
	}
	#article-options .rating input {
		border: none;
		width: 16px;
		height: 14px;
		overflow: hidden;
		background: transparent url(sprite.png) -80px -100px no-repeat;
		color: rgba(255,255,255,0);
		font: 0/0 sans-serif;
		text-indent: -9999em;
		cursor: pointer;
	}
	#article-options .rating .unrated input {
		background-position: -15px -130px;
	}
	#article-options .rating input.half {
		background-position: -64px -115px;
	}
	#article-options .rating input.full {
		background-position: 0 -100px;
	}
	#article-options .rating .rate-1:hover > input,
	#article-options .rating .rate-2:hover > input,
	#article-options .rating .rate-3:hover > input,
	#article-options .rating .rate-4:hover > input,
	#article-options .rating .rate-5:hover > input {
		background-position: 0px -130px;
	}
	.social a {
		display: -moz-inline-box;
		display: inline-block;
		margin-left: 5px;
		width: 16px;
		height: 16px;
		overflow: hidden;
		background-image: url(sprite.png);
		background-repeat: no-repeat;
		color: rgba(255,255,255,0);
		font: 0/0 sans-serif;
		text-indent: -9999em;
		vertical-align: bottom;
	}
	.social .nujij {
		background-position: 0 -145px;
	}
	.social .ekudos {
		background-position: -17px -145px;
	}
	.social .msn-reporter {
		background-position: -34px -145px;
	}
	.social .digg {
		background-position: -51px -145px;
	}
	.social .stumbleupon {
		background-position: -68px -145px;
	}
	.social .del-icio-us {
		background-position: -85px -145px;
	}
	.social .google {
		background-position: -102px -145px;
	}
	
	#generic-options ul {
		margin: 0.7em 0;
		list-style: none;
	}
	#generic-options li {
		display: inline;
		margin-left: 1em;
	}
	#generic-options ul a,
	#article-options .add-comparison a,
	#article p.add-comparison a {
		padding: 0 0 2px 18px;
		background-image: url(sprite.png);
		background-repeat: no-repeat;
	}
	#generic-options .feed {
		margin-left: 0;
	}
	#generic-options .feed a {
		background-position: -290px -285px;
	}
	#generic-options .print a {
		background-position: -290px -495px;
	}
	#generic-options .email a {
		background-position: -291px -524px;
	}
	#generic-options .compare a,
	#article-options .add-comparison a,
	#article p.add-comparison a {
		background-position: -291px -467px;
	}
	#generic-options .back,
	#generic-options .path {
		margin: 0.7em 0;
	}
	#generic-options .back a {
		padding-left: 14px;
		background: url(sprite.png) -292px -554px no-repeat;
	}
	#generic-options .path a {
		padding: 0 0.1em;
	}
	
	#comments {
		margin: 1em 0 2em;
		border-style: solid;
		border-width: 1px 0 0;
		padding-top: 1em;
	}
	#comments h2, #comments .to-post-comment {
		display: inline;
		margin: 0;
	}
	#comments h2 {
		margin-right: 0.1em;
		border-right: #99181D solid 1px;
		padding-right: 0.2em;
	}
	#comments form {
		margin: 0;
	}
	.comment {
		margin: 1em 0;
	}
	.comment p {
		margin: 0;
		padding: 0.5em;
	}
	.comment .info {
		padding: 0.2em 0.5em 0.3em;
	}
	.comment .meta {
		float: left;
	}
	.comment .avatar {
		margin-right: 5px;
		vertical-align: -30%;
	}
	.comment .datetime {
        margin-left: 0.3em;
		color: #5DAAD3;
	}
	.comment .ham-or-spam {
		float: right;
	}
	.comment .ham-or-spam input {
		border: none;
		width: 15px;
		height: 18px;
		overflow: hidden;
		background: transparent url(sprite.png) 0 -204px no-repeat;
		color: rgba(255,255,255,0);
		font: 0/0 sans-serif;
		text-indent: -9999em;
		cursor: pointer;
	}
	.comment .ham-or-spam .spam {
		background-position: -17px -204px;
	}
	
	#post-comment {
		margin-top: 1em;
		padding: 0.5em 1.5em 1em;
	}
	#post-comment h3,
	#post-comment form,
	#post-comment fieldset {
		margin: 0;
		padding: 0;
	}
	
	
	
	/* magazine page */
	.current-issue {
		margin: 2em 0;
		border-style: solid;
		border-width: 1px;
		padding: 10px 10px 10px 120px;
		min-height: 150px;
	}
	#article .current-issue h2,
	#article .preceding-issue h2 {
		margin: 0;
	}
	.current-issue img,
	.preceding-issue img {
		position: absolute;
		height: auto;
	}
	.current-issue img {
		margin-left: -110px;
		width: 100px;
	}
	.preceding-issue {
		margin: 2em 0;
		padding-left: 60px;
		min-height: 100px;
	}
	.preceding-issue img {
		margin-left: -60px;
		width: 50px;
	}
	.backorder-issue {
		display: -moz-inline-box;
		-moz-box-orient: vertical;
		display: inline-block;
		margin: 1em 2.5% 2em 0;
		min-width: 10em;
		width: 22%;
		vertical-align: top;
	}
	.backorder-issue img {
		display: none;
	}
	.backorder-issue * {
		margin: 0;
	}
	.backorder-issue .date {
		margin-bottom: 0.5em;
	}
	.sold-out {
		padding: 0 0.3em;
	}
	.backorder-issue label {
		display: block;
	}
	#backorder-amount table {
		border-style: solid;
		border-width: 1px 0;
		width: 100%;
	}
	#backorder-amount th,
	#backorder-amount td {
		padding: 0.3em 0;
	}
	#backorder-amount td {
		text-align: right;
	}
	/* MQ */
	.current-issue {
		padding-left: 220px;
		min-height: 270px;
	}
	.current-issue img {
		margin-left: -210px;
		width: 200px;
	}
	.preceding-issue {
		padding-left: 120px;
		min-height: 150px;
	}
	.preceding-issue img {
		margin-left: -120px;
		width: 100px;
	}
	.backorder-issue img {
		display: block;
		margin-bottom: 0.5em;
		width: 9em;
		height: auto;
	}
	
	
	#secondary > *,
	.triggers .trigger {
		margin-bottom: 1.8em;
	}
	#secondary > div,
	.triggers .trigger {
		padding-left: 2%;
		background: url(secondary-line.gif) repeat-y;
	}
    #secondary > .heading {
        margin-top: 13px;
        background: none;
    }
	#secondary h2,
	.triggers h2 {
		margin: 0 0 0.3em;
	}
	#secondary .tags li,
	.triggers .tags li {
		display: inline;
	}
	
	
	/* triggers */
	
	#triggers-middle,
	#triggers-bottom {
		clear: both;
	}
	
	#triggers-bottom {
		border-style: solid;
		border-width: 3px 0 0;
		padding: 2em 10px 0;
	}
	
	.trigger:after {
		clear: both;
		display: block;
		visibility: hidden;
		height: 0;
		content: ".";
	}
	
	#secondary .pre-h,
	.triggers .pre-h {
		margin: 0 0 0.3em;
	}
	
	.trigger p {
		margin: 0.6em 0;
	}
	
	/* trigger poll */
	.poll ul {
		margin: 0;
		list-style: none;
	}
	.poll li {
		position: relative;
		border-bottom: #EEE solid 1px;
		padding: 2px;
	}
	.poll li .option {
		position: relative;
		z-index: 2;
	}
	.poll li .count {
		position: absolute;
		z-index: 1;
		top: 2px;
		right: 2px;
	}
	.poll li .index {
		position: absolute;
		z-index: 0;
		top: 0;
		left: 0;
		width: 0;
		height: 100%;
		overflow: hidden;
		background: #80C5E6;
		line-height: 2em;
		text-indent: -9999em;
	}
	
	/* trigger upcoming events */
	.upcoming-events ul {
		position: relative;
		margin: 0;
		list-style: none;
	}
	
	.upcoming-events li {
		margin: 0.7em 0 0.7em 0.5em;
		padding-left: 51px;
	}
	
	.upcoming-events li * {
		display: block;
	}
	
	.upcoming-events .separator {
		display: none;
	}
	
	.upcoming-events .month-day {
		position: absolute;
		left: 0;
		margin-left: 0;
	}
	
	/* trigger tags */
	.article .tags li:after {
		content: ",";
	}
	.article .tags li:last-child::after {
		content: "";
	}
	.tags ul {
		padding-bottom: 3px;
		text-indent: 19px;
		background: url(sprite.png) -289px -650px no-repeat;
	}
	.tags h2,
	.tags p {
		margin: 0;
	}
	
	/* trigger newsletter */
	.newsletter p {
		margin-bottom: 0;
	}
	.newsletter .text {
		width: 90%;
	}
	
	/* trigger del.icio.us */
	.del-icio-us ul {
		margin: 0.4em 0;
		list-style: none;
	}
	.del-icio-us .pre-h a {
		padding-left: 17px;
		background: url(sprite.png) -291px -224px no-repeat;
	}
	
	/* trigger flickr */
	.flickr .images {
		margin: 0.4em 0;
	}
	.flickr .images:after {
		clear: both;
		display: block;
		visibility: hidden;
		height: 0;
		content: ".";
	}
	.flickr img {
		float: left;
		margin: 0 4px 4px 0;
		border-style: solid;
		border-width: 1px;
		width: 47px;
		height: 47px;
	}
	.flickr .pre-h a {
		padding-left: 20px;
		background: url(sprite.png) -287px -252px no-repeat;
	}
	
	/* trigger youtube */
	.youtube .pre-h a {
		padding-left: 26px;
		background: url(sprite.png) -282px -734px no-repeat;
	}
	.youtube .videos {
		margin: 0.4em 0;
	}
	.youtube .videos:after {
		clear: both;
		display: block;
		visibility: hidden;
		height: 0;
		content: ".";
	}
	.youtube .videos a {
		float: left;
		position: relative;
		margin: 0 4px 4px 0;
		border-style: solid;
		border-width: 1px;
		width: 63px;
		height: 47px;
		overflow: hidden;
	}
	.youtube img {
		width: auto;
		max-width: none;
		height: 47px;
	}
	
	
	.triggers .popular-articles {
		margin-left: 2.5%;
	}
	
	
	/* latest news */
	.latest-news .items ul {
		margin: 0;
		list-style: none;
	}
	.latest-news .items li {
		padding: 2px 0 3px;
		background: url(horizontal-line.gif) 0 100% repeat-x;
	}
	.latest-news .items p {
		margin: 0.3em 0 0;
	}
	.latest-news .publish-datetime {
		margin-right: 0.5em;
	}
	
	/* highlights */
	#highlights {
		position: relative;
	}
	#secondary #highlights {
		padding: 0;
		background-image: none;
	}
	#highlights:after,
	#highlights .item:after {
		clear: both;
		display: block;
		visibility: hidden;
		height: 0;
		content: ".";
	}
	#highlights h2 {
		position: absolute;
		right: 2%;
		top: 0.2em;
		margin: 0 5px 0 0;
	}
	#highlights h2 .tv {
		padding-right: 0.1em;
	}
	#highlights .item {
		padding: 0.5em 2% 1px;
	}
	#highlights .item h2,
	#highlights .item h3 {
		position: static;
		margin: 0 2% 0 0;
		padding-right: 100px;
	}
	#highlights .button {
		float: left;
		margin-right: 1px;
		padding: 0.2em 0.5em;
		cursor: pointer;
	}
	
	
	#personalbar {
		position: relative;
		z-index: 99;
	}
	
	#personalbar:after {
		clear: both;
		display: block;
		visibility: hidden;
		height: 0;
		content: ".";
	}
	
	.login,
	.personalbar-suppl-form {
		margin: 2px 0 0;
	}
	
	.login p,
	.login fieldset,
	.login .fieldrow,
	.personalbar-suppl-form p {
		display: inline-block;
		margin: 0;
		vertical-align: top;
	}
	
	.personalbar-suppl-form .fieldrow {
		margin: 4px 0;
	}
	
	.login p,
	.personalbar-suppl-form p {
		padding-top: 1px;
	}
	
	.login .pre-input,
	.personalbar-suppl-form .pre-input {
		position: absolute;
	}
	
	.login .input,
	.personalbar-suppl-form .input {
		width: auto;
	}
	
	.login .text,
	.personalbar-suppl-form .text {
		padding: 0.1em 0.3em 0.2em;
	}
	
	.login .name .text,
	.personalbar-suppl-form .text {
		width: 16em;
	}
	
	.login .password .text,
	.personalbar-suppl-form .password .text {
		width: 7em;
	}
	
	.login .checkbox {
		margin-right: 0;
		vertical-align: -25%;
	}
	
	.personalbar-suppl-form .checkbox {
		margin-right: 0;
		vertical-align: -10%;
	}
	
	.login .remember label {
		position: relative;
		top: -2px;
	}
	
	.login .submit,
	.forgot .submit {
		border: none;
		padding: 0 0 0 8px;
		width: 10px;
		height: 17px;
		overflow: hidden;
		color: rgba(255,255,255,0);
		background: url(sprite.png) no-repeat -292px -434px;
		font: 0/0 sans-serif;
		cursor: pointer;
		vertical-align: bottom;
	}
	
	.register .submit {
		border: none;
		padding: 0 0 0 12px;
		background: url(sprite.png) no-repeat -292px -434px;
		cursor: pointer;
	}
	
	.js-enhanced .personalbar-suppl-form .heading {
		cursor: pointer;
	}
	
	#personalbar .collapsed fieldset {
		position: absolute;
		top: -9999em;
		left: -9999em;
	}
	
	#personalbar .user {
		float: right;
		margin-top: 2px;
        width: 50%;
        text-align: right;
	}
	
	#personalbar .avatar {
		margin-right: 2px;
		vertical-align: -35%;
	}
	
	#personalbar ul {
		margin: 3px 0 0;
		list-style: none;
	}
	
	#personalbar li {
		display: inline;
		margin-left: 8px;
		border-style: solid;
		border-width: 0 0 0 1px;
		padding-left: 8px;
	}
    
    .gallery th {
        padding-right: 10px;
    }
	
	#nav {
		position: relative;
		z-index: 100;
		border-top: #CB0000 solid 1px;
		border-bottom: #4E5A53 solid 1px;
		background: #99181D url(nav.png) 0 100% repeat-x;
	}
	#nav:after {
		clear: both;
		display: block;
		visibility: hidden;
		height: 0;
		content: ".";
	}
	

	#nav a,
	#nav .search .submit {
		color: #DDD;
		text-decoration: none;
	}
	
	#nav .frontpage,
	#nav .search {
		float: left;
	}
	#nav .frontpage a,
	#nav .search,
	#nav .supplementary {
		min-height: 2.25em;
	}
	#nav .supplementary {
		float: right;
		white-space: nowrap;
	}
	
	#nav .frontpage {
		margin: 0;
		border-style: solid;
		border-width: 0 1px;
		border-left-color: #7A1316;
		border-right-color: #A43337;
	}
	
	#nav .frontpage a {
		display: block;
		border-style: solid;
		border-width: 0 1px;
		border-right-color: #7A1316;
		border-left-color: #A43337;
		width: 44px;
		background: url(frontpage.gif) 50% 50% no-repeat;
		text-indent: -9999em;
		outline: none;
	}
	
	#nav .search {
		border-style: solid;
		border-width: 0 1px 0 0;
		border-color: #7A1316;
	}
	
	#nav .search .fieldrow {
		position: relative;
		margin: 0.25em 0 0 15px;
	}
	
	#nav .search .pre-input {
		position: absolute;
		top: 50%;
		left: 4px;
		margin-top: -6px;
		width: 12px;
		height: 12px;
		background: url(sprite.png) 0 -188px no-repeat;
		overflow: hidden;
		text-indent: -9999em;
	}
	
	#nav .search .input {
		display: block;
	}
	
	#nav .search .text {
		padding-left: 23px;
		width: 9em;
	}
	
	#nav .search .submit {
		position: relative;
		top: 0.1em;
		margin: 0;
		border: none;
		padding: 0 15px;
		background: url(sprite.png) -289px -434px no-repeat;
		font-size: 140%;
		font-weight: bold;
		cursor: pointer;
	}
	
	#nav .browse {
		clear: left;
		border-style: solid;
		border-width: 0 1px;
		border-right-color: #7A1316;
		border-left-color: #A43337;
	}
	
	#to-nav-browse {
		display: block;
		border-style: solid;
		border-width: 0 1px 0 0;
		border-right-color: #A43337;
		padding: 0.25em 30px 0 15px;
		min-height: 1.6em;
		background: url(sprite.png) 107% -398px no-repeat;
		font-size: 120%;
		font-weight: bold;
	}
	
	#nav-browse {
		display: none;
	}
	#nav .browse:hover #nav-browse,
	#to-nav-browse:hover + #nav-browse,
	#to-nav-browse:focus + #nav-browse {
		display: block;
	}
	
	#nav-browse .parents,
	#nav-suggestions ul,
	#nav-suggestions p {
		margin: 0;
		border-style: solid;
		border-width: 0 1px;
		padding: 1% 1.8%;
	}
	#nav-browse li,
	#nav-suggestions li {
		margin-bottom: 0.6em;
		padding-left: 50px;
		min-height: 3.8em;
	}
	#nav-browse li a,
	#nav-suggestions li a {
		display: block;
	}
	#nav-browse img,
	#nav-suggestions img {
		position: absolute;
		margin: 0.3em 0 0 -50px;
		border-style: solid;
		border-width: 1px;
		width: 38px;
		height: 38px;
	}
	#nav-browse li ul {
		column-count: 0;
		column-gap: 0;
		padding: 0.4em 0 0.2em;
	}
	#nav-browse li li {
		margin-bottom: 0.2em;
		min-height: 0;
		background-position: 0 3px;
	}
	#nav-browse li li a {
		display: inline;
	}
	
	#nav .supplementary ul {
		margin: 0.5em 0 0;
	}
	
	#nav .supplementary li {
		display: inline;
		margin-left: 0.2em;
		border-style: solid;
		border-width: 0 0 0 1px;
		border-color: #A43337;
	}
	#nav .supplementary a {
		border-style: solid;
		border-width: 0 0 0 1px;
		border-color: #7A1316;
		padding-left: 0.3em;
	}
	#nav .supplementary .first,
	#nav .supplementary .first a {
		border: none;
	}
	
	/* footer */
	#footer {
		position: relative;
	}
	
	#footer .nav {
		padding-top: 26px;
	}
	#footer .nav ul {
		margin: 0;
		list-style: none;
		display: table;
	}
	#footer .nav li {
		display: table-row;
	}
	#footer .nav strong,
	#footer .nav li ul {
		display: table-cell;
		padding: 0 0.5em 0.25em 0;
		overflow: hidden;
	}
	#footer .nav li li {
		display: inline;
		margin: 0 0.4em 0 -0.5em;
	}
	#footer .nav li li a {
		margin-right: 0.3em;
		border-style: solid;
		border-width: 0 0 0 1px;
		padding-left: 0.5em;
	}
	
	#footer .clipboard a {
		float: right;
		width: 57px;
		height: 68px;
		overflow: hidden;
		background: url(sprite.png) -220px -48px no-repeat;
		text-indent: -9999em;
	}
	
	#bottom {
		padding-top: 1px;
		min-height: 86px;
	}
	#bottom .clipboard {
		margin-top: 24px;
		padding-top: 18px;
	}
	#bottom .disclaimer {
		margin-left: 0.3em;
		border-style: solid;
		border-width: 0 0 0 1px;
		padding-left: 0.6em;
	}
	
	/* search result page */
	.search h1 .separator {
		display: none;
	}
	.search h1 i {
		display: block;
		margin-top: 0.8em;
		font-size: 46.67%;
		font-style: normal;
		font-weight: normal;
		letter-spacing: normal;
	}
	
	/* product comparison page */
	.product-comparison table {
		margin-top: 2em;
		width: 100%;
	}
	.product-comparison table.product-count-1,
	.product-comparison table.product-count-2,
	.product-comparison table.product-count-3 {
		width: auto;
	}
	.product-comparison th,
	.product-comparison td {
		padding: 0 40px 0.2em 0;
	}
	.product-comparison th {
		padding-right: 3em;
		width: 1px;
		font-weight: bold;
		color: #757C81;
	}
	.product-comparison .products th {
		width: auto;
		font-weight: normal;
		color: #99181D;
	}
	.product-comparison .products .first,
	.product-comparison .category .first {
		visibility: hidden;
	}
	.product-comparison .products th * {
		display: block;
	}
	.product-comparison .products a {
		margin: 0.6em 0 0.4em;
		padding-left: 11px;
		background: url(sprite.png) -295px -314px no-repeat;
		color: #757C81;
		text-decoration: none;
	}
	.product-comparison .products a:hover {
		color: #99181D;
		text-decoration: underline;
	}
	.product-comparison .category img {
		display: block;
		border: #B6B6B6 solid 1px;
		width: 150px;
		height: 150px;
	}
	.product-comparison .category th,
	.product-comparison .category td {
		padding-top: 1em;
		background: url(table-line.gif) 100% 0.3em no-repeat;
		color: #000;
	}
	
	/* faq */
	.faq {
		margin: 1em 0 2em;
		list-style: none;
	}
	.faq li {
		margin: 0.4em 0;
		padding-left: 10px;
		background: url(more-red.png) 0 3px no-repeat;
	}
	.faq span {
		margin: 0.4em 0 1em;
		display: block;
	}
	
	/* banners */
	
	html #container .banner {
		padding: 0;
		max-width: 100%;
		background: none;
	}
	html #container .banner * {
		display: block;
		max-width: 100%;
	}
	html #container .banner script {
		display: none;
	}
	.article #secondary .banner {
		margin-right: 0;
		margin-left: 0;
	}
	.banner-rect-250 {
		width: 250px;
	}
	html #container .banner-rect-336 {
		width: 336px;
		max-width: 336px;
	}
	.banner-skyscraper {
		width: 120px;
	}
	.banner-full {
		width: 468px;
	}
	.banner-leaderboard {
		width: 728px;
	}
	#container.article .banner-adsense {
		margin-top: 12px;
		border-style: solid;
		border-width: 1px 0 0;
		padding: 7px 0;
	}
	
}

/* small view space (netbook, internet tablet, sd tv, viewport 672px+ wide at normal zoom and text size) */
@media screen and (min-width: 42em),
		handheld and (min-width: 42em),
		projection and (min-width: 42em) {
	
	#container {
		border-style: solid;
		border-width: 0 1px;
	}
	
	#top {
		height: 92px;
	}
	
	#logo {
		position: relative;
		margin: 0;
		top: 32px;
	}
	
	#top .beta {
		top: 50px;
		right: auto;
		left: -8px;
	}
	
	#leader {
		position: relative;
		top: 2px;
		margin: 4em 0 -4em;
		min-height: 180px;
	}
	#leader .primary {
		float: left;
		width: 50.393%;
	}
	#leader .secondary {
		float: right;
		width: 45.5%;
		min-height: 130px;
	}
	
	
	#main {
		position: relative;
		top: 2px;
		margin-top: 4em;
		padding-top: 2.5em;
		padding-bottom: 1.5em;
		min-height: 16em;
	}
	.frontpage #main {
		top: 183px;
		margin-bottom: 183px;
		border-style: solid;
		border-width: 1px 0 0;
		/* black:
		border-style: solid;
		border-width: 182px 0 0;
		*/
	}
	
	#video:after {
		clear: both;
		display: block;
		visibility: hidden;
		height: 0;
		content: ".";
	}
	
	#primary,
	#triggers-middle-left {
		float: left;
	}
	#primary,
	.article-type-7 #main #primary,
	.category-layout-2 #primary .intro,
	#triggers-middle-left {
		width: 50.393%;
	}
	.article #primary,
	.article-type-5 .lead {
		width: 58%;
	}
	.article-type-5 #primary {
		width: 48.5%;
	}
	.frontpage #primary {
		margin-top: -2.5em;
	}
	
	.category-layout-1 #no-intro-pagination {
		margin: 0 0 -1.1em;
	}
	.category-layout-1 #no-intro-pagination .pages {
		position: relative;
		z-index: 1;
		margin-top: -2.25em;
	}
	.category-layout-2 #primary {
		float: none;
		width: auto;
	}
	.category-layout-2 #primary .intro {
		margin-bottom: -1.7em;
	}
	
	#spotlight {
		position: relative;
		margin: -182px 0 0; /* height of #leader */
		border: none;
		padding: 1px 0 0;
		min-height: 181px;
		font-weight: bold;
	}
	#spotlight.enhanced li {
		position: absolute;
		top: 0;
		margin-top: 11px;
		width: 29.047%;
		overflow: visible;
	}
	#spotlight .type {
		display: block;
		margin: 0.5em 0;
	}
	#spotlight img {
		display: block;
		border-style: solid;
		border-width: 1px;
	}
	#spotlight .detail {
		display: none;
	}
	#spotlight strong {
		display: block;
		margin-right: 4em;
		font-size: 180%;
	}
	#spotlight .more {
		float: right;
		margin-top: -1.5em;
	}
	#spotlight.enhanced .caption .separator,
	#spotlight strong,
	#spotlight .more {
		position: absolute;
		top: -9999em;
		left: -9999em;
	}
	#spotlight .reflection {
		display: block;
		margin: 0 0 0 1px;
		border: none;
		width: 100%;
		height: 24px;
		opacity: 0.3;
	}
	#spotlight img.reflection {
		height: auto;
	}
	
	#spotlight .number-2 {
		left: 103%;
	}
	#spotlight .number-3 {
		left: 135.5%;
	}
	#spotlight .number-4 {
		left: 168%;
	}
	
	#spotlight.enhanced .number-1 {
		position: static;
		margin-bottom: 0;
		border-style: solid;
		border-width: 1px;
		width: auto;
		-o-box-shadow: 0 10px 25px rgba(0,0,0,0.15);
		-moz-box-shadow: 0 10px 25px rgba(0,0,0,0.15);
		-webkit-box-shadow: 0 10px 25px rgba(0,0,0,0.15);
		box-shadow: 0 10px 25px rgba(0,0,0,0.15);
	}
	#spotlight .number-1 .caption {
		position: absolute;
		bottom: 1px;
		right: 1px;
		left: 1px;
		padding: 0.3em 3% 0.7em;
		background: url(white-trans.png);
	}
	#spotlight .number-1 .type {
		border: none;
		padding: 0;
	}
	#spotlight .number-1 strong, #spotlight .number-1 .more {
		position: static;
	}
	#spotlight .number-1 img {
		border: none;
	}
	#spotlight .number-1 .detail {
		display: block;
	}
	#spotlight .number-1 .detail img {
		margin-bottom: 0;
	}
	#spotlight .number-1 .reflection {
		position: absolute;
		top: -9999em;
		left: -9999em;
	}
	
	#video {
		padding-right: 1.6%;
		padding-left: 1.6%;
	}
	
	#primary .intro {
		margin-top: 0;
	}
	
	.article-list {
		margin: 0 0 1em;
	}
	
	.category-layout-2 .pagination {
		margin-right: 1.4%;
	}
	
	#article-options li {
		float: left;
		margin-right: 30px;
	}
	
	.article-lead {
		padding-left: 93px;
	}
	.category-layout-2 .article-lead {
		display: -moz-inline-box;
		-moz-box-orient: vertical;
		display: inline-block;
		margin-left: 1.4%;
		padding: 0.4em 0;
		width: 23%;
		vertical-align: top;
	}
	.category-layout-2 .article-lead h3 {
		margin: 0;
	}
	.category-layout-2 .article-lead .title {
		display: block;
		margin: 0 3%;
		padding-top: 0.1em;
		min-height: 2.6em;
	}
	.category-layout-2 .article-lead .image {
		display: block;
		position: relative;
		top: 0;
		margin: 0.4em 0 0.4em 3%;
		width: auto;
	}
	.article-lead .image,
	.article-lead .image img {
		width: 93px;
	}
	.category-layout-2 .article-lead .image img {
		width: 205px;
	}
	.article-lead .inset {
		bottom: -5px;
		left: -5px;
	}
	.category-layout-2 .article-lead .image .inset img {
		width: auto;
	}
	.category-layout-2 .article-lead .lead-text {
		border: none;
	}
	.category-layout-2 .article-lead .article-meta {
		text-align: left;
	}
	.category-layout-2 .article-lead .article-meta .category {
		display: none;
	}
	
	.article-type-2 #article h1 {
		margin-top: 1.5em;
	}
	
	#article p.add-comparison {
		position: absolute;
		top: 3.1em;
		right: 42.7%;
		margin: 0 6em 0 0;
	}
	
	#generic-options {
		position: absolute;
		top: 0;
		right: 1.2%;
		left: 1.2%;
	}
	#generic-options p {
		margin: 0;
	}
	#generic-options ul {
		float: right;
	}
	#generic-options .print {
		position: absolute;
		top: 3.1em;
		right: 42.7%;
	}
	.article-type-5 #generic-options .print {
		right: 0.7%;
	}
	#generic-options .back,
	#generic-options .path {
		float: left;
	}
	#generic-options .back {
		margin-right: 1.4em;
	}
	
	.comment {
		position: relative;
		padding-left: 70px;
		min-height: 60px;
	}
	.comment .info {
		float: left;
	}
	.comment .avatar {
		position: absolute;
		top: 0;
		left: 0;
		width: 60px;
		height: 60px;
	}
	.ham-or-spam {
		position: absolute;
		right: 0;
	}
	.comment p {
		clear: left;
	}
	
	
	/* profile pages */
	.profile-avatar {
		position: absolute;
		left: 380px;
		margin-top: -20px;
	}
	
	
	#secondary,
	.article-type-5 #highlights,
	#triggers-middle-right {
		float: right;
		position: relative;
	}
	#secondary,
	.article-type-7 #main #secondary,
	#triggers-middle-right {
		width: 49.607%;
	}
	.article #secondary {
		margin-right: 12.55%;
		padding-right: 1.5%;
		width: 27.95%;
	}
	.article-type-7 #main #secondary {
		margin-right: 0;
		padding: 1em 0 0 0;
	}
	.article-type-5 #secondary {
		/* full width (2 triggers per row):
		margin-right: 0;
		padding-right: 0;
		width: 51.35%;*/
		margin-right: 14.4%;
		padding-right: 0;
		width: 37%;
	}
	.article-type-5 #highlights {
		margin: 1em 0;
		width: 50.1%;
	}
	.frontpage #secondary {
		margin-top: -1.5em;
	}
	
	#secondary .latest-news,
	#highlights,
	#secondary .trigger,
	.article #secondary .banner,
	.websiteuserauth #secondary .banner,
	#secondary .popular-articles,
	.triggers .trigger {
		margin-left: 2.5%;
	}
	.article-type-7 #main #secondary .banner {
		margin-left: 0;
	}
	
	.frontpage .trigger.format-1,
	.category .trigger.format-1,
	/*.article-type-5 .trigger.format-1,*/
	.article-type-7 .trigger.format-1 {
		display: -moz-inline-box;
		-moz-box-orient: vertical;
		display: inline-block;
		width: 45%;
		vertical-align: top;
	}
	
	#triggers-bottom .trigger {
		margin-left: 1.2%;
	}
	
	#triggers-bottom .trigger.format-1 {
		width: 21.5%;
	}
	
	#secondary .trigger,
	#secondary .latest-news,
	.triggers .trigger,
	x:-moz-any-link { /* FF2 */
		padding-left: 6px;
	}
	
	
	#personalbar {
		position: absolute;
		top: 94px;
		margin-top: 2.25em;
		right: 0;
		left: 0;
		height: 1.75em;
		-webkit-padding-right: 11px;
		-o-box-shadow: 0 5px 10px rgba(0,0,0,0.1);
		-moz-box-shadow: 0 5px 10px rgba(0,0,0,0.1);
		-webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.1);
		box-shadow: 0 5px 10px rgba(0,0,0,0.1);
	}
	
	#personalbar h2 {
		float: left;
		margin: 3px 0 0;
	}
	
	.personalbar-suppl-form {
		float: right;
	}
	
	#personalbar .forgot {
		margin-right: 8px;
	}
	
	.personalbar-suppl-form .heading {
		padding-right: 8px;
		padding-left: 8px;
	}
	
	#personalbar .expanded .heading {
		padding-bottom: 4px;
	}
	
	#personalbar .expanded fieldset {
		position: absolute;
		top: 100%;
		padding: 5px 9px;
		-webkit-padding-right: 11px;
		-o-box-shadow: 0 10px 25px rgba(0,0,0,0.2);
		-moz-box-shadow: 0 10px 25px rgba(0,0,0,0.2);
		-webkit-box-shadow: 0 10px 25px rgba(0,0,0,0.2);
		box-shadow: 0 10px 25px rgba(0,0,0,0.2);
	}
	
	#personalbar .login {
		float: right;
	}
	
	.something-expanded .login {
		opacity: 0.5;
	}
	
	
	#nav {
		position: absolute;
		top: 92px;
		right: 0;
		left: 0;
		height: 2.25em;
	}
	
	#nav .search .text {
		width: 26em;
	}
	
	#nav .browse {
		clear: none;
		float: left;
	}
	
	#nav-browse,
	#nav-suggestions {
		display: block;
		position: absolute;
		top: 2.25em;
		right: 3.6%;
		left: 3.6%;
		border-style: solid;
		border-width: 0 0 1px;
		padding-top: 2px;
		-o-box-shadow: 0 10px 25px rgba(0,0,0,0.2);
		-moz-box-shadow: 0 10px 25px rgba(0,0,0,0.2);
		-webkit-box-shadow: 0 10px 25px rgba(0,0,0,0.2);
		box-shadow: 0 10px 25px rgba(0,0,0,0.2);
	}
	
	#nav-browse {
		margin-top: -32767px; /* lowest possible value */
	}
	
	#nav .browse:hover #nav-browse,
	#to-nav-browse:focus + #nav-browse,
	#nav .browse:focus #nav-browse,
	#nav-suggestions {
		margin-top: -1px;
	}
	
	#nav-browse ul,
	#nav-suggestions ul {
		column-count: 3;
		column-gap: 20px;
	}
	
	#nav-browse ul > *,
	#nav-suggestions ul > * {
		page-break-inside: avoid;
	}
	
	#footer {
		border-style: solid;
		border-width: 3px 0 0;
	}
	
	#footer .nav {
		padding-right: 100px;
	}
	
	#footer .clipboard a {
		position: absolute;
		right: 40px;
		bottom: 0;
	}
	
	
	/* banners */
	.article-list .banner div {
		padding: 4px;
	}
	#secondary .banner * {
		margin: 0 auto;
	}
	#secondary .banner-rect-336 * {
		margin: 0;
	}
	.article #secondary .banner-skyscraper {
		position: absolute;
		left: 100%;
		margin-left: 0;
		width: 42.5%;
	}
	.article #secondary .banner-rect-250 {
		float: right;
	}
	.article #secondary .tags {
		clear: right;
	}
	#secondary .banner-full {
		position: relative;
		right: 0;
		left: 6px;
		margin-right: auto;
		margin-left: auto;
	}
	.banner-leaderboard {
		position: absolute;
		top: 1px;
		right: 0;
		left: 252px;
		width: auto;
	}
	.category-layout-2 .banners:after {
		clear: both;
		display: block;
		visibility: hidden;
		height: 0;
		content: ".";
	}
	.category-layout-2 .banner-full {
		float: left;
	}
	.category-layout-2 .banner-adsense {
		float: right;
	}
	
}


/* viewport 980px+ wide at normal zoom and text size */
@media screen and (min-width: 61.25em),
		handheld and (min-width: 61.25em),
		projection and (min-width: 61.25em) {

	#secondary .trigger,
	#secondary .latest-news,
	.triggers .trigger,
	x:-moz-any-link { /* FF2 */
		padding-left: 9px;
	}

}


/* larger view spaces (pc, notebook, larger screen, viewport 1032px+ wide at normal zoom and text size) */
@media screen and (min-width: 64.5em),
		handheld and (min-width: 64.5em),
		projection and (min-width: 64.5em) {
	
	#container {
		background: none;
	}
	
	#container {
		box-content: border-box;
		border: none;
		padding-right: 32px;
		padding-left: 32px;
		max-width: 87em; /* 1044/12 */
		background: url(side-left-grey.png) repeat-y,
			#FFF url(side-right-grey.png) 100% 0 repeat-y;
	}
	
	#personalbar,
	#nav {
		right: 32px;
		left: 32px;
	}
	
	.banner-leaderboard {
		right: 32px;
		left: 284px;
	}
	
	#top .beta {
		left: 15px;
	}
	
}


@media print {

	#top,
	#personalbar,
	#nav,
	#article .pagination,
	object,
	embed,
	#article-options,
	#generic-options,
	#post-comment,
	#secondary,
	#footer,
	#bottom,
	.banner {
		display: none;
	}
	
	#main,
	#article {
		border: none;
		margin: 0;
		padding: 0;
	}
	
	#article h1 {
		margin-top: 0;
	}
	
	#sections .section {
		display: block !important;
	}

}