body {
	background: none repeat scroll 0 0 #2A261B;
	color: #fff;
	font-family: roboto;
	font-weight: 300;
}
nav {
	background: none repeat scroll 0 0 #000000;
    border-bottom: 5px solid #E58B21;
	position: relative;
}
a.logo {
	color: #fff;
	display: inline-block;
	font-size: 2.3em;
	font-weight: 100;
	letter-spacing: -1px;
	padding: 0.6em;
}
a.logo span {
	color: #d12767;
}
header h1 {
	color: #637693;
	display: inline;
	font-size: 1em;
	font-weight: 300;
	margin: 0;
	position: relative;
	top: -0.35em;
}
.top-nav li a {
	font-size: 1.1em;
	padding: 2em 1.25em;
}
.top-nav li a:hover {
	background: none repeat scroll 0 0 #343233;
}
.top-nav .active-item a, .top-nav .active-item a:hover {
	background: none repeat scroll 0 0 #343233;
}
.social {
	padding: 1.6em;
}
.social i {
	color: #637693;
	transition: color 0.20s linear 0s;
	-o-transition: color 0.20s linear 0s;
	-ms-transition: color 0.20s linear 0s;
	-moz-transition: color 0.20s linear 0s;
	-webkit-transition: color 0.20s linear 0s;
}
.social i:hover {
	color: #fff;
}
section p {
	line-height: 1.6em;
}
.post-image img {
	display: block;
	margin: 0;
	opacity: 1;
	transition: opacity 0.20s linear 0s;
	-o-transition: opacity 0.20s linear 0s;
	-ms-transition: opacity 0.20s linear 0s;
	-moz-transition: opacity 0.20s linear 0s;
	-webkit-transition: opacity 0.20s linear 0s;
}
#home-section .post-image img:hover, #article-section.archive .post-image img:hover {
	opacity: 0.5;
}
#home-section .post-text {
	color: #fff;
	padding: 2.25em;
}
#home-section .post-text h2 {
	color: #fff;
	font-size: 2.25em;
	font-weight: 100;
	line-height: 1em;
	margin: 0 0 0.2125em 0;
  opacity:1;
	padding: 0;
  transition: opacity 0.20s linear 0s;
	-o-transition: opacity 0.20s linear 0s;
	-ms-transition: opacity 0.20s linear 0s;
	-moz-transition: opacity 0.20s linear 0s;
	-webkit-transition: opacity 0.20s linear 0s;
}
#home-section .post-text h2:hover {
	opacity:0.6;
}
#home-section .post-text p {
	font-size: 0.9em;
	opacity: 0.6;
}
.post-date .date {
	font-size: 3em;
}
.post-date .month {
	font-size: 1.6em;
	margin-bottom: 1em;
	margin-top: -0.7em;
	text-align: center;
}
.post-date {
	font-weight: 100;
	opacity: 0.3;
	text-align: center;
}
.right-align .post-image {
	float: right;
}
.right-align .post-text {
	float: right;
	text-align: right;
}
.right-align .post-date {
	float: right;
	text-align: right;
}

ul.b {
  list-style-position: inside;
}

.flip {
  display: inline-block;
  transform: scaleX(-1);
}

/* Main Colours */
.post-orange {
	background: none repeat scroll 0 0 #EC8B2E;
}
.post-black {
	background: none repeat scroll 0 0 #000000;
}
.post-graphite {
	background: none repeat scroll 0 0 #343233;
}
.post-granite {
	background: none repeat scroll 0 0 #9A9898;
}
.post-linen {
	background: none repeat scroll 0 0 #F7EBDE;
}
.post-silk {
	background: none repeat scroll 0 0 #EAB585;
}
/* Main Colours - END */

.post-royalblue {
	background: none repeat scroll 0 0 #0F81EC;
}
.post-green {
	background: none repeat scroll 0 0 #66D0AE;
}
.post-naveyblue {
	background: none repeat scroll 0 0 #053163;
}
.post-lightblue {
	background: none repeat scroll 0 0 #2d95bb;
}
.post-purple {
	background: none repeat scroll 0 0 #7F4BCB;
}
.post-brown {
	background: none repeat scroll 0 0 #A35A1F;
}
.post-red {
	background: none repeat scroll 0 0 #B7262D;
}
.post-pink {
	background: none repeat scroll 0 0 #FE987C;
}
.aside-block {
	background: none repeat scroll 0 0 #fff;
	margin-bottom: 1.25em;
	padding: 2em;
}
.aside-block-graphite {
	background: none repeat scroll 0 0 #343233;
	margin-bottom: 1.25em;
	padding: 2em;
}
.aside-block-orange {
	background: none repeat scroll 0 0 #E58B21;
	margin-bottom: 1.25em;
	padding: 2em;
}

aside img {
	display: block;
	margin: 0;
}
aside h3 {
	color: #000000;
	font-size: 2em;
	font-weight: 300;
	line-height: 1em;
	margin: 0 0 0.625em;
}
aside p {
	color: #637693;
	font-size: 0.85em;
}
.advertising {
	background: none repeat scroll 0 0 #fff;
}
footer {
	background: none repeat scroll 0 0 #EC8B2E;
	display: inline-block;
	margin-bottom: 0;
	margin-top: 1.25em;
	padding: 1.7em;
	position: relative;
	width: 100%;
}
footer p, footer a, footer a:link, footer a:active, footer a:visited {
	color: #637693;
	font-size: 0.9em;
}
#article-section article {
	background: none repeat scroll 0 0 #fff;
}
#article-section p {
	color: #000000;
}
#article-section h1, #article-section h2, #article-section h3, #article-section h4, #article-section h5, #article-section h6 {
	color: #000000;
	font-weight: 100;
}
#article-section h1 {
	font-size: 3em;
	font-weight: 100;
	margin-top: 0;
}
#article-section h3, #article-section h4, #article-section h5, #article-section h6 {
	font-weight: 300;
}
#article-section .post-text {
	padding: 2em 3em 3em;
}
#article-section .post-date p {
	color: #fff;
}
#article-section blockquote {
	border-left: 2px solid #343233;
	color: #343233;
	font-family: georgia;
	font-size: 1.1em;
	font-style: italic;
	font-weight: normal;
	line-height: 1.4em;
	margin-left: 0.625em;
	padding-left: 0.625em;
}
#article-section .post-text img {
	margin: 1.25em 0;
	max-width: 100%;
	width: auto;
}
p.author {
	background: none repeat scroll 0 0 #f0f0f0;
	font-family: georgia;
	font-size: 0.8em;
	font-style: italic;
	margin-top: 1.25em;
	padding: 0.3125em 0.625em;
}
a.continue-reading, form.customform button {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	border: 1px solid #000000;
	color: #0b192f;
	display: inline-block;
	font-size: 0.9em;
	font-weight: 400;
	height: auto;
	margin-top: 1.25em;
	padding: 0.625em 1.25em;
	transition: background 0.20s linear 0s;
	-o-transition: background 0.20s linear 0s;
	-ms-transition: background 0.20s linear 0s;
	-moz-transition: background 0.20s linear 0s;
	-webkit-transition: background 0.20s linear 0s;
}
form.customform button {
	margin-top: 0;
}
a.continue-reading:hover, form.customform button:hover {
	background: none repeat scroll 0 0 #000000;
	color: #fff;
}
a.latest-posts {
	border-bottom: 1px solid #e0e0e0;
	display: block;
	margin-bottom: 1.25em;
	padding-bottom: 1.25em;
}
a.latest-posts:last-child {
	border: 0 none;
	margin: 0;
	padding: 0;
}
#article-section aside a h5:hover {
	color: #d12767;
}
.advertising.horizontal {
	padding: 2em;
}
address {
	font-style: normal;
}
address i.icon {
	background: none repeat scroll 0 0 #000000;
	border-radius: 30px;
	color: #fff;
	display: block;
	float: left;
	font-size: 0.8em;
	height: 30px;
	line-height: 30px;
	margin-right: 0.625em;
	position: relative;
	text-align: center;
	top: 4px;
	width: 30px;
}
address p {
	line-height: 2.5em;
}

/* Button */
	.btn {
	  -webkit-border-radius: 0;
	  -moz-border-radius: 0;
	  border-radius: 0px;
	  color: #EC8B2E;
	  background: #ffffff;
	  padding: 3px 40px 3px 15px;
	  border: solid #0b192f 1px;
	  text-decoration: none;
	}
	
	.btn:hover {
	  background: #EC8B2E;
	  color: #ffffff;
	  text-decoration: none;
	  font-weight: bold;  
	}
/* Button - END */

/* Body Link */
	a.whiteo:link {
		color: #ffffff;
		font-size: 1.2em;
	}
	
	a.whiteo:visited {
		color: #ffffff;
		font-size: 1.2em;
	}
	
	a.whiteo:hover {
		color: #EC8B2E;
		font-size: 1.2em;
	}
	
	a.whiteo:active {
		color: #EC8B2E;
		font-size: 1.2em;
	}

	a.whiteb:link {
		color: #ffffff;
		font-size: 1.2em;
	}
	
	a.whiteb:visited {
		color: #ffffff;
		font-size: 1.2em;
	}
	
	a.whiteb:hover {
		color: #000000;
		font-size: 1.2em;
	}
	
	a.whiteb:active {
		color: #000000;
		font-size: 1.2em;
	}
/* Body Link - END */


/* Champions Corner */
	table, th, td {
			border: 1px solid black;
			color:#333
			}
			
	.PageTitle {
			border: #000000 1px solid ;
			background-color: #000000 ;
			border-color: #0d2c49 ;
			border-width: 1px ;
			padding: 2px ;
			margin-bottom: 7px ;
			font-weight: bold ;
			color:#fff
			}
			
	.PageBullet {
			color: #000000 ;
			font-weight: bold ;
			padding-top: 4px ;	
			}
			
	.PageBody {
			border: #000000 1px solid ;
			background-color: #fff ;
			border-color: #000000 ;
			border-width: 1px ;
			padding: 7px ;
			min-height: 250px ;
			overflow: hidden ;
			}
/* Champions Corner - END */

/* Mail Form */  
	p.error, p.success {
			font-weight: bold;
			padding: 10px;
			border: 1px solid;
	}
	p.error {
			background: #ffc0c0;
			color: #900;
	}
	p.success {
			background: #b3ff69;
			color: #4fa000;
	}
/* Mail Form - END */

/* Scroll To Top */

/* Scroll To Top - End */

/* Photo Enlarement */
	ul.enlarge								{
			list-style-type:none; /*remove the bullet point*/
			margin-left:0;
			}
	
	ul.enlarge li							{
			display:inline-block; /*places the images in a line*/
			position: relative;
			z-index: 0; /*resets the stack order of the list items - later we'll increase this*/
			margin:10px 40px 0 20px;
			}
			
	ul.enlarge img							{
			background-color:#eae9d4;
			padding: 6px;
			-webkit-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
			-moz-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
			box-shadow: 0 0 6px rgba(132, 132, 132, .75);
			-webkit-border-radius: 4px; 
			-moz-border-radius: 4px; 
			border-radius: 4px; 
			}
			
	ul.enlarge span							{
			position:absolute;
			left: -9999px;
			background-color:#eae9d4;
			padding: 10px;
			font-family: 'Droid Sans', sans-serif;
			font-size:.9em;
			text-align: center; 
			color: #495a62; 
			-webkit-box-shadow: 0 0 20px rgba(0,0,0, .75);
			-moz-box-shadow: 0 0 20px rgba(0,0,0, .75);
			box-shadow: 0 0 20px rgba(0,0,0, .75);
			-webkit-border-radius: 8px; 
			-moz-border-radius: 8px; 
			border-radius:8px;
			}
			
	ul.enlarge li:hover						{
			z-index: 50;
			cursor:pointer;
			}
			
	ul.enlarge span img						{
			padding:2px;
			background:#ccc;
			}
			
	ul.enlarge li:hover span				{ 
			top: -300px; /*the distance from the bottom of the thumbnail to the top of the popup image*/
			left: -20px; /*distance from the left of the thumbnail to the left of the popup image*/
			}
			
	ul.enlarge li:hover:nth-child(2) span	{
			left: -100px; 
			}
			
	ul.enlarge li:hover:nth-child(3) span	{
			left: -200px; 
			}
	
	/**IE Hacks - see http://css3pie.com/ for more info on how to use CS3Pie and to download the latest version**/
	ul.enlarge img, ul.enlarge span			{
			behavior: url(pie/PIE.htc); 
			}
			
	/* Star Enlarement */
	ul.Senlarge								{
			list-style-type:none; /*remove the bullet point*/
			margin-left:0;
			}
	
	ul.Senlarge li							{
			display:inline-block; /*places the images in a line*/
			position: relative;
			z-index: 0; /*resets the stack order of the list items - later we'll increase this*/
			margin:10px 40px 0 20px;
			}
			
	ul.Senlarge img							{
			background-color:#eae9d4;
			padding: 0px;
			-webkit-box-shadow: 0 0 0px rgba(132, 132, 132, .75);
			-moz-box-shadow: 0 0 0px rgba(132, 132, 132, .75);
			box-shadow: 0 0 0px rgba(132, 132, 132, .75);
			-webkit-border-radius: 0px; 
			-moz-border-radius: 0px; 
			border-radius: 0px; 
			}
			
	ul.Senlarge span							{
			position:absolute;
			left: -9999px;
			background-color:#eae9d4;
			padding: 10px;
			font-family: 'Droid Sans', sans-serif;
			font-size:.9em;
			text-align: center; 
			color: #495a62; 
			-webkit-box-shadow: 0 0 20px rgba(0,0,0, .75);
			-moz-box-shadow: 0 0 20px rgba(0,0,0, .75);
			box-shadow: 0 0 20px rgba(0,0,0, .75);
			-webkit-border-radius: 8px; 
			-moz-border-radius: 8px; 
			border-radius:8px;
			}
			
	ul.Senlarge li:hover						{
			z-index: 50;
			cursor:pointer;
			}
			
	ul.Senlarge span img						{
			padding:2px;
			background:#ccc;
			}
			
	ul.Senlarge li:hover span				{ 
			top: -30px; /*the distance from the bottom of the thumbnail to the top of the popup image*/
			left: 20px; /*distance from the left of the thumbnail to the left of the popup image*/
			}
			
	ul.Senlarge li:hover:nth-child(2) span	{
			left: -100px; 
			}
			
	ul.Senlarge li:hover:nth-child(3) span	{
			left: -200px; 
			}
	
	/**IE Hacks - see http://css3pie.com/ for more info on how to use CS3Pie and to download the latest version**/
	ul.Senlarge img, ul.Senlarge span			{
			behavior: url(pie/PIE.htc); 
			}
/* Photo Enlarement - End */
		
/* Email Form Styles */
	p.error, p.success						{
			font-weight: bold;
			padding: 3px;
			border: 1px solid;
			}
			
	p.error 								{
			background: #ffc0c0;
			color: #900;
			}
			
	p.success								{
			background: #b3ff69;
			color: #4fa000;
			}
/* Email Form Styles - End */

@media screen and (max-width: 800px) {
  a.logo {
  	display: block;
  	text-align: center;
  }
  head h1 {
  	display: block;
  	text-align: center;
  }
  header h1 {
  	display: block;
  	text-align: center;
  	top: -1.5em;
  }
  .nav-text {
  	font-size: 2.5em;
  	line-height: 1em;
  	padding-top: 1em;
  	text-align: center;
  }
  .top-nav ul {
  	float: none;
  	text-align: center;
  }
  .top-nav li a {
  	background: none repeat scroll 0 0 #343233;
  	border-top: 1px solid #9A9898;
  	color: #fff;
  	display: block;
  }
  .social.right {
  	float: none;
  	text-align: center;
  }
  #article-section .post-text {
  	padding: 1em 2em 2em;
  }
  .right-align .post-text {
  	text-align: left;
  }
  .right-align .post-date {
  	text-align: center;
  }
  footer a.right {
  	float: none;
  	text-align: center;
  }
  footer {
  	text-align: center;
  }
}

/* Text oriantation */
.vertical {
    width: 1.5em;
    word-break: break-all;
    line-height: 1.25em;
    text-align: center;
    color: #fff;
    padding-left: 30px;
    padding-top: 20px;
    font-size: 2em;
}

@media only screen and (max-width: 768px) {
    .vertical {
        width: 100% !important;
        word-break: normal !important;
        line-height: 1.2em !important;
        white-space: nowrap !important;
        font-size: 2.5em !important;
    }
}

/* Zoom */
.zoom-img {
  width: 300px;
  height: auto;
  cursor: pointer;
  position: relative;
  z-index: 1;
  transition: transform 0.4s ease;
  display: block;
  margin: auto;
}

.zoom-img:hover {
  transform: scale(calc(20vw / 300px));
  z-index: 9999;
}