/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */


/* =============================================================================
   HTML5 element display
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio[controls], canvas, video { display: inline-block; *display: inline; *zoom: 1; }


/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 *    http://clagnut.com/blog/348/#c790
 * 2. Force vertical scrollbar in non-IE
 * 3. Remove Android and iOS tap highlight color to prevent entire container being highlighted
 *    www.yuiblog.com/blog/2010/10/01/quick-tip-customizing-the-mobile-safari-tap-highlight-color/
 * 4. Prevent iOS text size adjust on device orientation change, without disabling user zoom
 *    www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
 */

html { font-size: 100%; overflow-y: scroll; -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body { margin: 0; font-size: 13px; line-height: 1.231; }

body, button, input, select, textarea { font-family: sans-serif; color: #222; }

/* 
 * These selection declarations have to be separate
 * No text-shadow: twitter.com/miketaylr/status/12228805301
 * Also: hot pink!
 */

::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }


/* =============================================================================
   Links
   ========================================================================== */

a { color: #00e; }
a:visited { color: #551a8b; }
a:focus { outline: thin dotted; }

/* Improve readability when focused and hovered in all browsers: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active { outline: 0; }


/* =============================================================================
   Typography
   ========================================================================== */

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

ins { background: #ff9; color: #000; text-decoration: none; }

mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

/* Redeclare monospace font family: en.wikipedia.org/wiki/User:Davidgothberg/Test59 */
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }

/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }

small { font-size: 85%; }

/* Position subscript and superscript content without affecting line-height: gist.github.com/413930 */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }


/* =============================================================================
   Lists
   ========================================================================== */

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; margin: 0; padding: 0; }


/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * Improve image quality when scaled in IE7
 * code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */

img { border: 0; -ms-interpolation-mode: bicubic; }

/*
 * Correct overflow displayed oddly in IE9 
 */

svg:not(:root) {
    overflow: hidden;
}


/* =============================================================================
   Figures
   ========================================================================== */

figure { margin: 0; }


/* =============================================================================
   Forms
   ========================================================================== */

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

/* 
 * 1. Correct color not inheriting in IE6/7/8/9 
 * 2. Correct alignment displayed oddly in IE6/7 
 */

legend { border: 0; *margin-left: -7px; padding: 0; }

/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 * 2. Correct inner spacing displayed oddly in IE6/7
 */

button, input { line-height: normal; *overflow: visible; }

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 */

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }

/*
 * Consistent box sizing and appearance
 */

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

/* 
 * Remove inner padding and border in FF3/4
 * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ 
 */

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/* Remove default vertical scrollbar in IE6/7/8/9 */
textarea { overflow: auto; vertical-align: top; }

/* Colors for form validity */
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }


/* =============================================================================
   Tables
   ========================================================================== */

table { border-collapse: collapse; border-spacing: 0; }


/* =============================================================================
   Primary styles
   Author: Chris Darby
   ========================================================================== */

/*Really, I know best about margins and paddings*/
ul, ol{
	padding: 0px;
	margin: 0px;
	list-style: none;
}

body{
	background-color:black;
	color:white;
	font-family:nimbus-sans-condensed, sans-serif;
	font-size:18px;
	line-height:24px;
	margin:0px;
	padding:0px;
	-webkit-font-smoothing:antialiased;
	text-shadow:1px 1px 0px rgba(0,0,0,0);
}

div#site
{
	width:960px;
	position:absolute;
	left:50%;
	margin-left:-480px;	
	padding-right:30px;
	background-image:url(../img/smutty-songs.jpg);
	background-position:right -150px;
	background-repeat:no-repeat;
	overflow:visible;
	min-height:1000px;
}

div#site.mainsite {
	background:none;
}

div#smutty
{
	position:absolute;
	z-index:0;
	top:-150px;
	right:0px;
	width:780px;
	height:728px;
	background-image:url(../img/smutty-songs.jpg);
}

div#site.mainsite div#smutty {display:none}

div.words {
	width:800px;
	overflow:visible;
	margin-left:80px;
	top:10%;
	margin-top:80px;
}

div.words span {
	text-transform:uppercase;
	font-family: nimbus-sans-condensed, sans-serif;
	color:white !important;
	font-size:75px;
	white-space:nowrap;
	float:left;
	clear:left;
	line-height:75px;
	position:relative;
}

div.menu span {
	text-transform:uppercase;
	font-family: nimbus-sans-condensed, sans-serif;
	color:white;
	font-size:36px;
	white-space:nowrap;
	line-height:40px;
	position:relative;
	margin-right:10px;
}

div.words span.inline { clear:none !important; } 

div.words span.focus { cursor:pointer; }

span.bold { font-weight:900; }

div.words span.adam { z-index:100; margin-left:000px;}
div.words span.is-a { z-index:100; }
div.words span.writer { z-index:75; margin-left:100px;}
div.words span.comedian {  z-index:50;  margin-left:100px;}
div.words span.musician {  z-index:50;  margin-left:0px;}
div.words span.producer { z-index:75; margin-left:200px;}
div.words span.speaker { z-index:75;  margin-left:200px;}
div.words span.twitterer { z-index:50;  margin-left:100px;}
div.words span.and { z-index:50; margin-left:400px;}
div.words span.smutty {  z-index:100;  margin-left:000px;}

div.main-content {
	display:none;
	font-size:16px;
	position:absolute;
	top:40px;
	z-index:200;
}

div.main-content article {
	padding:20px 20px 10px 20px;
	background-color:#eee;
	color:black;
	float:left;
	margin:0px 50px 30px -20px;
	width:250px;
	border-bottom:10px solid #ccc;

	-webkit-transition:all 0.2s ease-out;
	-moz-transition:all 0.2s ease-out;
	-o-transition:all 0.2s ease-out;
	transition:all 0.2s ease-out;
}

article#writer, article#speaker { height:402px; }

div.main-content article:hover{
	background-color:#fff;
	-webkit-transition:all 0.2s ease-out;
	-moz-transition:all 0.2s ease-out;
	-o-transition:all 0.2s ease-out;
	transition:all 0.2s ease-out;

}

div.main-content .at-ad {
	display:block;
	width:290px;
	height:180px;
	float:left;
	margin:0px 50px 30px -20px;
	background-image:url(../img/barbieweb.jpg);
	background-position:0% 58%;
}

.at-ad img {
	width:290px;
	height:180px;
}

div.main-content h1, div.main-content h2, div.main-content h3, div.main-content p {
	margin:0px 0px 12px;
}

div.main-content h1 { font-weight:900; font-size:48px; text-transform:uppercase; line-height:60px; text-align:left; }
div.main-content h2 { font-weight:400; font-size:36px; text-transform:uppercase; line-height:30px; color:black; }
div.main-content h3 { font-weight:900; font-size:18px; line-height:30px; text-transform:none; color:black }

div.main-content aside {
	float:right;
	margin-right:100px;
	margin-top:30px;
	font-size:18px;
}


div.main-content a{
	text-decoration:underline;
	color:#ddd;
}

a:visited{
	color: #ddd;
}

div.main-content article a{
	color:#222;
}

nav.intro { display:none; }

a.external {
	padding-left:16px;
	background-image:url(../img/ext-link.png);
	background-repeat:no-repeat;
	background-position:left center;
}
/* ---- Amateur Transplants site ---- */
div.column {
	float:left;
	z-index:1;
	padding: 0px;
	margin: 0px;
}

div.column.left {
	width: 330px;
	margin-top:20px;
}

div.column.right {
	width: 630px;
	margin-top:330px;
}

div.column.right > div, nav {
	width: 630px;
}

nav{
	display: block;
}

div.column.right p, div.column.right h3{
	margin: 0px 0px 5px;
}


div.box{
	padding: 15px;
	background: -moz-linear-gradient(top, rgba(53,53,53,0.9) 0%, rgba(0,0,0,1) 40%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(53,53,53,0.9)), color-stop(40%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(53,53,53,0.9) 0%,rgba(0,0,0,1) 40%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(53,53,53,0.9) 0%,rgba(0,0,0,1) 40%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(53,53,53,0.9) 0%,rgba(0,0,0,1) 40%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6353535', endColorstr='#ff000000',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(53,53,53,0.9) 0%,rgba(0,0,0,1) 40%); /* W3C */
}

h1,h2,h3,h4 { text-transform:uppercase; }

p,h1,h2,h3{
	margin:0px 0px 24px;
}


h1 {
	text-align:left;
	font-size:72px;
	font-weight:900;
	line-height:60px;
	color:white;
	text-shadow:1px 1px 6px rgba(0,0,0,0.7);
}

h1 span {
	text-shadow:none;
	color:#999;
	font-family:sans-serif;
	font-weight:normal;
	line-height:30px;
	font-size:11px;
	display:block;
	margin-left: 10px;
	margin-bottom: -11px;
}

h2 {
	font-size:36px;
	line-height:36px;
	color:#EECC22;
}

h2.strapline {
	color:white;
	font-weight:400;
	text-transform:none;
	padding-bottom:23px;
	margin:0px 0px 24px;
	font-size: 1.3em;
	line-height: 1.2em;
}

h2.lower {
	text-transform:none !important;
}

.column nav{
	padding: 15px;
	text-align:center;
	background: -moz-linear-gradient(top, rgba(53,53,53,0.9) 0%, rgba(0,0,0,1) 40%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(53,53,53,0.9)), color-stop(40%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(53,53,53,0.9) 0%,rgba(0,0,0,1) 40%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(53,53,53,0.9) 0%,rgba(0,0,0,1) 40%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(53,53,53,0.9) 0%,rgba(0,0,0,1) 40%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6353535', endColorstr='#ff000000',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(53,53,53,0.9) 0%,rgba(0,0,0,1) 40%); /* W3C */
}

.column nav li{
	float: left;
	display: block;
	line-height: 34px;
	padding: 0px;
	margin: 0px;
}

.column nav a, a.buytix, span.buytix {
	display:inline;
	margin:0px 2px 0px 3px;
	color:black;
	background-color:#EECC22;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:900;
	font-size:18px;
	padding:0px 5px;
	line-height:24px;
	border: 1px solid #ec2;
}

.column nav a:hover, .column nav a.selected, a.buytix:hover{
	color: #ec2;
	background-color: black;
}


.quotes, h2.strapline { list-style: none; border-bottom:1px dotted rgba(255,255,255,0.25); }
.quotes { display:block; 
padding-bottom:12px;
margin-bottom:24px; }

.quotes li, .quote {
	text-transform:uppercase;
	font-size:18px;
	font-weight:400;
	padding-bottom: 20px;
	color:#EECC22;

}

.quotes li em, .quote em {
	font-size:24px;
	font-style:normal;
	font-weight:900;
	color:#FFF;
}

.quotes citation, .quote citation{
	margin-left: 7px;
}

#Press ul.quotes li{
	padding-bottom: 9px;
}

#Press ul.quotes li em{
	text-transform: none;
	font-weight: 300;
}

span.quote{
	text-align: left;
	display: inline-block;
	float: right;
	width: 100%;
	padding-top: 1em;
	padding-bottom: 1em;
}

dd {
	font-size:18px;
	font-weight:900 !important;
	margin-bottom:12px;
/*	text-align:right;
	padding-right:50px;*/
}




ul.tour-dates li{
	overflow:none;
	margin-bottom:24px
}

ul.tour-dates li span, .buytix { float:left; margin-right:0.5em; }
span.buytix.soon { background-color: #999; border: 1px solid #999;}

span.town, span.date { font-size:24px; font-weight:900; text-transform:uppercase; }
span.town {  color:#EECC22; }
span.venue {  clear:left; }

.white { color:white !important; }

ul.two-column li{
    float: left;
    width: 305px;
	height: 50px;
}

ul.two-column div{
	height: 50px;
	float: left;
	clear: none;
}
ul.two-column div.right{
width: 154px;
float: left;
clear: none;
margin-left: 0px;
padding-left: 0px;
}

ul.two-column div.left{
	width: 146px;
	overflow: hidden;
}

ul.two-column li > *{
	padding: 0px;
	margin: 0px;
	margin-right: 2px;
}

ul.two-column .buytix, ul.two-column .date{
	clear: left;
	display: block;
	width: 124px;
	text-align: center;
}

ul.two-column .venue{
	clear: left;
	width: 140px;
}

/* Joel's Twitter widget */

div.tweets{overflow:hidden; height:240px; width:930px; margin-left:-20px; border-top:1px solid #555; padding-top:24px }
ul#tweets{height:170px; margin:auto; width:1200px; overflow:visible; white-space:nowrap; vertical-align:top;}
li.tweet{position:relative; font:16px/24px nimbus-sans-condensed; list-style-type:none; vertical-align:top; width:210px; margin:0px 30px 20px 0px; height:160px; display:inline-block; color:white}
li.tweet .tweet-body{white-space:normal; width:100%; background-color:#D0D0DF; border-radius:6px; position:relative; z-index:10; background:-webkit-gradient(linear,left top,left bottom,from(#F2F2F5),to(#D0D0DF)); color:black}
li.tweet .tweet-body:after{content:' '; width:0px; height:0px; border:15px solid transparent; border-top-color:#D0D0DF; position:absolute; top:100%; left:15px}
li.tweet .tweet-body .tweet-content{display:block; padding:10px}
li.tweet .tweet-meta{white-space:normal; display:block; width:100%; margin-top:10px;}
li.tweet .tweet-meta .tweet-photo{float:left; margin-right:10px}
li.tweet .tweet-meta .tweet-photo img{width:48px; height:48px; border-radius: 4px; box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.25); -webkit-border-radius: 4px; -webkit-box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.25); -moz-border-radius: 4px; -moz-box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.25);}

li.tweet .tweet-meta .tweet-author{display:block; font-weight:900}
li.tweet .tweet-meta .tweet-time{display:block}
li.tweet a{text-decoration:none; color:white}

/* Chris's vertical Twitter widget. Quite like Joel's Twitter widget*/

div#vertical_tweets{overflow:none; height:auto; width:300px; margin-left:0px; padding-top:0px; margin-top: -10px; border: none;}
div#vertical_tweets > ul#tweets{margin:auto; vertical-align:top;width:auto; height: auto;}
div#vertical_tweets li.tweet{position:relative; font:16px/24px nimbus-sans-condensed; list-style-type:none; display: list-item; vertical-align:top; width:280px; margin-bottom:20px; height:auto; color:white}
div#vertical_tweets li.tweet .tweet-body{white-space:normal; width:100%; background-color:#D0D0DF; border-radius:6px; position:relative; z-index:10; background:-webkit-gradient(linear,left top,left bottom,from(#F2F2F5),to(#D0D0DF)); color:black}
div#vertical_tweets li.tweet .tweet-body:after{content:' '; width:0px; height:0px; border:15px solid transparent; border-top-color:#D0D0DF; position:absolute; top:100%; left:15px}
div#vertical_tweets li.tweet .tweet-body .tweet-content{display:block; padding:10px}
div#vertical_tweets li.tweet .tweet-meta{white-space:normal; display:block; width:100%; margin-top:10px;}
div#vertical_tweets li.tweet .tweet-meta .tweet-photo img{width:48px; height:48px; border-radius: 4px; box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.25); -webkit-border-radius: 4px; -webkit-box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.25); -moz-border-radius: 4px; -moz-box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.25);}
/* Twitter's Twitter widget */

.twtr-widget .twtr-tweet-wrap {
	padding:8px 8px !important;
}

.twtr-widget .twtr-tweet {
	border-bottom:1px solid #555 !important;
}

/*blog*/

.clear{
	clear: both;
}

.post_footer{
	border-top: 1px solid #555;
	margin: 0px 0px 24px;
}

.post_date{
	float: left;
	font-size: 0.85em;
}

.post_trackback{
	float: right;
	font-size: 0.85em;
}
/* Video */

#Video li{
	text-align: center;
	margin-bottom: 4em;
}

#Video iframe{
	padding-bottom: 1em;
}

/* Link Icons */

.link *{

	text-decoration: none;
	color:#ddd;
}

.link:hover, .link *:hover{
	color: #ec2;
}

.twitter, .facebook, .email, .phone, .pdf, .pic{
	display: block;
	line-height: 34px;
	padding-left: 40px;
	background-repeat: no-repeat;
	background-position: 0, 0;
	color: #ddd;
	text-decoration: none;
}

a.pic:hover, a.pdf:hover{
	color: #ec2;
}

.pdf{
background-image: url(../img/pdf.png);	
}


.pic{
background-image: url(../img/pic.png);	
}

.twitter{
	background-image: url(../img/twitter.png);
}
.facebook{
	background-image: url(../img/facebook.png);
}
.email{
	background-image: url(../img/email.png);
}
.phone{
	background-image: url(../img/phone.png);
}

/*content footer*/

#content_footer a{
	color: #000;
}

#content_footer img{
	margin-right: 10px;
	color: #000;
}

a#link_back{
	float: right;
	text-transform: uppercase;
	font-weight: 900;
	line-height: 30px;
	cursor: pointer;
	color: #fff;
	text-decoration: none;
	color: #fff;
}

/* Mailing list popup */


#mailing_list_close{
	display: block;
	position: absolute;
	top: 12px;
	right: 12px;
	cursor: pointer;
}

#mailing_list{
	background: -moz-linear-gradient(top, rgba(53,53,53,0.9) 0%, rgba(0,0,0,1) 40%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(53,53,53,0.9)), color-stop(40%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(53,53,53,0.9) 0%,rgba(0,0,0,1) 40%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(53,53,53,0.9) 0%,rgba(0,0,0,1) 40%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(53,53,53,0.9) 0%,rgba(0,0,0,1) 40%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6353535', endColorstr='#ff000000',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(53,53,53,0.9) 0%,rgba(0,0,0,1) 40%); /* W3C */
	box-shadow: 7px 7px 10px rgba(0, 0, 0, 0.25);
	border: 5px solid #EC2;
	border-radius: 7px;
	padding: 10px;
	margin: auto;
	top: 150px;
	width: 385px;
	height: 240px;
	z-index: 100;
	display: block;
	position: relative;
	overflow: hidden;
}
form span{display: block; text-align:center; margin-bottom: 5px;}

form label{
	margin-right: 1em;
}



a#top_left_diagonal{
	margin: 0px;
	padding: 0px;
	width: 113px;
	height: 113px;
	z-index: 1000;
	position: absolute;
	display: block;
	top: 0px;
	left: 0px;
	border: 0px;
	color: #000;
	background-image: url('../img/buy_it_on_itunes.png');
	background-repeat: no-repeat;
	text-decoration: none;
	overflow: hidden;
}

.oldie #mailing_list{
	background-color: #000000;
}
/* =============================================================================
   Non-semantic helper classes
   Please define your styles before this section.
   ========================================================================== */

/* For image replacement */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }

/* Hide for both screenreaders and browsers:
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display: none; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: by Jon Neal.
  www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: drupal.org/node/897638 */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: nicolasgallagher.com/micro-clearfix-hack/ */ 
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }



/* =============================================================================
   PLACEHOLDER Media Queries for Responsive Design.
   These override the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 480px) {
  /* Style adjustments for viewports 480px and over go here */

}

@media only screen and (min-width: 768px) {
  /* Style adjustments for viewports 768px and over go here */

}


/* =============================================================================
   Print styles.
   Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */