/*

// Neue Helvetica® 45 Light
font-family:'HelveticaNeueW01-45Ligh';

// Neue Helvetica® 46 Light Italic
font-family:'HelveticaNeueW01-46Ligh';

// Neue Helvetica® 65 Medium
font-family:'HelveticaNeueW01-65Medi';

// Neue Helvetica® 66 Medium Italic
font-family:'HelveticaNeueW01-66Medi';

// Neue Helvetica® 57 Condensed
font-family:'HelveticaNeueW01-57Cn';

// Neue Helvetica® 67 Condensed Medium
font-family:'HelveticaNeueW01-67MdCn 692710';

// Neue Helvetica® 77 Condensed Bold
font-family:'HelveticaNeueW01-77BdCn 692722';

*/

body {
	padding:0;
	margin:0;
	color:#000;
	background:#f2f2f2 url(http://files.websitesthatdostuff.com/img/bg.png);
	font:14px 'HelveticaNeueW01-45Ligh', Arial, sans-serif;
	}

body.news article p,
body.news article ol,
body.news article ul,
body.news article dl,
body.news article blockquote {
	font:30px Georgia, "Times New Roman";
	}

footer#mainFooter p {
	font:24px 'HelveticaNeueW01-77BdCn 692722', Arial, sans-serif;
	}

body.news ol,
body.news ul,
body.news dl {
	font-size:1.7em;
	line-height:1.428571429em;
	margin-left:2.8571428571em;
	color:#444;
	}

h1 {
	margin:0;
	font:66px 'HelveticaNeueW01-77BdCn 692722', Arial, sans-serif;
	text-transform:uppercase;
	}

.news header#mainHeader h1 {
	text-indent:-999em;
	background:url(http://files.websitesthatdostuff.com/img/kickingAndScreaming_h1.png) no-repeat 40px top;
	}

body#typewriter header#mainHeader h1 {
	height:98px;
	margin-top:0;
	text-indent:-999em;
	background:url(http://files.websitesthatdostuff.com/img/typewriter_h1.png) no-repeat 40px top;
	}

h2 {
	margin:0 0 14px;
	font:50px 'HelveticaNeueW01-77BdCn 692722', Arial, sans-serif;
	text-transform:uppercase;
	}

h3 {
	margin:0 0 12px;
	font:35px 'HelveticaNeueW01-77BdCn 692722', Arial, sans-serif;
	text-transform:uppercase;
	}

h4 {
	margin:0 0 10px;
	font:30px 'HelveticaNeueW01-77BdCn 692722', Arial, sans-serif;
	text-transform:uppercase;
	}

h5 {
	margin:0 0 10px;
	font:18px 'HelveticaNeueW01-77BdCn 692722', Arial, sans-serif;
	text-transform:uppercase;
	}

section h1 {
	margin:0 0 12px;
	font:35px 'HelveticaNeueW01-77BdCn 692722', Arial, sans-serif;
	text-transform:uppercase;
	}

p, ul, ol, dl, table {
	padding:0 0 0 40px;
	margin: 0 0 14px;
	}

section p, article p {
	max-width:947px;
	}

ul, ol, dl {
	margin-left:1.428571429em;
	}

ul, ol {
	line-height:1.5em;
	}

table.skinny,
table.wide,
.leftCol table,
.rightCol table,
.skinny table,
.wide table {
	width:100%;
	padding:0 !important;
	}

table th {
	background:#000;
	color:#fff;
	text-align:left;
	}

iframe {
	margin:0 0 20px 40px;
	max-width:100% !important;
	}

a,
section p.funnel a {
	color:#ce0000;
	/*text-decoration:none;*/
	}
a:hover {color:#0184d7;}

section p a,
section li a,
article p a,
article li a,
section span a,
article span a,
section h1 a,
article h1 a,
section h2 a,
article h2 a,
section h3 a,
article h3 a {
    text-decoration:underline;
    }

#single article h1 a {text-decoration:none;}

section strong {
	font-weight:normal;
	font-family:'HelveticaNeueW01-65Medi', Arial, sans-serif;
	}

section em {
	font-style:normal;
	font-family:'HelveticaNeueW01-46Ligh', Arial, sans-serif;
	}

section em strong,
section strong em {
	font-family:'HelveticaNeueW01-66Medi', Arial, sans-serif;
	}

body.page section .funnel a,
footer#mainFooter #contact p a,
section#kickingAndScreaming article h1 a {color:#0184d7;}

body.page section .funnel a:hover,
footer#mainFooter #contact p a:hover,
section#kickingAndScreaming article h1 a:hover,
body.news .postMeta a:hover {color:#ce0000;}

body.news .postMeta a {text-transform:lowercase;}

body.news .postMeta a {color:#1899eb;}

h1, h2, h3, h4, h5, h6 {padding:0 0  0 40px;}


/* Stop SOPAandPIPA */
#stopSOPAandPIPAWrapper {
	background:#000;
}
#stopSOPAandPIPA {
	background:#000;
	margin-bottom:0;
	height:475px;
}
	#stopSOPAandPIPA h1 {
		padding:2% 0 1% 38px;
		color:#fff;
		font:30px 'HelveticaNeueW01-77BdCn 692722',Arial,sans-serif;
	}
	#stopSOPAandPIPA p {
		color:#fff;
		margin-bottom:0;
		padding-bottom: 24px;
	}
	#stopSOPAandPIPA div.skinny {
		margin-bottom:20px;
	}
		#stopSOPAandPIPA h2 {
			color:#fff;
			font-size:24px;
			margin-bottom: 14px;
		}
		#stopSOPAandPIPA div.skinny p {
			margin-bottom:0;
			padding-bottom: 14px;
		}
		#stopSOPAandPIPA iframe {
			display:block;
			margin:0 0 14px 0;
		}
/* Structure */
header#mainHeader {
	width:100%;
	padding:34px 0 0;
	background:#ffdb14;
	}

#logo {
	width:191px;
	height:29px;
	margin:0 0 0 40px;
	display:block;
	background:url(http://files.websitesthatdostuff.com/img/logo.png);
	text-indent:-999em;
	}

header#mainHeader h1 {
	margin-top:18px;
	line-height:71px;
	}

header#mainHeader nav,
footer#mainFooter nav {
	height:40px;
	padding:0 0 0 28px;
	font:12px/40px 'HelveticaNeueW01-77BdCn 692722', Arial, sans-serif;
	text-transform:uppercase;
	}

header#mainHeader nav a,
footer#mainFooter nav a {
	display:inline-block;
	padding:0 13px 0 13px;
	color:#fff;
	text-decoration: none;
	}

header#mainHeader nav a:hover,
footer#mainFooter nav a:hover {
	color:#7a7a7a;
	}

header#mainHeader blockquote {
	position:absolute;
	top:92px;
	left:763px;
	right:40px;
	display:inline-block;
	margin:0;
	font:14px/14px 'HelveticaNeueW01-77BdCn 692722', Arial, sans-serif;
	text-transform:uppercase;
	letter-spacing:0.055em;
	height:51px;
	width:224px;
	background:url(http://files.websitesthatdostuff.com/img/since1999.png);
	text-indent:-999em;
	}

header#mainHeader blockquote span {
	display:inline-block;
	font:24px/24px 'HelveticaNeueW01-77BdCn 692722', Arial, sans-serif;
	letter-spacing:0em;
	margin:0 0 0 -1px;
	}

header#mainHeader blockquote strong {
	display:inline-block;
	letter-spacing:0.057em;
	font-weight:normal;
	}

footer#mainFooter {
	clear:both;
	height:323px;
	width:100%;
	padding:0 0 159px;
	margin:40px 0 0;
	background:#ffdb14;
	}

#index.news footer#mainFooter {margin-top:15px;}

footer#mainFooter #innerWrapper {
	position:relative;
	max-width:987px;
	margin-top:34px;
	}

footer#mainFooter p {
	margin:0;
	}

footer#mainFooter #launchPad,
footer#mainFooter #contact {
	text-align:right;
	}

footer#mainFooter #launchPad a {color:#000;}
footer#mainFooter #launchPad a:hover {color:#ce0000;}

footer#mainFooter #contact {
	position:absolute;
	top:149px;
	right:0;
	text-transform:uppercase;
	}

footer#mainFooter #contact p {
	line-height:25px;
	padding-left:0;
	}

footer#mainFooter #contact address {
	font:24px/27px 'HelveticaNeueW01-77BdCn 692722', Arial, sans-serif;
	}

footer#mainFooter #phone {
	margin-top:55px;
	font:100px/85px 'HelveticaNeueW01-77BdCn 692722', Arial, sans-serif;
	}

footer#mainFooter #copyright {
	color:#ffbf14;
	text-transform:uppercase;
	}

/* Blog */
article {
	max-width:987px;
	}

article + article {
	margin:99px 0 0 0;
	}

article .postContent {
	max-width:987px;
	}

article .postContent p:last-child,
body.news article blockquote:last-child,
body.news article ul:last-child,
body.news article ol:last-child,
body.news article dl:last-child,
body.news article div.full:last-child,
body.news article div.original:last-child,
body.news article div.left:last-child,
body.news article div.right:last-child,
body.news article iframe:last-child {
	margin-bottom:24px;
	}

article h1 {
	margin:24px 0 5px;
	color:#ce0000;
	}

article h1 a {
	text-shadow: 0 -1px 0 rgba(125, 0, 0, 0.9);
	}

article h1 a:hover {
	text-shadow: 0 -1px 0 rgba(0, 80, 131, 0.9);
	}

.news article h2 {
    font-size:42px;
    line-height:49px;
    margin-bottom:10px;
    }

body.news article header {
	margin-bottom:15px;
	}

.news article p {
    margin-bottom:24px;
    line-height: 37px !important;
    }

body.news .postMeta {
	display:inline-block;
	width:inherit;
	min-height:25px;
	padding-right:10px;
	margin:0 0 5px;
	font:12px/25px 'HelveticaNeueW01-77BdCn 692722', Arial, sans-serif !important;
	color:#dedede;
	}

body.news article footer .postMeta {
	float:left;
	}

body.news .postMeta span {padding:0 4px; color:#787878;}

body.news article blockquote {
	padding:0 0 0 80px;
	margin:0 0 40px;
	}

body.news article blockquote p {padding:0;}

body.news article footer {height:30px; clear:both;}

body.news article footer p,
body.news article footer .beSocial {
	display:inline-block;
	}

body.news article footer .beSocial {
	float:left;
	min-height:25px;
	margin-left:40px;
	min-width:365px;
	}

body.news article footer .beSocial .fb_iframe_widget,
body.news article footer .beSocial #___plusone_0,
body.news article footer .beSocial #___plusone_1,
body.news article footer .beSocial #___plusone_2,
body.news article footer .beSocial #___plusone_3,
body.news article footer .beSocial #___plusone_4,
body.news article footer .beSocial #___plusone_5,
body.news article footer .beSocial .twitter-share-button,
body.news article footer .beSocial .IN-widget {
	float:left !important;
	height:20px;
	margin:3px 10px 5px 0 !important;
	}

body.news article footer .beSocial iframe {
	margin:0 !important;
	}

body.news article footer .beSocial iframe.fb_ltr {
	height:20px;
	max-width:inherit !important;
	min-width: 74px;
}

/* Comments */
#comments {
	max-width:987px;
	margin:27px 0 0;
	}

#comments #commentHeading {
	display:inline-block;
	}

#comments ol {
	max-width:617px;
	padding:0;
	margin:0;
	list-style:none;
	}

#comments ol li#commentSubmited {
	height:inherit;
	padding-right:2em;
	margin-bottom:2em;
	}

#comments ol li {
	padding:.4em .5em .4em 0;
	margin-bottom:1.0em;
	}

#comments ol li:hover {
	box-shadow:inset 0 2px 5px 1px rgba(0, 0, 0, 0.6);
	-webkit-box-shadow:inset 0 2px 5px 1px rgba(0, 0, 0, 0.6);
	background:rgba(255,255,255,.5);
	}

#comments ol li#commentSubmited p {
	margin-top:1.428571429em;
	margin-bottom:1.428571429em;
	font-size:1.5em
	}

#comments ol li p {
	font-size:.9em;
	line-height:1.1em;
	margin-bottom:0;
	}

#comments ol li small {
	padding-left:40px;
	}

#addComment {
	float:right;
	max-width:290px;
	margin:0;
	}

#addComment h4 {
	margin-bottom:5px;
	}

#addComment textarea,
#addComment #comment_email,
#addComment #comment_author {
	width:268px;
	padding:10px;
	margin-bottom:15px;
	border:1px solid #333;
	}

#addComment textarea.error,
#addComment #comment_email.error,
#addComment #comment_author.error {
	border-color:#f00;
	margin-bottom:0;
	}

#addComment label.error {
	display:block;
	padding:3px 12px 5px;
	margin-bottom:15px;
	background:#f00;
	color:#fff;
	}

#addComment h4 {
	padding:0;
	}

p.prevNext {
	margin-top:5px !important;
	}

/* Images */
div.original,
div.full {
	max-width:947px;
	margin:0 0 40px 40px;
}

.skinny div.original,
.wide div.original,
.rightCol div.original,
.leftCol div.original {
	max-width:100%;
	margin:0 0 40px 0;
}

section.Typewriter .skinny .right {
	margin-bottom:10px;
	}

.mt0 div.original {
    margin-top:0;
    }

.mb0 div.original {
    margin-bottom:0;
    }

.mb20px div.original {
    margin-bottom:20px;
    }

.mt40px div.original,
.mt40px {
    margin-top:40px;
    }

h2.hmt0 {
	margin-top:0;
	margin-bottom:3px !important;
	}

.mb40 {margin-bottom:40px !important;}

div.left {
	float:left;
	max-width:474px;
	margin:0 20px 40px 40px;
}

div.right {
	float:right;
	max-width:474px;
	margin:0 0 40px 20px;
}

div.original img,
div.full img,
div.left img,
div.right img {
	display:block;
	width:100%;
	}

section h1+div {
    margin-top:0;
    }

.captionated .caption {
	display:block;
	padding:5px 0 6px;
	margin:5px 0 0;
	font:1.1em/1em 'HelveticaNeueW01-45Ligh', Arial, sans-serif !important;
	color:#808080;
	}

.captionated p {
	padding:0;
	font:1.0em/1em 'HelveticaNeueW01-45Ligh', Arial, sans-serif !important;
	color:#808080;
	}

div.left:first-child + p,
div.right:first-child + p {
	margin-top:-5px;
	}


/************************************************************
** Pages
************************************************************/

.page header#mainHeader {
	margin:0 0 40px;
	}

.page section {
	max-width:987px;
	margin:0 0 40px;
	}

.wide {
	width:44.1428571429em;
	}

.half {
	width:35.250000em;
	}

.complimentsLessSkinny {
	width:47.000000em;
	}

.lessSkinny {
	width:23.500000em;
	}

.skinny {
	width:20.6428571429em;
	}

.fl {float:left;}
.fr {float:right;}

.wide.fl,
.skinny.fl {margin:0 0 0 40px;}

.wide.fr,
.skinny.fr {margin:0;}


.rightCol h2,
.skinny h2,
.rightCol p,
.skinny p {
	padding:0;
	line-height:17px;
	}

.page section h2 {
	font-size:1.2857em;
	line-height:1.055556em;
	margin:0;
	}

.rightCol {
	float:right;
	width:20.6428571429em;
	}

.leftCol {
	width:44.1428571429em;
	margin:0 40px;
	}

.wide h2,
.wide p,
.leftCol h2,
.leftCol p {
	padding:0;
	}

.wide h2,
.leftCol h2 {
	font-size:1.2857em;
	line-height:1em;
	margin:0 0 3px;
	}

section div p:last-child {
    margin-bottom:0;
    }

.techStats {color:#808080;}

.funnel {
	clear:both;
	font:1.2757em 'HelveticaNeueW01-77BdCn 692722', Arial, sans-serif;
	}


/************************************************************
** Home
************************************************************/

section#typewriter h1 a {
	display:block;
	height:143px;
	width:618px;
	background:url(http://files.websitesthatdostuff.com/img/typewriter_text.png) 0 top no-repeat;
	text-indent:-999em;
	}

section#kickingAndScreaming h1#hd_kickingAndScreaming a {
	display:block;
	max-width:949px;
	height:129px;
	background:url(http://files.websitesthatdostuff.com/img/kickingAndScreaming.png) center top no-repeat;
	text-indent:-999em;
	}

section#kickingAndScreaming h1#hd_kickingAndScreaming a:hover {
	background-position:center -129px;
	}

section#kickingAndScreaming article {
	margin-bottom:28px;
	}

section#kickingAndScreaming article .content {
	/*height:370px;*/
	overflow-y:auto;
	overflow-x:hidden;
	}

section#kickingAndScreaming article p:last-child {
	margin-bottom:0;
	}

section#kickingAndScreaming article h1 {
	text-indent:0;
	background:none;
	width:inherit;
	height:23px;
	padding:0;
	font-size:1.2857em;
	text-align:center;
	overflow:hidden;
	}

section#kickingAndScreaming article h1 a {
	text-shadow:none;
	}

section#kickingAndScreaming article .timestamp {
	text-align:center;
	font-family:'HelveticaNeueW01-77BdCn 692722', Arial, sans-serif;
	}

section#kickingAndScreaming article div.original,
section#kickingAndScreaming article div.full,
section#kickingAndScreaming article div.left,
section#kickingAndScreaming article div.right {
	display:none;
	}

section#kickingAndScreaming article iframe {
	margin-left:0;
	max-width:100%;
	}

section#kickingAndScreaming article .postImg {
	display:block;
	margin:0 0 1.2em;
	max-width:100%;
	}

section#kickingAndScreaming article .postImg img {
	max-width:100%;
	}

section#kickingAndScreaming article ul,
section#kickingAndScreaming article ol {
	margin-left:0;
	padding-left:10%;
	}

section#kickingAndScreaming article .postImg img {display:block;}

section#kickingAndScreaming article div.backgroundImage {
	margin-bottom:1.2em;
	}

section#kickingAndScreaming a.readMore {
	display:block;
	height:30px;
	margin-bottom:28px;
	background:url(http://files.websitesthatdostuff.com/img/readMore.png) no-repeat center top;
	text-indent:-999em;
	}

section#kickingAndScreaming a.readMore:hover {
	background-position:center -31px;
	}

section#aboutUs div.bio {
	clear:left;
    height:140px;
    margin:0 0 40px;
    }

section#aboutUs div.bio div.original {
	float:left;
	width:20.845258323523797em;
	margin:0 1.428572835534em 0 0;
	position: relative;
	}

	section#aboutUs div.bio div.original:before {
		content: '';
		position: absolute;
		width: 100%;
		height: 100%;
		-webkit-box-shadow: inset 1px 1px 8px 0px rgba(0,0,0,0.75);
		-moz-box-shadow: inset 1px 1px 8px 0px rgba(0,0,0,0.75);
		box-shadow: inset 1px 1px 8px 0px rgba(0,0,0,0.75);
	}


section#aboutUs div.bio p {
	max-width:22.273831159em;
	padding:0 0 0 22.273831159em;
	}

section#aboutUs blockquote {
	margin:0;
	font:1.2857em/1em 'HelveticaNeueW01-77BdCn 692722', Arial, sans-serif;
	text-transform:uppercase;
	}

section#aboutUs cite {
    display:block;
    font:1em/1em 'HelveticaNeueW01-45Ligh', Arial, sans-serif;
    margin:0 0 1.428571429em;
    color:#808080;
    }


/* Utilities */

.clear {clear:both;}

header, hgroup, nav, aside, article, section, footer {
	display:block;
	}

.shiny {
	background:#000; /* Old browsers */
	background: -moz-linear-gradient(top, #000000 0%, #393939 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#393939)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #000000 0%,#393939 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #000000 0%,#393939 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #000000 0%,#393939 100%); /* IE10+ */
	background: linear-gradient(top, #000000 0%,#393939 100%); /* W3C */
	-moz-box-shadow:0 0 5px rgba(0,0,0,.8);
	-webkit-box-shadow:0 0 5px rgba(0,0,0,.8);
	box-shadow:0 0 5px rgba(0,0,0,.8);
	}

hr {
	height:40px;
	border:none;
	margin:40px 0;
	clear:both;
	}

.shoutBox {
	background:#FFDB14;
	max-width:907px;
	padding:20px;
	margin:0 0 40px 40px;
	}

.shoutBox h5,
.shoutBox p {
	padding:0;
	margin:0;
	}

.backgroundImage,
.shoutBox {
	box-shadow:inset 0 2px 5px 1px rgba(0, 0, 0, 0.6);
	-webkit-box-shadow:inset 0 2px 5px 1px rgba(0, 0, 0, 0.6);
}

::selection	{
	background:#ce0000;
	color:#fff;
	/* Safari and Opera */
	}

::-moz-selection {
	background:#ce0000;
	color:#fff;
	/* Firefox */
	}

.hq #logo {
	max-width:154%;
	}

.homeTallPhoto {
	height:486px !important;
	overflow-y:hidden !important;
	}



/* Webkit specific - getting things just right with the line-heights, font-sizes and alignments. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	header h1 {
		margin-top:19px;
		line-height:69px;
		}

	header blockquote {
		top:94px;
		letter-spacing:0.065em;
	}

	header blockquote span {
		letter-spacing:0em;
	}

	header blockquote strong {
		display:inline-block;
		letter-spacing:0.057em;
	}

	article + article {
		margin-top:104px;
	}

	article h1 {
		margin:34px 0 10px;
    }

	footer#mainFooter #contact {
		top:144px;
	}
}



@media all and (max-width:575px) {
	div.left {
		margin:5px 0 25px 40px;
	}

	div.right {
		margin:5px 0 25px 0;
	}
}



/* iPad */
@media all and (min-device-width: 481px) and (max-device-width: 1024px), all and (max-device-width: 480px) {
	header#mainHeader {
		padding-top:4.2372881%;
		}

	header#mainHeader nav,
	footer#mainFooter nav {
		padding-right:40px;
		}

	header#mainHeader nav a,
	footer#mainFooter nav a {
		padding:0 6px 0 6px;
		font-size:0.875em !important;
		}

	body#typewriter header#mainHeader h1 {
		background-position:35px top !important;
		background-size:60%;
		}

	body#typewriter header#mainHeader h1 {
		height:89px;
		background:url(http://files.websitesthatdostuff.com/img/typewriter_h1@2x.png) no-repeat 35px top !important;
    	-webkit-background-size:55%;
		-moz-background-size:55%;
    	background-size:55%;
    	}

    #logo {
		background:url(http://files.websitesthatdostuff.com/img/logo@2x.png) no-repeat left bottom;
    	-webkit-background-size:100%;
		-moz-background-size:100%;
    	background-size:100%;
	}

	.news header#mainHeader h1 {
		background:url(http://files.websitesthatdostuff.com/img/kickingAndScreaming_h1@2x.png) no-repeat 32px top !important;
    	-webkit-background-size:63% !important;
		-moz-background-size:63% !important;
    	background-size:63% !important;
		}

	header#mainHeader blockquote {display:none;}

	#logo,
	body.news ol,
	body.news ul,
	body.news dl,
	.page section .skinny,
	.shoutBox {
		margin-left:4.2372881%;
		}

	div.original, div.full {margin-left:4.2372881%;}

	iframe,
	.page section,
	.news article,
	footer#mainFooter #innerWrapper,
	#comments {
		padding-right:4.2372881%;
		}

	iframe,
	object {
		max-width:95.7627119% !important;
		margin-left:0% !important;
		}

	#stopSOPAandPIPA iframe {
		display:block;
		padding:0 !important;
		margin:0 !important;
	}

	h1, h2, h3, h4, h5, h6,
	p, ul, ol, dl, table {
		padding-left:4.2372881%;
		}

	.page header#mainHeader,
	.shoutBox {
		margin-bottom:4.2372881%;
		}

	#addComment {
		margin-bottom:8.4745762%;
		}

	#addComment textarea, #addComment #comment_email, #addComment #comment_author {
		max-width:100%;
	}

	#addComment textarea {
		height:18em;
		}

	footer#mainFooter {
		min-height:323px;
		}

	footer#mainFooter #innerWrapper {
		/*padding-right:4.2372881%;*/
		max-width:947px;
		}

	footer#mainFooter #contact {
		right:4.2372881%;
		}

	footer#mainFooter #phone {
		margin-top:55px;
		font:68px/65px 'HelveticaNeueW01-77BdCn 692722', Arial, sans-serif;
		}

	footer#mainFooter #copyright {font-size:0.95em;}

	footer#mainFooter #contact address {
		font:1.20em/1.17em 'HelveticaNeueW01-77BdCn 692722', Arial, sans-serif !important;
		}

	footer#mainFooter #contact p {
		font:1.20em/1.12em 'HelveticaNeueW01-77BdCn 692722', Arial, sans-serif !important;
		}

	.wide.fl,
	.leftCol {
		width:62.601625967% !important;
		margin:0 0 0 4.0650407% !important;
		}

	.wide.fr {
		width:62.3277525% !important;
		}

	.skinny,
	.rightCol {
		width:29.096045233% !important;
		}

	/* Like on the campminder [magazine] section of the print page */
	.fr.wide + .fl.skinny + .fl.skinny div.original {margin-top:-10px;}

	.wide img,
	.skinny img,
	.leftCol img,
	.rightCol img,
	.rightCol table,
	.skinny table {
		width:100% !important;
		}

	section.Typewriter .skinny .right {
		max-width:45% !important;
		margin-bottom:0;
		}

	section.Typewriter .skinny .right img {
		margin-left:auto !important;
		margin-right:auto !important;
		max-width:100% !important;
		}

	.page section#typewriter img.skinny,
	.page section#typewriter img.rightCol {
		width:29.3699187%;
		}

	section#typewriter h1 {
		max-width:75.804878%;
		-moz-background-size:contain;
		-webkit-background-size:contain;
		background-size:contain;
		}

	#kickingAndScreaming article.skinny,
	#kickingAndScreaming a.skinny {
		margin-left:4.2372881%;
		width:29.0960452%;
		}

	#kickingAndScreaming article.skinny h1 {
		width:100%;
		height:inherit;
		font-size:1.2em;
		line-height:1.2em;
		}

	footer#mainFooter {
		padding-bottom:6.5% !important;
		}

	.news article h2 {
		font-size:42px;
		line-height:49px;
		margin-bottom:10px;
		}

	.news article p {
		font-size:1.7em !important;
		line-height:1.35em !important;
		}

	.news article blockquote {
		font-size:.9em !important;
		line-height:1.25em !important;
		color:#222;
		}

	.news article ul,
	.news article ol {
		font-size:1.5em !important;
		line-height:1.45em !important;
		margin-bottom:25px;
		color:#222;
		}

	.page section ul,
	.page section ol {
		font-size:1.0em !important;
		line-height:1.45em !important;
		color:#000;
		}

	.news article p.postMeta {
		font-size:inherit !important;
		}

	.homeTallPhoto {
		height:inherit;
		max-height:850px !important;
		overflow-y:inherit !important;
		}

	section#aboutUs div.bio {
		height:inherit;
		margin:0 0 8.4745762%;
		}

	section#aboutUs div.bio div.original {
		float:left;
		width:45.7627119% !important;
		margin:0 4.2372881% 0 0;
		}

	section#aboutUs div.bio p {
		width:50% !important;
		padding-left:50%;
		margin-bottom:1%;
	}

}

/* iPhone override */
@media all and (max-device-width: 569px) {
	#logo {
		width:91.8699186%;
		height:45px;
		background:url(http://files.websitesthatdostuff.com/img/logo@2x.png) no-repeat left bottom;
		background-size:contain;
		-webkit-background-size:contain;
	}

	.phoHide img,
	.phoHide .techStats {display:none !important;}

	div.full,
	div.original,
	div.left,
	div.right {
		max-width:100% !important;
		margin:0 0 4.0650407% 0 !important;
		}

	div.captionated span.caption {
		padding: 0 4.0650407% !important;
		}

	.wide.fl,
	.leftCol,
	.wide.fr,
	.skinny,
	.rightCol,
	div.original {
		width:95.9349593% !important;
		margin:0 0 4.0650407% 4.0650407% !important;
		}

	div div.original {
		width:100% !important;
		margin:0 0 4.0650407% !important;
		}

	div.left,
	div.right {
		width:100% !important;
		margin-left:0% !important;
		}

	.mb40 {margin-bottom:4.0650407% !important;}

	body.news header .postMeta {
		height:inherit;
		}

	body.news article footer .postMeta {
		float:none;
		display:block;
		}

		body.news article footer .postMeta a {display:inline-block; height:25px;}

	header#mainHeader h1 {
    	text-shadow:-1px 1px 0 rgba(255,232,105,1);
    	line-height:1.2em;
    }

	header#mainHeader blockquote {display:none;}

	footer#mainFooter {
		height:inherit;
		}

	header#mainHeader nav,
	footer#mainFooter nav {
		height:inherit;
		padding:0;
		}

	header#mainHeader nav a,
	footer#mainFooter nav a {
		display:block;
		font-size:1.428571429em !important;
		line-height:2em;
		padding:0 4.2372881%;
		border-bottom:1px solid #222;
		}

	header#mainHeader nav a:last-child,
	footer#mainFooter nav a:last-child {
		border:none;
		}

	#home header#mainHeader h1 {
    	height:0;
		padding:0 0 23.453638955% 0;
		margin:8.2372881% 4.2372881% 4.2372881% !important;
		background:url(http://files.websitesthatdostuff.com/img/since1999_mobile.png) no-repeat left bottom;
    	background-size:contain;
    	-webkit-background-size:contain;
    	text-indent:-999em;
    	}

    #home.hq header#mainHeader h1 {
    	background-image:url(http://files.websitesthatdostuff.com/img/since1999_mobile@2x.png);
    	background-size:contain;
    	-webkit-background-size:contain;
    	}

	.news header#mainHeader h1 {
		padding-left:0 !important;
		margin-left:4.2372881% !important;
		background:url(http://files.websitesthatdostuff.com/img/kickingAndScreaming_h1.png) no-repeat left top !important;
    	background-size:contain;
    	-webkit-background-size:contain;
		}

	.news.hq header#mainHeader h1 {
		background:url(http://files.websitesthatdostuff.com/img/kickingAndScreaming_h1@2x.png) no-repeat left top !important;
		background-size: 100% auto !important;
		}

	body#typewriter header#mainHeader h1 {
		background:url(http://files.websitesthatdostuff.com/img/typewriter_h1.png) no-repeat left 20px !important;
		margin-left:4.2372881% !important;
    	-webkit-background-size:95%;
		-moz-background-size:95%;
    	background-size:95%;
    	}

	body#typewriter.hq header#mainHeader h1 {
		height:98px;
		margin-top:0;
		padding-left:0 !important;
		margin-left:4.2372881% !important;
		text-indent:-999em;
		background:url(http://files.websitesthatdostuff.com/img/typewriter_h1@2x.png) no-repeat left 20px !important;
    	-webkit-background-size:96%;
		-moz-background-size:96%;
    	background-size:96%;
    	}

	.news article blockquote p {
		font-size:1.7em !important;
		line-height:1.35em !important;
		}

    header#mainHeader h1 {font-size:36px !important;}

	.skinny p, .skinny ul, .skinny ol, .rightCol table
	.rightCol p, .rightCol ul, .rightCol ol, .rightCol table
	#kickingAndScreaming article {
		font-size:.70em;
		}

	section#kickingAndScreaming article.skinny {
		margin-bottom:30px !important;
		}

	#kickingAndScreaming article h1 {
		font-size:1.86em !important;
		margin:0 0 .5em;
		white-space: nowrap;
		overflow-x:hidden;
		}

	#kickingAndScreaming article h2 {
		font-size:1.45em !important;
		}

	section#kickingAndScreaming a.readMore,
	#kickingAndScreaming article iframe {
		display:none;
		}

	footer#mainFooter #phone {
		margin-top:55px;
		font:40px/65px 'HelveticaNeueW01-77BdCn 692722', Arial, sans-serif;
		}

	footer#mainFooter p {
		font: 15px 'HelveticaNeueW01-77BdCn 692722', Arial, sans-serif;
	}

	section#kickingAndScreaming h1#hd_kickingAndScreaming a,
	section#kickingAndScreaming h1#hd_kickingAndScreaming a:hover {
		height:40px;
		background-size:150%;
		background-position: center 0;
	}

	section#kickingAndScreaming article ul,
	section#kickingAndScreaming article ol {
		font-size:1.1em !important;
		}

	section#typewriter h1 {width:95.7627119%;}
	section#typewriter h1 a {
		background-position:45px top;
		width:95.7627119% !important;
		height:70px;
		padding-right:4.2372881%;
		-moz-background-size:contain;
		-webkit-background-size:contain;
		background-size:contain;
		margin-bottom:0;
	}

	section#typewriter div.phoneClear {
		clear:both;
		}

	.page section h2 {
    	font-size: 1.9em !important;
    	line-height:1.3em !important;
    }

	.page section p {
		font-size:1.3em;
		line-height:1.1em;
		}

	.page section .shoutBox p {
		font-size:1em;
		line-height:1.15em;
		}

	section#aboutUs div.bio {
		height:inherit;
		margin:0 0 8.4745762%;
		}

	section#aboutUs div.bio div.original,
	section#aboutUs div.bio p {
		float:none;
		width:100% !important;
		padding:0;
		margin:0;
		}

	section#aboutUs div.bio p {margin-bottom:0 4.2372881% 0 0;}

	footer#mainFooter #contact {
		position:static;
		margin-top: 5%;
		}

	footer#mainFooter #phone {
		text-align:right;
		margin-top:5%;
		font:40px/38px 'HelveticaNeueW01-77BdCn 692722', Arial, sans-serif;
		}

	footer#mainFooter #copyright {
		text-align:right;
		font-size:0.75em;
		}

	.news article h1,
	.news article h2,
	.news article h3,
	.news article h4,
	.news article h5  {
		font-size:2.4em;
		line-height:1.2em;
		}

	.news article h2  {
		font-size:1.9em;
		line-height:1.05em;
		}

	.news article p.postMeta {
		font-size:0.8em !important;
		}

	.news article p {
		font-size:1.4em !important;
		margin-bottom:5%;
		}

	.news article p.postMeta {font-size:inherit !important;}

	body.news article blockquote {font-size:0.7em !important;}

	body.news article blockquote {padding-left:8.2372881%;}

	.news article ul,
	.news article ol {
		font-size:1.35em !important;
		line-height:1.428571429em !important;
		margin-left:2em !important;
		}

	body.news article footer .beSocial {
		margin-left:4.2372881% !important;
		min-width:1em !important;
		width:95.7627119 !important;
		}

	p.prevNext {
		float:none !important;
		clear:both !important;
		margin-top:8.4745762% !important;
		}

	.homeTallPhoto {
		max-height:250px !important;
		overflow-y:hidden !important;
		}

		#stopSOPAandPIPA {
			background:#000;
			}
			#stopSOPAandPIPA h1 {
				padding:7% 4.5% 5% 4.5%;
				font-size:27px !important;
				max-width:93% !important;
			}
			#stopSOPAandPIPA div.skinny p {
				font-size:1em;
			}
}

@media all and (max-device-width: 569px) and (orientation:landscape) {
	.news article p {font-size:0.9em !important;}
	.news article h2 {font-size:1.2em !important; margin-bottom:3.2372881% !important}

	.news article blockquote {
		margin-bottom: 4% !important;
		}

	.news article blockquote p {
		font-size:1.2em !important;
		line-height:1.35em !important;
		margin-bottom:0;
		}

	.news article ul,
	.news article ol {
		font-size:.9em !important;
		line-height:1.35em !important;
		}

	.news article p.postMeta {
		font-size:inherit !important;
		}
	}