/*TEXT COLORS*/

header {
	background-color: #FFFFFF;
}

#banner {
	background-color: #FFFFFF;
}

section {
	color: #3A3A3A;
	background-color: #FFFFFF;
	border-top-color: #ECECEC;
}

footer{
	border-top-color: #E7E6E2;
	background-color: #343434;
}

a {
	color: %colour_link%;
}

nav li a {
	color: #2C292A
}

nav a.current {
	color: #FF1209;
}

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

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

nav li ul li a:hover {
    color: #2C292A;
}

.skiptonav a {
	color: #FFFFFF;
}

#menu {	
	background-color: #FFFFFF;
}

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

header span.social a {
	color:#FFFFFF;
}

header span.social a:hover {
	color:#3A3A3A;
}

header h1#title  {
	color: #FFFFFF;
}

header h2#slogan  {
	color: #FFFFFF;
}

ul#breadcrumb {
}


footer .container ul, footer .container ul, footer .container a {
	color: #FFFFFF;
}

footer .container 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: #222222;
}

footer .container {
	color: #FFFFFF;
}

#content a, aside a, section a {
	color: #2C357A;
}

  /* 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;
}

  }


		(null)

footer {
	background-image: url(images/texture_mesh.png);
}

#pageHeader {
	background-image: url(images/shadow_header.png);
}

#banner {
	background-image: url(images/shadow_banner.png);
}

header h1#title {
	font-style: normal;
	font-weight: normal;
}

header h1#title {
	font-family: 'CardoRegular';
}

header h2#slogan {
	font-style: normal;
	font-weight: normal;
}

header h2#slogan {
	font-family: "Helvetica";
}

nav ul, #menu ul, footer .left, footer .breadcrumbcontainer {
	font-family: Arial;
}

h1, h2, h3, h4, h5, h6, span#asideTitle, .album-title, .photo-background p, .movie-title, .movie-page-title {
	font-family: 'Lato', sans-serif;
	font-weight: normal;
	letter-spacing: 2px;
}



section, .thumbnail-caption, footer {
	font-family: "Arial";
}

section {
	font-size: .813em;
	line-height: 2em;
}