/*
 * Reset for ipa style sheets
 * Adapted from htmtl5reset: http://html5reset.org/
 * By Adrian Trunzo
 */

html, body, 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, 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;}

/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites.
   If this default setting for images is causing issues, you might want to replace it with a .responsive class instead. */
img,
object,
embed {max-width: 100%;}

/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;}

ul, 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;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

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

input, select {vertical-align: middle;}

pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}

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

table {font-size: inherit; font: 100%;}
 
/* Accessible focus treatment
	people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active {outline: none;}

small {font-size: 85%;}

strong, th {font-weight: bold;}

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

/* Make sure sup and sub don't screw with your line-heights
	gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label, 
input[type=button], 
input[type=submit], 
button {cursor: pointer;}

body {
    font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif;
    background: white;
    color: black;
    margin: 1.1em 1.1em;
}

a {
    color: #194CAF;
}

a:visited {
    color: #47649B;
}

a:hover {
    color: #0E56D3;
}

a:active {
    color: #1A64E1;
}

header, section, article, aside, footer {
    display: block;
}

body > header {
    margin-bottom: 2em;
}

body > header > * {
    font-weight: normal;
    display: inline-block;
    margin: 0 0.4em 0 0;
    text-transform: uppercase;
}

body > header > h1 {
    font-size: 200%;
}

body > header > h2 {
    color: #444;
    font-size: 160%;
}

body > aside {
    float: right;
    margin: -0.6em 0 1.5em 1.5em;
    width: 20%;
    background: #EEE;
    font-size: 90%;
    padding: 0.6em;
}

body > aside > h3 {
    color: #444;
    font-size: 110%;
    font-weight: normal;
    margin: 0 0 0.4em 0;
}

body > aside > p {
    margin: 0.7em 0 0 0;
}

abbr {
    font-size: 82%;
}

body > section {
    margin-bottom: 2.2em;
}

body > section > * {
    margin: 0 0 1em 6em;
}

body > section > h2 {
    float: left;
    margin: 0;
    font-size: 100%;
    width: 5em;
}

#flower {
    float: right;
    margin: 0 0 0.6em 0.6em;
    border: 1px solid #DDD;
}

#flower a, #flower img {
    display: block;
    border: none;
}

#who p > strong {
    font-weight: 500;
}