@import 'default.css';

/*light #00CED1 rgb(0,206,209)*/
/*dark #8B0000 rgb(139,0,0)*/


/*********************************************************************************/
/* Button Style                                                                  */
/*********************************************************************************/

	.button
	{
		background: #8b0000;
		border: 2px solid #00ced1;
    	font-weight: 700;
		color: #FFF;
	}

	.button:hover {
		background: #00ced1;
		border: 2px solid #8b0000;
		colour: #8b0000;
	}
	
/*********************************************************************************/
/* Menu                                                                          */
/*********************************************************************************/

	#menu .current_page_item a
	{
		color: #8b0000;
	}

/*********************************************************************************/
/* Banner                                                                        */
/*********************************************************************************/

	#banner
	{
		background-color: rgba(255,255,255,0.9);
		color: #8b0000;
		border: 5px solid #00ced1;
		border-radius: 8px;
		text-shadow: 5px 5px 5px rgba(0,206,209, 5);
	}

@supports (-webkit-text-stroke: 2px #fff) {
  #banner {
    -webkit-text-stroke: 2px #fff;
    text-stroke: 2px #fff;
    -webkit-text-fill-color: #8b0000;
  }
}

	#banner .title
	{
	}

	#banner .title h2
	{
		color: #8b0000;
	}

	#banner .title .byline
	{
		color: rgba(255,255,255,.6);
	}
	
	#banner .button
	{
		margin-top: 3em;
		background: #2B3F48;
	}

/*********************************************************************************/
/* Featured                                                                      */
/*********************************************************************************/

	#featured
	{
		overflow: hidden;
		padding: 5em 0em;
		background: #00ced1;
		text-align: center;
		color: rgba(255,255,255,.8);
	}

	#featured a
	{
		color: rgba(255,255,255,1);
	}
	
	#featured .button
	{
		background: #FFF;
		margin-top: 3em;
		font-size: 1em;
		color: #00ced1;
	}

	#featured .title h2
	{
		color: #FFF;
	}

	#featured .title .byline
	{
		color: rgba(255,255,255,.6);
	}

	.box
	{
		background-color: rgba(255,255,255,0.9);
		border: 5px solid #00ced1;
		border-radius: 8px;
    	font-weight: 700;
    	font-size: 3em;
		color: #8b0000;
		text-shadow: 5px 5px 5px rgba(0,206,209, 5);
	}
@supports (-webkit-text-stroke: 2px #fff) {
  .box {
    -webkit-text-stroke: 2px #fff;
    text-stroke: 2px #fff;
    -webkit-text-fill-color: #8b0000;
  }
}

	body {
		background: url(/images/blue-red-while-cubes-faded-50.jpg) repeat center;
	}

	#page p, #page .title {
		background-color: rgba(255,255,255,0.8);
	}
	#page p {
			border-radius: 8px;	
  	}