/*
Theme Name: Tonks
Description: The Tonks theme for WordPress.
Author: Simian Code
Version: 1.0.2
Tags: clean,crisp,Swell,awesome
*/

/**
COLOURS
-------
#414042		- Dark Grey
#FFF200		- Yellow
#666		- Light Grey - used for some headings

#607890		- Blue - Link colour

SECTIONS
All sections are prefixed with an =
--------
RESET		- resets any of the browser's preconceived ideas of what an element should look like.
STRUCTURE	- structural elements
NAVIGATION	- Navigation elements
FORMS		- Forms
TABLES		- Tables
CONTENT		- inline elements and other content
MISC		- anything else
MEDIA		- additional media queries

NOTES
-------
Baseline grid of 18px
Please modify this file and generate a versioned minified CSS for use with the site.
*/

@charset "UTF-8";
/*@import url("ie_includes.php");*/

/**
*=RESET
*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, footer, header, hgroup, menu, nav, section, menu,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}                  
article, aside, figure, footer, header, hgroup, nav, section { display:block; }
nav ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }

body { font:13px sans-serif; *font-size:small; *font:x-small; line-height:1.22; }
table { font-size:inherit; font:100%; }
select, input, textarea { font:99% sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }
 
body, select, input, textarea { color:#3c3c3c; }
h1,h2,h3,h4,h5,h6 { font-weight: bold; text-rendering: optimizeLegibility; }

a:hover, a:active { outline: none; }
ul { margin-left:0px; }
ol { margin-left:0px; list-style-type: decimal; }
small { font-size:85%; }
strong, th { font-weight: bold; }
td, td img { vertical-align:top; } 
sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }

pre { padding: 15px; white-space: pre; white-space: pre-wrap; white-space: pre-line; word-wrap: break-word; }

input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; *vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type=button], input[type=submit], button { cursor: pointer; }

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

html { overflow-y: scroll; }
button {  width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }


/**
*=STRUCTURE
*/

html
{
	height: 100%;
	background: #FDF5FA url(images/tileWallpaper.png) repeat-x 50% 160px;
	
}

body
{
	min-height: 100%; 
	width: 960px; 
	margin: 0 auto; /* center */ 
	padding: 0;
	border-style: none;
	
	background-color: #fff;
	
	color: #999;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, sans-serif;
}

body.ie6
{
	height: 100%;
}

header
{
	display: block;
	position: relative;
	height: 160px;
	padding: 0;
	margin: 0;
	background: #FFF url(images/mastheadBkgrnd.png) no-repeat right center;
}

section#introduction
{
	display: block;
	position: relative;
	height: 372px; /*52px for nav*/
	padding: 0;
	margin: 0 0 35px 0;
	background-color: #7D7F82;
	color: #E1E1E1;
}

section#content
{
	display: block;
	position: relative;
	float: left;
	width: 640px;
}

section.sidebar
{
	display: block;
	position: relative;
	float: right;
	width: 240px;
	margin-right: 40px;
}

footer
{
	display: block;
	position: relative;
	overflow: auto;
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #F3F2F2;
	margin: 32px 0 0 0;
	
	width: 840px;
	padding: 25px 40px 27px 80px;
}

footer .vcard {
	float: left;
	text-align: left;
}

footer .info {
	float: right;
	text-align: right;
}


/**
*=NAVIGATION
*/

#introduction nav {
	display: block;
	position: absolute;
	top: 320px;
	width: 960px;
	height: 51px;
	background-color: #FFF;
	clear: both;
	
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #F3F2F2;
}
#introduction nav ul {
	display: block;
	position: relative;
	
	width: 905px;
	height: 51px;
	
	list-style: none;
	padding-left: 55px;
	margin: 0;
}
#introduction nav ul li {
	font-size: 11px;
	line-height: 11px;
	text-transform: uppercase;
	float: left;
	padding: 20px 15px;
	margin-left: 0px;
}

#content.product-listing {
	padding-left: 40px;
}

#content.product-listing .row {
	overflow: auto;
}

#content.product-listing iframe {
	float: left;	
	width: 300px;
	margin-bottom: 20px;
}

/**
*=FORMS
*/

form.wpcf7-form
{
	position: relative;
}

label
{
	display: block;
	position: relative;
	overflow: auto;
}

label em
{
	display: block;
	float: left;
	width: 100px;
	font-style: normal;
}

input.text
{
	display: block;
	float: left;
	background: #F6F6F6;
	border: 1px solid #E1E1E1;
	color: #999;
	padding: 4px 6px;
	width: 200px;
}

textarea.text
{
	display: block;
	float: left;
	background: #F6F6F6;
	border: 1px solid #E1E1E1;
	color: #999;
	padding: 4px 6px;
	width: 200px;
	height: 100px;
}

input.submit
{
	display: block;
	position: relative;
	margin-left: 100px;
	padding: 10px 20px;
	color: #fff;
	background-color: #666;
	text-transform: uppercase;
	border-style: none;
}

.ajax-loader
{
	position: absolute !important;
	float: none !important;
	bottom: 0;
	right :0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

/**
*=TABLES	
*/

/**
*=CONTENT	
*/

p {
	font-size: 11px;
	line-height: 18px;
	color: #999;
	margin: 0px;
	padding-bottom: 12px;
}

dt, dd
{
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	
	font-size: 11px;
	line-height: 18px;
	color: #999;
}

ul {
	list-style: square;
}

li {
	font-size: 11px;
	line-height: 18px;
	color: #999;
	margin: 0px 0px 0px 20px;
	padding-bottom: 6px;
}

strong, dt {
	color: #6C6C6C;
	font-weight: normal;
}

h3 {
	font-size: 11px;
	line-height: 18px;
	color: #6C6C6C;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	font-weight: normal;
	font-variant: normal;
}

h4 {
	font-size: 11px;
	line-height: 18px;
	color: #6C6C6C;
	text-transform: none;
	letter-spacing: 0.5px;
	font-weight: normal;
}

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

a:hover {
	color: #C45B97;
}

a:active {
	color: #BA307B;
}

a.video
{
	display: block;
	position: relative;
	
	width: 240px;
	height: 161px;
	margin-bottom: 20px;
	
	background: #fff url(images/video.png) no-repeat;
	opacity: 0.8;
	overflow: hidden;
	text-indent: -900em;
	font-size: 1px;
}

a.video:hover
{
	opacity: 1.0;
	text-decoration: none;
}

header #site-title
{
	display: block;
	position: relative;
	padding: 45px 0 0 80px;
}

header #site-title a
{
	display: block;
	position: relative;
	width: 208px;
	height: 70px;
	background-image: url(images/logo.png);
	overflow: hidden;
	text-indent: -900em;
	font-size: 1px;
}

#introduction img
{
	float: left;
}

#introduction .blurb {
	float: right;
	width: 220px;
	padding: 80px 50px 40px;
}

#introduction .blurb #home-title,
#introduction .blurb #section-title {
	color: #E1E1E1;
	padding-bottom: 16px;
	letter-spacing: 1px;
	font-size: 11px;
	line-height: 18px;
	text-transform: uppercase;
	font-weight: normal;
	font-variant: normal;
}

#introduction .blurb #section-title 
{
	padding-top: 75px;
	padding-bottom: 4px;
}

#introduction .blurb #page-title {
	margin: 0;
	padding-bottom: 12px;
	color: #B5B5B5;
	font-size: 11px;
	line-height: 18px;
	font-weight: normal;
	padding-top: 0;
}

#introduction p {
	color: #E1E1E1;
}

#content img {
	float: left;
	padding: 10px;
	background: #FFF;
	margin: 7px 7px 20px 80px;
	border: 1px solid #E8E8E8;
	-webkit-box-shadow: #CCC 0px 0px 20px;
	-moz-box-shadow: #CCC 0px 0px 20px;
	box-shadow: #CCC 0px 0px 20px;
	clear: both;
}

#content img.inText {
	float: left;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	behavior: none;
	clear: both;
	margin: 10px 0px 20px 250px;
	padding: 0px;
	border: none;
}

#content img.size-full
{
	float: left;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	behavior: none;
	clear: both;
	margin: 10px 0px;
	padding: 0px;
	border: none;
}

#content img.alignright
{
	float:right;
	margin: 0 0 20px 20px;
}

#content h3{
	margin: 0px 0px 0px 250px;
	padding-top: 3px;
}

#content h4 {
	margin: 0px 0px 0px 250px;
	padding-top: 3px;
}

#content p {
	margin: 0px 0px 0px 250px;
}

#content li {
	margin: 0px 0px 0px 270px;
}

#content article.staff
{
	min-height: 280px;
}

.ie6 #content article.staff
{
	height: 280px;
}


#content article.staff img {
	float: left;
	padding: 10px;
	background: #FFF;
	margin: 7px 7px 20px 80px;
	border: 1px solid #E8E8E8;
	-webkit-box-shadow: #CCC 0px 0px 20px;
	-moz-box-shadow: #CCC 0px 0px 20px;
	box-shadow: #CCC 0px 0px 20px;
	clear: both;
}
#content article.staff h3{
	margin: 0px 0px 0px 310px;
	padding-top: 3px;
}
#content article.staff h4 {
	margin: 0px 0px 0px 310px;
	padding-top: 3px;
}
#content article.staff p {
	margin: 0px 0px 0px 310px;
}
#content article.staff li {
	margin: 0px 0px 0px 330px;
}


article.preview
{
	display: block;
	position: relative;
	overflow: auto;
}

.preview h3 a {
	background: url(images/bkgrnd_circleArrow.png) no-repeat right 0px;
	padding-right: 20px;
	color: #6C6C6C;
}
.preview h3 a:hover {
	background: url(images/bkgrnd_circleArrow.png) no-repeat right -20px;
	color: #B68A9F;
}
.preview h3 a:active {
	background: url(images/bkgrnd_circleArrow.png) no-repeat right -40px;
	color: #C45B97;
}

#membership {
	text-align: right;
	padding-bottom: 0px;
	padding-right: 0px;
}
#membership h3 {
	letter-spacing: 1px;
	padding-top: 3px;
}
#membership ul {
	list-style: none;
}
#membership li {
	font-size: 9px;
	line-height: 15px;
	padding-bottom: 0px;
}

.sidebarBox {
	background: #FAF4F8;
	padding: 25px;
	margin-bottom: 25px;
	margin-top: 10px;
}

.sidebarBox h3 {
	text-transform: capitalize;
	font-size: 16px;
	color: #999;
	padding-bottom: 6px;
}

.sidebarBox p {
	padding-bottom: 0px;
}

.sidebar a.map
{
	display: block;
	position: relative;
	display: block;
	overflow: hidden;
	width: 240px;
	height: 213px;
	margin: 0 0 25px 0;
	background: #fff url(images/map.png) no-repeat;
	text-indent: -900em;
	font-size: 1px;
}

.sidebar iframe {
	border-top: 3px solid #F9F8F8;
	margin: 40px auto;
	padding-top: 30px;
}

.sidebar .cart {
	overflow: hidden;
}

.sidebar .cart iframe {
	display: block;
	margin: 0;
	border-top: 0;	
	border-bottom: 3px solid #F9F8F8;
	padding: 0 0 20px;
	margin-bottom: 20px;
}

footer dd.tel,
footer dd.email
{
	float: left;
}

footer dd.email
{
	margin-left: 0.4em;
	clear: right;
}


#menu_toggle {
	display: none;
}

/**
*=MISC
*/

.ir { display:block; text-indent:-999em; overflow:hidden; background-repeat: no-repeat; }
.hidden { display:none; visibility:hidden; } 
.visuallyhidden { position:absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); }
.invisible { visibility: hidden; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }

.edit-link a
{
	display: block;
	position: fixed;
	top: 5px;
	right: 10px;
	padding: 5px 20px 5px 35px;
	background: #dedede url(images/icon_edit_18px.png) no-repeat 10px 4px;
	color: #666;
	text-shadow: rgba(255, 255, 255, 0.7) 0px 1px 1px;
	z-index: 1000;
	text-transform: lowercase;
	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	box-shadow: 0 1px 3px rgba(0,0,0,0.5);
}

.edit-link a:active
{
	margin-top: 2px;
	-webkit-box-shadow: 0 -1px 1px rgba(0,0,0,0.4);
	-moz-box-shadow: 0 -1px 1px rgba(0,0,0,0.4);
	box-shadow: 0 -1px 1px rgba(0,0,0,0.4);
}

/**
*=MEDIA
*/

@media screen and (max-width: 992px) {
	
	html {
		background-size: auto 250px;
	}
	
	body,
	#introduction nav {
		width: 750px;
	}
	
	header {
		background-size: 50% auto;
	}
	
	#introduction nav {
		top: 250px;
	}
	
	section#introduction {
		height: 302px;
	}
	
	#introduction img {
		width: 500px;
		height: auto;
	}
	
	#introduction .blurb {
		width: 230px;
		padding: 45px 0 0 20px;
	}
	
	#introduction nav ul {
		padding-left: 0;
		width: auto;
	}
	
	#introduction nav ul li {
		padding: 20px 11px;
		font-size: 10px;
	}
	
	section#content {
		width: 640px;
		padding: 0 45px;
		float: left;		
	}
	
	#content article.staff img,
	#content img {
		margin: 7px 40px 20px 40px;
	}
	
	#content h3,
	#content h4,
	#content p {
		margin-left: 225px;
	}
	
	#content li {
		margin-left: 245px;
	}
	
	
	#content article.staff h4,
	#content article.staff p {
		margin-left: 290px;
	}
	
	section.sidebar {
		width: 640px;
		padding: 0 45px;		
		float: left;
	}
	
	.sidebarBox {
		overflow: auto;
	}
	
	.sidebarBox h3 {
		width: 95%;
		margin-bottom: 10px;
	}
	.sidebarBox ul {
		width: 100%;
	}
	.sidebarBox li {
		float: left;
		width: 45%;
		margin-left: 5%;
	}
	
	#membership {
		text-align: center;	
	}
	
	footer {
		width: 640px;
		padding: 25px 45px 27px 45px;		
		
	}
	
	.sidebar a.map {
		margin: 20px 0 60px 225px;
	}
	
	.sidebar .cart iframe {
		margin: 0 auto 20px;
		float: none;
	}
	
	#content.product-listing iframe {
		width: 320px;
	}
	
}

@media screen and (max-width: 767px) {
	
   /* 
	* STRUCTURE
	*/
	
	*, *:before, *:after {
	 	-moz-box-sizing: border-box;
	 	-webkit-box-sizing: border-box; 
	 	box-sizing: border-box;
	}
	
	body,	
	footer,
	#introduction .blurb,
	#introduction nav {
		width: 100%;
	}
	
	section.sidebar {
		width: 100%;
		padding: 0;
	}
	
   /* 
	* HEADER
	*/
			
	header {
		background: none;
		height: 100px;
	}			
	
	header > div {
		display: none;
	}
	
	header #site-title {
		padding-left: 16px;
		padding-top: 22px;
	}
	
	header #site-title a {
		background-image: url(images/mobile_logo.png);
		width: 169px;
		height: 54px;
	}	
	
   /* 
	* INTRODUCTION
	*/
	
	section#introduction {
		height: auto;
		float: left;
		margin-bottom: 0;
	}
	
	#introduction .blurb {
		height: 62px;
		padding: 0;
		display: table;
	}
	
	#introduction .blurb #section-title {
		display: table-cell;
		vertical-align: middle;
		padding: 0 0 0 16px;
		font-size: 16px;
		line-height: 1.1;
		color: #FFF;
	}
		
	#introduction img {
		width: 100%;
		height: auto;
	}
	
	
   /* 
	* MAIN NAV
	*/
	
	#menu_toggle {
		display: block;
		
		position: absolute;
		right: 13px;
		
		background: url(images/menu.png) no-repeat center center;
		height: 23px;
		width: 30px;
		
		top: -53px;		
		
		text-indent: -9999px;
		overflow: hidden;
	}
	
	#introduction nav {
		position: relative;
		top: 0;
		height: auto;
	}
	
	#introduction nav ul {
		display: none;
		
		height: auto;
		float: left;
		width: 100%;
		background: #FFF;	
	}
	
	#introduction nav ul li {
		width: 100%;
		padding: 0;
	}
		
	#introduction nav ul li a {
		line-height: 40px;
		font-size: 12px;
		color: #A57C90;
		padding-right: 13px;
		border-top: 1px solid #E5E5E6;
		display: block;
		text-align: right;
	}
	
	#introduction nav ul li.selected a {
		background: #C55D97;
		color: #FFF !important;	
	}
	
	#introduction nav ul li a:hover {
		color: #D64394;
	}
	
	
   /* 
	* CONTENT
	*/
	
	section#content {
		width: 100%;
		padding: 20px 13px 20px 16px;
	}
	
	.article_images {
		display: none;
	}
	
	#content p iframe {
		margin: 24px auto 0 auto;
		display: block;
		max-width: 100%;
	}
	
	#content img {
		float: none;
		display: block;
		margin: 0 auto;
		
		box-sizing: content-box;
	}
	
	.sidebar a.map {
		margin: 36px auto;
	}
	
	.page-template-procedures-php #content p,
	.page-template-procedures-php #content img {
		display: none;
	}
	
	.page-template-procedures-php #content h3 {
		font-weight: normal;
		margin: 0;
		padding: 0;
		display: block;
	}
	.page-template-procedures-php #content h3 a {
		background: none;
		display: block;
		height: 45px;
		width: 100%;
		padding-left: 16px;
		padding-right: 40px;		
		overflow: hidden;
		border-bottom: 1px solid #DEDFE0;
		
		font-size: 12px;
		line-height: 45px;
	
	}
	
	.page-template-procedures-php #content h3 a::after {
		content: "\f01d";
		font-family: FontAwesome;
		position: absolute;
		right: 22px;
		font-weight: normal;
		font-size: 15px;
		color: #C55D97;
		
	}
	
	.page-template-procedures-php #content h3 a:hover {
		background: #C55D97;	
		color: #FFF;
	}
	.page-template-procedures-php #content h3 a:hover::after {
		color: #FFF;
	}
	
	.page-template-procedures-php #content {
		padding: 0;
	}
	
	.single-procedure #content img,
	.single-procedure .sidebar,
	.page-template-procedures-php .sidebar {
		display: none;
	}
	.page-template-procedures-php footer {
		border-top: none;
	}

	
   /* 
	* TYPOGRAPHY
	*/
	
	p,
	dt, 
	dd,
	li, 
	strong,
	#membership li {
		font-size: 12px;
		line-height: 18px;
		color: #7D7F82;
	}
		
	a {
		word-wrap: break-word;
	}	
	
	dd.email a {
		word-break: break-all;						
	}
	
	h3, 
	.sidebarBox h3 {
		font-size: 16px;
		line-height: 18px;
		font-weight: bold;
		color: #7D7F82;
	}
	
	h4 {
		font-size: 12px;
		line-height: 18px;
		font-weight: normal;
		color: #222;		
	}
	
	
	#content h3, 
	#content h4, 
	#content p {
		margin-left: 0;
	}
	
	#content article.staff img {
		float: none;
		margin: 0 auto 20px auto;
		display: block;
	}
	
	#content article.staff h4, 
	#content article.staff p {
		margin: 0;	
		text-align: center;
	}
	
	#content article.staff {
		padding-bottom: 35px;
		border-top: 1px solid #BEBFC0;
		padding-top: 35px;
	}
	
	#content article.staff:first-child {
		border-top: none;
		padding-top: 15px;
	}
	
	#content h3,
	#content h4 {
		padding-top: 12px;
	}
	#content h3 {
		line-height: 18px;
		margin-bottom: 9px;
	}
	
	#content ol,
	#content li {
		margin: 12px 0 12px 25px;
	}
	
	#content ol {
		margin-left: 0px;
	}
	
	
	
   /*	
    * SIDEBAR
    */
    
	.sidebarBox {
		padding: 35px 13px 35px 16px;
		margin: 0;
	}
		
	.sidebarBox ul {
		padding: 0px 13px 0px 0px;	
		margin-left: 16px;	
	}
	.sidebarBox li {
		width: 100%;
		margin: 0;
		padding: 10px 0 10px 8px;
	}
	
	#membership {
		padding: 25px 13px 35px 16px;
		text-align: left;
	}
	
	#membership ul {
		padding-top: 16px;
	}
	
	#membership li {
		margin: 10px 0;
	}


   /*	
    * CONTACT FORM
    */

	form.wpcf7-form {
		margin: 24px 0;
	}
	
	label em {
		width: 100%;
		display: block;	
	}
	
	input.text,
	textarea.text {
		width: 100%;
	}
	
	select {
		width: 300px;
		margin-left: 2px;
	}
	
	.wpcf7-form-control-wrap.enquiry {
		top: -12px;
	}
	
	input.submit {
		margin: 0;
		width: 100%;
	}
	 
   /*	
    * FOOTER
    */	
    
	footer {
		margin-top: 0;
		padding: 35px 13px 35px 16px;
		border-top-color: #BEBFC0;
		
		background: #7D7F82;
	}
	
	footer p,
	footer dd {
		color: #E1E1E1;
	}
	footer strong {
		color: #E1E1E1;
	}	
	
	footer a {
		color: #b5b5b5;
	}

	
	footer dd.email {
		display: block;
		clear: both;
		margin-left: 0;
	}
	
	footer dd.email span {
		display: none;
	}
	
	footer .info,
	footer .vcard {
		width: 100%;
		float: left;
		text-align: left;
		padding-bottom: 32px;
	}
	
	#introduction .blurb #page-title {
		display: none;
	}
	
	.sidebar iframe {
		margin: 25px 13px 35px 16px;
		padding-top: 0;

	}
	
	#content.product-listing iframe {
		width: 100%;
	}
	
	.sidebar .cart iframe {
		padding: 0;
		border: none;
	}
	
}

@media screen and (max-width: 500px) {

	select {
		width: 290px;
	}
}

@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) { 

    #menu_toggle {
    	background-image: url(images/menu@2x.png);
    	background-size: 100% auto;
    }
    
    header #site-title a {
    	background-image: url(images/mobile_logo@2x.png);
    	background-size: 100% auto;    	
    }	
    
}


/* 
 * print styles
 */
@media print {
  * { background: transparent !important; color: #444 !important; text-shadow: none; }
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a:after { content: " (" attr(href) ")"; } 
  abbr:after { content: " (" attr(title) ")"; }
  .ir a:after { content: ""; }  /* Don't show links for images */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}


@media screen and (max-device-width: 480px) {

  html { 
  	-webkit-text-size-adjust:none; 
  	-ms-text-size-adjust:none; 
  } 
}