/* =============================================================================
   * First style sheet imported into screen.css.
   * Author: otti@ottimoto.com.au
   * Autor URL: http://www.ottimoto.com.au
   ========================================================================== */

/* =============================================================================
Title: Reset default browser styles
   ========================================================================== */
   
/* Sets all margins and padding initially to zero. No border and no outline. 
Font size 100%. Vertical align set to baseline. Set bg to transparent.
=========================================================================  */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, 
abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, 
strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section 
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	/* font-size: 100%; */
	vertical-align: baseline;
	background: transparent;
}


/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

/* Block elements inline for browsers without HTML5 parser (not defined in IE 6/7/8/9 and Firefox 3). */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary
{
	display: block;
}
/* Inline-bock elements for browsers that treat them as inline elements (not defined in IE 6/7/8/9 and Firefox 3).
Including IE6/7 inline-block hack. */
audio, canvas, video 
{ 
	display: inline-block; 
	*display: inline; 
	*zoom: 1; 
}
/* Prevents modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */
audio:not([controls]) 
{ 
	display: none;
	height: 0;
}
/* Addresses styling for `hidden` attribute not present in IE 7/8/9, Firefox 3, and Safari 4. 
Known issue: no IE 6 support. */
[hidden] 
{ 
	display: none; 
}

/* =============================================================================
   Base
   ========================================================================== */ 

/* Correct IE6/7 bug where text is resized to much greater sizes than normal when the body font-size is set using em units.
Force vertical scrollbar in non-IE. Prevents what appears to be a horizontal shift of page content when a scrollbar appears on longer pages.
Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g. */
html 
{ 
	/* font-size: 100%; */
	overflow-y: scroll; 
	-webkit-text-size-adjust: 100%; 
	-ms-text-size-adjust: 100%; 
}

/* Setting the font-family on body and various form elements for consistency between body copy, textarea, and other form elements. 
Using the sans-serif value will most likely mean Helvetica as the default font for Mac and Arial for Windows. */
html, body, button, input, select, textarea 
{ 
	font-family: sans-serif; 
}

/* Addresses margins handled incorrectly in IE 6/7. */
body 
{
    margin: 0;
}


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

/* To improve consistency, normalise outline with no fixed colour. Inconsistency in Chrome and other browsers. */
a:focus 
{ 
	outline: thin dotted; 
}

/* Improves readability when focused and also mouse hovered in all browsers. */
a:active, a:hover 
{
    outline: 0;
}


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

/* Tag for an abbreviated phrase. Addresses styling not present in IE7/8/9, Safari5, Chrome. 
By not specifying a border color it defaults to the text color it inherits. */
abbr[title] 
{ 
	border-bottom: 1px dotted; 
}

/* Bold text and bold phrase tag. Addresses style set to 'bolder' in FF3/4, S4/5, Chrome. 
Use strong for bold text -> more important for SEO. b has no effect for SEO. */
b, strong 
{ 
	font-weight: bold; 
}

/* Tag for a long quotation. Normalize blockquote margins, which differ between modern browsers and IE6/7.*/
blockquote 
{ 
	margin: 1em 40px; 
}

/* Tag for definition term. Addresses styling not present in Safari 5, Chrome. Make italic. */
dfn 
{ 
	font-style: italic; 
}

/* Tag for marked text. Addresses styling not present in IE6/7/8/9. Yellow bg and black text. */
mark
{ 
	background: #FF0; /* Full yellow ok. */
	color: #000; /* Black should be ok. */
}

/* Addresses margins set differently in IE 6/7. Do not apply for p, as per boilerplate suggestion. */
pre
{
    margin: 1em 0;
}

/* Redeclare monospace font family: h5bp.com/j - Pre-formatted text, computer code, keyboard inout, sample output computer program. 
Allows proper font-size control. Improves poor text-rendering of monospace in IE6. Set font-size to be equal to ancestor's font-size. */
pre, code, kbd, samp 
{ 
	font-family: monospace, monospace; 
	_font-family: 'courier new', monospace; 
	font-size: 1em; 
}

/* Improve readability of pre-formatted text in all browsers */
pre 
{ 
	white-space: pre; 
	white-space: pre-wrap; 
	word-wrap: break-word; 
}

/* Remove quotes because they are not supported in IE6/7. */
q 
{ 
	quotes: none; 
}

/* Quotes require resetting twice as Safari does not support the "quotes" property. */
q:before, q:after 
{ 
	content: ""; 
	content: none; 
}

/* Define size for small text i.e copyright inside footer. */
small 
{ 
	font-size: 0.8em; 
}

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup 
{ 
	font-size: 0.75em; 
	line-height: 0; 
	position: relative; 
	vertical-align: baseline; 
}
sup 
{ 
	top: -0.5em; 
}
sub 
{ 
	bottom: -0.25em; 
}


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

/* Set consistent cross-browser defaults. Addresses margins set differently in IE 6/7. */
dl, menu, ul, ol 
{ 
	margin: 1em 0; 
}
dd 
{ 
	margin: 0 0 0 40px; 
}

/* Addresses paddings set differently in IE 6/7. */
menu, ol, ul 
{
    padding: 0 0 0 40px;
}

/* Corrects list images handled incorrectly in IE 7. */
nav ul, nav ol
{ 
	list-style: none; 
	list-style-image: none; 
	padding: 0;
}


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

/* Remove the gap between images and borders on image containers: h5bp.com/e */

/* Removing the border prevents a border from appearing around images wrapped in links in IE. 
Improve image quality when scaled in IE7: h5bp.com/d */
img 
{ 
	border: 0; 
	-ms-interpolation-mode: bicubic; 
}

/* Correct overflow not hidden in IE9 (earlier versions of IE don't support svg). */
svg:not(:root) 
{ 
	overflow: hidden; 
}


/* =============================================================================
   Figures
   ========================================================================== */

/* Figure tag specifies self-contained content, like illustrations, diagrams, photos, code listings, etc. 
Its position is independent of the main flow, and if removed it should not affect the flow of the document. */
figure 
{ 
	margin: 0; 
}


/* =============================================================================
   Forms
   ========================================================================== */

/* Zero out the border, margin, and padding on form and fieldset. */
form 
{ 
	margin: 0; 
}
fieldset 
{ 
	border: 0; 
	margin: 0; 
	padding: 0; 
}

/* Correct border color not inheriting in IE6/7/8/9. Correct alignment displayed oddly in IE6/7. 
Since we've removed the fieldset border, margin, and padding, we remove the default padding on legend to avoid unwanted horizontal whitespace. 
Correct text not wrapping in Firefox 3 through whitespace. */
legend 
{ 
	border: 0; 
	*margin-left: -7px; 
	padding: 0; 
	white-space: normal
}

/* Correct font-size not inheriting in all browsers. Remove margins in FF3/4 S5 Chrome.
Define consistent vertical alignment display in all browsers. */
button, input, select, textarea 
{ 
	font-size: 100%; 
	margin: 0; 
	vertical-align: baseline; 
	*vertical-align: middle; 
}

/* Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet). */
button, input 
{ 
	line-height: normal; 
}

/* Display hand cursor for clickable form elements. Allow styling of clickable form elements in iOS. 
Remove inner spacing in IE 7 without affecting normal text inputs (overflow). Known issue: inner spacing remains in IE 6.*/
button, html input[type="button"], input[type="reset"], input[type="submit"] 
{ 
	-webkit-appearance: button;
	cursor: pointer; 
	*overflow: visible;
}

/* Re-set default cursor for disabled elements. */
button[disabled], input[disabled] 
{
    cursor: default;
}

/* 1. Addresses box sizing set to content-box in IE 8/9.
   2. Removes excess padding in IE 8/9.
   3. Removes excess padding in IE 7.
   Known issue: excess padding remains in IE 6. */
input[type="checkbox"], input[type="radio"] 
{ 
	box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
    *height: 13px; /* 3 */
    *width: 13px; /* 3 */ 
}

/* 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
   2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
     (include `-moz` to future-proof). */
input[type="search"] 
{ 
	-webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}
/* Removes inner padding and search cancel button in Safari 5 and Chrome on OS X. */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration 
{
    -webkit-appearance: none;
}

/* Removes inner padding and border in Firefox 3+. */
button::-moz-focus-inner, input::-moz-focus-inner 
{
    border: 0;
    padding: 0;
}

/* 1. Removes default vertical scrollbar in IE 6/7/8/9.
   2. Improves readability and alignment in all browsers. */
textarea 
{
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}


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

/* Remove spacing and tweak vertical alignment. */
table 
{ 
	border-collapse: collapse; 
	border-spacing: 0; 
}
td 
{ 
	vertical-align: top; 
}