/*
Theme Name: Stinque 3
Theme URI: http://www.stinque.com/
Description: If it's mobile, we're on it.
Version: 3.0
Author: nojo
*/

/*
Container width: 1000
Master width: 980
Columns: 160 + 480 (+40 margins) + 300
*/

/* =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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}

body { line-height: 1; }

h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
}

p { margin: 0 0 12px 0; }

ol, ul { list-style: none; }

blockquote {
	margin: 15px 30px 15px 0;
	padding-left: 15px;
	border-left: 6px solid #ddd;
	color: #555;
	quotes: none;
}

blockquote:before, blockquote:after {
	content: '';
	content: none;
}

blockquote cite {
	margin: 5px 0 0;
	display: block;
}

del {
	text-decoration: line-through;
	color: #555;
}

strike { color: #555; }

small { font-size: 12px; }

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom: 14px;
}

td { vertical-align: middle; }

a img { border: none; }


/*-------------------------------------------------
STRUCTURE
-------------------------------------------------*/

body {
	background: #fff;
	color: #000;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 1.2;
	text-align: left;
}

#container {
	width: 1000px;
	margin: 0 auto;
}

#wrapper {
	width: 980px;
	margin: 0 auto;
}

#content {
	clear: both;
}

#maincolumn {
	width: 480px;
	margin: 0 0 0 20px;
	float: left;
}

#searchcolumn {
	width: 500px;
	margin: 0 0 0 10px;
	float: left;
}

#leftsidebar {
	width: 160px;
	float: left;
}

#rightsidebar {
	width: 300px;
	float: right;
}

#footer {
	text-align: center;
	padding: 3px 0 12px 0;
	margin: 15px 0 15px 0;
	border-top: 1px solid #ddd;
	color: #666;
	font-size: 11px;
	font-family: arial, helvetica, sans-serif;
	text-transform: uppercase;
	clear: both;
}


/*-------------------------------------------------
DEVICE
-------------------------------------------------*/

.mobile {
	display: none;
}

.retina {
	display: none;
}


/*-------------------------------------------------
LINKS
-------------------------------------------------*/

a {
	color: #003479;
	text-decoration: none;
}

.blacklink a,
a.blacklink {
	color: #000;
	text-decoration: none;
}

.graylink a,
a.graylink {
	color: #666;
	text-decoration: none;
}

a:hover {
	color: #900;
	text-decoration: underline;
}


/*-------------------------------------------------
HEADER
-------------------------------------------------*/

#header {
	height: 110px;
	background-image: url(/assets/head/headbg-980x110.gif);
	clear: both;
}


/* HALLOWEEN */

#booheader {
	height: 110px;
	background-image: url(/assets/head/headbg-980x110.gif);
	clear: both;
}


/* FEATURE STRIP */

div.strip {
	float: left;
	border-bottom: 1px solid #b3b3b3;
	width: 237px;
	height: 60px;
	padding: 0;
	margin: 0 10px 0 0;
	background-color: #eee;
}

div.strip .thumb {
	float: left;
	width: 60px;
	margin-right: 7px;
}

div.strip .blurb {
	float: left;
	padding-top: 4px;
	font-size: 11px;
	line-height: 1.3;
	width: 160px;
}


/* TWITTER */

td.twitter {
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	padding-bottom: 17px;
	line-height: 1.3;
	vertical-align: bottom;
}


/*-------------------------------------------------
HEADLINES
-------------------------------------------------*/

h1 {
	color: #000;
	font-size: 22px;
	margin: 2px 0 10px 0;
	padding: 0;
	line-height: 1.2;
	font-weight: bold;
}

h1.aside {
	color: #000;
	font-size: 14px;
	margin: 4px 0 8px 0;
	padding: 0;
	line-height: 1.2;
	font-weight: bold;
	text-transform: uppercase;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 10px 0;
	padding: 0;
	line-height: 1.2;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 10px 0;
}

h3.graybar {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #888;
	padding: 4px 3px 3px 6px;
	margin: 0 0 10px 0;
	color: #eee;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 11px;
}


h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0 0 10px 0;
	font-weight: bold;
}


/*-------------------------------------------------
NAVIGATION
-------------------------------------------------*/

div.navtop {
	border-top: 1px solid #ccc;
	padding: 1px 6px 1px 6px;
	margin: 0 0 12px 0;
	font-size: 11px;
	color: #555;
	background-color: #eee;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

div.navleft {
	float: left;
	margin: 0 8px 3px 0;
	text-align: left;
	padding-top: 4px;
}

div.navright {
	float: right;
	margin: 0 0 3px 8px;
	text-align: right;
	padding-top: 4px;
}

div.navbottom {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-align: center;
	margin: 0 0 12px 0;
}

div.navarchive {
	border-top: 1px solid #ccc;
	padding: 3px 6px 3px 6px;
	margin: 0 0 12px 0;
	font-size: 11px;
	color: #555;
	background-color: #eee;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-align: center;
}

div.folio {
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	text-align: center;
	font-weight: bold;
	margin-bottom: 2px;
}


/*-------------------------------------------------
POSTS
-------------------------------------------------*/

div.post {
	margin: 0 0 12px 0;
	border-bottom: 1px solid #ddd;
	font-size: 14px;
	line-height: 1.4;
	overflow: hidden;
	word-wrap: break-word;
	clear: both;
}

div.postbody a {
	font-weight: bold;
}

div.postbody img {
	margin-bottom: 5px;
}

div.postbody ul {
	list-style: square outside none;
	margin: 0 0 0 15px;
	padding: 0;
}

div.postbody ul li {
	margin: 0 0 1em 0;
	padding: 0;
}

.postmeta {
	color: #666;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	clear: both;
	line-height: 1.2;
}

.more-link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}


/* CAPTIONS */

.wp-caption {
	text-align: left;
	margin: 0 0 6px 0;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
	display: block;
}

.wp-caption p.wp-caption-text, .caption {
	text-align: left;
	font-family: arial, helvetica, sans-serif;
	color: #666;
	font-size: 12px;
	line-height: 1.2;
	padding: 2px 0 6px 0;
	margin: 0;
}


/* TABLES */

table.arial {
	font-size: 12px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}

table.nojo {
	font-size: 12px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}

table.nojo th {
	font-weight: bold;
	color: #fff;
	background-color: #000;
}

table.nojo td { border-bottom: 1px solid #999; }


/* LIKE BUTTONS */

div.likebuttons {
	clear: both;
	height: 21px;
	margin-bottom: 12px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}

div.likebuttons div {
	float: left;
	height: 21px;
}

div.likebuttons div.twitter {
	width: 89px;
}

div.likebuttons div.plusone {
	width: 72px;
}

div.likebuttons div.stumble {
	width: 84px;
}

div.likebuttons div.facebook {
	width: 90px;
}


/*-------------------------------------------------
COMMENTS
-------------------------------------------------*/

div.comment {
	clear: both;
	margin-bottom: 15px;
}


/* COMMENT HEAD */

div.comment .head {
	border-top: 1px solid #ccc;
	line-height:1.2;
	margin-bottom: 14px;
}

table.commenter {
	width: 480px;
	background-color: #eee;
	margin: 0;
}

table.commenter td.gravatar {
	width: 48px;
	vertical-align: top;
}

table.commenter td.gravatar img {
	width: 48px;
	height: 48px;
	display: block;
}

table.commenter td.info {
	font-size: 14px;
	padding: 4px 0 4px 8px;
	vertical-align: middle;
	line-height: 1.1;
}

div.commentdate {
	color: #666;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	margin-top: 3px;
	line-height: 1;
}

table.commenter td.reply {
	width: 24px;
	vertical-align: top;
}

a.atreply {
	display: block;
	height: 16px;
	width: 16px;
	margin: 4px auto 0 auto;
	text-decoration: none;
	background: url(/assets/stuff/nojoreply.png) 0 0 no-repeat;;
}

a.atreply:hover {
	background: url(/assets/stuff/nojoreply.png) left bottom no-repeat;;
}


/* COMMENT BODY */

div.comment .body {
	clear: both;
	padding: 0 0 0 10px;
	font-size: 14px;
	line-height: 1.3;
	overflow: hidden;
	word-wrap: break-word;
}

div.comment .body a {
	color: #900;
	text-decoration: none;
}

div.comment .body a:hover {
	text-decoration: underline;
}


/* COMMENT FORM */

#commentform textarea {
	width: 474px;
	padding: 2px;
	background-color: #fff;
	border: 1px solid #999;
	font-family: Georgia, "Times New Roman", Serif;
	font-size: 14px;
}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 0 15px 0;
}

#commentform #submit {
	float: right;
}


/* COMMENT PREVIEW */

#commentpreview {
	font-size: 14px;
	background-color: #e3eeff;
	font-family: Georgia, "Times New Roman", Serif;
	margin-bottom: 10px;
}

#commentpreview .body {
	padding: 15px 10px 2px 10px;
}

#commentpreview .body p {
	margin-bottom: 1em;
}


/* COMMENT EDITING BUTTONS */

div.nojocomment,
div.commentalert {
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 10px;
	color: #fff;
	text-align: center;
	background-color: #888;
	height: 17px;
	line-height: 1;
}

div.nojocomment div {
	margin-left: 100px;
}

div.commentalert {
	height: 14px;
	color: #000;
	background-color: #ccdeff;
	padding-top: 3px;
}

div.nojocomment a {
	height: 14px;
	color: #fff;
	text-decoration: none;
	padding: 3px 15px 0 15px;
	display: block;
	float: left;
}

div.nojocomment a.public {
	float: none;
	width: 30px;
	margin: 0 auto;
}

div.nojocomment a.hide {
	display: none;
}

div.nojocomment a:hover {
	color: #000;
	background-color: #ffcc00;
}


/*-------------------------------------------------
AJAX COMMENTS
-------------------------------------------------*/

#overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.8);
	z-index: 100;
}

#overlayspinner {
	position: fixed;
	width: 32px;
	/* top: 246px; */
	top: 50%;
	left: 50%;
	margin-top: -16px;
	margin-left: -16px;
}

#overlayerror {
	position: fixed;
	width: 520px;
	/* top: 295px; */
	top: 50%;
	left: 50%;
	margin-top: -65px;
	margin-left: -260px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 1;
	color: #fff;
	text-align: center;
}

#overlayerror h1 {
	font-size: 30px;
	font-weight: bold;
	padding: 0;
	margin: 0 0 12px 0;
	color: #ffff00;
}

#overlayerror a {
	color: #ffff00;
}

#overlayerror a:hover {
	color: #fff;
}

#editcommentbox {
	position: fixed;
	width: 520px;
	/* top: 284px; */
	top: 50%;
	left: 50%;
	margin-top: -124px;
	margin-left: -260px;
	border: 1px solid #ddd;
	background-color: #ddd;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 1;
}

#editcommentbox div.title {
	color: #fff;
	background-color: #000;
	padding: 6px 0 6px 8px;
	font-weight: bold;
}

#editcommentbox div.content {
	width: 500px;
	margin: 0 auto;
	padding: 10px 0 10px 0;
}

#editcommentbox_textarea {
	width: 492px;
	padding: 3px;
	color: #000;
	background-color: #fff;
	border: 1px solid #999;
	font-family: Georgia, "Times New Roman", Serif;
	font-size: 14px;
}

#editcommentbox_buttons {
	margin-top: 5px;
}

.editcommentbox_button {
	font-size: 12px;
	line-height: 1;
	border: 1px solid #999;
	border-radius: 4px;
	background: #fff;
	font-weight: normal;
	color: #000;
	outline: none;
	width: 80px;
	margin: 0;
	padding: 3px 0 4px 0;
}

.editcommentbox_button:hover {
	background: #ede861;
}

#editcommentbox_cancel {
	float: left;
}

#editcommentbox_submit {
	float: right;
}


/*-------------------------------------------------
SIDEBAR
-------------------------------------------------*/

.sidebar {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.sidebar h2 {
	margin: 0 0 2px 0;
	padding: 0;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
}


/* BLOGROLL */

ul.blogroll {
	padding: 0 0 12px 0;
	list-style-type: none;
	list-style-image: none;
}

ul.blogroll li {
	border-top: 1px solid #ccc;
	padding: 2px 2px 1px 4px;
	margin: 0 0 2px 0;
	font-size: 10px;
	color: #555;
	background-color: #eee;
	text-transform: uppercase;
}

ul.blogroll li a {
	color: #555;
	font-weight: normal;
}

ul.blogroll li a:hover {
	color: #900;
	font-weight: normal;
}


/* LATEST COMMENTS */

ul.latestcomments {
	margin: 0 0 12px 0;
	list-style-type: none;
	list-style-image: none;
}

ul.latestcomments li {
	font-family: Arial, Helvetica, sans-serif;
	border-top: 1px solid #ccc;
	clear: both;
	padding: 3px;
	margin: 0 0 3px 0;
	font-size: 11px;
	color: #555;
	background-color: #eee;
	overflow: hidden;
}

ul.latestcomments img {
	float: left;
	padding: 2px 4px 0 0;
}

ul.latestcomments li a.commenter {
	font-weight: bold;
	text-transform: uppercase;
}

ul.latestcomments li a.post {
	color: #000;
	font-weight: normal;
	text-transform: none;
}

ul.latestcomments li a.commenter:hover,
ul.latestcomments li a.post:hover {
	color: #900;
	text-decoration: underline;
}


/* SEARCH BOX */

div.searchbox {
	border-top: 1px solid #ccc;
	padding: 4px;
	margin: 0 0 12px 0;
	color: #555;
	background-color: #eee;
}


/* STINQUEMAIL */

div.stinquemail {
	border-top: 1px solid #ccc;
	padding: 4px 0 3px 0;
	text-align: center;
	background-color: #eee;
	line-height:1.3;
	font-size: 14px;
	text-transform: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-bottom: 3px;
}


/* STAFF BOX */

div.staffbox {
	border-top: 1px solid #ccc;
	height: 40px;
	background-color: #eee;
	line-height:1.3;
	font-size: 14px;
	text-transform: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-bottom: 3px;
	clear: both;
}

div.staffbox .avatar {
	float: left;
	width: 40px;
	margin-right: 10px;
}

div.staffbox .avatar img {
	display: block;
}

div.staffbox .detail {
	float: left;
	padding-top:4px;
	width: 245px;
}


/* RIMSHOT BUTTON*/

#rimshotbutton, #vuvubutton {
	display: block;
	margin: 0 auto;
	width: 17px;
	height: 17px;
	background: url(/assets/stuff/rimshotbuttonx2.png) 0 0 no-repeat;
}

#rimshotbutton:hover, #vuvubutton:hover {
	background: url(/assets/stuff/rimshotbuttonx2.png) left bottom no-repeat;
}


/*-------------------------------------------------
POLLS
-------------------------------------------------*/

div.wp-polls {
	padding: 0;
	margin: 0 0 20px 0;
}

div.wp-polls-head {
	background-color: #2c2c2c;
	padding: 3px 3px 3px 6px;
	margin: 0 0 2px 0;
	color: #eee;
	font-weight: bold;
	text-transform: uppercase;
}

div.wp-polls-choice {
	border-top: 1px solid #ccc;
	background-color: #e3eeff;
	padding: 4px 6px 2px 6px;
	margin: 0 0 2px 0;
	text-transform: none;
	font-weight: bold;
}

div.wp-polls-answer {
	border-top: 1px solid #ccc;
	background-color: #eee;
	padding: 4px 6px 2px 6px;
	margin: 0 0 2px 0;
	text-transform: none;
}

div.wp-polls-footer {
	border-top: 1px solid #ccc;
	background-color: #eee;
	padding: 3px;
	margin: 0 0 2px 0;
	text-transform: none;
	text-align: center;
}

div.wp-polls .pollbar {
	margin: 1px;
	font-size: 6px;
	line-height: 8px;
	height: 8px;
	background: #003479;
	border: 1px solid #999999;
}

li.nopollindent {
	margin-left: 5px;
	text-indent: 0px;
}

div.postpoll {
	clear: both;
	width: 300px;
	margin: 0 auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}


/* BUILT-IN STYLES */

.wp-polls ul li, .wp-polls-ul li, .wp-polls-ans ul li {
	text-align: left;
	background-image: none;
	display: block;
}

.wp-polls ul, .wp-polls-ul, .wp-polls-ans ul  {
	text-align: left;
	list-style: none;
	float: none;
}

.wp-polls ul li:before, .wp-polls-ans ul li:before, #sidebar ul ul li:before {
	content: '';
}

.wp-polls IMG, .wp-polls LABEL , .wp-polls INPUT, .wp-polls-loading IMG, .wp-polls-image IMG {
	display: inline;
	border: 0px;
	padding: 0px;
	margin: 0px;
}

.wp-polls-ul {
	padding: 0px;
	margin: 0px 0px 10px 10px;
}

.wp-polls-ans {
	width:100%;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
	/* background-color: #ffffff; */
}

.wp-polls-loading {
	display: none;
	text-align: center;
	height: 16px;
	line-height: 16px;
}

.wp-polls-image {
	border: 0px;
}

.wp-polls .Buttons {
	border:1px solid #c8c8c8;
	background-color: #f3f6f8;
}

/* Polls Archive Paging */

.wp-polls-paging a, .wp-polls-paging a:link {
	padding: 2px 4px 2px 4px;
	margin: 2px;
	text-decoration: none;
	border: 1px solid #0066cc;
	color: #0066cc;
	background-color: #FFFFFF;
}

.wp-polls-paging a:visited {
	padding: 2px 4px 2px 4px;
	margin: 2px;
	text-decoration: none;
	border: 1px solid #0066cc;
	color: #0066cc;
	background-color: #FFFFFF;
}

.wp-polls-paging a:hover {
	border: 1px solid #000000;
	color: #000000;
	background-color: #FFFFFF;
}

.wp-polls-paging a:active {
	padding: 2px 4px 2px 4px;
	margin: 2px;
	text-decoration: none;
	border: 1px solid #0066cc;
	color: #0066cc;
	background-color: #FFFFFF;
}

.wp-polls-paging span.pages {
	padding: 2px 4px 2px 4px;
	margin: 2px 2px 2px 2px;
	color: #000000;
	border: 1px solid #000000;
	background-color: #FFFFFF;
}

.wp-polls-paging span.current {
	padding: 2px 4px 2px 4px;
	margin: 2px;
	font-weight: bold;
	border: 1px solid #000000;
	color: #000000;
	background-color: #FFFFFF;
}

.wp-polls-paging span.extend {
	padding: 2px 4px 2px 4px;
	margin: 2px;
	border: 1px solid #000000;
	color: #000000;
	background-color: #FFFFFF;
}


/*-------------------------------------------------
TRENDWATCH
-------------------------------------------------*/

table.trendwatch {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	margin: 0 0 15px 0;
	line-height: 1.1;
}

table.trendwatch th {
	padding: 2px 2px 1px 4px;
	margin: 0 0 2px 0;
	color: #555;
	font-size: 10px;
	text-transform: uppercase;
	font-weight: normal;
	background-color: #eee;
	text-align: left;
	border-top: 1px solid #ccc;
}

table.trendwatch td {
	border-top: 1px solid #ccc;
	background-color: #eee;
	padding: 1px;
	text-transform: none;
}


/*-------------------------------------------------
GALLERIA
-------------------------------------------------*/

div.galleria {
	height: 540px;
	background: #000;
	margin-bottom: 12px;
}


/*-------------------------------------------------
STINQUE JAMS
-------------------------------------------------*/

div.jamlist {
	float: left;
	border-top: 1px solid #ccc;
	width: 220px;
	margin: 0 10px 10px 0;
}

div.jamlist p {
	padding: 0;
	margin: 0 0 2px 0;
	line-height: 1.2;
}

div.jamlist img {
	display: block;
	float: left;
	margin-right: 7px;
}


/*-------------------------------------------------
UTILITY BELT
-------------------------------------------------*/

/* ALIGNMENT */

.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
	margin: 0 8px 3px 0;
	text-align: left;
	padding-top: 4px;
}

.alignright {
	float: right;
	margin: 0 0 3px 8px;
	text-align: right;
	padding-top: 4px;
}


/* INSETS */

div.insetright {
	float: right;
	margin: 3px 0 12px 12px;
}

div.insetleft {
	float: left;
	margin: 3px 12px 12px 0;
}


/* COLOR */

.bgliteblue { background-color: #ccdeff; }


/* TEXT */

.f9 { font-size: 9px; }
.f10 { font-size: 10px; }
.f11 { font-size: 11px; }
.f12 { font-size: 12px; }
.f14 { font-size: 14px; }
.f18 { font-size: 18px; }

.textleft { text-align: left; }
.textright { text-align: right; }
.textcenter { text-align: center; }

.textbold { font-weight: bold; }
.textul { text-transform: none; }

.arial { font-family: Arial, Verdana, Helvetica, sans-serif; }
.georgia { font-family: Georgia, "Times New Roman", Times, serif; }


/* LINES */

.bordertop { border-top: 1px solid #ddd; }
.borderbottom { border-bottom: 1px solid #ddd; }
.borderbottomdark { border-bottom: 1px solid #999; }


/* CLEARS */

div.clear {
	margin: 0;
	padding: 0;
	clear: both;
}

hr.clear {
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}


/*-------------------------------------------------
RETINA
-------------------------------------------------*/

@media (-webkit-min-device-pixel-ratio:2) {

	.lowrez {
		display: none;
	}

	.retina {
		display: inherit;
	}

}


/*-------------------------------------------------
iPHONE
-------------------------------------------------*/

@media (max-width: 520px) {

	/* structure */

	body {
		-webkit-text-size-adjust: none;
	}

	.desktop {
		display: none;
	}

	.mobile {
		display: inherit;
	}

	#container {
		width: 500px;
		margin: 0 auto;
		padding-top: 75px;
	}

	#wrapper {
		width: 500px;
		margin: 0 auto;
	}

	#maincolumn, #searchcolumn {
		width: 480px;
		margin: 0 auto 20px auto;
		float: none;
	}

	#footer {
		font-size: 18px;
	}


	/* mobile menu */

	#mobileheader {
		width: 100%;
		background-color: #ddd;
		border-bottom: 1px solid #333;
		z-index: 50;
		position: fixed;
		top: 0;
		height: 60px;
		padding: 0 10px;
		box-shadow: 0px 1px 15px rgba(0,0,0,0.3);
	}

	img.mobilelogo {
		padding-top: 15px;
	}

	#mobilemenutoggle {
		display: block;
		float: right;
		width: 33px;
		height: 33px;
		padding: 14px 20px 0 0;
	}

	a.mobilemenutoggledown {
		display: block;
		width: 33px;
		height: 33px;
		background: url(/assets/mobile/mobilemenutoggle.png) 0 0 no-repeat;;
	}

	a.mobilemenutoggleup {
		display: block;
		width: 33px;
		height: 33px;
		background: url(/assets/mobile/mobilemenutoggle.png) left bottom no-repeat;;
	}

	#mobilemenu {
		width: 500px;
		z-index: 25;
		position: fixed;
		top: 60px;
	}

	#mobilemenu ul {
		width: 500px;
		box-shadow: 0px 1px 15px rgba(0,0,0,0.3);
		padding: 0;
		margin: 0;
		list-style: none;
	}

	#mobilemenu ul li {
		background-color: #eee;
		border-bottom: 1px solid #333;
		font-family: Arial, Verdana, Helvetica, sans-serif;
		line-height: 1;
		margin: 0;
	}

	#mobilemenu ul li a {
		background-color: #eee;
		display: block;
		font-size: 30px;
		padding: 12px;
		color: #000;
		text-decoration: none;
		font-weight: normal;
	}


	/* navigation */

	div.folio {
		font-size: 22px;
		margin-bottom: 2px;
	}

	div.navtop {
		width: 480px;
		padding: 0 0 4px 0;
		font-size: 18px;
	}

	div.navleft {
		float: none;
		margin: 4px 8px 3px 4px;
		padding: 0;
	}

	div.navright {
		float: none;
		margin: 4px 4px 3px 8px;
		padding: 0;
	}

	div.navbottom {
		font-size: 18px;
	}

	div.navarchive {
		font-size: 18px;
		padding: 3px 6px 6px 6px;
	}


	/* typography */

	h1 {
		font-size: 30px;
	}

	h1.aside {
		font-size: 24px;
	}

	h3 {
		font-size: 18px;
		margin: 0 0 1em 0;
	}

	h3.graybar {
		font-size: 18px;
		margin: 0 0 1em 0;
	}

	h5 {
		font-size: 18px;
		margin: 0 0 1em 0;
		font-weight: bold;
	}

	div.post p {
		margin-bottom: 1em;
	}

	div.post, .more-link {
		font-size: 22px;
	}

	div.postbody ul {
		margin: 0 0 0 1em;
	}

	.postmeta {
		font-size: 18px;
	}

	.wp-caption p.wp-caption-text, .caption {
		font-size: 20px;
	}


	/* comments */

	table.commenter td.gravatar {
		width: 60px;
	}

	table.commenter td.gravatar img {
		width: 60px;
		height: 60px;
	}

	table.commenter td.info {
		padding: 6px 0 6px 9px;
		font-size: 22px;
	}

	div.commentdate {
		font-size: 16px;
	}

	table.commenter td.reply {
		width: 40px;
	}

	a.atreply {
		height: 32px;
		width: 32px;
		background: url(/assets/stuff/nojoreply@2x.png) 0 0 no-repeat;;
	}

	a.atreply:hover {
		background: url(/assets/stuff/nojoreply@2x.png) left bottom no-repeat;;
	}

	div.comment .body {
		font-size: 22px;
	}

	div.comment .body p {
		margin-bottom: 18px;
	}


	/* comment edit buttons */

	div.nojocomment {
		font-size: 18px;
		height: 28px;
	}

	div.nojocomment a {
		height: 28px;
	}

	div.nojocomment a.public {
		padding-top: 4px;
		width: 50px;
	}

	div.commentalert {
		font-size: 18px;
		height: 24px;
		padding-top: 6px;
	}

	div.nojocomment div {
		margin-left: 40px;
	}

	/* comment form */

	#commentform textarea {
		font-size: 22px;
	}

	#commentform input {
		width: 190px;
		font-size: 18px;
	}


	/* comment preview */

	#commentpreview .body {
		font-size: 22px;
	}


	/* ajax comments */

	#overlayerror {
		width: 480px;
		margin-top: -85px;
		margin-left: -240px;
		font-size: 24px;
	}

	#overlayerror h1 {
		font-size: 40px;
		margin-bottom: 18px;
	}

	#overlayerror p {
		margin-bottom: 24px;
	}

	#editcommentbox {
		width: 460px;
		margin-top: -218px;
		margin-left: -230px;
		font-size: 18px;
	}

	#editcommentbox div.title {
		font-size: 22px;
	}

	#editcommentbox div.content {
		width: 440px;
		padding: 15px 0 5px 0;
	}

	#editcommentbox_textarea {
		width: 430px;
		padding: 4px;
		font-size: 22px;
	}

	#editcommentbox_buttons {
		margin-top: 10px;
	}

	.editcommentbox_button {
		font-size: 18px;
		width: 300px;
		padding: 3px 0 4px 0;
		margin: 20px auto;
		display: block;
	}

	#editcommentbox_cancel, #editcommentbox_submit {
		float: none;
	}


	/* social */

	div.likebuttons {
		height: 32px;
		margin: 14px 0 14px 0;
	}

	div.likebuttons div.twitter {
		width: 150px;
		height: 32px;
	}

	div.likebuttons div.facebook {
		-webkit-transform: scale(1.5);
		padding-top: 4px;
	}


	/* mobileblurb */

	div.mobileblurb {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 20px;
		text-transform: uppercase;
		padding-bottom: 6px;
		line-height: 1.3;
		text-align: center;
		color: #555;
	}


	/* latest comments */

	div.postbody ul.latestcomments {
		margin: 15px 0 12px 0;
		padding: 0;
		list-style: none;
		line-height: 1.2;
	}

	div.postbody ul.latestcomments li {
		display: block;
		margin: 0 0 12px 0;
		padding: 4px 6px 6px 6px;
		font-size: 20px;
	}

	div.postbody ul.latestcomments img {
		padding: 5px 9px 0 0;
		margin: 0;
	}

}


/*-------------------------------------------------
JQUERY
-------------------------------------------------*/

.hide, a.hide {
	display: none;
}