@charset "utf-8";

/****************************************************************************************************
**                                                                                                 **
**  Cascading Style Sheet for Example side.                                                        **
**                                                                                                 **
**  Copyright (C)     : 2011 Stefan Krueger                                                        **
**  license           : CC BY-NC-SA 3.0                                                            **
**    http://creativecommons.org/licenses/by-nc-sa/3.0/                                            **
**                                                                                                 **
**                                                                                                 **
****************************************************************************************************/

/*********************************************************/
/**  Main Document styling                              **/
/*********************************************************/

/**  dipswitch container                                **/


body
{
	margin				: 0px;
	padding				: 0px;
	background-color	: rgb(160, 230, 255);
	color				: rgb(100,  60, 000);
	font-size			: 20px;
	line-height			: 120%;
	font-family			: 'Calligraph421 BT', 'Courier New', Verdana;
	text-align			: center;
	text-shadow			: rgb(255, 200, 000) 0 0 2px, rgb(255, 200, 000) 0 0 10px;
}

a, a:link
{
	margin				: 5px;
	padding				: 5px 15px;
	text-decoration		: none;
	color				: rgb(255,190,000);
	cursor				: pointer;
	display				: block;
	background-color	: rgba(255,190,000,0.3);
	box-shadow			: 0px 0px 15px rgba(255,190,0,0.5);
}

a:hover
{
	background-color	: rgba(255,190,000,0.7);
	box-shadow		: 0px 0px 5px rgba(255,190,0,1), 0px 0px 20px rgba(255,190,0,1);
}

.nicecenter
{
	display				: table;
	margin-top			: 0;
	margin-bottom		: 0;
	margin-left			: auto;
	margin-right		: auto;
	padding				: 10px;
}

.chapter
{
	display				: table;
	margin-top			: 20px;
	margin-bottom		: 20px;
	margin-left			: auto;
	margin-right		: auto;
	padding				: 20px;
	
	border-width		: 2px;
	border-color		: rgb(0,0,0);
	border-top-style	: dotted;
	border-bottom-style	: dotted;
	border-radius		: 20px;
	/*box-shadow		: x y color [blur] [spread] [inset]*/
	/*box-shadow			: 0px 0px rgb(255, 200, 000) 10px 10px inset;*/
	/*box-shadow			: 0px 0px 10px rgb(255, 200, 000) inset;/**/
}

ul
{
	display				: table;
	text-align			: left;
}

.button
{
	display				: inline-block;
	margin				: 5px;
	padding				: 5px 15px;
	text-align			: center;
	/*vertical-align		: middle;*/
	text-decoration		: none;
	cursor				: pointer;
	background-color	: rgba(255, 190, 000, 0.3);
	border-color		: rgba(000, 000, 000, 0.2);
	border-width		: 1px;
	border-style		: solid;
	border-radius		: 8px;
}

.button:hover
{
	background-color	: rgba(255, 190, 000, 0.8);
}

.button:active
{
	background-color	: rgba(255, 220, 000, 0.8);
}