/*TEXT COLORS*/

body, html {
	background-color: #1A1A1A;
}

header h1#title, #sidebar h1#title  {
	color: #999999;
}

header h2#slogan, #sidebar h2#slogan  {
	color: #999999;
}

#socialIcons a, #socialIcons span, #extraContainer5 p {
	color:#666666;
}

#socialIcons a:hover, #extraContainer5 h1 {
	color:#FFFFFF;
}

header .container, header {
	border-bottom-color: #ECECEC;
}

#mainContainer {
	color: #666666;
	background-color: #000000;
}

footer{
	background-color: #333333;
}

nav li ul li {
	background-color: #000000;
}

a {
	color: %colour_link%;
}

nav span.note {
    color: #878787;
}


nav li a {
	color: #69F9F4;
}

nav li a:hover {
	color: #FFFFFF;
}

nav a.current {
	color: #0000E9;
}

nav li ul li a {
    color: #999999;
}

nav li ul li a:hover {
    color: #FFFFFF;
}

.skiptonav a {
	color: #FFFFFF;
	background-color: #000000;
}

#menu {	
	background-color: #171717;
}

#menu a, #menu a:visited {
	color: #FFFFFF;
}

ul#breadcrumb {
}


#breadcrumb ul, #breadcrumb ul, #breadcrumb a {
	color: #C4C4C4;
}

#breadcrumb a:hover {
	color: #696969
}

section a:hover,
aside a:hover{
	color: %colour_link_hover%;
}

h1, h2, h3, h4, h5, h6,
span#asideTitle,
.album-title, .movie-page-title,
h1.blog-entry-title, 
h1.blog-entry-title a,
#blog-categories:before,
#blog-archives:before,
ul.blog-tag-cloud:before,
#blog-rss-feeds:before {
	color: #FFFFFF;
}

footer .container {
	color: #FFFFFF;
}

#content a, aside a, section a {
	color: #696969;
}


  /* Mobile Landscape Size to Tablet Portrait (devices and browsers)*/
  @media only screen and (min-width: 480px) and (max-width: 768px) {

.sf-sub-indicator {
	color: #FFFFFF;
}


  }

  /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers)*/
  @media only screen and (max-width: 479px) {


.sf-sub-indicator {
	color: #FFFFFF;
}

  }