/*
Theme Name: Spectacular (HTML 4)
Theme URI: http://smashingmagazine.com/
Description: The 2010 theme for WordPress is stylish, customizable, simple, and readable -- make it yours with a custom menu, header image, and background. Twenty Ten supports six widgetized areas (two in the sidebar, four in the #footer) and featured images (thumbnails for gallery posts and custom header images for posts and pages). It includes stylesheets for print and the admin Visual Editor, special styles for posts in the "#asides" and "Gallery" categories, and has an optional one-column page template that removes the sidebar.
Author: Maleika Esther Attawel (@rockatee)
Version: 1.0
*/

/*
Credits: Paul Irish (html5boilerplate) for providing the html5boilerplate framework, WordPress for providing such a sophisticated CMS
*/
/*
<link href='http://fonts.googleapis.com/css?family=Oswald|BenchNine|Cuprum|Jockey+One|Concert+One|Rum+Raisin|Mouse+Memoirs' rel='stylesheet' type='text/css'>
*/
/*
@import url(http://fonts.googleapis.com/css?family=Oswald|BenchNine|Cuprum|Jockey+One|Concert+One|Rum+Raisin|Mouse+Memoirs);
*/
/*
font-family: 'Oswald', sans-serif;
*/
@import "http://fonts.googleapis.com/css?family=Oswald:400,700&subset=latin,latin-ext";

html, body, a, object, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, dt, dd, li, fieldset, form, label, legend, table, tbody, tfoot, thead, tr, th, td {
  margin: 0; 
  padding: 0; 
  border: 0; 
  outline: 0; 
  font-size: 100%; 
  vertical-align: baseline; 
  background: transparent;
}

ol { list-style-type: decimal;}

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

.mark {font-style: italic; font-weight: bold;}

abbr[title], dfn[title] {cursor: help;}

input, select {vertical-align: middle;}

html {
  overflow-y: scroll; /* always force scrollbar in IE */
  -webkit-font-smoothing: antialiased;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  font-size: inherit; 
}

th, td {padding:5px;}

caption {
	white-space: nowrap;
}

select, input, textarea {font: 99% sans-serif;}

pre, code, kbd, samp {font-family: monospace, sans-serif;}

h1 {color:#222; font-size:160%;}

h2 {color:#333; font-size:150%;}

h3 {color:#444; font-size:140%;}

h4 {color:#555; font-size:130%;}

h5 {color:#666; font-size:120%;}

h6 {color:#777; font-size:110%;}

h1,  h2,  h3,  h4,  h5,  h6,  p,  ul,  ol, dl, table, blockquote, caption {margin: 0 0 15px 0; padding:0;}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color: #ad5332;}

.title404 {
	font-size:300%;
	color: #8f2306;
	line-height: 1.1;
}

a, a:link, a:active, a:visited {color: #ad5332;}

a:hover, a:focus, a:active {outline: none;}

a:hover {color: #354250; -webkit-transition:background 500ms ease-in;}

small {font-size: 85%;}

blockquote {
	background: rgba(255,255,255,.15);
	font:italic normal 110%/1.4 georgia, serif;
	padding: 20px 20px 10px 20px;
}

strong, th {font-weight: bold;}

td, td img {vertical-align: top;}

sub {vertical-align: sub; font-size: 80%;}

sup {vertical-align: super;  font-size: 80%;}

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

.group {clear: both;}

.hidden, .hide {display: none; visibility: hidden;}

.visuallyhidden {
  position: absolute !important; 
  clip: rect(1px 1px 1px 1px); 
/* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
}

.invisible {visibility: hidden;}

#header:after, #main:after, #sub:after, #featured:afterr, #footer #sub-nav:after {
  content: ""; 
  height: 100%; 
  float: left; 
  width: 0; 
  margin-top: -32767px; 
  display: block;
}

/* Layout structure */

#container {background: url(images/mainContainer.jpg) repeat-x top;}

#main {
  margin:0 auto;
  overflow: hidden;
  padding:20px 0 0 0;
  width:960px;
}

#main ul, #main ol {margin-left:30px;}

#main h1, #main h2, #main h3, #main h4, #main h5, #main h6, .title404 {
	text-shadow: 1px 1px 1px rgba(255,255,255,.3);
}

#main table {
	background: #c0ac95;
	border:1px solid #aa9781;
	width:99%;
}

#main table tbody tr:nth-child(odd) {
	background: #d0bda8;
}

#main table caption, #main table th {
	text-align: left;
}

#main table td, #main table th {
	border: 1px solid #aa9781;
}
/* Grid */

.module60, .module120, .module180, .module240, .module280, .module300, .module320, .module340, .module360, .module420, .module460, .module480, .module540, .module600, .module660, .module720, .module780, .module840, .module920, .module960 {
  float:left;
  margin-right:20px;
}


.module60 {width:60px;}
.module120 {width:120px;}
.module180 {width:180px;}
.module240 {width:240px;}
.module280 {width:280px;}
.module300 {width:300px;}
.module320 {width:320px;}
.module340 {width:340px;}
.module360 {width:360px;}
.module420 {width:420px;}
.module460 {width:460px;}
.module480 {width:480px;}
.module540 {width:540px;}
.module600 {width:600px;}
.module660 {width:660px;}
.module720 {width:720px;}
.module780 {width:780px;}
.module840 {width:840px;}
.module900 {width:900px;}
.module960 {width:940px;}

/* Font Embedding */

@font-face {
  font-family: 'LeagueGothicRegular';
  src: url('fonts/League_Gothic-webfont.eot');
  src: local('☺'), url('fonts/League_Gothic-webfont.woff') format('woff'), url('fonts/League_Gothic-webfont.ttf') format('truetype'), url('fonts/League_Gothic-webfont.svg#webfonth8J5BRG2') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* Spectacular Structure */

body {
  background: #ceb9a1 url(images/bodyBG.jpg);
  color: #444;
  font: 13px/1.4 "Myriad Pro", Tahoma, "Helvetica Neue", Arial, sans-serif;
  text-rendering: optimizeLegibility;
}

/* @group header */

a.more:link, a.more:visited {
  background: url(images/moreButton.png) no-repeat 0 0;
  clear: both;
  display: inline-block;
  height:18px;
  margin-top:10px;
  text-indent: -9999px;
  width:77px;
}

a.more:hover, a.more:focus, a.more:active {background-position: 0 -18px;}

#header {
  background: #525e6b url(images/headerBG.jpg) repeat-x;
  height:260px;
  overflow: hidden;
  width:100%;
}

#site-name {
  float: left;
  xfont-family: 'LeagueGothicRegular';
	xfont-family: 'Oswald', sans-serif;
	font-family: 'Oswald' !important;
  font-style: normal;
  font-weight: 700;
  xleft:5px;
  xleft:205px;
  left:200px;
  position: relative;
  xtext-transform: uppercase;
  top:100px;
  width:460px;
}

#site-name a:link, #site-name a:visited {
  color: #c7b29a;
  display: block;
  xfont-size:730%;
  font-size:530%;
  letter-spacing: 1px;
  text-decoration: none;
  text-shadow: 4px 3px 0 #1b3643;
}

#site-name a:hover, #site-name a:focus, #site-name a:active {color: #af5533;}

#site-name span {
  clear: both;
  color: #354250;
  display: block;
  font-size:280%;
  margin-left:125px; /* change this to accomodate your site title */
  xmargin-top:-24px;
  margin-top:-20px;
  text-shadow: 0 1px 1px #c7b29a;
}

#header .inner {
  background: url(images/branding2.jpg) no-repeat 0 0;
  height:260px;
  width:960px;
  margin:auto;
}

/* @group nav */

#header #nav {
  font-family: 'LeagueGothicRegular';
  float: right;
  font-size:22px;
  height:40px;
  letter-spacing: 1px;
  margin: 8px 0 0 0;
  overflow: hidden;
  text-transform: uppercase;
}

#header #nav ul {float:right; text-align: right; list-style: none;}

#header #nav li {
  float: left;
  padding:0;
  width:auto;
  white-space: nowrap;
}

#header #nav a:link, #header #nav a:visited {
  border-right:1px solid #3f4c59;
  color: #c7b29a;
  display: block;
  padding:6px 10px;
  text-decoration: none;
  text-shadow: 0 1px 1px #000;
  width:auto;
}

#header #nav li:nth-child(1) a {border-left:1px solid #3f4c59;}

#header #nav a:hover, #header #nav a:focus, #header #nav a:active {background: #28313c;}

#introduction {
  background: url(images/introduction.jpg) repeat-x;
  color: #c7b29a;
  height:170px;
  float: right;
  font-size:110%;
  margin-top:7px;
  padding:20px;
  xwidth:418px;
  width:318px;
}

#introduction h1 {
  color: #c7b29a;
	font-size:150%; 
	margin-bottom: 10px;
	text-shadow: 0 1px 1px #222;
}

#introduction p {
	line-height: 1.2;
	margin-bottom: 10px;
}


/* @group featured post */

#featured {
  border-bottom: 2px dashed #ac977f;
  overflow: hidden;
  width:100%;
}

#featured .inner {
  background: rgba(0,0,0,0.1);
  margin: 0 auto 90px auto;
  padding:20px;
  position: relative;
  top:50px;
  width:920px;
}

#featured .inner img {
  display: block;
  left:auto;
  margin:auto;
  position: relative;
  top:auto;
  z-index:1;
}

#featured .inner div {
  background: rgba(27,54,68,0.8);
  color: #e4ccb1;
  height:178px;
  padding:10px 20px;
  position: absolute;
  right:23px;
  top:20px;
  width:417px;
  z-index: 2;
}

#featured .inner h1 a:link, #featured .inner h1 a:visited {
	font-size:22px;
	line-height: 1;
  text-decoration: none;
  text-shadow:1px 1px 0 #000;
}

#featured .inner h1 a:hover, #featured .inner h1 a:focus {color: #e4ccb1;}

#featured .inner .time {
  background: url(images/dateSheet.png) no-repeat;
  font:150% Georgia, serif;
  height:100px;
  left:-460px;
  padding-top:20px;
  position: absolute;
  text-align: center;
  text-shadow:1px 1px 0 #000;
  text-transform: uppercase;
  top:-83px;
  width:100px;
  z-index:3;
}

#featured .inner span {
  display: block;
  margin:auto;
  width:40px;
}

#featured .inner .mark {
  background: #354250;
  color: #e4ccb1;
  padding:10px;
  position: absolute;
  text-align: center;
  right:0;
  top:-42px;
  z-index: 4;
  width:120px; /* 80 */
}

#featured .inner a.more {
	display: block;
}

#featured .inner p {font-size:12px;}


/* @group homepage content */

#blog-intro {
  border-top:1px solid #9e8d7a;
  border-bottom:1px solid #9e8d7a;
  color: #444;
  font-size:300%;
  line-height: 1;
  margin:20px 0 30px 0;
  padding-top:5px;
  position: relative;
  text-align: center;
  text-shadow:0 1px 1px #e4dac4;
  text-transform: uppercase;
  z-index:1;
}

#blog-intro .before {
  background: url(images/pointerBigLeft.png) no-repeat left center;
  padding-left:50px;
  padding-right:20px;
  position: relative;
  z-index: 100;
}

#blog-intro .between {
  position: relative;
  z-index: 100;
}

#blog-intro .after {
  background: url(images/pointerBigRight.png) no-repeat right center;
  padding-left:20px;
  padding-right:50px;
  position: relative;
  z-index: 100;
}

#blog-intro .ampersand {
	position: absolute;
	left: -33px;
	bottom: -10px;
	z-index: 1;
/*
	margin: 0px -40px;
	vertical-align: middle; 
*/
* /*
  position: absolute;
  right:296px;
  top:-21px;
  z-index: 10;
  text-align: center;
*/
}

html > body #blog-intro .ampersand {*left:600px;}

/* homepage */

#home .entry, .excerpt {
	overflow: hidden;
	margin-bottom: 20px;
}

#home .excerpt {
	min-height:180px;
}

.excerpt-thumb {
  float: left;
  height: 100px;
  margin: 0 20px 0 0;
  width:100px;
}

.excerpt-thumb img {
  background: rgba(255,255,255,.15);
  height:80px;
  padding:10px;
  width:80px;
}

.excerpt-body {
  background: rgba(255,255,255,.15);
  display: inline;
  float: left;
  padding: 10px;
  width:320px;
}

.excerpt-body em {color: #535b65; padding-left:5px;}

.excerpt .time {margin-right:5px;}

#main .excerpt h2 {margin-bottom:0;}

.excerpt h2 a {
  text-decoration: none;
  text-shadow: 0 1px 1px #f1e5d8;
}

.excerpt p {margin:10px 0;}

.excerpt .more {float:right;}

#article {margin:15px 20px 30px 0;}


#article img {
	background: rgba(255,255,255,.2);
	float: left;
	margin: 0 15px 5px 0;
	padding:10px;
}


.paginate div {
	float: right;
	margin-left: 10px;
}

.paginate {
	margin: 10px 0;
	overflow: hidden;
}

.paginate a:link, .paginate a:visited {
	background-color: #ad5332 !important;
  color: #c7b29a;
	display: block;
	text-decoration: none;
	line-height: 20px;
	padding: 10px;
	background: rgba(0,0,0,.1);
	height: 20px;
	text-align: center;
	text-indent: -1px;
	width:20px;
}

.paginate a:hover, .paginate a:focus, .paginate a:active {
	background: #444 !important;
}

.entry-meta {
	border-top:1px dashed #ac977f;
	padding:15px 10px 0 0;
}

.entry-meta .time {
	color: #555;
	float: left;
	font-weight: bold;
	margin:5px 15px 0 0;
	width:80px;
}

.entry-content {
	clear: both;
}

.entry-utility {
	clear: both;
	background: rgba(0,0,0,.05);
	padding:10px;
}

/* @group Comments */

#comments {
	border-top:1px dashed #ac977f;
	padding-top: 15px;
}

.form-allowed-tags {
	background: rgba(0,0,0,.05);
	color:#786b5c;
	padding:10px;

}

.avatar {
	background: rgba(0,0,0,.075);
	float:left;
	margin-right:10px;
	padding: 5px;
}

.comment-body {
	clear: both;
	margin-left:60px;
}

.even {
	background: rgba(255,255,255,.1);
	border-top:1px dashed rgba(255,255,255,.2);
	border-bottom:1px dashed rgba(0,0,0,.2);
	padding:10px;
}

.odd {
	background: rgba(0,0,0,.05);
	border-top:1px dashed rgba(255,255,255,.2);
	border-bottom:1px dashed rgba(0,0,0,.2);
	padding: 10px;
}

.comment {
	color:#555;
	position: relative;
	z-index: 1;
}

.commentmetadata a:link, .commentmetadata a:visited {
	color:#666;
	text-decoration: none;
}

.commentmetadata a:hover, .commentmetadata a:focus, .commentmetadata a:active {
	color:  #ad5332;
}

.reply a, .reply a:link, .reply a:visited {
	background: #ad5332;
  color: #c7b29a;
  display: block;
  float: right;
  padding:5px 10px;
  position: absolute;
  top:0;
  right:0;
  text-decoration: none;
  z-index: 10;
}

.reply a:hover, .reply a:focus, .reply a:active {
	background: #444;
}

/* @group Archives */

#archives {
	margin-top:25px;
}

#archives h1 {
	border-bottom:3px solid #ac977f;
}

#archives div {
	float: left;
	overflow: hidden;
	border-bottom:1px solid #ac977f;
	width:100%;
}

#archives ul {
	float: left;
	margin-left:0;
	overflow: hidden;
}

#archives li {
	float: left;
	list-style: none;
	width:120px;
	margin-right:20px;
}


#archives a {
	font-weight: bold;
	text-decoration: none;
}

#archives .yearly {
	border-right: 1px solid #ac977f;
}

#archives .group {
	margin-bottom: 15px;
	padding-bottom: 10px;
}

#archives .excerpt div a:link, #archives .excerpt div a:visited {
	color: #555;
}

#archives .excerpt div a:hover, #archives .excerpt div a:focus, #archives .excerpt div a:active {
	color:  #ad5332;
}

/* @group sidebar */

#aside {margin:25px 0 0 0;}

#aside ul {margin-left:30px;}

#aside ul, #aside li {margin-left: 0; list-style: none;}

#aside ul ul {margin-left:30px;}

#aside h3, #searchform label {
	border-top:3px solid #ac977f;
	font-size: 100%; 
	padding-top: 10px;
	text-indent: 2px;
	text-transform: uppercase;
}

#aside a, #aside a:link, #aside a:visited {
	color: #666;
}

#aside a:hover, #aside a:focus, #aside a:active {
	color: #ad5332;
}

#aside li li {
	background: url(images/arrow.png) no-repeat 0 2px;
	line-height: 1.6;
	padding-left: 20px;
	min-height: 1%;
}


/* @group Widgets */

#widget_recent_entries h3 {
	background: url(images/iconPosts.png) no-repeat 0 4px;
	padding-left:30px;
}

#widget_recent_comments h3 {
	background: url(images/iconComments.png) no-repeat 0 4px;
	padding-left:30px;
}

#widget_archive h3 {
	background: url(images/iconArchive.png) no-repeat 0 4px;
	padding-left:30px;
}

#widget_categories h3 {
	background: url(images/iconCategory.png) no-repeat 0 4px;
	padding-left:30px;
}

#widget_meta h3 {
	background: url(images/iconMeta.png) no-repeat 0 4px;
	padding-left:30px;
}

 /* @group Sub Content */

#sub {
  background: rgba(0,0,0,.1) url(images/subTop.png) repeat-x top;
  border-bottom:1px solid #cdbaa4;
  clear: both;
  overflow: hidden;
  padding-top:20px;
}

#sub h1, #sub h2, #sub h3, #sub h4, #sub h5, #sub h6 {
	text-shadow: 1px 1px 1px rgba(255,255,255,.2);
}

#sub .inner {margin: 0 auto; width:960px;}

#sub .cat {
  float: left;
  margin-bottom: 20px;
  list-style: none;
}

#sub #cat-heading {
  background: url(images/subContentCat.png) no-repeat;
  color: #c7b29a;
  display:block;
  font-size: 120%;
  height:49px;
  left:-2px;
  margin:0;
  padding:18px 0 0 0;
  position: relative;
  text-align: center;
  top:-18px;
  width:245px;
}

#sub ul {list-style: none; margin-left:0;}

#sub ul.cat {margin-left:0;}

#sub .cat li {
  float:left;
  margin:0 20px 5px 0;
  width:180px;
}

#sub .cat a:link, #sub .cat a:visited {
  background: rgba(255,255,255,.2);
  color: #354250;
  display: block;
  padding:4px 10px;
  text-decoration: none;
  text-align: center;
}

#sub .cat a:hover, #sub .cat a:focus, #sub .cat a:active {
  background: rgba(53,66,80,.7);
  color: #c7b29a;
}

#footer {
  background: #434443 url(images/#footerBG.jpg);
  border-top:2px solid #3b3b3a;
  border-bottom: 2px solid #3b3b3a;
  clear: both;
  color: #ccc;
}

#footer .inner {
  background: url(images/wp.png) no-repeat right center;
  min-height:80px;
  margin: auto;
  padding:10px;
  width:940px;
}

#footer ul {
	list-style: none;
}

#footer #sub-nav {
	float: left;
	margin: 10px 0;
	position: relative;
	width:900px;
}

#footer #sub-nav li {
  float: left;
  margin-right:5px;
}

#footer a:link, #footer a:visited {
  color: #c7b29a;
  padding:6px 14px 5px 14px;
  text-shadow: 0 1px 1px #333;
}

#footer a:hover, #footer a:focus, #footer a:active {color: #ad5332;}

#footer .rss a:link, #footer .rss a:visited {
	background: url(images/rss.png) no-repeat;
	display: block;
	height: 61px;
	padding: 0;
	position: absolute;
	right:50px;
	text-indent:-9999px;
	top:0;
	width:60px;
}

#footer .rss a:hover, #footer .rss a:focus, #footer .rss a:active {
	background-position: 0 -60px;
}


#footer small {
	clear: both;
	float: left;
	font-size:90%;
	margin:0 0 0 15px;
	width:100%;
}

#footer small a {
	padding: 0 !important;
	margin:0;
}

/* @group Forms */

#quick-contact {
	overflow: hidden;
  position: relative;
  top:-60px;
}

#quick-contact h4 {font-size:160%;}

#quick-contact label {
  color: #92412a;
  display: block;
  margin:5px 0;
  text-indent: 2px;
  text-transform: uppercase;
}

#quick-contact input, #quick-contact textarea, #searchform #s, #comments #email, #comments #url, #comments #author, #comments email, #comments #comment, #comments textarea, #contact .contactform input, #contact .contactform textarea {
  background: rgba(0,0,0,.085) url(images/input.png) repeat-x top;
  border:1px solid rgba(0,0,0,.15);
  display: block;
  font-size:120%;
  padding: 6px 10px;
  width:278px;
}

#contact .contactform input, #contact .contactform textarea {
	width:460px;
}

#comments #email, #comments #url, #comments #author, #comments email, #comments #comment, #comments textarea, #contact input, #contact textarea, #contact .contactform input, #contact .contactform textarea {
	background: rgba(0,0,0,.05);
}

#quick-contact .submit input, input#searchsubmit, #comments #submit, #contact .contactform .submit input {
  background: #444;
  border:0;
  color: #c7b29a;
  display: block;
  margin-top: 10px;
  padding:5px 10px;
}

#contact .contactform form  {
	background: rgba(255,255,255,.1);
  border: 2px dashed #ac977f;
  padding:20px;
  width:80%;
}

#quick-contact .submit input, #contact .contactform .submit input {
	width:80px;
}

#searchform {
	margin:20px 0;
}

#searchform label {
	background: url(images/iconSearch.png) no-repeat 0 4px;
	display: block;
	font-weight: bold;
	margin-bottom: 10px;
	padding-left:30px;
	text-transform: uppercase;
}

#searchform #s {
	width:260px;
}

/* grouped Form styles */

#comments label, #contact .contactform label {
  color: #92412a;
  line-height: 2;
  padding: 10px 0;
  text-transform: uppercase;
}


#quick-contact .submit input:hover, #quick-contact .submit input:focus, #quick-contact .submit input:active, #searchsubmit:hover, #searchsubmit:focus, #searchsubmit:active {
  background: #92412a;
}

#quick-contact input:hover, #quick-contact input:focus, #quick-contact input:active, #quick-contact textarea:hover, #quick-contact textarea:focus, #quick-contact textarea:active, #searchform #s:hover, #searchform #s:focus, #searchform #s:active {background: #c7b29a;}

/* @group border radius */

.cat a, #quick-contact form input, #quick-contact form textarea, #quick-contact .submit input, #searchform .txt, #searchform #s, #searchsubmit, #comments #submit, #comments textarea, #comments input, #contact .contactform input, #contact .contactform textarea, #contact .contactform .submit input {
  -moz-border-radius: 14px;
  -webkit-border-radius: 14px;
  border-radius: 14px;
}

blockquote {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;

}

.paginate a {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50px;
  border-radius: 50%;
}

/* 
 * print styles
 * inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/ 
 */

@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) ")";}

/* Don't show links for images */

pre, blockquote {border: 1px solid #999; page-break-inside: avoid;}

q:before { content: ""; } 
q:after { content: ""; }  

img {page-break-inside: avoid;}

  @page { margin: 0.5cm; }

p, h2, h3 {orphans: 3; widows: 3;}

h2, h3 {page-break-after: avoid;}

}

/*
 * Media queries for responsive design
 */

@media all and (orientation:portrait) {

/* Style adjustments for portrait mode goes here */

}

@media all and (orientation:landscape) {

/* Style adjustments for landscape mode goes here */

}

/* Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome)  
   Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */

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

/* Prevent iOS, WinMobile from adjusting font size */

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

}