/*	Theme Name: Phisick
	Author: Chris Sealey
	Copyright 2011 @51bits

	fonts:
		'Droid Sans'
		'Droid Sans Mono'
		'Droid Serif'

	colors:
		light red: ff3c3b
		dark red: b61817

/*--global reset--*/

* {
	border: 0;
	padding: 0;
	margin: 0;
	}
html, body {
	width: 100%;
	}
html {
	overflow-y: scroll;
	overflow-x: hidden;
	}
a img {
	border: none;
	outline: none;
	}
a {
	text-decoration: none;
	outline: none;
	}
ul, ol {
	list-style: none;
	}
input, textarea {
	outline: none;
	resize: none;
	}
small, cite {
	font-size: inherit;
	}
header, section, aside, hgroup, footer, nav, time, menu, article, img {
	display: block;
	}
#omnibar::-webkit-search-decoration,
#omnibar::-webkit-search-cancel-button,
#omnibar::-webkit-search-results-button,
#omnibar::-webkit-search-results-decoration {
	display: none;
	}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	margin: 0;
		-webkit-appearance: none;
	}

/*--enhancements and animations--*/

::selection {
	background: #ff3c3b;
	color: #fff;
	}
@-webkit-keyframes 'pop-down' {
	0% {
		-webkit-transform: translateY(-10px) scale(0);
		opacity: 0;
		}
	20% {
		-webkit-transform: translateY(2px) scale(1.05);
		opacity: 1;
		}
	25%, 80%, 100% {
		-webkit-transform: translateY(0) scale(1);
		opacity: 1;
		}
	}
@-webkit-keyframes 'slide-in' {
	0% {
		opacity: 0;
			-webkit-transform: translateX(-200px);
		}
	80% {
		opacity: .5;
			-webkit-transform: translateX(10px);
		}
	100% {
		opacity: 1;
			-webkit-transform: translateX(0);
		}
	}

/*--typography--*/

body {
	font: 13px/18px 'Droid Sans', helvetica, arial, sans-serif;
	color: #78787b;
		-webkit-font-smoothing: subpixel-antialiased;
	overflow: hidden;
	}
h1 {
	font: normal 28px/32px 'Droid Serif', georgia, times, serif;
	color: #222;
	}
a:link, a:visited {
	color: #b61817;
	}
a:hover {
	color: #ff3c3b;
	}
a:active {
	color: #7b1110;
	}

/*--core--*/

html {
	background: url(assets/images/bg.jpg) center;
	}
#page {
	max-width: 960px;
	margin: 0 auto;
	padding-top: 70px;
	}
#page::after {
	display: block;
	content: '';
	clear: both;
	}
#sidebar {
	position: relative;
	width: 160px;
	margin: 31px 10px;
	float: left;
		-moz-user-select: -moz-none;
		-webkit-user-select: none;
	user-select: none;
	}
#data {
	width: 780px;
	margin: 30px 0;
	float: right;
	}
#data hgroup {
	padding: 36px 20px 30px;
	text-align: center;
	}
#data hgroup h2 {
	font: normal 16px/22px 'Droid Serif', georgia, times, serif;
	color: #78787b;
	margin-top: 15px;
	}
#data footer {
	padding: 0 5px;
	}
#data footer::after {
	display: block;
	content: '';
	clear: both;
	}
#data footer .metadata > * {
	margin-top: 10px !important;
	}
#data footer menu.active {
		-webkit-border-radius: 0 0 3px 3px;
		-moz-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px;
	}
#data footer menu ol {
	bottom: 24px;
		-webkit-border-radius: 3px 3px 0 0;
		-moz-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
		-webkit-box-shadow: 0 -5px 10px rgba(0,0,0, .2);
		-moz-box-shadow: 0 -5px 10px rgba(0,0,0, .2);
	box-shadow: 0 -5px 10px rgba(0,0,0, .2);
	}
#page small {
	font-size: 12px;
	line-height: 16px;
	text-align: center;
	width: 760px;
	padding-left: 180px;
	margin: 0 10px 30px;
	float: right;
	}
#page small a {
	color: #333;
	}
#page small a:hover {
	color: #78787b;
	}
menu,
#google_translate_element select {
	position: relative;
	background: #ececec url(assets/images/bg-menu.svg) right 50% repeat-x;
	border: 1px solid #999;
	border-color: rgba(0,0,0, .4);
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
	border-radius: 3px;
		-webkit-box-shadow: 0 1px 1px rgba(0,0,0, .1);
		-moz-box-shadow: 0 1px 1px rgba(0,0,0, .1);
	box-shadow: 0 1px 2px rgba(0,0,0, .1);
	font-size: 12px;
	white-space: nowrap;
	margin: 10px 20px 10px 0;
		-moz-user-select: -moz-none;
		-webkit-user-select: none;
	user-select: none;
	}
#google_translate_element {
	position: relative;
	top: -1px;
	height: 30px;
	overflow: hidden;
	}
#google_translate_element select {
	display: block;
	color: #616161;
	width: 140px;
	height: 26px;
	padding: 4px 7px;
	margin: 0;
	cursor: pointer;
		-webkit-appearance: none;
		-webkit-box-sizing: border-box !important;
		-moz-box-sizing: border-box !important;
	box-sizing: border-box !important;
	}
#google_translate_element select + * {
	display: none !important;
	}
#google_translate_element  select:focus {
	outline: none;
	}
#goog-gt-tt {
	display: none !important;	
	}
.goog-text-highlight {
	position: static !important;
	background: none !important;
		-webkit-box-shadow: none !important;
		-moz-box-shadow: none !important;
	box-shadow: none !important;
		-webkit-box-sizing: content-box !important;
		-moz-box-sizing: content-box !important;
	box-sizing: content-box !important;
	}
menu.active {
		-webkit-border-radius: 3px 3px 0 0;
		-moz-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
	}
menu > a {
	display: block;
	color: #616161;
	text-transform: uppercase;
	white-space: nowrap;
	padding: 3px 34px 3px 7px;
	cursor: pointer;
	}
menu > a:hover,
menu li:hover {
	background: rgba(255,255,255, .4);
	color: #333;
	}
menu ol {
	display: none;
	position: absolute;
	left: -1px;
	background: #ECECEC;
	border: 1px solid #999;
		-webkit-border-radius: 0 0 3px 3px;
		-moz-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px;
		-webkit-box-shadow: 0 5px 10px rgba(0,0,0, .2);
		-moz-box-shadow: 0 5px 10px rgba(0,0,0, .2);
	box-shadow: 0 5px 10px rgba(0,0,0, .2);
	min-width: 100%;
	width: auto;
	z-index: 10;
	}
menu.active ol {
	display: block;
	}
menu li {
	display: block;
	color: #616161 !important;
	white-space: nowrap;
	padding: 1px 7px;
	cursor: pointer;
	}
menu li.split {
	border-bottom: 1px solid #999;
	}
menu li:first-child,
menu form + li,
menu li.split + li {
	padding-top: 3px !important;
	}
menu li:last-child {
	padding-bottom: 3px !important;
	}
menu li.child {
	position: relative;
	padding-left: 20px;
	}
menu li.child em {
	position: absolute;
	left: 7px;
	top: 2px;
	background: url(assets/images/icon-child.svg);
	text-indent: -9999px;
	width: 10px;
	height: 10px;
	}
menu form {
	display: block;
	border-bottom: 1px solid #ccc;
	color: #616161 !important;
	white-space: nowrap;
	cursor: pointer;
	padding: 5px 0;
	}
menu form label {
	position: relative;
	display: block;
	padding: 1px 7px 1px 30px;
	cursor: pointer;
		-moz-user-select: -moz-none;
		-webkit-user-select: none;
	user-select: none;
	}
menu form label:hover {
	background: rgba(255,255,255, .1);
	}
menu form input[type="checkbox"] {
	position: absolute;
	left: 10px;
	top: 50%;
	width: 12px;
	height: 12px;
	margin-top: -6px;
	}
menu form em {
	font-style: normal;
	}
menu input[type="reset"] {
	display: none;
	position: absolute;
	left: -25px;
	top: 50%;
	background: url(assets/images/reset-small.svg);
	border: 5px solid #fff;
	font-size: 0;
	color: #231f20;
	text-indent: -9999px;
	width: 20px;
	height: 20px;
	margin-top: -10px;
	cursor: pointer;
	}
menu input[type="reset"]:hover {
	background-position: 0 -10px;
	}
menu input[type="reset"]:active {
	margin-top: -9px;
	}
menu.current input[type="reset"] {
	display: block;
	}

/*--header--*/

#primary {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	background: #222 url(assets/images/bg-header.jpg) center;
	border-bottom: 10px solid #b61817;
	width: 100%;
	height: 60px;
		-moz-user-select: -moz-none;
		-webkit-user-select: none;
	user-select: none;
	z-index: 1000;
		-webkit-transition: -webkit-box-shadow 1.5s ease-out;
		-moz-transition: -webkit-box-shadow 1.5s ease-out;
	transition: box-shadow 1.5s ease-out;
	}
.translated-ltr #primary,
.translated-rtl #primary {
	top: 40px;
	}
#primary.active {
		-webkit-box-shadow: 0 2px 10px rgba(0,0,0, .3);
		-moz-box-shadow: 0 2px 10px rgba(0,0,0, .3);
	box-shadow: 0 2px 10px rgba(0,0,0, .3);
	}
#primary nav {
	max-width: 960px;
	height: 100%;
	margin: 0 auto;
	}
#primary hgroup {
	float: left;
	}
#primary h1 {
	white-space: nowrap;
	margin: 10px 0;
	float: left;
	}
#primary h1 a {
	display: block;
	font: 22px/30px 'Droid Sans', helvetica, arial, sans-serif;
	color: #ff3c3b;
	text-transform: uppercase;
	white-space: nowrap;
	padding: 5px 15px 5px 10px;
		-webkit-transition: text-shadow .5s ease;
		-moz-transition: text-shadow .5s ease;
	transition: text-shadow .5s ease;
	}
#primary h1 a:hover {
	color: #b61817;
	}
#primary h1 a:active {
	padding-top: 6px;
	padding-bottom: 4px;
	}
#primary h2 {
	border-left: 1px solid #333;
	border-color: rgba(255,255,255, .15);
	margin: 10px 0;
	float: left;
	cursor: default;
	}
#primary h2, #primary li a {
	font: 14px/18px 'Droid Sans', helvetica, arial, sans-serif;
	color: #fff;
	text-transform: uppercase;
	padding: 11px 10px;
	}
#primary ul {
	float: right;
	}
#primary li {
	margin: 10px 0;
	float: left;
	}
#primary li a {
	display: block;
	color: #b8b8b8;
		-webkit-transition: color .1s ease;
		-moz-transition: color .1s ease;
	transition: color .1s ease;
	}
#primary li a:hover {
	color: #fff;
	}
#primary li a:active {
	color: #fff;
	padding-top: 12px;
	padding-bottom: 10px;
	}
#primary li.current a {
	position: relative;
	color: #fff;
	}
#primary li.current a::after {
	content: '';
	position: absolute;
	left: 50%;
	bottom: -17px;
	background: url(assets/images/nav-current.svg);
	width: 14px;
	height: 14px;
	margin-left: -7px;
	}

/*--sidebar--*/

#sidebar > #reset,
#sidebar > #logout {
	display: none;
	position: absolute;
	right: 20px;
	top: -23px;
	font-size: 10px;
	line-height: 13px;
	color: #f00;
	text-transform: uppercase;
	}
#sidebar > #logout {
	display: block;
	left: 0;
	right: auto;
	}
#sidebar > #reset:hover,
#sidebar > #logout:hover {
	color: #b61817;
	}
#sidebar > #reset:active,
#sidebar > #logout:active {
	padding-top: 1px;
	}
#sidebar > #reset.active {
	display: block;
	}
#sidebar ul {
	border-bottom: 1px solid #dcdcdc;
	padding-bottom: 15px;
	margin: 11px 0 20px;
	}
.item #sidebar ul,
.article #sidebar ul,
.page #sidebar ul {
	border-bottom: none;
	}
#sidebar ul li.loading,
#sidebar ul li.current {
	margin: -1px 0;
	}
#sidebar ul li a {
	background: url(assets/images/loading-filter.gif) -9999px no-repeat;
	position: relative;
	display: block;
	line-height: 26px;
	color: #333;
	}
#sidebar ul li a:hover {
	color: #1c8ef0;
	}
#sidebar ul li.loading a,
#sidebar ul li.current a {
	background: #f7f7f7;
	background: rgba(0,0,0, .03);
	border: 1px solid #999;
	border-color: rgba(0,0,0, .4);
	border-right: none;
		-webkit-border-radius: 3px 0 0 3px;
		-moz-border-radius: 3px 0 0 3px;
	border-radius: 3px 0 0 3px;
	color: #333 !important;
	padding-left: 5px;
	margin-left: -6px;
	}
#sidebar ul li.match a {
	color: #b61817;
	}
#sidebar ul li.match a:hover {
	color: #ff3c3b;
	}
#sidebar ul li.match a:active {
	color: #7b1110;
	}
#sidebar ul li.loading a {
	cursor: default;
	}
#sidebar ul li.loading a::after {
	content: '';
	position: absolute;
	right: 20px;
	top: 50%;
	background: url(assets/images/loading-filter.gif);
	width: 16px;
	height: 16px;
	margin-top: -8px;
	cursor: default;
	}
#sidebar ul li a span {
	position: absolute;
	right: 20px;
	top: 50%;
	background: #f2f2f2;
	background: rgba(0,0,0,.05);
	border: 1px solid #dcdcdc;
	border-color: rgba(0,0,0, .1);
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
	border-radius: 3px;
	font-size: 10px;
	line-height: 13px;
	text-align: center;
	padding: 1px 5px 0 5px;
	margin-top: -8px;
	}
#sidebar ul li.loading a span {
	display: none;
	}
#sidebar menu > a {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	}
#sidebar menu.current a {
	font-weight: bold;
	color: #333;
	}

/*--controls--*/

#data > header {
	padding: 0 5px;
	}
#data > header::after {
	display: block;
	content: '';
	clear: both;
	}
#search {
	position: relative;
	margin: 0 5px;
	}
.articles #search {
	display: none;
	}
#search #omnibar {
	background: #fff;
	border: 1px solid #8c8c8c;
	border-color: rgba(0,0,0, .4);
		-webkit-border-radius: 3px 0 0 3px;
		-moz-border-radius: 3px 0 0 3px;
	border-radius: 3px 0 0 3px;
	font: 13px/18px 'Droid Sans', helvetica, arial, sans-serif;
	color: #333;
	vertical-align: middle;
	width: 586px;
	padding: 10px 14px;
		-webkit-appearance: none;
	}
#search #omnibar:focus,
#search.focus #omnibar {
	border-color: #333;
		-webkit-box-shadow: 0 0 15px rgba(81, 203, 238, .2);
		-moz-box-shadow: 0 0 15px rgba(81, 203, 238, .2);
	box-shadow: 0 0 15px rgba(81, 203, 238, .2);
	}
#search input[type="submit"],
#purchase > a,
.modal input[type="submit"] {
	position: absolute;
	right: 0;
	top: 0;
	background: #b32727 url(assets/images/bg-submit.png) 50% 50%;
	border: 1px solid #7b1110;
		-webkit-border-radius: 0 3px 3px 0;
		-moz-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
	font: bold 14px/14px 'Droid Sans', helvetica, arial, sans-serif;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	text-shadow: -1px -1px 0 rgba(0,0,0, .15);
	width: 175px;
	height: 40px;
	cursor: pointer;
		-webkit-transition: -webkit-box-shadow .2s ease;
		-moz-transition: -webkit-box-shadow .2s ease;
	transition: box-shadow .2s ease;
		-moz-user-select: -moz-none;
		-webkit-user-select: none;
	user-select: none;
		-moz-user-drag: -moz-none;
		-webkit-user-drag: none;
	user-drag: none;
	}
#search input[type="submit"]:hover,
#purchase > a:hover,
.modal input[type="submit"]:hover {
		-webkit-box-shadow: 0 0 10px rgba(255,60,59, .3);
		-moz-box-shadow: 0 0 10px rgba(255,60,59, .3);
	box-shadow: 0 0 10px rgba(255,60,59, .3);
	}
#search.loading input[type="submit"],
.modal.loading input[type="submit"] {
	font-size: 0;
	color: #ae2b2b;
	text-indent: -9999px;
	cursor: default;
	}
#search img {
	display: none;
	position: absolute;
	right: 80px;
	top: 12px;
	}
#search.loading img {
	display: block;
	}
#search input[type="reset"] {
	display: none;
	position: absolute;
	right: 184px;
	top: 50%;
	background: url(assets/images/reset-large.svg);
	border: 5px solid #fff;
	font-size: 0;
	color: #231f20;
	text-indent: -9999px;
	width: 28px;
	height: 27px;
	margin-top: -13.5px;
	cursor: pointer;
	}
#search input[type="reset"]:hover {
	background-position: 0 -17px;
	}
#search input[type="reset"]:active {
	margin-top: -12.5px;
	}
#search span,
#search > a {
	position: absolute;
	top: 46px;
	font-size: 12px;
	color: #78787b;
	white-space: nowrap;
	text-transform: uppercase;
	}
#search span {
	left: 0;
	color: #78787b;
	}
#search #search span { /*--google translate hack--*/
	top: 6px;
	left: -5px;
	}
#search > a {
	right: 0;
	background: url(assets/images/tip-top.svg) -9999px -9999px no-repeat;
	}
#search > a:hover,
#search > a.active {
	color: #333;
	}
#search #search a { /*--google translate hack--*/
	display: none !important;
	}
#search > label,
#search #advanced-search,
#purchase form {
	display: none;
	position: absolute;
	right: 20px;
	top: 68px;
	background: #171717;
	background: rgba(0,0,0, .9);
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
	border-radius: 3px;
		-webkit-box-shadow: 0 0 5px rgba(0,0,0, .2);
		-moz-box-shadow: 0 0 5px rgba(0,0,0, .2);
	box-shadow: 0 0 5px rgba(0,0,0, .2);
	font: normal 12px/16px 'Droid Sans', helvetica, arial, sans-serif;
	color: #fff;
	text-shadow: 1px 1px 0 #000;
	max-width: 310px;
	padding: 0 10px;
	z-index: 30;
	}
#search #advanced-search.active,
#purchase.active form {
	display: block;
		-webkit-animation: 'pop-down' .5s linear;
	}
#search #advanced-search.active {
		-webkit-transform-origin: top right;
	}
#search > label.active {
	display: block;
	}
#search > label::before,
#search #advanced-search::before,
#purchase form::before {
	content: '';
	position: absolute;
	right: 10px;
	top: -6px;
	background: url(assets/images/tip-top.svg);
	opacity: .9;
	width: 10px;
	height: 6px;
	}
#search #advanced-search h4 {
	font-weight: bold;
	text-transform: uppercase;
	margin: 10px 0 -10px;
	}
#search #advanced-search p {
	margin: 10px 0;
	}
#search #advanced-search a {
	position: static;
	background: none;
	border-bottom: 1px dotted #666;
	color: #eee;
	}
#search #advanced-search a:hover {
	border-color: #888;
	color: #fff;
	}
#search > label {
	right: auto;
	left: 3px;
	top: 43px;
	cursor: pointer;
	padding: 5px 10px 5px 30px;
		-moz-user-select: -moz-none;
		-webkit-user-select: none;
	user-select: none;
	}
#search > label::before {
	right: auto;
	left: 10px;
	}
#search > label input[type="checkbox"] {
	position: absolute;
	left: 10px;
	top: 50%;
	width: 12px;
	height: 12px;
	margin-top: -6px;
	}
#search > label em {
	font-style: normal;
	}
	
	
	
	
	
	
	
.metadata {
		-moz-user-select: -moz-none;
		-webkit-user-select: none;
	user-select: none;
	}
.metadata::after {
	display: block;
	content: '';
	clear: both;
	}
.metadata menu {
	font: normal 12px/18px 'Droid Sans', helvetica, arial, sans-serif;
	margin: 40px 5px 10px;
	float: left;
	}
.metadata menu > a {
	padding-right: 37px;
	}
.metadata menu.view {
	position: relative;
	background: url(assets/images/view-toggle.svg) left top;
	border: none;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
	border-radius: 0;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
	box-shadow: none;
	width: 62px;
	float: right;
	}
#data.list .metadata menu.view {
	background-position: left bottom;
	}
.metadata menu.view a {
	text-indent: -9999px;
	width: 31px;
	height: 26px;
	padding: 0 !important;
	float: left;
	}	
.metadata menu.view a:hover {
	background: rgba(255,255,255, .2);
	}
.pagination {
	position: relative;
	background: #ececec url(assets/images/bg-menu.svg) left top repeat-x;
	border: 1px solid #999;
	border-color: rgba(0,0,0, .4);
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
	border-radius: 3px;
	font-size: 12px;
	height: 24px;
	padding-right: 48px;
	margin: 40px 5px 10px;	
	float: right;
	}
.pagination::after {
	display: block;
	content: '';
	clear: both;
	}
.pagination input[type="number"] {
	border: 1px solid #999;
	border-color: rgba(0,0,0, .4);
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
	border-radius: 3px;
	font: 12px/16px 'Droid Sans', helvetica, arial, sans-serif;
	text-align: center;
	width: 44px;
	height: 16px;
	margin: 3px;
	cursor: pointer;
		-webkit-transition: -webkit-box-shadow .15s ease;
		-moz-transition: -webkit-box-shadow .15s ease;
	transition: box-shadow .15s ease;
	float: left;
	}
.pagination input[type="number"]:hover {
	border-color: #1c8ef0;
		-webkit-box-shadow: 0 0 15px rgba(81, 203, 238, .2);
		-moz-box-shadow: 0 0 15px rgba(81, 203, 238, .2);
	box-shadow: 0 0 15px rgba(81, 203, 238, .2);
	}
.pagination input[type="number"]:focus {
	border-color: #333;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
	box-shadow: none;
	cursor: text;
	}
.pagination input[type="submit"] {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	background: transparent;
	border: none;
	border-left: 1px solid #dfdfe0;
	border-color: rgba(0,0,0, .1);
	font: normal 12px/16px 'Droid Sans', helvetica, arial, sans-serif;
	color: #616161;
	text-transform: uppercase;
	width: 48px;
	height: 24px;
	padding: 4px 7px;
	margin: 0 !important;
	cursor: pointer;
	}
.pagination input[type="submit"]:hover {
	background: rgba(255,255,255, .4);
		-webkit-box-shadow: none;
		-moz-box-shadow: none);
	box-shadow: none;
	color: #333;
	}
.metadata nav {
	background: url(assets/images/icon-nav.svg);
	width: 61px;
	margin: 40px 5px 10px;
	float: right;
	}
.metadata nav a {
	position: relative;
		-webkit-border-radius: 3px 0 0 3px;
		-moz-border-radius: 3px 0 0 3px;
	border-radius: 3px 0 0 3px;
	text-indent: -9999px;
	width: 30px;
	height: 26px;
	float: left;
	}
.metadata nav a + a {
		-webkit-border-radius: 0 3px 3px 0;
		-moz-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
	width: 31px;
	}
.metadata nav a:hover {
	background: rgba(255,255,255, .2);
	}
.metadata nav a.locked {
	background: rgba(255,255,255, .5);
	cursor: default;
	}
.metadata nav a.locked .tip {
	display: none !important;
	}
.metadata > * .tip,
#gallery nav a .tip {
	bottom: 30px !important;
	}
.metadata .pagination .tip {
	bottom: 29px !important;
	}
.metadata .view:hover .tip,
.metadata .pagination:hover .tip,
.metadata nav a:hover .tip,
#gallery nav a:hover .tip {
	display: block;
	}
#gallery nav a .tip {
	opacity: 1;
	}

/*--items--*/

#items > article {
	text-align: center;
	margin: 10px;
	}
#items > article h2 {
	margin: 10px 0;
	}
#data #items {
	width: 100%;
	float: left;
	}
#data #items::after {
	display: block;
	content: '';
	clear: both;
	}
#data #items > li {
	margin: 10px;
	float: left;
	}
#data #items li > a {
	display: block;
	position: relative;
	background: #fff;
	border: 1px solid #8c8c8c;
	border-color: rgba(0,0,0, .4);
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
	border-radius: 3px;
	width: 173px;
	height: 208px;
		-webkit-transition: -webkit-box-shadow .15s ease;
		-moz-transition: -moz-box-shadow .15s ease;
	transition: box-shadow .15s ease;
		-webkit-perspective: 1000;
		-webkit-backface-visibility: hidden;
	}
#data #items li > a:hover {
	border-color: #1c8ef0;
		-webkit-box-shadow: 0 0 15px rgba(81, 203, 238, .2);
		-moz-box-shadow: 0 0 15px rgba(81, 203, 238, .2);
	box-shadow: 0 0 15px rgba(81, 203, 238, .2);
	}
#data #items li > a:active {
	margin-top: 1px;
	margin-bottom: -1px;
	opacity: .8;
	}
#data #items li img {
	background: #333;
	width: 143px !important;
	height: 115px !important;
	margin: 15px;
		-moz-user-select: -moz-none;
		-webkit-user-select: none;
	user-select: none;
		-moz-user-drag: -moz-none;
		-webkit-user-drag: none;
	user-drag: none;
	}
#data #items li h3 {
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	background: #f7f7f7;
	background: rgba(0,0,0, .03);
	border-top: 1px solid #ccc;
	border-color: rgba(0,0,0,.2);
	font: normal 12px/16px 'Droid Sans', helvetica, arial, sans-serif;
	color: #333;
	text-align: center;
	width: 143px;
	min-height: 32px;
	padding: 15px;
	}
#data #items li h3.long {
	display: none;
	}
#data #items li .meta,
#data #items li .binaries {
	display: none;
	}

/*--list view--*/

#data.list #items li > a {
	position: relative;
	width: 623px;
	min-height: 96.7482517px;
	padding-left: 135px;
	height: auto;
	}
#data.list #items li > a::after {
	display: block;
	content: '';
	clear: both;
	}
#data.list #items li img {
	position: absolute;
	left: 0;
	top: 50%;
	background: #fff;
	border-right: 1px solid rgba(0,0,0, .2);
	border-color: #ccc;
	width: 83px !important;
	height: 66.7482517px !important;
	margin-top: -33.3741259px;
	padding-right: 20px;
	}
#data.list #items li h3 {
	display: none;
	position: static;
	background: none;
	border: none;
	font-weight: bold;
	text-transform: uppercase;
	text-align: left;
	width: auto;
	min-height: 0;
	padding: 0;
	margin: 15px 0 0;
	}
#data.list #items li h3.long {
	display: block;
	padding-right: 30px;
	}
#data.list #items li .meta {
	display: block;
	padding-right: 30px;
	margin: 5px 0 9px;
	float: left;
	}
#data.list #items li .meta li {
	font: normal 12px/15px 'Droid Sans', helvetica, arial, sans-serif;
	color: #616161;
	margin-right: 15px;
	float: left;
	}
#data.list #items li .meta li.description {
	clear: both;
	}
#data.list #items li .binaries {
	display: block;
	position: absolute;
	right: 10px;
	top: 9px;
	}
#data.list #items li .binaries li {
	position: relative;
	background: url(assets/images/icons-binaries.svg);
	width: 16px;
	height: 16px;
	padding: 5px;
	opacity: .4;
	}
#data.list #items li .binaries li.new {
	background-position: -5px -5px;
	}
#data.list #items li .binaries li.sale {
	background-position: -31px -5px;
	}
#data.list #items li .binaries li.archived {
	background-position: -57px -5px;
	}
#data.list #items li .binaries li em {
	display: none;
	position: absolute;
	right: 31px;
	top: 50%;
	background: rgba(0,0,0, .8);
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
	border-radius: 3px;
	font-size: 12px;
	font-style: normal;
	color: #fff;
	text-shadow: 1px 1px 0 #000;
	white-space: nowrap;
	padding: 2px 8px;
	margin-top: -11px;
	}
#data.list #items li .binaries li em::after {
	content: '';
	position: absolute;
	right: -6px;
	top: 50%;
	background: url(assets/images/tip-right.svg);
	width: 6px;
	height: 10px;
	margin-top: -5px;
	opacity: .8;
	}
#data.list #items li .binaries li:hover {
	opacity: 1;
	}
#data.list #items li .binaries li:hover em {
	display: block;
	}

/*--content--*/

#content {
	width: 780px;
	margin: 30px 0;
	float: right;
	}
#content::after,
#gallery::after {
	display: block;
	content: '';
	clear: both;
	}
#content header {
	position: relative;
	margin: 0 30px;
	}
.item #content header.sale h1 {
	max-width: 580px;
	}
#content header > ol {
	font-size: 12px;
	text-transform: uppercase;
	max-width: 580px;
	margin: 5px 0 4px;
	}
#content header > ol li {
	display: inline-block;
	}
#content header > ol a {
	color: #222;
	}
#content header > ol a:hover {
	color: #b61817;
	border-bottom: 1px dotted #b61817;
	}
#content header > ol span {
	display: inline-block;
	height: 18px;
	padding: 0 5px;
	}
#content header > ol > span {
	font-size: 0;
	padding: 0;
	}
#content header > ol > span span {
	display: none;
	}
#content header > ol > span::before {
	content: 'Current';
	display: inline-block;
	font-size: 12px;
	}
#content header .edit a {
	color: #ff3c3b;
	}
#content header .edit a:hover {
	color: #b61817;
	}
#purchase {
	position: absolute;
	right: -20px;
	top: 9px;
		-webkit-perspective: 1000;
		-webkit-backface-visibility: hidden;
	z-index: 30;
	}
#purchase > a {
	position: static;
	display: block;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
	border-radius: 3px;
	line-height: 28px;
	width: 150px;
	height: auto;
	padding: 6px 0;
	}
#purchase > a:active {
		-webkit-transform: translateY(1px);
		-moz-transform: translateY(1px);
	transform: translateY(1px);
	}
#purchase form {
	right: auto;
	top: 48px;
	left: 50%;
	width: 160px;
	padding: 10px 0;
		-webkit-transform-origin: top center;
	}
#purchase form::before {
	right: auto;
	left: 50%;
	margin-left: -5px;
	}
#purchase label {
	position: relative;
	border-top: 1px solid rgba(255,255,255, .2);
	display: block;
	cursor: pointer;
	padding: 5px 10px 5px 30px;
		-moz-user-select: -moz-none;
		-webkit-user-select: none;
	user-select: none;
	}
#purchase p {
	text-align: center;
	padding: 5px 10px;
	}
#purchase label:first-child {
	border: none;
	}
#purchase label:hover {
	border-top-color: rgba(255,255,255, .1);
	background: rgba(255,255,255, .1);
	}
#purchase label:first-child:hover {
	border-top: 1px solid rgba(255,255,255, .1);
	margin-top: -1px;
	}
#purchase label:last-of-type:hover {
	border-bottom: 1px solid rgba(255,255,255, .1);
	margin-bottom: -1px;
	}
#purchase input[type="radio"] {
	position: absolute;
	left: 10px;
	top: 50%;
	width: 14px;
	height: 14px;
	margin-top: -7px;
	}
#purchase em {
	font-style: normal;
	}
#purchase span {
	float: right;
	}
#purchase input[type="submit"] {
	display: block;
	background: #b32727 url(assets/images/bg-submit.png) 50% 50%;
	border: 1px solid #7b1110;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
	border-radius: 3px;
	font: bold 12px/26px 'Droid Sans', helvetica, arial, sans-serif;
	color: #fff;
	text-transform: uppercase;
	text-shadow: -1px -1px 0 rgba(0,0,0, .15);
	width: 113px;
	height: 26px;
	margin: 10px auto 5px;
	cursor: pointer;
		-webkit-transition: -webkit-box-shadow .2s ease;
		-moz-transition: -webkit-box-shadow .2s ease;
	transition: box-shadow .2s ease;
	}
#purchase input[type="submit"]:hover {
		-webkit-box-shadow: 0 0 10px rgba(255,60,59, .6);
		-moz-box-shadow: 0 0 10px rgba(255,60,59, .6);
	box-shadow: 0 0 10px rgba(255,60,59, .6);
	}
#purchase input[type="submit"]:active {
		-webkit-transform: translateY(1px);
		-moz-transform: translateY(1px);
	transform: translateY(1px);
	}
#gallery {
	position: relative;
	left: -10px;
	background: #fff url(assets/images/loading-filter.gif) 302px 50% no-repeat; /* 620/2 - (16/2) */
	border-top: 1px solid #b3b3b3;
	border-bottom: 1px solid #b3b3b3;
	border-color: rgba(0,0,0, .3);
	width: 812px;
	height: 480px;
	margin-top: 30px;
		-moz-user-select: -moz-none;
		-webkit-user-select: none;
	user-select: none;
	}
#gallery.feature {
	background-position: 382px 50% ; /* 780/2 - (16/2) */
	}
#gallery::after {
	position: absolute;
	top: -1px;
	right: -9999px;
	left: 812px;
	background: #fff; /* 620/2 - (16/2) */
	border-top: 1px solid #b3b3b3;
	border-bottom: 1px solid #b3b3b3;
	border-color: rgba(0,0,0, .3);
	height: 480px;
	}
#gallery img {
		-moz-user-drag: -moz-none;
		-webkit-user-drag: none;
	user-drag: none;
	}
#gallery > img {
	display: none;
	position: relative;
	width: 620px;
	height: 480px;
	float: left;
	z-index: 10;
	}
#gallery.feature > img {
	border-right: 1px solid #f2f2f2;
	border-color: rgba(0,0,0, .05);
	}
#gallery aside {
	position: absolute;
	right: 27px;
	border-left: 1px solid #f2f2f2;
	border-color: rgba(0,0,0, .05);
	width: 165px;
	height: 480px;
	z-index: 11;
	}
#gallery nav {
	position: absolute;
	right: 5px;
	top: 20px;
	}
#gallery nav a {
	position: relative;
	background: url(assets/images/icon-nav.svg) left 50%;
	text-indent: -9999px;
	width: 30px;
	height: 26px;
	float: left;
	opacity: 0.4;
	}
#gallery nav a + a {
	background: url(assets/images/icon-nav.svg) right 50%;
	width: 31px;
	}
#gallery nav a:link {
	opacity: 0.9;
	}
#gallery nav a:link:hover {
	opacity: 1;
	}
#gallery ol {
	margin: 61px 0 0 5px;
	}
#gallery ol::after {
	display: block;
	content: '';
	clear: both;
	}
#gallery ol li {
	float: left;
	}
#gallery ol li:last-child {
	float: right;
	}
#gallery ol li a {
	display: block;
	padding: 5px;
	}
#gallery ol li img {
	border: 1px solid #f2f2f2;
	border-color: rgba(0,0,0, .1);
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 4px;
	width: 60px;
	height: 39px;
	opacity: 0.8;
	}
#gallery ol li a:hover img {
	opacity: 1;
	}
#gallery ol li.current a {
	cursor: default;
	}
#gallery ol li.current a img {
	background: #b61817;
	border-color: #7b1110;
	opacity: 1;
		-webkit-transition: all .5s ease;
		-moz-transition: all .5s ease;
	transition: all .5s ease;
	}
#gallery ul {
	margin: 10px 0;
	float: right;
	}
#gallery ul li {
	float: left;
	}
#gallery ul li a {
	position: relative;
	display: block;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	text-indent: -9999px;
	width: 16px;
	height: 16px;
	padding: 5px;
	opacity: 0.3;
	}
#gallery ul li a:hover {
	opacity: 1;
	}
#gallery ul li a:active {
		-webkit-transform: translateY(1px);
		-moz-transform: translateY(1px);
	transform: translateY(1px);
	}
#gallery ul li.twitter a {
	background-image: url(assets/images/icon-twitter.svg);
	}
#gallery ul li.facebook a {
	background-image: url(assets/images/icon-facebook.svg);
	}
#gallery ul li.email a {
	background-image: url(assets/images/icon-email.svg);
	}
#gallery ul li.lightbox {
	position: absolute;
	left: 10px;
	top: 20px;
	}
#gallery ul li.lightbox a {
	background: url(assets/images/icon-lightbox.svg);
	width: 21px;
	height: 16px;
	opacity: 1;
	}
#gallery ul li a em,
.metadata > * .tip,
#gallery nav .tip {
	display: none;
	position: absolute;
	left: 50%;
	bottom: 26px;
	background: #171717;
	background: rgba(0,0,0, .9);
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
	border-radius: 3px;
	font: normal 12px/21px 'Droid Sans', helvetica, arial, sans-serif;
	color: #fff;
	text-indent: 0;
	text-shadow: 1px 1px 0 #000;
	white-space: nowrap;
	max-width: 310px;
	padding: 0 10px;
	z-index: 15;
	}
#gallery ul li em::before,
.metadata > * .tip::before,
#gallery nav .tip::before {
	content: '';
	position: absolute;
	left: 50%;
	bottom: -6px;
	background: url(assets/images/tip-bottom.svg);
	opacity: .9;
	width: 10px;
	height: 6px;
	margin-left: -5px;
	}
#gallery ul li a:hover em {
	display: block;
	}
#gallery #lightbox {
	display: none;
	}
#content > article {
	font: normal 14px/22px 'Droid Serif', georgia, times, serif;
	color: #646464;
	width: 540px;
	margin: 15px 30px;
	float: left;
	}
#content > article h1,
#content > article h2 {
	font: normal 22px/28px 'Droid Serif', georgia, times, serif;
	color: #222;
	margin: 25px 0 5px;
	}
#content > article h3 {
	font: normal 18px/24px 'Droid Serif', georgia, times, serif;
	color: #222;
	margin: 25px 0 5px;
	}
#content > article h4,
#content > article h5,
#content > article h6 {
	font: 13px/18px 'Droid Sans', helvetica, arial, sans-serif;
	color: #222;
	text-transform: uppercase;
	margin: 25px 0 -5px;
	}
#content > article h4 {
	font-weight: bold;
	}
#content > article h6 {
	font-size: 12px;
	}
#content > article p {
	margin: 15px 0;
	}
#content > article > p:first-child {
	font-size: 18px;
	line-height: 30px;
	color: #222;
	}
#content > article blockquote {
	font-style: italic;
	color: #8a8a8a;
	margin: 30px;
	}
#content > article ul,
#content > article ol {
	margin: 15px 35px;
	padding: 0;
	}
#content > article ul li,
#content > article ol li {
	margin: 3px 0;
	padding: 0;
	}
#content > article ul li {
	list-style-type: square;
	}
#content > article ol li {
	list-style-type: decimal;
	}
#content > article p a,
#content > article li a {
	border-bottom: 1px dotted #b61817;
	}
#content > article p a:hover,
#content > article li a:hover {
	border-color: #ff3c3b;
	}
#content > article p a:active,
#content > article li a:active {
	border-color: #7b1110;
	}
#content > article li pre {
	font: 12px/18px monaco, courier, monospace;
	color: #333;
	}
#content > article li pre + p {
	margin: 10px 0 15px;
	}
#content > article img,
#content > article embed,
#content > article iframe {
	display: block;
	border: 1px solid #f2f2f2;
	border-color: rgba(0,0,0, .1);
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 4px;
	margin: 30px 0;
	}
#content > article img:first-child,
#content > article .wp-caption:first-child img {
	margin-top: 20px;
	}
#content > article img.alignleft {
	margin: 5px 20px 10px 0;
	float: left;
	}
#content > article img.alignright {
	margin: 5px 0 10px 20px;
	float: right;
	}
#content > article .wp-caption {
	margin-top: 20px;
	}
#content > article .wp-caption img {
	margin-bottom: 10px;
	}
#content > article .wp-caption.alignleft {
	margin: 5px 20px 10px 0;
	float: right;
	}
#content > article .wp-caption.alignright {
	margin: 5px 0 10px 20px;
	float: right;
	}
#content > article .wp-caption.alignleft img,
#content > article .wp-caption.alignright img {
	margin: 0;
	}
#content > article .wp-caption p {
	font-style: italic;
	text-align: center;
	margin-top: 0;
	}
#content > aside {
	border-left: 1px solid #cecece;
	border-color: rgba(0,0,0, .1);
	line-height: 14px;
	width: 150px;
	padding: 12px 0 0 9px;
	margin: 27px 0 30px 9px;
	float: left;
	}
#content > aside h6 {
	font-size: 14px;
	color: #b61817;
	margin: 20px 0 0;
	}
#content > aside dt:first-child h6 {
	margin-top: 0;
	}
#content > aside h6 a:link,
#content > aside h6 a:visited {
	color: #b61817;
	}
#content > aside h6 a:hover {
	color: #ff3c3b;
	}
#content > aside h6 a:active {
	color: #7b1110;
	}
#content > aside a:link,
#content > aside a:visited {
	color: #333;
	}
#content > aside a:hover {
	color: #555;
	}
#content > aside a:active {
	color: #000;
	}
#content > aside dl {
	font-size: 12px;
	}
#content > aside dl + dl {
	padding-top: 20px;
	}
#content > aside dt {
	font-weight: bold;
	color: #333;
	text-transform: uppercase;
	}
#content > aside dt.current a {
	border-left: 2px solid #b61817;
	color: #b61817;
	padding-left: 7px;
	margin-left: -9px;
	cursor: default;
	}
#content > aside dd {
	margin-bottom: 10px;
	}

/*--articles--*/

#content.articles .metadata  {
	margin: 21px 0 -11px;
	}
#content.articles .metadata > * {
	margin-top: 10px;
	}
#content.articles .metadata > *:first-child {
	margin-left: 0;
	}
#content.articles .metadata nav {
	margin-right: 0;
	}
#content.articles .metadata ol {
	padding: 0;
	margin: 0;
	}
#content.articles .metadata ol li {
	list-style-type: none;
	padding: 1px 7px;
	margin: 0;
	}
#content.articles > article article {
	position: relative;
	min-height: 125px;
	padding-left: 173px;
	margin-bottom: 40px;
	}
#content.articles > article article img {
	position: absolute;
	left: 0;
	top: -20px;
	width: 143px;
	height: 115px;
		-moz-user-select: -moz-none;
		-webkit-user-select: none;
	user-select: none;
		-moz-user-drag: -moz-none;
		-webkit-user-drag: none;
	user-drag: none;
	}
#content.articles > article article h2 {
	font-size: 18px;
	line-height: 24px;
	}
#content.articles > article article h2 a {
	display: block;
	}
#content.articles > article article time {
	font: bold 12px/14px 'Droid Sans', helvetica, arial, sans-serif;
	color: #333;
	text-transform: uppercase;
	}
#content.articles > article article p {
	/*font: normal 13px/20px 'Droid Sans', helvetica, arial, sans-serif;*/
	margin: 10px 0;
	}
#content.articles > article article ul {
	margin: 15px;
	}

/*--contact form--*/

.modal {
	display: none;
	background: url(assets/images/bg.jpg) right top;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 20px;
	}
.modal label {
	display: block;
	font: bold 12px/14px 'Droid Sans', helvetica, arial, sans-serif;
	letter-spacing: 1px;
	color: #222;
	text-transform: uppercase;
	margin: 0 0 10px;
	}
.modal input[type="text"],
.modal textarea {
	display: block;
	background: #fff;
	border: 1px solid #8c8c8c;
	border-color: rgba(0,0,0, .4);
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
	border-radius: 3px;
	font: 12px/14px 'Droid Sans', helvetica, arial, sans-serif;
	color: #333;
	vertical-align: middle;
	width: 430px;
	padding: 10px 14px;
	margin-bottom: 23px;
		-webkit-appearance: none;
	}
.modal textarea {
	height: 80px;
	resize: vertical;
	}
.modal input[type="text"]:focus,
.modal textarea:focus {
	border-color: #333;
		-webkit-box-shadow: 0 0 15px rgba(81, 203, 238, .2);
		-moz-box-shadow: 0 0 15px rgba(81, 203, 238, .2);
	box-shadow: 0 0 15px rgba(81, 203, 238, .2);
	cursor: text;
	}
.modal .error {
	border-color: #f00 !important;
	}
.modal input[type="submit"] {
	position: static;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
	border-radius: 3px;
	}
.modal input[type="submit"][disabled]:hover {
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
	box-shadow: none;
	cursor: default;
	}
.modal img {
	display: none;
	position: absolute;
	bottom: 32px;
	left: 100px;
	}
.modal.loading img {
	display: block;
	}
.modal .success {
	display: none;
	position: absolute;
	top: -10px;
	left: -10px;
	bottom: -10px;
	right: -10px;
	background: #252525 url(assets/images/bg-dark.jpg);
	text-align: center;
	padding: 140px 0;
	z-index: 5;
	}
.modal .success h1 {
	color: #fff;
	}
.modal .success h2 {
	background: url(assets/images/icon-success.png) 50% bottom no-repeat;
	font: normal 16px/22px 'Droid Serif', georgia, times, serif;
	color: #fff;
	padding: 2px 0 73px;
	}
#buy .success {
	padding: 300px 0;
	}
#buy article {
	background: #fff;
	width: 308px;
	border: 1px solid #333;
	border-radius: 3px;
	padding: 15px 20px 15px 130px;
	margin-bottom: 28px;
	position: relative;
	}
#buy article img {
	display: block;
	top: 50%;
	left: 10px;
	height: 90px;
	width: auto;
	margin-top: -45px;
	}
#buy article h1 {
	font: bold 12px/16px 'Droid Sans', helvetica, arial, sans-serif;
	color: #333;
	text-transform: uppercase;
	}
#buy article h2 {
	font: normal 14px/20px 'Droid Serif', georgia, times, serif;
	}
#buy article h2 em {
	font-style: normal;
	}
#buy article p {
	font-size: 12px;
	margin-top: 10px;
	line-height: 16px;
	}

/*--responsiveness--*/

@media screen and (max-width: 59.9375em) { /* 959px */
	menu[data-key="sub"] ~ menu[data-key="sort"],
	#content > aside,
	#gallery aside ul {
		display: none;
		}
	html {
		background-position: 44.05% top;
		}
	#primary nav,
	#page {
		max-width: 765px;
		}
	#page {
		background: url(assets/images/bg.jpg) -920px top;
		height: 100%;
		}
	#data,
	#content {
		width: 585px;
		}
	#search #omnibar {
		width: 391px;
		}
	#data hgroup h1 {
		font-size: 24px;
		line-height: 28px;
		}
	#data hgroup h2 {
		font-size: 14px;
		line-height: 20px;
		}
	#data.list #items li > a {
		width: 428px;
		}
	#page small {
		width: 565px;
		}
	#gallery aside {
		position: static;
		width: auto;
		height: auto;
	}
	#gallery aside ol {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		margin: 0;
	}
	#gallery ol li:last-child {
		float: left;
	}
	}
@media screen and (max-width: 47.75em) { /* 764px */
	#primary h2,
	#search a,
	#search span,
	#advanced-search.active,
	.pagination,
	#data.list #items li .meta li.description,
	#data.list #items li > a .binaries {
		display: none;
		}
	#primary nav,
	#page {
		max-width: 570px;
		}
	#data,
	#content {
		width: 390px;
		}
	#content > article {
		width: 330px;
		}
	#data {
		width: 390px;
		}
	#search #omnibar {
		width: 276px;
		}
	#search input[type="submit"] {
		width: 95px;
		}
	#search input[type="reset"] {
		right: 99px;
		}
	#search img {
		right: 40px;
		}
	#data .pagination fieldset {
		padding: 0;
		}
	#data hgroup {
		padding: 30px 10px 20px;
		}
	#data.list #items li > a {
		width: 233px;
		}
	#content.articles > article article {
		min-height: none;
		}
	#page small {
		width: 370px;
		}
	#gallery {
		position: static;
		background: #fff;
		width: 100%;
		height: auto;
		border: 1px solid #b3b3b3;
		border-color: rgba(0,0,0, .3);
		}
	#gallery > img {
		position: static;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
		border-radius: 3px;
		width: 90%;
		height: auto;
		margin: 0 auto;
		float: none;
		}
	}
@media screen and (max-width: 35.5625em) { /* 569px */
	#primary hgroup,
	#primary li:last-child,
	#sidebar,
	.metadata menu.view,
	.metadata .tip,
	#data.list #items li h3.long,
	#data.list #items li .meta,
	#content.articles .metadata {
		display: none !important;
		}
	#primary nav,
	#primary ul,
	#page,
	#data,
	#search #omnibar,
	#data #items > li,
	#data #items li > a,
	#data #items li h3,
	#page small {
		width: 100%;
		}
	#data #items > li,
	#data #items li h3,
	#page small,
	#purchase {
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
		box-sizing: border-box;
		}
	html {
		background-position: 50% top;
		}
	#primary {
		height: 40px;
		}
	#primary nav,
	#primary ul {
		max-width: 355px;
		}
	#primary li {
		width: 20%;
		}
	#primary li a {
		font-size: 12px;
		text-align: center;
		padding: 1px 0;
		}
	#primary li a:active {
		padding: 2px 0 0;
		}
	#page {
		background-position: 50% top;
		padding-top: 60px;
		}
	#search #omnibar {
			-webkit-border-radius: 3px 20px 20px 3px;
			-moz-border-radius: 3px 20px 20px 3px;
		border-radius: 3px 20px 20px 3px;
		}
	#data {
		margin: 0;
		}
	.metadata > *,
	#data footer .metadata > * {
		margin: 10px 5px 0 !important;
		}
	#data #items > li {
		margin: 0;
		padding: 5px 10px;
		}
	#data #items > li:first-child {
		padding-top: 10px;
		}
	#data #items > li:last-child {
		padding-bottom: 0;
		}
	#data #items li > a,
	#data.list #items li > a {
		width: 100%;
		height: 150px;
		padding: 0;
		}
	#data #items li img,
	#data.list #items li img {
		position: static;
		border: none;
		width: auto !important;
		height: 73px !important;
		margin: 15px auto;
		padding: 0;
		}
	#data #items li h3,
	#data.list #items li h3 {
		display: block;
		position: absolute;
		bottom: 0;
		background: rgba(0,0,0, .03);
		border-top: 1px solid rgba(0,0,0, .2);
		font: normal 12px/16px 'Droid Sans', helvetica, arial, sans-serif;
		color: #333;
		text-align: center;
		text-transform: none;
		width: 100%;
		min-height: 32px;
		padding: 15px;
		}
	#content {
		width: 100%;
		}
	#content > header {
		margin: 0 20px;
		}
	#content > article {
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
		box-sizing: border-box;
		width: auto;
		margin: 0 20px;
		float: none;
		}
	#content.articles > article article {
		margin-bottom: 0;
		}
	#page small {
		margin: 0;
		padding: 10px;
		}
	#gallery > img {
			-webkit-border-radius: 0;
			-moz-border-radius: 0;
		border-radius: 0;
		border-left: 0;
		border-right: 0;
		}
	}
	
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and(min--moz-device-pixel-ratio: 2),
only screen and(min-device-pixel-ratio: 2) {
	#search input[type="submit"],
	#purchase > a,
	.modal input[type="submit"],
	#purchase input[type="submit"] {
		background-image: url(assets/images/bg-submit@2x.png);
		background-size: 190px;
	}
	.modal .success {
		background-image: url(assets/images/bg-dark@2x.jpg);
		background-size: 256px;
	}
	.modal .success h2 {
		background-image: url(assets/images/icon-success@2x.png);
		background-size: 64px;
	}
	#primary {
		background-image: url(assets/images/bg-header@2x.jpg);
		background-size: 325px;
	}
	html, .modal {
		background-image: url(assets/images/bg@2x.jpg);
		background-size: 2800px;
	}
}