/* 
SONICAL
DEFAULT: SONIC COLOUR SCHEME
*/

a {
	color: #0080FF;
	text-decoration: none;
	}
	a:active,
	a:hover,
	.text-dark {
		color: #000099;
		}

::selection {
	background: #000099;
	color: #fff;
	}
	::-moz-selection {
		background: #000099;
		color: #fff;
		}

button,
.button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	background-color: #000099;
	}
	button:hover,
	button:focus,
	.button:hover,
	.button:focus,
	input[type="button"]:hover,
	input[type="button"]:focus,
	input[type="reset"]:hover,
	input[type="reset"]:focus,
	input[type="submit"]:hover,
	input[type="submit"]:focus {
		background-color: #0080FF;
		color: #fff;
		}
	button:active,
	.button:active,
	input[type="button"]:active,
	input[type="reset"]:active,
	input[type="submit"]:active {
		background-color: #000099;
		}



/* CSS02: HEADER */
/*****************/

#header-cover {
    background: #000099;
    background: -moz-linear-gradient(#000044, #000099);
    background: -o-linear-gradient(#000044, #000099);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#000044), to(#000099));
    background: -webkit-linear-gradient(#000044, #000099);
	}

	#header-check {
		background-image: linear-gradient(45deg, #0000aa 25%, transparent 25%, transparent 75%, #0000aa 75%, #0000aa), linear-gradient(45deg, #0000aa 25%, transparent 25%, transparent 75%, #0000aa 75%, #0000aa);
		}

	#header-block {
		background: url('style-sonic/header.png') no-repeat;
		}
				.site-logo {
					content:url("global/logo.png");
					}



/* CSS03: MENU */
/***************/

		#primary-navigation ul li {
			background: #000099;
			}
				#primary-navigation ul li a {
					color: #fff;
					}
					#primary-navigation ul li:hover > a,
					#primary-navigation ul li.focus > a {
						background-color: #0000cc;
						color: #fff;
						}
				#primary-navigation ul ul {
					background-color: #000066;
					background: -moz-linear-gradient(#000066, #0000bb);
					background: -o-linear-gradient(#000066, #0000bb);
					background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#000066), to(#0000bb));
					background: -webkit-linear-gradient(#000066, #0000bb);
					}
							#primary-navigation ul ul a:hover,
							#primary-navigation ul ul li.focus > a {
								background-color: #0080FF;
								}



/* CSS04: SEARCH & TOGGLES */
/***************************/

.search-toggle,
.mobile-nav-toggle {
	background-color: #19a8ff;
	}
		.search-toggle:hover,
		.search-toggle.active {
			background-color: #108dd8;
			}

	.mobile-nav-toggle {
		background-color: #0066cc;
		}
		.mobile-nav-toggle:hover,
		.mobile-nav-toggle.active {
			background-color: #0066aa;
			}

#search-bar,
#mobile-nav-bar {
	background: #108dd8;
	}
	#mobile-nav-bar {
		background: #0a509a;
		}

	#search-bar:before {
		background: linear-gradient(-45deg, #108dd8 16px, transparent 0),
			    linear-gradient(45deg, #108dd8 16px, transparent 0);
		background-position: left-bottom;
		background-repeat: repeat-x;
		background-size: 32px 32px;
		}

		#mobile-nav-bar:before {
	        background: linear-gradient(-45deg, #0a509a 16px, transparent 0),
			    linear-gradient(45deg, #0a509a 16px, transparent 0);
			background-position: left-bottom;
			background-repeat: repeat-x;
			background-size: 32px 32px;
			}

	#tss-mobile-nav-container {
		background: #0a509a;
		}
			#tss-mobile-nav-container ul li {
				color: #fff;
				}
				#tss-mobile-nav-container a {
					color: #89c0fe;
					}
					#tss-mobile-nav-container a:hover {
						color: #fff;
						}



/* CSS05: MAIN CONTENT AREA & FEATURED CONTENT */
/***********************************************/

			.container-title {
				background: #000066;
				background: -moz-linear-gradient(#000066, #0000bb);
				background: -o-linear-gradient(#000066, #0000bb);
				background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#000066), to(#0000bb));
				background: -webkit-linear-gradient(#000066, #0000bb);
				color: #fff;
				}
					.container-content.featured {
						background: #000066 url(global/pattern-dark.svg) repeat fixed;
						}
							.featured-headline a {
								color: #fff;
								}
							.featured-wrap:hover .featured-headline a,
							.featured-headline a:hover {
								color: #89C0FE;
								}



/* CSS07: POST THUMBNAILS */
/**************************/

	.container-content.featured .post-thumbnail {
		background: #000066 url(global/pattern-dark.svg) repeat fixed;
		}



/* CSS08: POST TITLES & META */
/*****************************/


.page-header {
	background-color: #dbe7f4;
	border-left: 7px solid #000099;
	}

	.entry-title a {
		color: #202020;
		}
		.entry-title a:hover {
			color: #0080FF;
			}



/* CSS09: IN-POST HEADERS */
/**************************/

h1, h2, h3, h5, h6,
h1.page-title {
	color: #000099;
	}
	.taxonomy-description {
		color: #ddd;
		}

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
	border-top: 5px solid #000099;
	}
	.entry-content h1,
	.entry-content h5 {
		background: #dbe7f4;
		}
	.entry-content h4,
	.entry-content h6 {
		background: #000099;
	    background: -moz-linear-gradient(#000066, #0000ee);
	    background: -o-linear-gradient(#000066, #0000ee);
    	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#000066), to(#0000ee));
	    background: -webkit-linear-gradient(#000066, #0000ee);
		color: #fff;
		}

h2.comments-title,
h3.comment-reply-title {
	background: #000099;
    background: -moz-linear-gradient(#000066, #0000ee);
    background: -o-linear-gradient(#000066, #0000ee);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#000066), to(#0000ee));
    background: -webkit-linear-gradient(#000066, #0000ee);
	color: #fff;
	}


/* CSS11: TAGS */
/***************/

.entry-meta2 a {
	color: #767676;
	}
	.entry-meta2 a:hover {
		color: #0080FF;
		}
.cat-links a {
	color: #202020;
	}
	.cat-links a:hover {
		color: #0080FF;
		}



/* CSS12: POST FOOTERS */
/***********************/

		.entry-meta .tag-links a:hover {
			background-color: #000099;
			}
			.entry-meta .tag-links a:hover:before {
				border-right-color: #000099;
				}




/* CSS14: PREV+NEXT POST & PAGINATION */
/**************************************/

.pagination .prev,
.pagination .next {
	background-color: #000099;
	}
	.pagination .prev:hover,
	.pagination .next:hover {
		background-color: #0080FF;
		}



/* CSS15: RIGHT COLUMN */
/***********************/

		.social-navigation a {
			color: #202020;
			}
			.social-navigation a:hover {
				color: #0000dd;
				}

	.widget-title {
		background: #000099;
	    	background: -moz-linear-gradient(#000066, #0000ee);
	    	background: -o-linear-gradient(#000066, #0000ee);
	    	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#000066), to(#0000ee));
	    	background: -webkit-linear-gradient(#000066, #0000ee);
		color: #fff;

		}



/* CSS16: SITE FOOTER */
/**********************/

.site-footer {
	background: #000088;
	background: -moz-linear-gradient(#000066, #0000bb);
	background: -o-linear-gradient(#000066, #0000bb);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#000066), to(#0000bb));
	background: -webkit-linear-gradient(#000066, #0000bb);
	}
	.footer-padding {
		color: #fff;
		}
		.footer-padding a {
			color: #89C0FE;
			}
			.footer-padding a:hover {
				color: #fff;
				}	


/* DO NOT TOUCH ANYTHING BELOW THIS POINT */
/******************************************/

/* CSS17: RESPONSIVE */

@media only screen and (max-width : 1099px) {
	#header-block {
		background-position: -25% 0%;
		}
}

@media only screen and (max-width : 1023px) {
	#header-block {
		background-position: -37% 0%;
		}
}

@media only screen and (max-width : 979px) {
	#header-block {
		background-position: left top;
		}
}

@media only screen and (max-width : 769px) {
	#header-block {
		background-position: -100% 0%;
		}
}

@media only screen and (max-width : 699px) {
	#header-block {
		background-position: -250% 0%;
		}
}

@media only screen and (max-width : 699px) {
	#header-block {
		background-position: -250% 0%;
		}
}

@media only screen and (max-width : 666px) {
	#header-block {
		background: none;
		height: 100px;
		padding: 0 20px;
		}
}

.ssmb-topic-link {
	background: #09145d !important;  
}