/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

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

body { line-height:1; }

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { display:block; }

nav ul { 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; }

/* change colours to suit your needs */
ins { background-color:#ff9; color:#000; text-decoration:none; }

/* change colours to suit your needs */
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; }

/* change border colour to suit your needs */
hr { display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0; }

input, select { vertical-align:middle; outline-width:0; }

/*
Standard
Author: Jan Mentz
*/

html, body { background:#fff; font-family:Helvetica, Arial; }
body { margin:20px; }

body * {
	transition:all 1s ease;
	-webkit-transition:all 1s ease;
	-moz-transition:all 1s ease;
	-o-transition:all 1s ease;
}

div { width:100%; max-width:450px; margin:150px auto 0; text-align:center; }
div img { width:100%; height:auto; }

a, span { color:#999; text-decoration:none; display:inline-block; margin:0 15px; font-size:14px; }
a:hover, span:hover { cursor:pointer; color:#0f70b7; }

p { font-size:12px; position:relative; text-align:left; line-height:1.6; color:#666; display:none; margin:30px 0; background:#ddd; padding:30px; border-radius:10px; }
p:before { content:''; position:absolute; left:56%; top:-10px; border-left:10px solid transparent; border-right:10px solid transparent; border-bottom:10px solid #ddd; }
p strong { color:#0f70b7; }

@media only screen and (max-width:480px) {
	div { margin-top:0; }
}
