/* 
################################################################################
# Web Site ID: ...by Graf!, v3.00
# Site Design: George Silberstern, ...by Graf!
# Copyrighted: © 1995-2022
# ------------------------------------------------------------------------------
# Module Name: css3bygraf.css
# Description: This stylesheet defines style elements specific to ...by Graf!
################################################################################
*/
/* Perimeter Guide */											/* T R B L */

/* - CSS DEBUGGING ---------------------------------------------------------- */
/* {
	outline: 1px solid #FF0000;
}
*/
/* -------------------------------------------------------------------------- */

/*
================================================================================
= HTML CLASSES
================================================================================
*/

/*
================================================================================
= HTML IDs
================================================================================
*/
#bygraf-brand {
	font-style: oblique;
}

#bygraf-chapter-title {
	border-radius: 6px;
	font-size: 14pt;
	font-style: oblique;
	margin: 9px 0px 16px 0px;									/* T R B L */
	padding: 4px 2px 4px 2px;									/* T R B L */
}

#bygraf-form {
	padding: 5px 5px 5px 5px;									/* T R B L */
	width: 90%;
}

#bygraf-indexed-list {
	list-style: upper-roman outside;
	margin: 10px auto 40px;
	padding: 0px 0px 0px 0px;									/* T R B L */
	width: 80%;
}

#bygraf-indexed-list-item {
	font-weight: 700;
}

#bygraf-indexed-list-item a {
	font-weight: normal;
}

#bygraf-intro-text {
	font-size: 14pt;
	padding: 0 8% 0 8%;											/* T R B L */
}

#bygraf-link-ribbon-top {
	padding: 20px 0px 20px 0px;									/* T R B L */
}

#bygraf-link-ribbon-bottom {
	padding: 30px 0px 0px 0px;									/* T R B L */
}

#bygraf-link-ribbon-static {
	padding: 5px 0px 0px 0px;									/* T R B L */
}

#bygraf-list {
	list-style: disc outside url(../img/bullet_flat-18x12.png);
	margin: 0px 0px 0px 50px;									/* T R B L */
	padding: 0px 0px 0px 0px;									/* T R B L */
}

#bygraf-list-item {
	font-weight: 700;
}

#bygraf-narrative-cell {
	width: 70%;
}

#bygraf-page-title-text {
	font-size: 24pt;
	font-style: oblique;
	font-variant: small-caps;
	font-weight: 700;
	letter-spacing: 1px;
	margin: 20px 0px 20px 0px;									/* T R B L */
	padding: 0px 0px 0px 0px;									/* T R B L */
	position: relative;
	text-align: center;
}

#bygraf-paragraph {
	padding: 0px 0px 10px 0px;									/* T R B L */
}

#bygraf-privacy-paragraph {
	margin: 4px 30px 4px 30px;									/* T R B L */
	padding: 0px 0px 10px 0px;									/* T R B L */
}

#bygraf-privacy-subsection-title {
	font-size: 12pt;
	font-weight: 600;
	margin: 10px 0px 2px 0px;									/* T R B L */
	padding: 0px 0px 0px 10px;									/* T R B L */
}

#bygraf-section-title-text {
	font-size: 20pt;
	font-style: oblique;
	font-variant: small-caps;
	font-weight: 600;
	letter-spacing: 1px;
	margin: 20px 0px 0px 0px;									/* T R B L */
	padding: 20px 0px 20px 0px;									/* T R B L */
	position: relative;
	text-align: center;
}

#bygraf-simple-list {
	list-style: disc outside url(../img/bullet_sphere-8x8.png);
	margin: 0px 0px 0px 30px;									/* T R B L */
	padding: 0px 0px 10px 30px;									/* T R B L */
}

#bygraf-simple-list-item {
}

#bygraf-simple-list-item-highlight {
	font-size: 10pt;
	margin-left: 15px;
	list-style-type: square;
}

#bygraf-spacer {
	display: block;
	margin: 0px 0px 40px 0px;
	padding: 5px 0px 15px 0px;
}

#bygraf-spacer-button {
	border-radius: 6px;
	cursor: pointer;
	display: inline-block;
	font-size: 12px;
	font-weight: 600;
	left: 50%;
	padding: 12px 18px;
	position: relative;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	-webkit-transition-duration: 0.5s;
	transform: translate(-50%, 5px);
}

#bygraf-spacer-button:hover {
	border-radius: 6px;
	-webkit-transition-duration: 0.5s;
	text-decoration: none;
}

#bygraf-sublist {
	list-style: square outside url(../img/bullet_sphere-8x8.png);
	margin: 0px 0px 0px 0px;									/* T R B L */
	padding: 0px 0px 10px 0px;									/* T R B L */
}

#bygraf-sublist-item {
	font-weight: normal;
}

#bygraf-subsection-title {
	font-size: 16pt;
	font-style: oblique;
	font-variant: small-caps;
	font-weight: 600;
	margin: 0px 0px 0px 0px;									/* T R B L */
	padding: 0px 0px 0px 0px;									/* T R B L */
	position: relative;
	text-align: center;
}

/*
================================================================================
= RESPONSIVE UI
================================================================================
*/
@media screen and (max-width: 500px) {
	/* - HTML --------------------------------------------------------------- */
	/* ---------------------------------------------------------------------- */
	/* - CLASSES ------------------------------------------------------------ */
	/* ---------------------------------------------------------------------- */
	/* - IDs ---------------------------------------------------------------- */
	/* ---------------------------------------------------------------------- */
}

/*
================================================================================
= RESPONSIVE MENU
================================================================================
*/

/*==========================================================================*/
/* = COLOR ===================================== */
/* - html -------------------------------------- */
/* - classes ----------------------------------- */
/* - ids --------------------------------------- */
/* - responsive -------------------------------- */

/* = FWORK ===================================== */
/* - html -------------------------------------- */
/* - classes ----------------------------------- */
/* - ids --------------------------------------- */
/* - responsive -------------------------------- */

/*= APPEA =======================================*/
/* - html -------------------------------------- */
/* - classes ----------------------------------- */
/* - ids --------------------------------------- */
/* - responsive -------------------------------- */