/* =============================================================================
   Styling and layout for all media
   ========================================================================== */

@media all {

/* =============================================================================
   Abridged version of Normalize.css
   ========================================================================== */
/* original authors: Nicolas Gallagher and Jonathan Neal - http://necolas.github.com/normalize.css/ */

/* corrects block display not defined in IE6-9, Firefox3 */
article, aside, details, figcaption, figure, 
footer, header, hgroup, nav, section { display: block; }

/* also block display audio, video, canvas */
audio, canvas, video { display: block; }

/* prevents modern browsers from displaying 'audio' without controls */
audio:not([controls]) { display: none; }

/* addresses styling for 'hidden' attribute not present in IE7-9, Firefox3, Safari4 */
[hidden] { display: none; }

html {
    font-size: 100%;
    /* always force scrollbar padding so we don't get 'jumping' */
    overflow-y: scroll;
    /* prevents iOS text size adjust after orientation change, without disabling user zoom -
       http://www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
    -webkit-text-size-adjust: 100%;
    /* as above, for Windows Phone */
    -ms-text-size-adjust: 100%;
}

/* addresses style set to 'bolder' in Firefox3-4, Safari4-5, Chrome */
b, strong { font-weight: bold; }

/* addresses CSS quotes not supported in IE6-7, addresses quote property not supported in Safari4 */
q { quotes: none; }

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

/* prevents sub and sup affecting line-height in all browsers */
sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup { top: -0.5em; }
sub { bottom: -0.25em; }

/* make table cells align top by default */
th, td { vertical-align:top; }

/* reset default padding on lists */
ul, ol, dd { padding:0; }

/* corrects inner padding and border displayed oddly in Firefox3-4 - 
	www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
::-moz-focus-inner { border:0; padding:0; }


/* =============================================================================
   Clearfix
   ========================================================================== */
/* updated to prevent margin-collapsing on child elements in most situations - 
	http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix { *zoom: 1; }

.clearfix:before,
.fliner:before,
.clearfix:after,
.fliner:after {
    content: "";
    display: table;
}

.clearfix:after,
.fliner:after { clear: both; }


}/* end of @media all */

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

body {
    line-height: 1;
    font-family: "PT Serif", Georgia, serif;
}

h1, h2, h3, h4, h5,
p a.cta { font-family: 'Cabin', "Vera Sans", sans-serif; }

h1, h2, h3, h4, h5 { font-weight: 700; }

h1, h2 { line-height:1; }

h1 { font-size: 3em;  margin-top: .5em;  margin-bottom: .5em; clear: both; }
h2 { font-size: 2em; margin-top: .75em; margin-bottom: .75em; }

h3, h4, h5 { line-height: 1.4; }

h3 { font-size: 1.5em; }
h4 { font-size: 1.3em; }
h5 { font-size: 1.1em; margin:0; }

[role="main"] p,
[role="main"] li,
[role="main"] dt,
[role="main"] dd { font-size:.98em; }

td, 
figcaption,
[role="main"] p.author,
[role="main"] p.context,
body#issues article.landing dd span.smd_tag_name,
body#from-the-editor article span.label,
body#from-the-editor article span.smd_tag_name,
figcaption ul.profile-links { font-family: Calibri, lucida, Verdana, sans-serif; }

hgroup h3,
div.quote p,
div.twit { font-family: 'PT Serif', georgia, times, serif; }

div.quote p,
div.twit { font-size:110%; } /* Size is reduced at greater screen widths */

hgroup h3 span.issuenumber,
[role="complementary"] h2 span { 
	font-family:georgia, times, serif;
	font-weight:bold;
	font-style:italic;
}

[role="complementary"] h2 { font-size:1.15em; margin-top:0; }
[role="complementary"] h3 { font-size:1em; font-weight:400; }

[role="contentinfo"] { font-size:.98em; }
[role="contentinfo"] h3 { font-size: 1.3em; }

[role="complementary"] p,
[role="complementary"] li { font-size: .93em; }

small, figcaption, 
tfoot, .footnote { font-size: .9em; }

tfoot, .footnote { color: #888; }

caption { font-style: italic; }

/* =============================================================================
   Text-level semantics
   ========================================================================== */

/* addresses styling not present in IE7-9, Safari5, Chrome */
abbr[title],
acronym[title],
dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}

code,kbd,samp,var { font-size: 90%; }

code,kbd,samp,var,mark {
    padding: 1px 3px;
    border-radius: 2px;
}

pre,code,kbd,samp,var,mark {
    color: #000;
    background: #fdf5d9; /* Gist bg color: #f8f8ff */
}

pre,code,kbd,samp,var {
    font-family: 'Bitstream Vera Sans Mono', 'Courier', monospace;
}

div.gist-data {
	background: #fdf5d9 !important;
	font-family: 'Bitstream Vera Sans Mono', 'Courier', monospace;
}

/* =============================================================================
   Block-level semantics
   ========================================================================== */

pre {
    font-size: 95%;
	line-height:1.4;
    padding: 1em;
    border: 1px solid;
    border-color: #d5d5d5;
    border-radius: 4px;
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

/* Google Code Prettify use */
figure.code pre {padding:1em;}

/* .docs used in online presentation guide */
pre.docs { font-family: Georgia, serif; }
pre.docs p { margin-bottom:0; font-size:110%; }


/* As borrowed from the HTML 5 Doctor on ...
http://html5doctor.com/blockquote-q-cite/ */
q { 
	font-style:italic;
	quotes: '“' '”' '‘' '’';} /* opening followed by closing quote pairs */
								/* The equivalent using Unicode escapes:
								q {quotes: '\201C' '\201D' '\2018' '\2019';} */
q:before {content: open-quote;}
q:after {content: close-quote;}

blockquote,
p.answer {
    width:93%;
    margin-left:3%;
	border-left: 4px solid #ddd;
	padding-left:2%;
    font-style: italic;
}

p.answer {margin;0; border-left: 4px solid #fff;}

/* Textile syntax (bq.) adds the p, so we account for it here. */
blockquote p { font-size:110%; margin:0; }

/* Specifically for any quotes used in side column */
.slab blockquote {
	width:92%;
	margin-left:0;
	border:1px solid #ddd;
	padding:4%;
}

.slab blockquote p { text-align:left; line-height:1.3; }
.slab blockquote p.sayer { text-align:right; margin-top:1em; }

aside.aleft,
.aright {
    width:25%;
    padding: 1em;
}

aside.aleft {
    float: left;
    border-right: 1px solid #ddd;
    margin-right: 1em;
}

aside.aright {
    float: right;
    border-left: 1px solid #ddd;
    margin-left: 1em;
}

aside.editor {
	font-size:90%;
	line-height:1.3;
    margin-right: 1em; margin-left: 1em; margin-bottom:1em;
    padding:.7em 1em;
    border-top:1px solid #78a6cc; border-bottom:1px solid #78a6cc;
}


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

/* Baseline links */

a {
    -webkit-tap-highlight-color: rgba(255, 102, 0, .5);
    text-decoration: none;
    color: #414141;
}

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

/* Main and Side column links */

[role="main"] a,
[role="complementary"] a { border-bottom: 1px solid #666; }

[role="main"] a:active,
[role="complementary"] a:active { color:#000; border-bottom: 2px solid #fc3; }

[role="main"] a:hover,
[role="complementary"] a:hover { color:#000; border-bottom: 2px solid #fc3; }

[role="main"] article h1 a { color:#333; border-bottom:0; }

[role="main"] article h1 a:hover { color:#000; border-bottom:0; }

/* Footer links */

footer a {
	line-height:1.4;
    color: #fff;
    border-bottom: 1px dotted #ffc411;
}

footer a:hover,
footer a:active {
	color:#fff;
    border-bottom: 1px solid #ffc411;
}

footer a:visited {
    border-bottom: 1px dashed #ffc411;
}


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

/* removes border when inside 'a' element in IE7-9, Firefox3,
   improves 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;
}

[role="main"] img,
[role="complementary"] img {
	margin-top:4px; margin-bottom:1em;
	padding:.5%;
    border: 1px solid #e0e0e0;
    background: #fff;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
            box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
}

[role="main"] a:hover img,
[role="complementary"] a:hover img {
    border-color: #0066ff;
    -webkit-box-shadow: 0 1px 5px rgba(0, 102, 255, .2);
            box-shadow: 0 1px 5px rgba(0, 102, 255, .2);
}

figure {
	margin-left:0; margin-right:0; margin-bottom:.8em;
	border-top:0; border-bottom:4px solid #e0e0e0;
}

[role="main"] figure img { margin-top:0; margin-bottom:0; padding:2%; }

figcaption {
	margin-top:.8em; margin-bottom:.8em; 
	text-align:left;
	line-height:1.2;
	font-weight:bold;
}


/* corrects overflow displayed oddly in IE9 */
svg:not(:root) {
    overflow: hidden;
}

img, embed, object, video {
    max-width: 100%; /* flexibility - don't set these elements in pixels, anywhere! */
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box; 
}


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

ul, ol, dd { margin-left: 1.9em; }
dt { font-weight: bold; }

ol.low-roman { list-style-type:lower-roman; }

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

table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    margin-top: 2em;
    margin-bottom: 2em;
}

caption {
    text-align: left;
    margin-bottom: .5em;
}

th,
td {
    text-align: left;
	vertical-align:middle;
    border-bottom: 1px solid #ccc;
    padding: .25em; /* 4px */
}

thead th {
    border-bottom: 2px solid #999;
}

tfoot { background: #ebebeb; }

tfoot td { margin-top:4px; padding:.4em; line-height:1.5; }

/* =============================================================================
   Layout - wrapper
   ========================================================================== */

body { margin:0; padding:0; }

div#container,
div.fliner { width:auto; max-width:1123px; margin-left:2%; margin-right:2%; padding:0; }

body,
header,
article,
[role="complementary"] { background-color: #f9f7f4; }

/* =============================================================================
   Advertising
   ========================================================================== */

/* We hide what shouldn't be showing in linear widths first. */

div.landscape,
div#banner-ads,
body#home div#c1 div.rectangle,
body#home div#c1 div.med-rectangle,
body#home div#c2 div.skyscraper,
body#home div#c2 div.rectangle,
body#home div#c2 div.quote,
body#home #m2 div.skyscraper,
body.rest div#c1 div.med-rectangle,
body.rest div#c1 div.rectangle,
body.rest div#c1 div.rect-swag,
body.rest div#c2 div.skyscraper,
body.rest div#c2 div.a3to1 { display:none; }

/* Establish some common rules for ads and swag CTAs. */
.bodyad img,
#m1 div.adunit img,
#m2 div.adunit img,
[role="complementary"] div.adunit img,
#m2 div.swagunit img,
[role="complementary"] div.swagunit img { 
	display:block;
	margin-left:auto; 
	margin-right:auto;
	padding:0;
	border:0;
   -webkit-box-shadow:none;
    box-shadow:none;
}

.bodyad p,
[role="complementary"] div.adunit p,
#m1 div.adunit p,
#m2 div.adunit p { 
	margin:0 3px;
	line-height:1; 
	font:normal .8em arial, sans-serif;
	color:#bbb;
	text-align:center;
}

[role="main"] .bodyad p {margin-bottom:0; }

div#phone-banners { width:auto; text-align:center; margin-bottom:.5em; }

div.landscape { margin:0; padding:0; }

div.portrait img { width:320px; }
div.landscape img { width:468px; }

div.a3to1 img,
div.med-rectangle img { width:300px; }
div.rectangle img { width:180px; }
div.skyscraper img { width:160px; }

div#m2 div.skyscraper { text-align:block;}

div.landscape img { margin-left:auto; margin-right:auto; }


/* =============================================================================
   Layout - header
   ========================================================================== */

header {
	position:relative;
	overflow:hidden;
	border-bottom:5px solid #fc3;
}

/*
****** Logo block
*/

header div#logo { 
	width:38.5%; 
	float:left; 
	margin:0 0 1em;
	padding:0;
}

/*
****** Issue block
*/

hgroup {
	width:45%;
	float:right;
	text-align:right;
}

hgroup h3 {
	font-weight:bold;
	font-size:1.3em;
	line-height:1;
	margin:0; padding:0;
}

hgroup h3 span.emdash { display:block; }

/*
****** Navigation block
*/

nav { width:auto; clear:both; }

/* Not being used right now, and may never be. Something Phil originally put in.
Meant to hide select version of navigation at wide screen widths
nav select {
    display: none; 
}
*/

nav ul { width:auto; list-style:none; margin:0; padding:0; }

nav li {
	font-size:1.1em;
	line-height:1.3;
}

nav li { float:left; width:33.3333%; }

nav li.n1 { text-align:left; }
nav li.n3 { text-align:right; }
nav li.n2, nav li.n4, nav li.n5 { text-align:center; }
nav li.n4, nav li.n5 { width:50%; }

nav li a { 
	text-decoration:none;
	text-transform:uppercase;
	color:#333;
	padding-left:.2em; padding-right:.2em;
}

/* REMEMBER, this is defining nav presentation for phones first, not desktop. 
See MQs for 480px if you're adjusting presentation for desktop nav. */

body#issues nav li.n1 a,
body#columns nav li.n2 a,
body#people nav li.n3 a,
body#exhibit nav li.n4 a { background-color: #333; color:#fff;}

nav li a:hover { 
	background-color: #ccc;
	color:#000;
	}

/* =============================================================================
   Layout - content
   ========================================================================== */

/* -------- Main ----------*/

[role="main"] { padding-top:1.5em; }

[role="complementary"] { padding-bottom:1em; }

/* Little positioning things, phone widths then up. */

body.rest #c2 div.a3to1 {}

p#column-name {
	font-size:1.5em; 
	margin-top:0; margin-bottom:1em;
	padding-bottom:.65em;
	line-height:1;
	border-bottom:1px dashed #000;
}

p#column-name:before { 
	content: "\2766"; 
	font-weight:400; 
	padding-right:.5em; 
	font-family: georgia, serif;
}

article h1 {
	font-size:2em;
	line-height:1.2;
	letter-spacing:1px;
	margin:0; padding-bottom:0;
}

article h1.isnot-column { margin-bottom:.5em; }

article h2:before {
	font-weight:400;
	padding-right:.35em; 
	content: "\00A7"; 
	font-family: georgia, serif;
}

[role="main"] article h3,
[role="main"] article h4 { margin-bottom:.3em; line-height:1; }

[role="main"] dt { font-size:1.3em; margin-bottom:.7em; }
[role="main"] dd { margin-bottom:.4em; }

[role="main"] p { margin-top:0; margin-bottom:1.4em; } 

[role="main"] p,
[role="main"] ol,
[role="main"] ul,
[role="main"] dd { line-height:1.5; }

[role="main"] p.excerpt,
[role="main"] p.author,
[role="main"] p.context span { font-weight:bold; }
	
[role="main"] p.author { 
	font-size:1.1em; line-height:1.5;
	text-align:center; 
	margin-top:1em; margin-bottom:1.2em;
}

[role="main"] p.author span { display:block; font-weight:normal; }
 
[role="main"] p.context { 
	line-height:1.6; 
	margin-top:1.5em; margin-bottom:1.5em;
	border-top:1px solid #fc3; border-bottom:1px solid #fc3;
	padding-top:.5em; padding-bottom:.5em;
}

[role="main"] p.context { font-size:.9em; word-spacing:.5em; }

[role="main"] ul, 
[role="main"] ol { margin-left:1.5em; }

[role="main"] ul li,
[role="main"] ol li {
	margin-top:.4em; margin-bottom:.4em;
}

article del.removed { color:#aaa; } /* For Kevin's article in issue 1 */

/* All this is for the Delicious button in the share bar under articles. */
a.sm-del,
a.sm-del img { margin:0; padding:0; border:0; }
a.sm-del img { width:20px; height:20px; }
a.sm-del:hover {  border:0; }


/* ------- Complementary --------- */

[role="complementary"] #c1, 
[role="complementary"] #c2 { width:auto; }

[role="complementary"] h2 {
	color: #f9f7f4;
	padding:.5em; 
	background: #414141;
}

[role="complementary"] ul { margin-left:1.2em; }

[role="complementary"] ul li {
	line-height:1.3;
	margin-top:.4em; margin-bottom:.55em;
}

[role="complementary"] ul,
.slab { width:auto; margin-bottom:1.5em; }

.slab,
.brick { text-align:center; }

.brick { width:40%; }

.l { float:left;}  /* "l" means left */
.r { float:right;} /* "r" means right */
.u { clear:both; } /* "u" means under another slab, but not bottom */

/* "b" means bottom, for bottom of column */
.b {
	margin-bottom:0; 
	border-bottom:0; 
	padding-bottom:0; 
	clear:both;
}

.slab img,
.brick img {display:block;}

/*-------------------- SOCIAL CRAP ----------------------------------
Share buttons, G+ Direct Connect, Tweet stream, Social links, Disqus 
---------------------------------------------------------------------*/

/* Share buttons (bottom of articles) */
p#socialbutts { font-size:.9em; }

p#socialbutts { 
	line-height:1;
	margin-top:1em; margin-bottom:1em; 
	border-top:2px dashed #ddd; border-bottom:2px dashed #ddd;
	padding-top:.75em; padding-bottom:.75em;
}

p#socialbutts {
	font-family: georgia, times, serif;
	font-style:italic; 
	font-weight:normal;
	margin-right:0;
}

p#socialbutts span { 
	margin-left:3%; 
	vertical-align:middle;
}

/* Tweet stream */
h3.tweethead { 
	font-size:1.3em; 
	margin-bottom:.4em;
	background: transparent url("/National_Library/oe_/https://txpmag.com/guide/img/icons/blackbird.png") right center no-repeat; 
}

div.twit { margin-left:1%; margin-right:1%; }
h3.tweethead,
ul#twitter_update_list { text-align:left; }

ul#twitter_update_list { list-style:none; margin-left:0; }
ul#twitter_update_list li { line-height:1.5; }
ul#twitter_update_list li div {display:none; }


/* G+ Direct Connect */
div#___plus_0[style] { /* Overrides noted inline styles injected via the G+ script. */
	display:block !important; 
	margin:0 auto !important;
}

/* Social links ( complementary) */
div.socmedbar { clear:both; text-align:center; }

div.socmedbar a { margin-left:1%; margin-right:1%; }

div.socmedbar a,
div.socmedbar a img { padding:0; border:0; }

div.socmedbar a:hover { border:0; }

/* Disqus */
article div#disqus_thread a { border-bottom:0; text-decoration:none; }
article div#disqus_thread a:hover { border-bottom:0; text-decoration:none; }
a.dsq-brlink { display:none; }

/*
****** HOME
*/

body#home [role="main"],
body#home #fte,
body#home #m1,
body#home #m2,
body#home div#toc,
body#home div#toc dl { width:auto; }

body#home #fte {
	margin-bottom:1em;
	background:transparent url("/National_Library/oe_/https://txpmag.com/guide/img/tile.png") top left repeat;
	padding:2%;
}

body#home #fte p { margin-bottom:0; }

body#home div#toc {
	background:#edeadf url("/National_Library/oe_/https://txpmag.com/guide/img/tile-toc.png") top left repeat;
	margin-bottom:1.5em;
	padding-bottom:1%;
}

body#home div#toc h2 { 
	margin-top:0; margin-bottom:.2em; 
	padding-top:2%; padding-bottom:2%; 
	padding-left:7%; padding-right:2%;
	color: #f9f7f4;
	background: #414141; 
}

body#home div#toc dl { 
	margin:3%; margin-right:3%;
	border:4px solid #fff;
	padding:3%;
	font-size:1em;
	background:#edeadf;
}

body#home div#toc dt,
body#home div#toc dd { margin-left:0; line-height:1.3; }
	
body#home div#toc dt { margin-bottom:.2em; }
body#home div#toc dd { margin-bottom:.9em; }


/* CALLS TO ACTION */

body#home #m1 div.slab
body#home #m2 div.slab {
	font-family:"PT Sans" Georgia, sans-serif;
	margin-top:0;
	padding-top:0; 
}

div.cta-contrib {
	background:#fff url("/National_Library/oe_/https://txpmag.com/guide/img/tile.png") top left repeat;
}

div.cta-contrib p {
	font:bold 120% georgia, "arial black";
	color:#666;
	margin:0; border:0; padding:0;
}

div.cta-contrib a,
div.cta-contrib a:hover {
	display:block;
	line-height:3;
	text-decoration: none;
	border:0;
}

div.cta-contrib a { border:10px solid #858585; }

div.cta-contrib a:hover { 
	background:#fdf5d9;
	border:10px solid #414141;
}

/* CTA Buttons NOT YET USED, BUT WILL BE */
p.cta-button {
	text-decoration: none;
	text-shadow: -1px -1px 2px #333;
	border:0;
	background-image: linear-gradient(bottom, rgb(245,208,61) 28%, rgb(237,174,47) 68%);
	background-image: -o-linear-gradient(bottom, rgb(245,208,61) 28%, rgb(237,174,47) 68%);
	background-image: -moz-linear-gradient(bottom, rgb(245,208,61) 28%, rgb(237,174,47) 68%);
	background-image: -webkit-linear-gradient(bottom, rgb(237,174,47) 28%, rgb(245,208,61) 68%);
	background-image: -ms-linear-gradient(bottom, rgb(245,208,61) 28%, rgb(237,174,47) 68%);	
}

p.cta-button a { 
	color:#666;
	text-shadow:none;
	padding:3%;
	border:0;
	display:block; 
}

p.cta-button a:hover { color:#333; border:0;}


/*
******* COLUMNS
*/
/* Following rule overrides the section glyph added to h2 headers in regular articles. */
article.landing h2:before { padding-right:0; content: ""; }

/* The following many rules control main article lists in various sections */
article.landing h2 { margin-bottom:.2em; }
body#issues article.landing h2  { margin-bottom:.5em; }

body#issues p span.label,
body#issues ul span.label,
[role="main"] p.context span.label,
dl.article-group span.label {
	font-size:90%;
	font-family: georgia, times, serif;
	font-style:italic; 
	font-weight:normal;
}

body#issues ul span.label { margin-left:.5em; }

dl.article-group { margin-bottom:1.5em; }

body#from-the-editor article dd,
body#issues article.landing dd,
body#community-spotlight article dd { margin-left:0; }

body#from-the-editor article span.label,
body#community-spotlight article span.label { font-style:italic; }

body#issues dd span.smd_tag_name,
body#from-the-editor article dd span.smd_tag_name,
body#community-spotlight article dd span.smd_tag_name { margin-left:.5em; }

body#issues article.landing dd.exc,
body#from-the-editor article dd.exc,
body#community-spotlight article dd.exc { line-height:1.4; } 

/*
******* PEOPLE
*/
/* /people */
body#people [role="main"] h2 { margin-bottom:.5em; }
body#people [role="main"] ul { margin-left:0; padding-left:0; margin-top:0; }
body#people [role="main"] li { list-style-type:none; font-size:95%; }
body#people [role="main"] li span { display:block; font-size: 110%; font-weight:bold; }

/* /people/bios */
body#people-bio h2 { clear:both; }

figcaption ul.profile-links {
	font-size:1em;
	list-style-type:square;
	margin-top:.8em; margin-bottom:.8em; 
}

/*
******* BUSINESS SECTIONS (CONTRIBUTE / TERMS / ABOUT)
*/

body#about ul.team-roster,
body#contribute ul.team-roster,
body#terms ul.team-roster { margin-left:0; list-style-type:none; }

body#about ul.team-roster li,
body#contribute ul.team-roster li,
body#terms ul.team-roster li { 
	font-size:.9em; 
	font-family: Cabin, Calibri, "Vera Sans", Verdana, Lucida, sans-serif;
}

body#about ul.team-roster li span,
body#contribute ul.team-roster li span,
body#terms ul.team-roster li span {
	font-family: 'PT Serif', Georgia, times, serif;
	font-size:110%;
	display:block; 
	font-weight:bold; 
	margin-bottom:5px;
}	


/* -------- Footer ---------- */

footer {
	clear:both;
	padding-bottom:1em; padding-top:1.5em;
	border-top: 3px solid #ddd;
	border-bottom: 1px solid #ddd;
	background: #000;
	line-height:1.3; 
	color:#bcbaba;
}

.fliner { display:block; }

footer .fblock { font-size:95%; width:100%; }
footer .f1, footer .f2, footer .f3, footer .f4 { margin-left:0; }
footer .f1, footer .f2, footer .f3 { margin-bottom:1.5em; }

footer h3 { margin-top:0; font-weight:400;}
footer ul { list-style-type:circle; }
footer ul li { margin-top:.3em; margin-bottom:.3em; }
footer .f4 img { max-width: 10em;}

/* =============================================================================
   Accessibility
   ========================================================================== */

a:focus {
    outline: thin dotted #0066ff;
}

.button:focus,
button:focus,
input:focus,
select:focus,
textarea:focus {
    outline: 0;
    -webkit-box-shadow: 0 0 7px #0066ff;
            box-shadow: 0 0 7px #0066ff;
    /* Opera */
    z-index: 1;
}