/* =============================================================================
   * 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. */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section 
{
	display: block;
}
/* Inline-bock elements for browsers that treat them as inline elements. Including IE6/7 inline-block hack. */
audio, canvas, video 
{ 
	display: inline-block; 
	*display: inline; *zoom: 1; 
}
/* Audio elements without controls remain hidden. */
audio:not([controls]) 
{ 
	display: none; 
}
/* Add support for [hidden] attribute in legacy browsers. */
[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. */
body, button, input, select, textarea 
{ 
	font-family: sans-serif; 
}



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

/* To improve consistency, normalise outline with no fixed colour. */
a:focus 
{ 
	outline: thin dotted; 
}


/* =============================================================================
   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 S5, Chrome. Make italic. */
dfn 
{ 
	font-style: italic; 
}

/* Inserted text to have light yellow bg, dark text and no underline. */
ins 
{ 
	background: #FF9; /* Light yellow ok. */
	color: #401C00; /* Dark brown */
	text-decoration: none; 
}

/* Tag for marked text. Addresses styling not present in IE6/7/8/9. Yellow bg, dark text, bold and italic. */
mark
{ 
	background: #FF0; /* Full yellow ok. */
	color: #401C00; /* Dark brown */
	font-style: italic; 
	font-weight: bold; 
}

/* 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: 85%; 
}

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


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

/* Set consistent cross-browser defaults, in line with modern standards, for ul, ol, and dd. */
ul, ol 
{ 
	margin: 1em 0; 
	padding: 0 0 0 40px; 
}
dd 
{ 
	margin: 0 0 0 40px; 
}
/* Zero out padding and margin, and remove bullets from any lists used in nav elements. Include list-style-mage for IE6. */
nav ul, nav ol
{ 
	list-style: none; 
	list-style-image: none; 
	margin: 0; 
	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 
The vertical-align removes the gap between images and borders on image containers. */
img 
{ 
	border: 0; 
	-ms-interpolation-mode: bicubic; 
	vertical-align: middle; 
}

/* 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 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. */
legend 
{ 
	border: 0; 
	*margin-left: -7px; 
	padding: 0; 
}

/* 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). 
Correct inner spacing displayed oddly in IE6/7. */
button, input 
{ 
	line-height: normal; 
	*overflow: visible; 
}

/*
 * Reintroduce inner spacing in 'table' to avoid overlap and whitespace issues in IE6/7 ???????????????????
 */

table button, table input { *overflow: auto; }

/* Display hand cursor for clickable form elements. Allow styling of clickable form elements in iOS. */
button, input[type="button"], input[type="reset"], input[type="submit"] 
{ 
	cursor: pointer; 
	-webkit-appearance: button; 
}

/* Consistent box sizing and appearance. */
input[type="checkbox"], input[type="radio"] 
{ 
	box-sizing: border-box; 
}
input[type="search"] 
{ 
	-webkit-appearance: textfield; 
	-moz-box-sizing: content-box; 
	-webkit-box-sizing: content-box; 
	box-sizing: content-box; 
}
input[type="search"]::-webkit-search-decoration 
{ 
	-webkit-appearance: none; 
}

/* Remove inner padding and border in FF3/4: h5bp.com/l. */
button::-moz-focus-inner, input::-moz-focus-inner 
{ 
	border: 0; 
	padding: 0; 
}

/* Remove default vertical scrollbar in IE6/7/8/9. Allow only vertical resizing. */
textarea 
{ 
	overflow: auto; 
	vertical-align: top; 
	resize: vertical; 
}

/* Colors for form validity. */
input:valid, textarea:valid 
{  

}
input:invalid, textarea:invalid 
{ 
	
}


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

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