/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, hr {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
:focus {/* remember to define focus styles! */ outline: 0;}
body {background: #fff; line-height: 1; color: #666;}
ol, ul {list-style: none;}
table {/* tables still need 'cellspacing="0"' in the markup */ border-collapse: separate; border-spacing: 0;}
caption, th, td {font-weight: normal; text-align: left;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
img {max-width: 100%;}
a img {border: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

/* Text
-------------------------------------------------------------- */
/*h1, h2, h3 {font-family: 'Wire One', Helvetica, Arial, sans-serif; font-weight: 400;}*/
h1, h2, h3, h4, h5, h6 {font-family: 'Lato', Helvetica, Arial, sans-serif; font-weight: 900; text-transform: uppercase;}
h1 {font-size: 5em; line-height: .666;}
h2 {font-size: 3.333em;}
h3 {font-size: 1.5em;}
h4 {font-size: 3em;}
h5 {font-size: 2em;}
h6 {font-size: 1.25em; text-transform: none;}

a {color: #0099cb; text-decoration: none;}
a:hover {text-decoration: none; color: #000; background: #f1f3f6;}
#blog-title a {background: none;}
strong {font-weight: bold;}
em {font-style: italic;}

p {margin: 0 0 1em;}
p img {margin: .5em 0 0;}
ul, ol {margin: 0 0 1em; padding: 0;}
blockquote {font-style: normal; color: #222; padding: 1em; margin: .5em 0; background: #e3e5e8;}
cite {display: block; font-weight: bold; font-style: normal; margin: 0 1.25em 1em;}
.xsm {font-size: 75%;}
.fineprint {font-size: 60%; font-style: italic;}

/* Forms
----------------------------------------------- */
form input[type="text"], form textarea {
	padding: 5px;
	border: 1px solid #111;
	background: #e3e5e8;
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.05);
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.05);
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.05);
	}
form input[disabled="disabled"] {
	background: #fff;
	border: 1px solid #e3e5e8;
}
form input[type="text"]:focus, form textarea:focus {
	border: 1px solid #111;
	background: #fff;
	}

form input[type="submit"] {
	margin: 0;
	padding: 10px 20px;
	font-size: 1em;	
	font-weight: bold;
	border: 1px solid #111;
	background: #e3e5e8;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	}
form input[type="submit"]:hover,
form input[type="submit"]:focus {
	border: 1px solid #000;
	background: #fff;
	}
form input[type="submit"]:active {
	border: 1px solid #fff;
	background: #eaecef;
	}

td.req label:after {content: " *";}	
td.warn, p.warn {border-left: 4px solid #000; padding-left: 8px;}
.warn input[type="text"] {border-color: #000;}
.warn label {color: #000;}

/* Structure/columns
----------------------------------------------- */
body {background: #e3e5e8 url(http://workshop.shaunline.com/showbox/paperbg-body.jpg) bottom center; color: #111; font-family: 'Lato', Helvetica, Arial, sans-serif;}
.container {max-width: 960px; margin: 0 auto; font-size: 1em; line-height: 1.4;}
#mast {background: #272525; padding: 1em 0; margin-bottom: 2em;}
#main {padding: 0; margin: 0 auto 1.5em;}
#page-title {text-align: center; margin-bottom: 1em;}
#hull {background: #bfbcba url(http://workshop.shaunline.com/showbox/paperbg-hull.jpg) bottom center; padding: 1em 0; font-size: 80%;}
#footer a {color: #e3e5e8;}
#footer a:hover {background: none;}
#footer input[type="text"] {background: #bebbb9;}
#footer #credits a, #footer #footer-nav a {color: #111; text-decoration: underline;}
#search-box input[type="submit"] {display: none;}

hr {clear: both; height: 1px; background-color: #bebbb9;}
.invisible {visibility: hidden;}
.spacer {margin-bottom: 1.5em;}
.break {float: none; clear: both;}
.left {float: left;}
.right {float: right;}
.center {text-align: center;}
.last {margin-right: 0;}
   
.column {float: left;}

/** NB! all px calcs are based on a full-width container **/

.span-1  {width: 4.166667%; /* 40px / 960px */}
.span-2  {width: 8.3333334%; /* 80px / 960px */}
.span-3  {width: 12.5%; /* 120px / 960px */}
.span-4  {width: 16.166667%; /* 160px / 960px */}
.span-5  {width: 20.833333%; /* 200px / 960px */}
.span-6  {width: 25%; /* 240px / 960px */}
.span-7  {width: 29.166667%; /* 280px / 960px */}
.span-8  {width: 33.333333%; /* 320px / 960px */}
.span-9  {width: 37.5%; /* 360px / 960px */}
.span-10 {width: 41.166667%; /* 400px / 960px */}
.span-11 {width: 45.833333%; /* 440px / 960px */}
.span-12 {width: 50%; /* 480px / 960px */}
.span-13 {width: 54.166667%; /* 520px / 960px */}
.span-14 {width: 58.333333%; /* 560px / 960px */}
.span-15 {width: 62.5%; /* 600px / 960px */}
.span-16 {width: 66.666666%; /* 640px / 960px */}
.span-17 {width: 70.833333%; /* 680px / 960px */}
.span-18 {width: 75%; /* 720px / 960px */}
.span-19 {width: 79.166667%; /* 760px / 960px */}
.span-20 {width: 83.333333%; /* 800px / 960px */}
.span-21 {width: 87.5%; /* 840px / 960px */}
.span-22 {width: 91.666667% /* 880px / 960px */;}
.span-23 {width: 95.833333%; /* 920px / 960px */}
.span-24 {width: 100%;}

/* Add these to a column to append empty cols. */
.append-1  {padding-right: 4.166667%; /* 40px / 960px */}
.append-2  {padding-right: 8.3333334%; /* 80px / 960px */}
.append-3  {padding-right: 12.5%; /* 120px / 960px */}
.append-4  {padding-right: 16.166667%; /* 160px / 960px */}
.append-5  {padding-right: 20.833333%; /* 200px / 960px */}
.append-6  {padding-right: 25%; /* 240px / 960px */}
.append-7  {padding-right: 29.166667%; /* 280px / 960px */}
.append-8  {padding-right: 33.333333%; /* 320px / 960px */}
.append-9  {padding-right: 37.5%; /* 360px / 960px */}
.append-10 {padding-right: 41.166667%; /* 400px / 960px */}
.append-11 {padding-right: 45.833333%; /* 440px / 960px */}
.append-12 {padding-right: 50%; /* 480px / 960px */}
.append-13 {padding-right: 54.166667%; /* 520px / 960px */}
.append-14 {padding-right: 58.333333%; /* 560px / 960px */}
.append-15 {padding-right: 62.5%; /* 600px / 960px */}
.append-16 {padding-right: 66.666666%; /* 640px / 960px */}
.append-17 {padding-right: 70.833333%; /* 680px / 960px */}
.append-18 {padding-right: 75%; /* 720px / 960px */}
.append-19 {padding-right: 79.166667%; /* 760px / 960px */}
.append-20 {padding-right: 83.333333%; /* 800px / 960px */}
.append-21 {padding-right: 87.5%; /* 840px / 960px */}
.append-22 {padding-right: 91.666667% /* 880px / 960px */;}
.append-23 {padding-right: 95.833333%; /* 920px / 960px */}
.append-24 {padding-right: 100%;}


/* Add these to a column to prepend empty cols. */
.prepend-1  {padding-left: 4.166667%; /* 40px / 960px */}
.prepend-2  {padding-left: 8.3333334%; /* 80px / 960px */}
.prepend-3  {padding-left: 12.5%; /* 120px / 960px */}
.prepend-4  {padding-left: 16.166667%; /* 160px / 960px */}
.prepend-5  {padding-left: 20.833333%; /* 200px / 960px */}
.prepend-6  {padding-left: 25%; /* 240px / 960px */}
.prepend-7  {padding-left: 29.166667%; /* 280px / 960px */}
.prepend-8  {padding-left: 33.333333%; /* 320px / 960px */}
.prepend-9  {padding-left: 37.5%; /* 360px / 960px */}
.prepend-10 {padding-left: 41.166667%; /* 400px / 960px */}
.prepend-11 {padding-left: 45.833333%; /* 440px / 960px */}
.prepend-12 {padding-left: 50%; /* 480px / 960px */}
.prepend-13 {padding-left: 54.166667%; /* 520px / 960px */}
.prepend-14 {padding-left: 58.833333%; /* 560px / 960px */}
.prepend-15 {padding-left: 62.5%; /* 600px / 960px */}
.prepend-16 {padding-left: 66.666666%; /* 640px / 960px */}
.prepend-17 {padding-left: 70.833333%; /* 680px / 960px */}
.prepend-18 {padding-left: 75%; /* 720px / 960px */}
.prepend-19 {padding-left: 79.166667%; /* 760px / 960px */}
.prepend-20 {padding-left: 83.333333%; /* 800px / 960px */}
.prepend-21 {padding-left: 87.5%; /* 840px / 960px */}
.prepend-22 {padding-left: 91.666667% /* 880px / 960px */;}
.prepend-23 {padding-left: 95.833333%; /* 920px / 960px */}
.prepend-24 {padding-left: 100%;}

/* Posts, types
----------------------------------------------- */
.post {margin: 3em 0 2.5em; padding: 3em 0 0; border-top: 1px solid #bebbb9;}
.first-post {padding-top: 0; border: none;}
#posts .showbox_market a {color: #db0029;}
#posts .showbox_sodo a {color: #003a90;}

.post-info span, .post-meta span {display: block; margin-bottom: .75em;}
.post-date a {line-height: 1; background: none;}
#posts .showbox_market .post-date a:hover, #posts .showbox_market .post-date a:hover {color: #111;}
.post-date strong {display: block; font-size: 3em; font-weight: 900;}
.post-meta img {vertical-align: baseline; margin: 0 .25em -.25em 0;}
.post-tags a {margin-right: .5em;}

.post-title a {background: none;}
.post-content img {width: 100%;}
.caption, .description, .post-body {padding: 1.5em 1.5em .5em; background: #eaecef;}
#posts .showbox_market .caption, #posts .showbox_market .description, #posts .showbox_market .post-body {border-bottom: 2px solid #db0029;}
#posts .showbox_sodo .caption, #posts .showbox_sodo .description, #posts .showbox_sodo .post-body {border-bottom: 2px solid #003a90;}
.caption a:hover, .description a:hover, .post-body a:hover {background: #0099cb; color: #fff;}

.post-notes {background: #cdced1; padding: 3.333333%; margin: 0 auto; width: 60%;}
/* Video post */
.block-video iframe {width: 100%; max-height: auto;}
/* Audio post */
.block-audio iframe {width: 100%; height: auto;}
.block-audio embed {width: 100%; height: 2.5em; background: #ccc;}
.audio_player {background: #ccc;}
/* Chat post */
.chat-name {font-weight: 300; display: block; width: 6em; float: left; clear: left;}
.chat .odd {background: #eaecef;}
.chat li {padding: .25em;}
/* Quote post */
.block-quote blockquote {background: #eaecef;}