@import '../webfonts/stylesheet.css';

/* #mark basic styles */

body {
	font: 				100%/165% "Helvetica Neue", Helvetica, Arial, sans-serif;
	background-color:	#fff;
	padding:			0;
	margin:				30px;
	-webkit-text-size-adjust:120%;
}

h1 {
	font:				3.0em/120% "Volkswagen Serial Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin:				0 0 10px 0;
	-webkit-text-size-adjust:100%;
}
h2 {
	font:				2.4em/120% "Volkswagen Serial Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin:				0 0 10px 0;
	-webkit-text-size-adjust:100%;
}
h2#nav {
	font-size:			1.0em;
	text-transform:		uppercase;
}
#page.grid-view #content h2, #page.list-view #content h2 {
	font-size: 			2.0em;
}
h2 span.version {
	font:				0.9em 'Volkswagen Serial', "Helvetica Neue", Helvetica, Arial, sans-serif;
	/* white-space:		nowrap;	*/
}
h3 {
	font:				1.8em/120% "Volkswagen Serial Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin:				0 0 10px 0;
	-webkit-text-size-adjust:100%;
}
#page.welcome #main h3 {
	font-size:			2.1em;
}
#footer h3 {
	font-size:			1.5em;
	margin:				0 0 5px 0;
}
#details h3 {
	font:				1.0em/150% "Volkswagen Serial Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-transform:		uppercase;
	margin:				15px 0 0 0;
}
.comment h3 {
	font:				1.2em/120% "Volkswagen Serial Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin:				0;
}
.comment h3 .wrote {
	font-size:			0.8em;
}
h4 {
	font:				1.4em/120% "Volkswagen Serial Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin:				0 0 10px 0;
}
#questions h4 {
	font:				bold 0.8em/165% "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#page.press #main h4 {
	margin-bottom:		0;
}
h5 {
	font:				bold 0.95em/165% "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin:				0 0 10px 0;
}

p {
	font:				0.8em/165% "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin:				0 0 15px 0;
}
p.emphasis {
	font-size:			0.95em;
}
#more p, #footer p, #details p, div.metadata, div.note, div.caption, div.message, div.commentmessage, div.storemessage, #social {
	font:				0.75em/165% "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin:				0 0 15px 0;
}
#legal p {
	font-size:			0.7em;
}
#details p {
	margin-bottom:		0;
}
p.huge {
	font-size:			1.25em;
}

ul, ol {
	margin:				0 25px 15px 0;
	padding:			0 0 0 25px;
}
li {
	font-size: 			0.8em;
	line-height:		165%;
	margin-top:			3px;
}
div.topics li {
	font-size:			0.9em;
	line-height:		147%;
}

th {
	font-size:			0.8em;
	/* font-weight:		bold; */
	line-height:		165%;
	text-align:			left;
	padding:			0 5px 5px 5px;
	white-space: 		nowrap;
}
td {
	font-size:			0.8em;
	line-height:		165%;
	padding:			5px;
}
/* td p {
	font-size:			0.3em
} */
td input {
	font-size:			1.2em;	
}
th:first-child, td:first-child {
	padding-left:		10px;
}
th:last-child, td:last-child {
	padding-right:		10px;
}
th a.sort-ascending::after {
	content:			" ▲";
	font-size:			0.7em;
	display:			inline-block;
	padding:			0 0 0 3px;
	vertical-align:		middle;
}
th a.sort-descending::after {
	content:			" ▼";
	font-size:			0.7em;
	display:			inline-block;
	padding:			0 0 0 3px;
	vertical-align:		middle;
}

blockquote {
	font-size:			0.75em;
	line-height:		176%;
	margin:				0 15px 15px 15px;
}
code, .code, pre {
	font:				1.0em Monaco, "Lucida Console", "Courier New", Courier, monospace;
	line-height:		132%;
}
/* code.small, .code.small {
	font-size:			0.85em;
} */
pre {
	font-size:			0.75em;
	line-height:		176%;
}

th p, td p, blockquote p {
	font-size:			1.0em;
}

/* #mark miscellaneous */

div.ios-show {
	display:			none;
}

p.pages {
	font:				1.2em/110% "Volkswagen Serial Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin:				0 0 5px 0;
	clear:				both;
}
p.pages a, p.pages b {
	font-weight:		normal;
}

/* #mark badges */

div.badges {
	margin:				0 0 15px 0;
}
div.badge {
	font:				0.8em/165% "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin:				0 0 15px 0;
}
div.badges div.badge {
	margin:				0;
}

/* #mark journal */

.gravatar {
	margin:				4px 10px 5px 0;
	border-radius:		4px;
	float:				left;
}

/* #mark store */

div.paypal {
	margin:				3px 10px 10px 0;
	float:				left;
}

/* #mark forms */

form {
	margin:				0 0 15px 0;
	padding:			0;
}
input, select, textarea {
	font:				0.8em "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin:				0 0 5px 0;
}
input[type="image"] {
	border:				none;
}
input[type="checkbox"] {
	font-size:			1.0em;
	margin:				0 5px 0 0;
	float:				left;
}
textarea#message {
	height:				250px;
}
label {
	display:			block;
	font-size:			0.75em;
	line-height:		160%;
	margin:				5px 0 0 0;
}
div.option label {
	line-height:		140%;
}
label b {
	font-size:			1.15em;
}
div.pretty-button, input.pretty-button, a.pretty-button, div.buttons span.cancel {
	font:				1.0em "Volkswagen Serial Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-transform:		uppercase;
	margin:				0 0 15px 0;
}
a.small-button {
	font:				0.9em "Volkswagen Serial Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* #mark tables */

table {
	border-spacing:		0;
	border-collapse:	collapse;
	min-width:			49%;
	margin:				0 0 15px 0;
}
tr {
	background-color:	#eee;
}
tr.header, tr.alternate {
	background-color:	transparent;
}
td span.description {
	font-size:			0.9em;
	display:			block;
}

table.files td.name a, table.files td.name b {
	font-size:			1.1em;
}
table.files td.size, table.files td.date {
	font-size:			0.72em;
	white-space: 		nowrap;
}

table.cart {
	width:				100%;
}
table.cart td.name {
	width:				75%;
}
table.cart td.name a, table.cart td.name b {
	font-size:			1.1em;
}
table.cart td.subtotal, table.cart td.qty-total {
	text-align:			right;
}

table.service-updates {
	width:				100%;
}
table.service-updates td {
	padding:			8px 12px;
}