.color-primary-0 { color: #FF7D6F }	/* Main Primary color */
.color-primary-1 { color: #FFF0EF }
.color-primary-2 { color: #FFB1A9 }
.color-primary-3 { color: #EC4C3B }
.color-primary-4 { color: #A61D0E }

.color-secondary-1-0 { color: #FFB56F }	/* Main Secondary color (1) */
.color-secondary-1-1 { color: #FFF7EF }
.color-secondary-1-2 { color: #FFD3A9 }
.color-secondary-1-3 { color: #EC913B }
.color-secondary-1-4 { color: #A6580E }

.color-secondary-2-0 { color: #DE619E }	/* Main Secondary color (2) */
.color-secondary-2-1 { color: #FEEDF5 }
.color-secondary-2-2 { color: #F09FC7 }
.color-secondary-2-3 { color: #C33179 }
.color-secondary-2-4 { color: #890C4A }


.rgba-primary-0 { color: rgba(255,125,111,1) }	/* Main Primary color */
.rgba-primary-1 { color: rgba(255,240,239,1) }
.rgba-primary-2 { color: rgba(255,177,169,1) }
.rgba-primary-3 { color: rgba(236, 76, 59,1) }
.rgba-primary-4 { color: rgba(166, 29, 14,1) }

.rgba-secondary-1-0 { color: rgba(255,181,111,1) }	/* Main Secondary color (1) */
.rgba-secondary-1-1 { color: rgba(255,247,239,1) }
.rgba-secondary-1-2 { color: rgba(255,211,169,1) }
.rgba-secondary-1-3 { color: rgba(236,145, 59,1) }
.rgba-secondary-1-4 { color: rgba(166, 88, 14,1) }

.rgba-secondary-2-0 { color: rgba(222, 97,158,1) }	/* Main Secondary color (2) */
.rgba-secondary-2-1 { color: rgba(254,237,245,1) }
.rgba-secondary-2-2 { color: rgba(240,159,199,1) }
.rgba-secondary-2-3 { color: rgba(195, 49,121,1) }
.rgba-secondary-2-4 { color: rgba(137, 12, 74,1) }

body
{
  margin: 0px;
  padding: 5px;
  background-color: #FFB1A9;
  color: black;
}

a, div.javaScriptText
{
  color: #A6580E;
  background-color: inherit;
  text-decoration: none;
  font-weight: bold;
}

#Header
{
  height: 100px;
  color: #FEEDF5;
}

#PageTitle
{
  height: 100%;
  display: table;
  overflow: hidden;
}

#SubPageTitle
{
  display: table-cell;
  vertical-align: middle;
}

#InnerContent
{
  padding-top:    0px;
  padding-left:   2px;
  padding-right:  4px;
  padding-bottom: 0px;
}


a:hover
{
  text-decoration: underline overline;
}

h1, h3
{
  text-shadow: 2px 2px 2px rgba( 0, 0, 0, 0.5 );
}

h2, h4
{
  text-shadow: 2px 2px 2px rgba( 0, 0, 0, 0.5 );
}

h1, h2, h3, h4, p
{
  margin: 0px;
}

h1
{
  font-family: Arial, sans-serif;
  letter-spacing: 0.50em;
}

h2
{
  color: #FFFFFF;
  background-color: #FF7D6F;

  border-radius: 15px 0 0 15px;
  margin: 2px;
  padding-left: 10px;
}

h2 + h2, p + h2, a + h2
{
  margin-top: 15px;
}

h2
{
  margin-bottom: 10px;
}

p
{
  text-indent: 1.5em;
}

p.center
{
  text-align: center;
}

p.Small
{
  font-size: 10pt;
}

#Footer, #Copyright
{
  text-align: center;
  font-size: x-small;
}

#Footer
{
  margin-top: 10px;
}

div.Download
{
  background-color: #FFB56F;
  color: inherit;
  margin-left: 35px;
  margin-top: 2px;
  margin-right: 10px;
  margin-bottom: 1em;
  padding: 4px;
  border: 1px dashed #000000;
  border-radius : 5px;
  box-shadow: 5px 5px 10px rgba( 64, 64, 64, 0.75 );
}

div.Fixed
{
  font-family: monospace;
  background-color: #C0C0C0;
  color: inherit;
  margin-left: 35px;
  margin-top: 2px;
  margin-right: 10px;
  margin-bottom: 1em;
  padding: 4px;
  border: 1px dashed #000000;
}

div.float50
{
  width             : 95%;
  margin-bottom: 1em;
}

div.clear
{
  clear: both;
}

div.BigLink a
{
  background-color: initial;
}

div.BigLink
{
  text-align        : center;
  font-size         : 110%;
  /*border            : 2px solid #008000;*/
  background-color  : rgba( 173, 0, 128, 0.25 );
  border-radius     : 10px;
  box-shadow        : 4px 4px 10px rgba( 64, 64, 64, 0.75 );
  text-shadow       : 1px 1px 2px rgba( 255, 255, 255, 0.75 );
  margin            : auto;
  margin-top        : 4px;
  width             : 75%;
  padding           : 10px;
}


/******************************************************************************
** Article comments.
******************************************************************************/

div.CommentBody
{
  text-align: left;
  clear: both;
	margin: 2px;
	padding: 2px;
}

div.CommentBody a
{
  text-shadow: none;
}

div.CommentBody p
{
  color: black;
}

div.CommentBody h1,
div.CommentBody h2,
div.CommentBody h3,
div.CommentBody h4
{
  box-shadow: none;
  padding-left: 2px;
  /*text-shadow: 2px 2px 2px rgba( 0, 0, 0, 0.5 );*/
  color: white;
}



div.CommentBody h1
{
  font-family: initial;
  letter-spacing: normal;
	margin: 2px;
	padding-left: 5px;
  background-color: rgba( 255, 255, 255, 0.5 );
  display: block;
  font-weight: normal;
  font-size: medium;
}

div.CommentEntry
{
	margin          : 2px;
	margin-bottom   : 8px;
  padding         : 2px;
  background-color: rgba(222, 97,158,.5);
  border-radius   : 10px;
  box-shadow      : 5px 5px 10px rgba( 64, 64, 64, 0.5 );
}

div.CommentEntry h2
{
  background: none;
  font-weight: bold;
  font-size: medium;
  margin: 2px;
}

div.CommentEntry h3, div.CommentBody h4
{
  background-color: initial;
  padding: 2px;
  margin: 2px;
  font-weight: normal;
  font-size: small;
  /*text-shadow: 2px 2px 2px rgba( 0, 0, 0, 0.5 );*/
}

div.CommentText
{
  text-indent: 1em;
	margin: 2px;
	padding: 2px;
  background-color: rgba(254,237,245,0.25);
  /*rgba( 255, 255, 255, 0.25 );*/
  border-radius : 10px;
}

div.AddComment
{
  text-align: center;
  margin-bottom: 5px;
}


/******************************************************************************
** Article comments editing.
******************************************************************************/
#commentEdit
{
  text-align: left;
}

#commentEdit ul
{
  margin: 0px;
}

#commentEdit #comment_problems
{
  background-color: rgba( 255, 0, 0, 0.25 );
}

#commentEdit input,
#commentEdit textarea,
#commentEdit button,
#commentEdit img,
#searchForm input
{
  border-radius: 3px;
  box-shadow: 2px 2px 5px rgba( 64, 64, 64, 1.0 );
}

#commentEdit div.message
{
  margin: 2px 2px 2px 50px;
  padding: 2px;
  width: 500px;
  background-color: rgba( 255, 255, 255, 0.1 );
  border: 2px solid rgba( 127, 127, 127, 0.25 );
}

#commentEdit input
{
  width: 350px;
}

#commentEdit textarea
{
  width: 97%;
}

#commentEdit input,
#commentEdit textarea,
#commentEdit button,
#searchForm input
{
  border : 0px;
  padding: 2px;
  margin : 5px;
}

#commentEdit input,
#commentEdit textarea,
#commentEdit button
{
  display: block;
}

#commentEdit input.error,
#commentEdit textarea.error
{
  background-color : yellow;
  border           : 2px solid black;
}

#commentEdit img.error
{
  border : 10px solid yellow;
}

#commentEdit #captchaImage
{
  display : block;
}

#commentEdit #submitButton
{
  width  : 25%;
  border : 0px;
}

#commentEdit #messageSent
{
  position   : absolute;
  visibility : hidden;
}

#commentEdit #captchaImageText
{
  font-size : small;
}

a.newAddCommentLink
{
  font-size         : small;
  padding           : 2px;
  padding-left      : 10px;
  padding-right     : 10px;
  background-color  : rgba( 192, 192, 192, 1 );
  border-radius     : 3px;
  box-shadow        : 4px 4px 10px rgba( 64, 64, 64, .5 );
}