﻿/*
Title:			Royal Sparks Styles v1
Author:			Sébastien Leveillé Nizerolle (http://mediabelgium.be)
Copyright: 			2013, Sébastien Leveillé Nizerolle - All rights reserved (please don't use without permission)
*/


/* CSS basics for obsolete browsers */
article, aside, figure, figure img, hgroup, footer, header, nav, section { DISPLAY: block; }

/* CSS Reset */
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; FONT-SIZE: 100%; FONT-WEIGHT: inherit; FONT-STYLE: normal; VERTICAL-ALIGN: baseline; BACKGROUND: transparent; BORDER: 0; OUTLINE: 0; -WEBKIT-BOX-SIZING: border-box; -MOZ-BOX-SIZING: border-box; -MS-BOX-SIZING: border-box; -O-BOX-SIZING: border-box; BOX-SIZING: border-box; }

ol, ul { LIST-STYLE: none; }
blockquote, q { QUOTES: none; }
blockquote:before, blockquote:after, q:before, q:after { CONTENT: ''; CONTENT: none; }
table { BORDER-COLLAPSE: collapse; BORDER-SPACING: 0; }
input, select, textarea { VERTICAL-ALIGN: middle; BORDER: none; }
input[placeholder], [placeholder], *[placeholder] { COLOR: #000 !important; }
a img { BORDER: 0; }
:focus { OUTLINE: 0; }
a:hover, a:active, a:focus { OUTLINE: none; }

a { COLOR: #009EE2; TEXT-DECORATION: none; }
a:hover { COLOR: #F60; }

h1 { FONT: 1.7em; LINE-HEIGHT: 110%; COLOR: #000; }
h1, h2, h3 { COLOR: #000; }
h3 { BORDER-TOP: solid 1px #eee; PADDING: 20px 0; MARGIN: 20px 0 0; FONT-SIZE: 150%; }

.i { FONT-STYLE: italic; }

p { MARGIN: 0 0 20px; }

.hide { DISPLAY: none; }

#aTop { DISPLAY: none; POSITION: fixed; BOTTOM: 10px; RIGHT: 10px; OVERFLOW: hidden; WIDTH: 32px; HEIGHT: 32px; TEXT-INDENT: -999px; BACKGROUND: url(img/top.png) no-repeat 0 -32px; }
#aTop:hover { BACKGROUND-POSITION: 0 0; }


#txFirstName { DISPLAY: none; }
/* Print Styles */

@media print {

	body { MARGIN: 5pt 10pt; FONT-SIZE: 10pt; LINE-HEIGHT: 120%; BACKGROUND: white; }
	nav, #featured, #newsletter, aside[role="social"], aside[role="sub"], #share, #comments, footer .social, article footer, .facebook-like, #pagination { DISPLAY: none; }
	img { MAX-WIDTH: auto; }
	article h1 { FONT-SIZE: 16pt; }
	article h2 { FONT-SIZE: 14pt; }
	.recipe h2 { FONT-SIZE: 10pt; }
	article h3 { FONT-SIZE: 12pt; }
	article h4 { FONT-SIZE: 10pt; }
	article .recipe { MARGIN: 40pt 0; }
	.recipe .photo { FLOAT: right; WIDTH: 150pt; HEIGHT: auto; MARGIN: 0 0 20pt 20pt; }
	.recipe .photo img { WIDTH: 150pt; HEIGHT: auto; }

	/* Print URLs after link text */
	#content .group a:link:after, #content .group a:visited:after, footer a:link:after, footer a:visited:after { CONTENT: " (" attr(href) ") "; }
}
