/* HTML5 ✰ Boilerplate */
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, canvas, details, figcaption, figure, footer, header, hgroup,
menu, nav, section, summary, time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display:block;
}
nav ol { 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; 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:12px/1.25 sans-serif; *font-size:small; background: #000; }
select, input, textarea, button { font:99% sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }
body, select, input, textarea { color: #fff; }
h1,h2,h3,h4,h5,h6 { font-weight: bold; }
html { overflow-y: scroll; }
a:hover, a:active { outline: none; }
a, a:active, a:visited { color: #ff5a00; text-decoration: underline; }
a:hover { color: #fff; text-decoration: underline; }
ul, ol { margin-left: 1.8em; margin-bottom: 16px; }
ol { list-style-type: decimal; }
ol ol { margin-bottom: 16px; }
ul ul { margin-bottom: 16px; }
nav ol, nav li { margin: 0; }
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; }
textarea { overflow: auto; }
.ie6 legend, .ie7 legend { margin-left: -7px; }
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type=button], input[type=submit], button { cursor: pointer; }
button, input, select, textarea { margin: 0; }
input:valid, textarea:valid { border-radius: 1px; -moz-box-shadow: 0px 0px 5px #6eb226; -webkit-box-shadow: 0px 0px 5px #6eb226; box-shadow: 0px 0px 5px #6eb226; }
input:invalid, textarea:invalid { border-radius: 1px; -moz-box-shadow: 0px 0px 5px #ed4646; -webkit-box-shadow: 0px 0px 5px #ed4646; box-shadow: 0px 0px 5px #ed4646; }
.no-boxshadow input:valid,
.no-js input:valid,
.no-boxshadow textarea:valid,
.no-js textarea:valid {
background-color: #6eb226;
}
.no-boxshadow input:invalid,
.no-js input:invalid,
.no-boxshadow textarea:invalid,
.no-js textarea:invalid {
background-color: #ed4646;
}
a:link { -webkit-tap-highlight-color: #ff5a00; }
button { width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.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:before, .clearfix:after { content: "\0020"; display: block; height: 0; visibility: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; display: inline-block; display: block; }
#cookies {
margin: 0;
padding: 0;
width: 100%;
}
#cookies th,
#cookies td {
padding: 10px 20px;
text-align: left;
border-bottom: 1px solid #ccc;
}
#cookies th {
border-width: 2px;
}
#cookies tr:last-child th,
#cookies tr:last-child td {
border-bottom: none;
}
/* = Primary Styles: Author: Mobious Limited */
/* =defaults */
@font-face {
font-family: 'AvantGardeITCDemi';
src: url('/fonts/avantgardeitc-demi-webfont.eot');
src: url('/fonts/avantgardeitc-demi-webfont.eot?iefix') format('eot'),
url('/fonts/avantgardeitc-demi-webfont.woff') format('woff'),
url('/fonts/avantgardeitc-demi-webfont.ttf') format('truetype'),
url('/fonts/avantgardeitc-demi-webfont.svg#webfont4fjLksKv') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'AvantGardeITCBook';
src: url('/fonts/avantgardeitc-book-webfont.eot');
src: url('/fonts/avantgardeitc-book-webfont.eot?iefix') format('eot'),
url('/fonts/avantgardeitc-book-webfont.woff') format('woff'),
url('/fonts/avantgardeitc-book-webfont.ttf') format('truetype'),
url('/fonts/avantgardeitc-book-webfont.svg#webfontelixiVyl') format('svg');
font-weight: normal;
font-style: normal;
}
body {
font-family: Arial, sans-serif;
}
p {
margin-bottom: 16px;
}
blockquote {
font-style: italic;
}
cite {
display: block;
margin-bottom: 16px;
}
article {
margin-bottom: 16px;
}
.made article {
margin-bottom: 32px;
}
nav ol {
float: right;
}
nav li {
display: inline;
}
nav a,
nav a:visited {
color: #fff;
text-decoration: none;
}
input, label {
display: block;
margin-bottom: 5px;
}
input, textarea, select {
color: #666;
width: 308px;
padding: 2px;
margin-bottom: 10px;
}
input[type="reset"],
input[type="submit"],
input[type="button"] {
-webkit-appearance: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
background: #ddd url('/images/core/button.png') repeat-x;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #ddd));
background: -moz-linear-gradient(top center, #fff 0%, #ddd 100%);
border: 1px solid;
border-color: #ddd #bbb #999;
-moz-border-radius: 11px;
-webkit-border-radius: 11px;
border-radius: 11px;
cursor: pointer;
color: #333;
font: bold 12px/1.2 Arial, sans-serif;
outline: 0;
overflow: visible;
padding: 3px 10px 4px;
text-shadow: #fff 0 1px 1px;
width: auto !important;
margin-right: 0 !important;
*padding-top: 2px;
*padding-bottom: 0px;
}
.ie6 .submit {
width: auto;
}
.success {
color: #6eb226;
font: 1.167em/1.667em 'AvantGardeITCDemi';
margin-bottom: 8px;
}
.error, .error_list {
color: #d52929;
}
.error_list {
list-style: none;
margin-left: 0;
margin-bottom: 5px;
}
label em {
color: #d52929;
}
#form-required em {
color: #d52929;
}
/* = banner and children styles */
#banner {
background: #000 url('/images/core/header-bg-small.png') 0 0 repeat-x;
border-bottom: 2px solid #fe4701;
}
.home #banner {
background: #000 url('/images/core/header-bg.png') 0 0 repeat-x;
}
#banner-container {
width: 980px;
margin: 0 auto;
}
.ie7 #banner-container {
overflow: hidden;
}
#banner h1 {
margin-top: 12px;
margin-bottom: 30px;
float: left;
}
#banner h1 a {
width: 230px;
height: 70px;
background: transparent url('/images/core/mobious-logo.png') 0 0 no-repeat;
}
#banner h1 a:hover {
background-position: 0 -70px;
}
#banner nav ol {
margin-top: 63px;
margin-right: -10px;
margin-bottom: 30px;
}
#banner nav li {
font: 1.25em/1.667em 'AvantGardeITCDemi';
letter-spacing: 0.6px;
padding: 10px 15px 10px 10px;
background: transparent url('/images/core/nav-separator.png') 100% 50% no-repeat;
}
.ie6 #banner nav li {
margin-left: 5px;
}
#banner nav li:last-child {
background : none;
}
#banner nav li.last {
background: none;
}
#banner nav a {
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
#banner nav a:hover,
#banner nav a:active,
#banner nav a:focus,
#banner nav em {
font-style: normal;
color: #ff5a00;
text-decoration: none;
}
#banner img {
-webkit-box-shadow: 6px 6px 5px rgba(0, 0, 0, 0.41);
-moz-box-shadow: 6px 6px 5px rgba(0, 0, 0, 0.41);
box-shadow: 6px 6px 5px rgba(0, 0, 0, 0.41);
width: 974px;
height: 416px;
border: 3px solid #fff;
margin-bottom: 23px;
}
/* = maincontent and children styles */
#maincontent {
background: #000;
}
#maincontent-container {
width: 980px;
margin: 0 auto;
padding: 17px 0;
border-bottom: 1px solid #fff;
}
.is.people #maincontent-container {
padding-bottom: 0;
}
.errors500 #maincontent-container {
border: none;
}
#maincontent article h1 {
font-size: 1.167em;
line-height: 1.25em;
}
.made #maincontent article header h1 {
margin-top: 0;
margin-bottom: 8px;
}
.home #maincontent article header h1,
.writes.index #maincontent article header h1 {
overflow: hidden;
height: 34px;
margin-top: 0;
margin-bottom: 8px;
}
article h1 a,
article h1 a:hover,
article h1 a:active,
article h1 a:visited,
article h1 a:focus {
text-decoration: none;
}
article img {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
border: 3px solid #fff;
margin-bottom: 10px;
}
article p {
margin-bottom: 8px;
}
.writes.index #maincontent article p {
overflow: hidden;
height: 75px;
}
.home #maincontent article p {
overflow: hidden;
height: 60px;
}
article h1:hover + h2 img,
article h1:active + h2 img,
article h1:focus + h2 img,
article img:hover,
article img:active,
article img:focus {
border-color: #fe4701;
-moz-transform: scale(1.05);
-webkit-transform: scale(1.05);
-o-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
-webkit-box-shadow: 6px 6px 5px rgba(0, 0, 0, 0.41);
-moz-box-shadow: 6px 6px 5px rgba(0, 0, 0, 0.41);
box-shadow: 6px 6px 5px rgba(0, 0, 0, 0.41);
}
.writes.post article img:hover,
.writes.post article img:active,
.writes.post article img:focus {
border-color: #fff;
-moz-transform: none;
-webkit-transform: none;
-o-transform: none;
-ms-transform: none;
transform: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.article-meta {
margin-left: 0;
}
.article-meta li {
display: inline;
color: #999;
}
.made h1,
.does h1 {
margin-bottom: 30px;
}
.gives #maincontent .tip h1 {
height: 3em;
margin: 10px 0 0;
}
.gives #content-main #primary h1 {
height: auto;
margin-bottom: 30px;
}
.is h1,
.writes h1 {
margin-bottom: 20px;
}
.made h1 {
float: left;
}
.made p {
clear: left;
}
.made form {
float: right;
margin-top: 20px;
width: 470px;
}
.made fieldset {
float: left;
}
.made label {
float: left;
margin-top: 2px;
margin-right: 5px;
}
.made select {
float: right;
}
.made #submit-container {
float: right;
}
/* = content-sub defaults */
.content-sub {
width: 308px;
float: left;
margin-right: 56px;
}
.content-sub header h1 {
margin-bottom: 30px;
}
.content-sub section {
border-top: 1px solid #fff;
}
.content-sub section header h1 {
margin-top: 20px;
margin-bottom: 15px;
}
/* = content-sub page specific overrides */
.is.index .content-sub {
margin-right: 28px;
}
.is.index .content-sub img {
border: 3px solid #fff;
margin-bottom: 16px;
}
.is.index .content-sub h1 {
margin-bottom: 0;
}
.is.index .content-sub header img {
border: none;
margin-bottom: 0;
}
.writes .content-sub,
.made .content-sub,
.gives .content-sub {
width: 310px;
margin-right: 25px;
}
.writes.post .content-sub,
.gives.article .content-sub,
.does .content-sub {
width: 224px;
margin-right: 0;
height: 100%;
overflow: hidden;
}
.writes .content-sub section,
.made .content-sub section,
.gives .content-sub section {
border: none;
}
.writes.post .content-sub header h1,
.gives.article .content-sub header h1,
.does .content-sub header h1 {
font: 1.25em/1.667em 'AvantGardeITCDemi';
letter-spacing: 0.6px;
padding-bottom: 11px;
margin-bottom: 19px;
border-bottom: 2px solid #ff4900;
}
.writes.post .content-sub nav,
.writes.post .content-sub p,
.gives.article .content-sub nav,
.gives.article .content-sub p,
.does .content-sub nav {
z-index: 1;
padding-right: 28px;
margin-bottom: 16px;
}
.writes.post .content-sub ol,
.gives.article .content-sub ol,
.does .content-sub ol {
float: none;
}
.writes.post .content-sub li,
.gives.article .content-sub li,
.does .content-sub li {
display: block;
font: 1.25em/1.667em 'AvantGardeITCDemi';
letter-spacing: 0.6px;
}
.writes.post .content-sub ol ol,
.gives.article .content-sub ol ol,
.does .content-sub ol ol {
position: static;
margin-left: 1.8em;
margin-bottom: 16px;
}
.writes.post .content-sub li li,
.gives.article .content-sub li li,
.does .content-sub li li {
font: 12px/1.25 Arial, sans-serif;
letter-spacing: 0;
}
.writes.post .content-sub a,
.gives.article .content-sub a,
.does .content-sub a {
color: #ff5a00;
}
.ie6 .writes.post .content-sub a,
.ie6 .gives.article .content-sub a,
.ie6 .does .content-sub a {
color: #ff5a00 !important;
}
.writes.post .content-sub a:hover,
.gives.article .content-sub a:hover,
.does .content-sub a:hover {
color: #fff;
text-decoration: none;
}
.ie6 .writes.post .content-sub a:hover,
.ie6 .gives.article .content-sub a:hover,
.ie6 .does .content-sub a:hover {
color: #fff !important;
text-decoration: none !important;
}
.writes.post .content-sub li em,
.gives.article .content-sub li em,
.does .content-sub li em {
font-style: normal;
}
/* = content-main defaults */
#content-main {
width: 100%;
float: left;
}
#content-main header h1 {
margin-bottom: 30px;
}
.home #content-main header h1 {
margin-top: 11px;
margin-bottom: 31px;
}
/* = content-main page specific overrides */
.has #content-main ul {
float: left;
}
.has #content-main ul ul {
float: none;
}
.has #content-main img {
float: right;
}
.has #content-main header img {
float: none;
}
.home #content-main {
width: 252px;
margin-right: 56px;
}
.is.index #content-main {
width: 308px;
margin-right: 28px;
}
.is.index #content-main img {
border: 3px solid #fff;
margin-bottom: 16px;
}
.is.index #content-main h1 {
margin-bottom: 0;
}
.is.index #content-main header img {
border: none;
margin-bottom: 0;
}
.writes #content-main,
.made #content-main,
.gives #content-main {
width: 310px;
margin-right: 25px;
}
.gives #maincontent .tip section {
height: 70px;
}
.made.client #content-main {
width: 670px;
margin-right: 28px;
}
.is.people #content-main {
width: 644px;
margin-right: 56px;
}
.is.person #content-main {
width: 700px;
margin-right: 0;
}
.gives.project #content-main,
.says #content-main,
.helps #content-main,
.is.contact #content-main {
width: 980px;
margin-right: 0;
}
.gives.smrr #content-main header h1 {
margin-bottom: 0;
}
.gives.smrr #content-main #smrr {
margin-top: 28px;
padding-top: 28px;
border-top: 1px solid #fff;
}
.gives.smrr #content-main #smrr div {
float: right;
width: 255px;
}
.gives.smrr #content-main #smrr div a {
display: block;
margin-bottom: 16px;
}
.gives.smrr #content-main #smrr form {
width: 697px;
margin-right: 28px;
}
.gives.smrr #content-main #smrr fieldset {
margin-bottom: 28px;
}
.gives.smrr #content-main #smrr input {
width: 398px;
}
.gives.press #content-main ol {
list-style: none;
margin-left: 0;
}
.gives.press #content-main li {
width: 310px;
float: left;
margin-right: 25px;
}
.does #content-main {
width: 532px;
margin-right: 0;
}
.writes.post #content-main,
.gives.article #content-main,
.does.activity #content-main {
width: 756px;
margin-right: 0;
}
.errors #content-main {
position: relative;
padding-bottom: 10px;
}
.errors #content-main div {
position: absolute;
top: 240px;
left: 310px;
width: 670px;
}
.is.person #content-main header {
height: 52px;
margin-bottom: 30px;
}
.writes.post #content-main header h1,
.gives.article #content-main header h1,
.does #content-main header h1 {
font: 1.25em/1.667em 'AvantGardeITCDemi';
letter-spacing: 0.6px;
margin-top: 0;
padding-bottom: 11px;
margin-bottom: 19px;
border-bottom: 2px solid #ff4900;
}
.helps header h1 {
float: left;
}
.helps header img {
float: right;
}
.helps #intro {
float: left;
width: 844px;
margin-bottom: 32px;
}
.does #content-main p {
padding-right: 28px;
}
.does.activity #content-main p {
padding-right: 0;
}
.does #content-main ul {
margin-left: 0;
list-style: none;
}
.does #content-main li {
border: 4px solid #333333;
padding: 10px;
margin-bottom: 14px;
clear: both;
position: relative;
}
.does #content-main li:hover {
-webkit-box-shadow: inset 2px 2px 12px #333333;
-moz-box-shadow: inset 2px 2px 12px #333333;
box-shadow: inset 2px 2px 12px #333333;
}
.does #content-main li:target {
border-color: #ff5a00;
}
.does #content-main li h2 {
font: 1.5em/2em 'AvantGardeITCDemi';
letter-spacing: 0.6px;
}
.writes.post #content-main p,
.does #content-main li p {
float: left;
width: 462px;
padding-right: 0;
margin-right: 28px;
}
.does #content-main li.no-image p {
width: 100%;
margin-right: 0;
}
.writes.index #content-main li img,
.does #content-main li img {
border: 1px solid #ff5a00;
float: right;
}
.gives.project #content-main header h1,
.gives.articles #primary h1,
.is.person #content-main header h1,
.is.people #content-main header h1,
.made.client #content-main header h1 {
float: left;
}
.is.person #content-main header h2 {
float: left;
margin-top: 19px;
margin-left: 10px;
font: 1.25em/1.667em 'AvantGardeITCDemi';
letter-spacing: 0.6px;
}
.made.client #content-main header h2 {
float: left;
margin-top: 7px;
margin-left: 10px;
font: 1.25em/1.667em 'AvantGardeITCDemi';
letter-spacing: 0.6px;
}
.does.activity hgroup h1 {
float: left;
}
.does.activity hgroup h2 {
float: left;
margin-top: 20px;
margin-left: 10px;
font: 1.25em/1.667em 'AvantGardeITCDemi';
letter-spacing: 0.6px;
}
.gives.project #content-main header a,
.gives.articles #primary a,
.is.people #content-main header a {
margin-top: 24px;
float: right;
}
.made.client #content-main header a {
margin-top: 11px;
float: right;
}
.gives.article #content-main h2 {
clear: left;
margin-bottom: 10px;
font: 1.25em/1.667em 'AvantGardeITCDemi';
letter-spacing: 0.6px;
color: #ff4900;
}
.gives.article #content-main img {
float: left;
margin-right: 16px;
}
.gives.article #content-main ol {
clear: left;
}
.gives.article #content-main ol li {
margin-bottom: 5px;
}
.gives.press #content-main ol li {
width: 150px;
}
.gives.article #content-main .affordance {
font-size: 1.167em;
line-height: 1.333em;
}
.made.client #content-main h2 {
margin-bottom: 10px;
font: 1.25em/1.667em 'AvantGardeITCDemi';
letter-spacing: 0.6px;
}
.is.contact #content-main header h1 {
margin-bottom: -14px;
}
.is.contact #content-main h2 {
width: 462px;
color: #FF5A00;
font: 1.25em/1.667em 'AvantGardeITCDemi';
letter-spacing: 0.6px;
}
.is.contact #content-main form h2 {
font: 1.5em/2em 'AvantGardeITCDemi';
}
.is.contact #content-main form {
margin-top: 14px;
padding-top: 14px;
border-top: 1px solid #fff;
}
.is.contact #content-main fieldset {
float: left;
background: transparent url('/images/is/contact-minion.jpg') top 97% no-repeat;
}
.is.contact #content-main input,
.is.contact #content-main select {
width: 398px;
margin-right: 84px;
}
.is.contact #content-main textarea {
width: 472px;
}
.is.contact #content-main #textarea-container {
float: right;
padding-top: none;
background: none;
}
.is.contact #content-main #submit-container {
clear: right;
float: right;
}
/* = specific structure within content-main */
.is.person #about {
padding-top: 14px;
border-top: 2px solid #ff4900;
}
.is.person #about img {
border: 4px solid #fff;
float: left;
margin-right: 28px;
margin-bottom: 28px;
}
.is.person #about h2 {
font: 1.5em/2em 'AvantGardeITCBook';
font-weight: normal;
letter-spacing: 0.6px;
}
.is.person #about p {
font-size: 0.917em;
line-height: 1.333em;
padding-right: 56px;
margin-bottom: 0;
}
#disqus_thread {
margin-top: 14px;
padding-top: 14px;
border-top: 1px solid #fff;
width: 462px;
}
#disqus_thread img {
border: none;
}
/* = content-supp defaults */
.content-supp {
width: 308px;
float: right;
}
.content-supp header h1 {
margin-bottom: 30px;
}
.ie6 .content-supp {
clear: left
}
/* = content-supp page specific overrides */
.is.index .content-supp img {
border: 3px solid #fff;
margin-bottom: 16px;
}
.is.index .content-supp h1 {
margin-bottom: 0;
}
.is.index .content-supp header img {
border: none;
margin-bottom: 0;
}
.writes .content-supp,
.made .content-supp,
.gives .content-supp {
width: 310px;
}
.made.client .content-supp {
margin-top: 66px;
width: 282px;
}
.is.people .content-supp,
.is.person .content-supp {
margin-top: 82px;
width: 280px;
}
.ie6 .is.person .content-supp {
margin-top: 103px;
}
.does .content-supp {
width: 224px;
margin-top: 36px;
padding-top: 19px;
border-top: 2px solid #ff4900;
}
.is.person header h1 {
margin-bottom: 21px;
}
.is.people .content-supp header h1,
.is.person .content-supp header h1,
.made.client .content-supp header h1 {
float: none;
background: #ff4900;
background: -moz-linear-gradient(top, #FF4500 0%, #FF7C00 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FF4500), color-stop(100%, #FF7C00));
font: 1.25em/1.667em 'AvantGardeITCDemi';
letter-spacing: 0.6px;
padding: 10px 15px;
}
.made.client .content-supp h2 {
font-size: 1.167em;
color: #ff5a00;
}
#client-meta h2 {
color: #fff;
}
.made.client .content-supp blockquote {
border-top: 1px solid #ff5a00;
color: #ff5a00;
font-style: italic;
padding-top: 12px;
margin-bottom: 16px;
}
.made.client .content-supp cite {
color: #ff5a00;
padding-bottom: 12px;
border-bottom: 1px solid #ff5a00;
}
/* = specific structure within content-supp */
.is.person #about-internet {
margin-left: 0;
height: 194px;
margin-bottom: 28px;
list-style: none;
}
.ie7 .is.person #about-internet {
height: 161px;
}
.ie6 .is.person #about-internet {
margin-bottom: 21px;
}
.is.person #about-internet li {
font-size: 0.917em;
line-height: 1.167em;
margin-bottom: 10px;
}
/* meta and children styles */
#meta {
background: #000;
background: -moz-linear-gradient(top, #000 0%, #201E24 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #000), color-stop(100%, #201E24));
z-index: 100;
}
#meta-container {
width: 980px;
margin: 0 auto;
padding: 20px 0;
}
#meta-container small {
float: left;
margin-top: 10px;
}
#meta-container div {
width: 124px;
padding-top: 15px;
margin-left: 28px;
float: right;
font-size: 0.917em;
line-height: 1.25em;
}
#meta-container div .ir {
margin-bottom: 16px;
}
#meta-container #locations {
width: 34px;
padding-top: 0;
margin-top: -23px;
}
#meta-container #social-buttons {
width: 579px;
padding-top: 0;
margin-left: 0;
}
#foursquare {
width: 32px;
height: 32px;
background: transparent url('/images/core/foursquare.png') 0 0 no-repeat;
margin-bottom: 20px;
}
#gowalla {
width: 32px;
height: 32px;
background: transparent url('/images/core/gowalla.png') 0 0 no-repeat;
}
#twitter .ir {
margin-top: 1px;
width: 120px;
height: 24px;
background: transparent url('/images/core/twitter.png') 0 0 no-repeat;
}
#twitter .ir:hover {
background-position: 0 -24px;
}
#facebook .ir {
width: 120px;
height: 25px;
background: transparent url('/images/core/facebook.png') 0 0 no-repeat;
}
#facebook .ir:hover {
background-position: 0 -25px;
}
#meta-container #youtube .ir {
margin-top: -8px;
margin-bottom: 9px;
width: 100px;
height: 40px;
background: transparent url('/images/core/youtube.png') 0 0 no-repeat;
}
#meta-container #youtube .ir:hover {
background-position: 0 -40px;
}
#meta-container #lastfm .ir {
margin-top: -2px;
margin-bottom: 15px;
width: 86px;
height: 28px;
background: transparent url('/images/core/lastfm.png') 0 0 no-repeat;
}
#meta-container #lastfm .ir:hover {
background-position: 0 -28px;
}
#meta-container div img {
margin-bottom: 16px;
}
#meta-container #tweetbox {
float: left;
width: 308px;
margin: 0;
padding: 0;
background: #FF7C00;
background: -moz-linear-gradient(top, #FF7C00 0%, #FF4500 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FF7C00), color-stop(100%, #FF4500));
color: #000;
font-size: 1em;
line-height: 1.25;
}
.ie6 #meta-container #tweetbox,
.ie7 #meta-container #tweetbox
.ie8 #meta-container #tweetbox {
margin-top: 10px;
}
#meta-container #tweetbox-container {
float: none;
margin: 15px 10px 0 15px;
padding: 0 5px 8px 0;
width: auto;
background: transparent url('/images/core/twitter-bg.png') right bottom no-repeat;
}
.ie6 #meta-container #tweetbox-container {
background: none;
}
#tweetbox article {
margin: 0;
}
#tweetbox aside {
overflow: hidden;
height: 1%;
background: #000;
background: -moz-linear-gradient(top, #000 0%, #727272 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #000), color-stop(100%, #727272));
padding: 8px 15px;
margin: 0;
color: #fff;
border-top: 1px solid #fff;
}
#tweetbox aside a {
color: #fff;
}
#tweetbox aside p {
margin-bottom: 0;
}
#tweetbox a {
color: #000;
}
#tweetbox a:hover {
color: #fff;
}
#tweetbox time,
#tweetbox time + p {
color: #fff;
margin-bottom: 0;
}
/* = contentinfo and children styles */
#contentinfo {
clear: both;
padding: 10px 0;
background: #FF3700;
background: -moz-linear-gradient(top, #B72100 2%, #CE2F00 14%, #FF3700 35%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(2%, #B72100), color-stop(14%, #CE2F00), color-stop(35%, #FF3700));
font-size: 0.917em;
line-height: 1.167em;
z-index: 100;
}
#contentinfo-container {
width: 980px;
margin: 0 auto;
}
.ie6 #contentinfo-container nav ol,
.ie7 #contentinfo-container nav ol {
margin-top: -13px;
}
#contentinfo-container a:hover {
text-decoration: underline !important;
}
/* = misc styles for picture galleries, users, tabs, and logos */
#gallery {
margin-left: 0;
list-style: none;
position: relative;
}
#gallery.no-thumbs,
.ie6 #gallery {
position: static;
}
#gallery li {
display: inline;
}
#gallery.no-thumbs li,
.ie6 #gallery li {
display: block;
}
#gallery li ul {
margin-left: 0;
display: none;
}
#gallery.no-thumbs li ul,
.ie6 #gallery li ul {
display: block;
}
#gallery li .large {
width: 662px;
height: 379px;
border: 4px solid #fff;
}
#gallery.no-thumbs li .large,
.ie6 #gallery li .large {
height: auto;
width: auto;
}
#gallery li .thumb {
margin-top: 415px;
margin-right: 15px;
float: left;
width: 81px;
height: 66px;
border: 2px solid #fff;
}
#gallery.no-thumbs li .thumb,
.ie6 #gallery li .thumb {
display: none;
}
.ie7 #gallery li .thumb {
margin-top: 420px;
}
#gallery #current ul {
position: absolute;
top: 0;
left: 0;
display: block;
z-index: 1;
}
#gallery.no-thumbs #current ul,
.ie6 #gallery #current ul {
position: static;
}
.ie7 #gallery #current ul {
top: 16px;
left: 0;
}
#gallery li:hover ul {
position: absolute;
top: 0;
left: 0;
display: block;
z-index: 2;
}
#gallery.no-thumbs li:hover ul,
.ie6 #gallery li:hover ul {
position: static;
}
.ie7 #gallery li:hover ul {
top: 16px;
left: 0;
}
#gallery #current .thumb,
#gallery li:hover .thumb {
width: 77px;
height: 62px;
border: 4px solid #fe4701;
}
#share {
margin-top: 513px;
}
#share.no-thumbs,
.gives #share,
.writes #share {
margin-top: 0;
}
.gives #share {
margin-bottom: 16px;
}
#share h2 {
float: left;
}
.gives #share h2,
.writes #share h2 {
font: normal normal normal 1.25em/1.667em AvantGardeITCDemi;
letter-spacing: 0.6px;
}
#share div {
float: left;
padding-left: 5px;
}
#share a {
float: left;
margin-right: 5px !important;
}
.addthis_button_facebook,
.addthis_button_twitter,
.addthis_button_linkedin,
.addthis_button_digg {
margin-top: 3px;
}
#people {
margin-left: 0;
margin-bottom: 0;
}
.ie6 .is.people #people,
.ie7 .is.people #people {
margin-top: 30px;
}
.is.person #people {
padding-top: 28px;
border-top: 2px solid #ff4900;
}
.ie6 .is.person #people,
.ie7 .is.person #people {
width: 644px;
padding-right: 56px;
}
#people li {
float: left;
height: 159px;
overflow: hidden;
margin-right: 28px;
margin-bottom: 28px;
padding: 0;
border: none;
position: relative;
}
#people li.break {
margin-right: 0;
}
#people a {
text-decoration: none;
}
#people img {
width: 132px;
height: auto;
border: 4px solid #fff;
}
#people div {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
width: 122px;
padding: 5px 5px;
position: absolute;
left: 4px;
bottom: -36px;
background: #FF7C00;
background: -moz-linear-gradient(top, #FF4500 0%, #FF7C00 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FF4500), color-stop(100%, #FF7C00));
color: #fff;
}
#people a:hover div {
bottom: 3px;
}
#people h2 {
font-size: 0.917em;
line-height: 1.167em;
}
.ie6 #people h2,
.ie7 #people h2 {
font-size: 11px;
line-height: 14px;
}
#people p {
font-size: 0.917em;
line-height: 1.167em;
margin-bottom: 0;
}
.ie6 #people p,
.ie7 #people p {
font-size: 11px;
line-height: 14px;
}
.ui-tabs-hide {
position: absolute;
display: none;
}
#tabs ul {
margin-left: 0;
list-style: none;
border-bottom: 2px solid #FF4900;
padding-bottom: 5px;
text-align: right;
}
.js #nantwich,
.js #london {
display: none;
}
.no-js #nantwich,
.no-js #london {
display: block;
}
#tabs li {
display: inline;
margin-left: 2px;
padding: 10px 0;
background: #fff;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.ie6 #tabs li,
.ie7 #tabs li {
padding: 0;
}
#tabs li a {
padding: 10px;
font: 1.25em/1.667em 'AvantGardeITCDemi';
letter-spacing: 0.6px;
text-decoration: none;
}
#tabs li a:hover {
color: #FF4500;
}
#tabs li.ui-state-active {
background: #FF4500;
background: -moz-linear-gradient(top, #FF7C00 0%, #FF4500 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FF7C00), color-stop(100%, #FF4500));
}
#tabs li.ui-state-active a {
color: #fff !important;
}
#tabs li.ui-state-active a:hover {
color: #fff !important;
}
.no-js #newcastle,
.no-js #nantwich,
.no-js #london {
margin-bottom: 28px;
}
#tabs .vcard {
margin-right: 28px;
clear: left;
float: left;
width: 462px;
}
#tabs .map {
float: right;
width: 482px;
height: 234px;
border: 4px solid #fff;
}
#newcastle-map,
#nantwich-map,
#london-map {
width: 100%;
height: 100%;
}
#friends {
margin-left: 0;
list-style: none;
margin-bottom: 28px;
}
#friends li {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 2px 2px 15px #000000;
-moz-box-shadow: 2px 2px 15px #000000;
box-shadow: 2px 2px 15px #000000;
-webkit-transition: -webkit-transform 0.3s ease-in-out;
-moz-transition: -moz-transform 0.3s ease-in-out;
-o-transition: -o-transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out;
float: left;
margin-right: 4px;
margin-bottom: 4px;
height: 100px;
width: 160px;
}
#friends li.break {
margin-right: 0;
}
#friends li:hover {
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
background-position: 0 -100px;
}
#carling {
-moz-transform: rotate(-5deg);
-webkit-transform: rotate(-5deg);
-o-transform: rotate(-5deg);
transform: rotate(-5deg);
background: transparent url('/images/helps/carling.jpg') 0 0 no-repeat;
}
#box-express {
background: transparent url('/images/helps/box.jpg') 0 0 no-repeat;
}
#northern-rock {
-moz-transform: rotate(5deg);
-webkit-transform: rotate(5deg);
-o-transform: rotate(5deg);
transform: rotate(5deg);
background: transparent url('/images/helps/northern-rock.jpg') 0 0 no-repeat;
}
#nubs {
-moz-transform: rotate(-10deg);
-webkit-transform: rotate(-10deg);
-o-transform: rotate(-10deg);
transform: rotate(-10deg);
background: transparent url('/images/helps/nubs.jpg') 0 0 no-repeat;
}
#reaseheath {
-moz-transform: rotate(2deg);
-webkit-transform: rotate(2deg);
-o-transform: rotate(2deg);
transform: rotate(2deg);
background: transparent url('/images/helps/reaseheath-college.jpg') 0 0 no-repeat;
}
#harper {
-moz-transform: rotate(15deg);
-webkit-transform: rotate(15deg);
-o-transform: rotate(15deg);
transform: rotate(15deg);
background: transparent url('/images/helps/harper-collins.jpg') 0 0 no-repeat;
}
#pitcher {
-moz-transform: rotate(5deg);
-webkit-transform: rotate(5deg);
-o-transform: rotate(5deg);
transform: rotate(5deg);
background: transparent url('/images/helps/pitcher.jpg') 0 0 no-repeat;
}
#lex {
-moz-transform: rotate(-10deg);
-webkit-transform: rotate(-10deg);
-o-transform: rotate(-10deg);
transform: rotate(-10deg);
background: transparent url('/images/helps/lex.jpg') 0 0 no-repeat;
}
#womens-aid {
-moz-transform: rotate(-5deg);
-webkit-transform: rotate(-5deg);
-o-transform: rotate(-5deg);
transform: rotate(-5deg);
background: transparent url('/images/helps/womens-aid.jpg') 0 0 no-repeat;
}
#nufc {
-moz-transform: rotate(3deg);
-webkit-transform: rotate(3deg);
-o-transform: rotate(3deg);
transform: rotate(3deg);
background: transparent url('/images/helps/nufc.jpg') 0 0 no-repeat;
}
#scania {
-moz-transform: rotate(-3deg);
-webkit-transform: rotate(-3deg);
-o-transform: rotate(-3deg);
transform: rotate(-3deg);
background: transparent url('/images/helps/scania.jpg') 0 0 no-repeat;
}
#skybet {
-moz-transform: rotate(-15deg);
-webkit-transform: rotate(-15deg);
-o-transform: rotate(-15deg);
transform: rotate(-15deg);
background: transparent url('/images/helps/skybet.jpg') 0 0 no-repeat;
}
#eaga {
-moz-transform: rotate(2deg);
-webkit-transform: rotate(2deg);
-o-transform: rotate(2deg);
transform: rotate(2deg);
background: transparent url('/images/helps/eaga.jpg') 0 0 no-repeat;
}
#galderma {
-moz-transform: rotate(10deg);
-webkit-transform: rotate(10deg);
-o-transform: rotate(10deg);
transform: rotate(10deg);
background: transparent url('/images/helps/galderma.jpg') 0 0 no-repeat;
}
#bauer {
-moz-transform: rotate(-3deg);
-webkit-transform: rotate(-3deg);
-o-transform: rotate(-3deg);
transform: rotate(-3deg);
background: transparent url('/images/helps/bauer.jpg') 0 0 no-repeat;
}
#grolsch {
-moz-transform: rotate(20deg);
-webkit-transform: rotate(20deg);
-o-transform: rotate(20deg);
transform: rotate(20deg);
background: transparent url('/images/helps/grolsch.jpg') 0 0 no-repeat;
}
#metroradio {
background: transparent url('/images/helps/metroradio.jpg') 0 0 no-repeat;
}
#nexus {
-moz-transform: rotate(8deg);
-webkit-transform: rotate(8deg);
-o-transform: rotate(8deg);
transform: rotate(8deg);
background: transparent url('/images/helps/nexus.jpg') 0 0 no-repeat;
}
#cellular {
-moz-transform: rotate(-8deg);
-webkit-transform: rotate(-8deg);
-o-transform: rotate(-8deg);
transform: rotate(-8deg);
background: transparent url('/images/helps/cellular.jpg') 0 0 no-repeat;
}
#metro {
-moz-transform: rotate(3deg);
-webkit-transform: rotate(3deg);
-o-transform: rotate(3deg);
transform: rotate(3deg);
background: transparent url('/images/helps/metro.jpg') 0 0 no-repeat;
}
#dawson {
-moz-transform: rotate(-20deg);
-webkit-transform: rotate(-20deg);
-o-transform: rotate(-20deg);
transform: rotate(-20deg);
background: transparent url('/images/helps/dawson.jpg') 0 0 no-repeat;
}
#yha {
-moz-transform: rotate(-5deg);
-webkit-transform: rotate(-5deg);
-o-transform: rotate(-5deg);
transform: rotate(-5deg);
background: transparent url('/images/helps/yha.jpg') 0 0 no-repeat;
}
#vcd {
-moz-transform: rotate(3deg);
-webkit-transform: rotate(3deg);
-o-transform: rotate(3deg);
transform: rotate(3deg);
background: transparent url('/images/helps/vcd.jpg') 0 0 no-repeat;
}
#ngi {
-moz-transform: rotate(20deg);
-webkit-transform: rotate(20deg);
-o-transform: rotate(20deg);
transform: rotate(20deg);
background: transparent url('/images/helps/ngi.jpg') 0 0 no-repeat;
}
.button {
background: -moz-linear-gradient(
top,
#ff8800 0%,
#ff8400 25%,
#ff7700 50%,
#ff6600 75%,
#ff4400);
background: -webkit-gradient(
linear, left top, left bottom,
from(#ff8800),
color-stop(0.25, #ff8400),
color-stop(0.50, #ff7700),
color-stop(0.75, #ff6600),
to(#ff4400));
background: gradient(
linear, left top, left bottom,
from(#ff8800),
color-stop(0.25, #ff8400),
color-stop(0.50, #ff7700),
color-stop(0.75, #ff6600),
to(#ff4400));
-moz-border-radius: 30px;
-o-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;
border: 1px solid #000000;
-moz-box-shadow:
0px 1px 3px rgba(0,0,0,0.5),
inset 0px 0px 1px rgba(255,255,255,0.7);
-o-box-shadow:
0px 1px 3px rgba(0,0,0,0.5),
inset 0px 0px 1px rgba(255,255,255,0.7);
-webkit-box-shadow:
0px 1px 3px rgba(0,0,0,0.5),
inset 0px 0px 1px rgba(255,255,255,0.7);
box-shadow:
0px 1px 3px rgba(0,0,0,0.5),
inset 0px 0px 1px rgba(255,255,255,0.7);
color: #fff;
font-family: 'AvantGardeITCDemi', Arial, Helvetica, sans-serif;
font-size: 18px;
letter-spacing: 1px;
padding: 10px 20px;
text-shadow:
0px -1px 0px rgba(0,0,0,0.4),
0px 1px 0px rgba(255,255,255,0.3);
}
@media only screen and (orientation: portrait) and (min-device-width: 768px) {
body {
width: 768px;
}
input {
width: 240px;
}
#banner-container {
width: 750px;
}
#banner h1 a {
width: 130px;
height: 40px;
background: transparent url('/images/core/mobious-logo-ipad.png') 0 0 no-repeat;
}
#banner h1 a:hover {
background-position: 0 -40px;
}
#banner nav ol {
margin-top: 33px;
}
#banner img {
width: 744px;
height: auto;
}
#maincontent-container {
width: 744px;
}
.made.client #maincontent-container {
position: relative;
}
.home section header img {
width: 240px;
height: auto;
}
.home #maincontent article p {
height: 117px;
}
.made form {
float: none;
margin-top: 0;
}
.made.client #share {
margin-top: 394px;
}
.made.client #share.no-thumbs {
margin-top: 0;
}
#friends li {
background-position: 0 -100px;
}
.home .content-sub {
width: 248px;
margin-right: 28px;
}
.is.index .content-sub {
width: 229px;
margin-right: 28px;
}
.is.index .content-sub img {
width: 223px;
height: auto;
}
.does .content-sub {
width: 744px;
}
.does .content-sub li {
display: inline;
margin-right: 28px;
}
.does .content-sub li em {
font-size: 1.25em;
}
.does .content-sub li ol {
display: none;
}
.made .content-sub,
.writes.index .content-sub,
.gives .content-sub {
width: 229px;
margin-right: 28px;
}
.made .content-sub img,
.writes.index .content-sub img,
.gives .content-sub img {
width: 223px;
height: auto;
}
.writes.post .content-sub {
width: 267px;
margin-right: 0;
}
#content-main {
width: 750px;
}
.home #content-main {
width: 200px;
margin-right: 28px;
}
.home #content-main header h1 {
margin-top: 6px;
}
.home #content-main header img {
width: 190px;
height: auto;
}
.home #content-main article img {
width: auto;
height: 112px;
}
.is.index #content-main {
width: 229px;
margin-right: 28px;
}
.is.index #content-main img {
width: 223px;
height: auto;
}
.is.people #content-main {
width: 476px;
margin-right: 28px;
}
.is.person #content-main header h2 {
margin-top: 7px;
}
.is.people #content-main li:nth-of-type(4n),
.is.person #content-main li:nth-of-type(4n) {
margin-right: 28px;
}
.is.people #content-main li:nth-of-type(3n),
.is.person #content-main li:nth-of-type(3n) {
margin-right: 0;
}
.is.person #content-main {
width: 504px;
}
.does #content-main {
width: 520px;
}
.does.activity #content-main {
width: 744px;
}
.made #content-main,
.writes.index #content-main,
.gives #content-main {
width: 229px;
margin-right: 28px;
}
.made #content-main img,
.writes.index #content-main img,
.gives #content-main img {
width: 223px;
height: auto;
}
.made #content-main .addthis_toolbox img {
width: auto;
}
.made.client #content-main {
width: 477px;
}
.made.client #content-main header img {
width: auto;
height: auto;
}
.made.client #content-main header a {
position: absolute;
top: 17px;
right: 0;
}
.made.client #content-main .large {
width: 469px;
height: auto;
}
.made.client #content-main .thumb {
width: auto;
height: auto;
margin-top: 296px;
}
.helps #content-main {
width: 744px;
margin-right: 0;
}
.helps #content-main #intro {
width: 633px;
}
.writes.post #content-main {
width: 477px;
margin-right: 0;
}
.gives.project #content-main {
width: 744px;
}
.gives.project #content-main header img {
width: 95%;
height: auto;
}
.is.contact #content-main {
width: 744px;
margin-right: 0;
}
.is.contact #content-main .ui-tabs-nav {
padding-bottom: 6px;
}
.is.contact #content-main .vcard {
clear: none;
float: none;
width: 100%;
margin-right: 0;
}
.is.contact #content-main .map {
float: none;
}
.is.contact #content-main #textarea-container {
float: none;
}
.is.contact #content-main textarea {
width: 100%;
}
.has #content-main {
width: 744px;
}
.has #content-main img {
width: 50%;
height: auto;
}
.has #content-main header img {
width: auto;
height: auto;
}
.home .content-supp {
width: 240px;
}
.home .content-supp header img {
width: 240px;
height: auto;
}
.home .content-supp article img {
width: 234px;
height: auto;
}
.is.index .content-supp {
width: 229px;
}
.is.index .content-supp img {
width: 223px;
height: auto;
}
.is.people .content-supp,
.is.person .content-supp {
width: 240px;
}
.made .content-supp,
.writes.index .content-supp,
.gives .content-supp {
width: 229px;
}
.made .content-supp img,
.writes.index .content-supp img,
.gives .content-supp img {
width: 223px;
height: auto;
}
.made.client .content-supp {
width: 239px;
}
#meta-container {
width: 750px;
}
#meta-container div {
clear: left;
width: 150px;
}
#meta-container #locations {
float: left;
margin-left: 0;
width: 34px;
}
#meta-container #tweetbox {
word-wrap: break-word;
width: 360px;
margin-right: 15px;
}
#contentinfo-container {
width: 750px;
}
#maincontent p, #maincontent li a, #meta a, #meta p {
font-size: 1.167em;
line-height: 1.417em;
}
.is.person #about {
height: 462px;
padding-top: 28px;
}
.is.person #about h2 {
clear: left;
}
.is.person #about p {
font-size: 1.167em;
line-height: 1.417em;
padding-right: 28px;
margin-bottom: 16px;
}
.is.person #about-internet {
height: 398px;
}
.is.person #about-internet li {
font-size: 1.167em;
line-height: 1.417em;
}
#people div {
bottom: 4px;
}
#people h2 {
font-size: 11px;
line-height: 14px;
}
#people p {
font-size: 11px;
line-height: 14px;
}
}
.urgent-message {
font-size: 42px;
margin: 20px auto;
text-align: center;
width: 980px;
}
@media only screen and (orientation: landscape) and (max-device-width: 1024px) {
#maincontent p, #maincontent li a, #meta a, #meta p {
font-size: 1.083em;
line-height: 1.333em;
}
#meta-container #locations {
padding-top: 35px;
}
#friends li {
background-position: 0 -100px;
}
#people div {
bottom: 4px;
}
#people h2 {
font-size: 11px;
line-height: 14px;
}
#people p {
font-size: 11px;
line-height: 14px;
}
}
@media only screen and (max-device-width: 480px) {
html {
-webkit-text-size-adjust:none;
-ms-text-size-adjust:none;
}
#banner-container {
width: 300px;
}
#banner h1 {
margin: 10px 0 15px 0;
}
#banner nav ol {
margin: 0 0 15px 0;
}
#banner img {
width: 294px;
height: auto;
margin-bottom: 15px;
}
#maincontent-container {
width: 300px;
}
.content-sub {
float: none;
width: 300px;
margin-right: 0;
margin-bottom: 15px;
}
#content-main {
float: none;
width: 300px;
margin-right: 0;
margin-bottom: 15px;
}
.content-supp {
float: none;
width: 300px;
}
.content-supp article img {
width: 296px;
height: auto;
}
#meta-container {
width: 300px;
}
#meta-container div {
width: 130px;
margin-right: 14px;
}
#meta-container #tweetbox {
word-wrap: break-word;
width: 270px;
margin-right: 0;
margin-bottom: 15px;
}
#contentinfo-container {
width: 300px;
}
#content-info nav ol {
float: none !important;
margin-top: 10px;
}
#maincontent p, #maincontent li a, #meta a, #meta p {
font-size: 1.167em;
line-height: 1.417em;
}
.urgent-message {
font-size: 42px;
margin: 20px auto;
text-align: center;
width: 300px;
}
}
@media print {
* { background: transparent !important; color: #444 !important; text-shadow: none !important; }
a, a:visited { color: #444 !important; text-decoration: underline; }
a:after { content: " (" attr(href) ")"; }
abbr:after { content: " (" attr(title) ")"; }
.ir a:after { content: ""; }
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
thead { display: table-header-group; }
tr, img { page-break-inside: avoid; }
@page { margin: 0.5cm; }
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3{ page-break-after: avoid; }
}