/*
	Bonatti Cloud Website CSS File - by Chris Bonatti
*/

.fade-in
{
	opacity:				0;
	animation:				fadeIn 1s;
	animation-fill-mode:			forwards;
	animation-delay:			1s;
	animation-duration:			1s;
	animation-iteration-count:		1;
	animation-timing-function:		linear;
	animation-play-state:			running;

	-webkit-opacity:			0;
	-webkit-animation:			fadeIn 1s;
	-webkit-animation-fill-mode:		forwards;
	-webkit-animation-delay:		1s;
	-webkit-animation-duration:		1s;
	-webkit-animation-iteration-count:	1;
	-webkit-animation-timing-function:	linear;
	-webkit-animation-play-state:		running;

	-moz-opacity:				0;
	-moz-animation:				fadeIn 1s;
	-moz-animation-fill-mode:		forwards;
	-moz-animation-delay:			1s;
	-moz-animation-duration:		1s;
	-moz-animation-iteration-count:		1;
	-moz-animation-timing-function:		linear;
	-moz-animation-play-state:		running;
}

@keyframes		fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } }
@-webkit-keyframes	fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } }
@-moz-keyframes		fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } }

html
{
	width:		100%;
}

img
{
	max-width:	100%;
}

h1
{
	font:		bold 28pt Times,serif;
	margin-top:	18pt;
	margin-bottom:	6pt;
}

h2
{
	font:		bold 16pt Arial,MS Arial,Helvetica,sans-serif;
	margin-top:	12pt;
	margin-bottom:	6pt;
}


/*	OLD STUFF	*/
/*

td#masthead
{
  font:			normal 13pt/16pt Times New Roman,Times,serif;
}

td#articleList
{
  font:			normal 14pt/16pt Arial,MS Arial,Helvetica,sans-serif;
}

td#articleContent
{
  font:			normal 14pt/16pt Arial,MS Arial,Helvetica,sans-serif;
}

td#articleComments
{
  font:			normal 12pt/14pt Arial,MS Arial,Helvetica,sans-serif;
}

textarea#synopsis
{
  font:			normal 10pt/10pt Arial,MS Arial,Helvetica,sans-serif;
  width:		500px;
  height:		80px;
}

textarea#comment
{
  font:			normal 10pt/10pt Arial,MS Arial,Helvetica,sans-serif;
  width:		600px;
  height:		60px;
}

input#submit
{
  font-weight:		bold;
}

*/


/*
body
{
  background: url(./images/Scroll-Background-Extended.jpg) no-repeat left top fixed;
  # -webkit-background-size: cover;
  # -moz-background-size: cover;
  # -o-background-size: cover;
  # background-size: cover;
}

pre#commentName
{
  font:			bold 13pt/16pt Times New Roman,Times,serif;
}

pre#commentBody
{
  font:			normal 13pt/16pt Times New Roman,Times,serif;
}

td[scrollBackground]
{
  background: url(./images/Scroll-Extended.jpg) no-repeat left top fixed;
}

li
{
  list-style-type:	disc;
}

li[indent1]
{
  list-style-type:	none;
  text-indent:		0.5cm;
}

p[indent1]
{
  text-indent:		1in;
}
*/


/*
Possible Bullets:
	¤		(record sep)
	§		(section symbol - also §)
	°		° (degree - also °)
	«		« (guillemets, left - also «)
	»		» (guillemets, right - also »)
	·	· (middle dot - also ·)
	–		(short dashpoint - also ̵)
	—		(long dashpoint - also ̶)

Other Characters:
	<		Less than symbol
	>		Greater than symbol
	&		Ampersand symbol
	'		Apostrophe, or single quote
	"		Double quotation mark
	“		left double curly quote (also “)
	”		right double curly quote (also ”)
	‘		left single curly quote (also ‘)
	’		right single curly quote (also ’)
	 		Non-breaking space
	¶		Paragraph symbol

	€		Euro currency symbol
	¢		Cents currency symbol
	£		British Pound currency symbol
	¥		Japanese Yen currency symbol

	÷	Division symbol
	±	Plus or Minus symbol
	µ		Micro symbol (greek lowercase 'mu')

	©		Copyright (C) symbol
	®		Registered Trademark (R) symbol
	™		Superscript trademark symbol

General Unicode Characters:
	&#ddddd;	Decimal Unicode character code
	&#xhhhh;	Hexidecimal Unicode character code
*/