/* ------------------------------------------------------------------------------------------------------------------------

	css colour tags

------------------------------------------------------------------------------------------------------------------------ */

/* css */
body { background-color: #FFFFFF;color: #666666; }
a { color: #FF0012; }
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #333333; }

#wrap { background: #FFFFFF; }

/* header & navigation colours */
#headings h1 a { color: #FFFFFF; }
#headings h1 span { color: #FFFFFF; }
#headings a.zocial.flat { color: #FFFFFF }
#headings a.zocial.flat:hover { color: #FFFFFF }

#wrap-nav {
	background: #000000; /* Old browsers */
	background: -moz-linear-gradient(top,  #000000 0%, #000000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#000000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #000000 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #000000 0%,#000000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #000000 0%,#000000 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #000000 0%,#000000 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}
#navigation a { color: #FFFFFF }
#navigation ul li li { background: #FFFFFF }
#navigation ul li li a { color: #666666 }
#navigation ul li li a:hover { color: #333333 }
#navigation li a:hover { color: #ABDBFF }
#navigation li.sfHover > a, #navigation li.currentAncestor > a, #navigation > ul > li.current > a { color: #ABDBFF }
.menu li { border-bottom-color: #E3EEF4 }
.menu a.menuDrop, .menu li.sfHover li a.menuDrop, .menu li li.sfHover li a.menuDrop { border-left-color: #E3EEF4 }
.menu { border-top-color: #E3EEF4 }

#menu-icon { color: #FFFFFF }

/* banner colours */
#banner { background-color: #FFFFFF }

/* main container colours */
.blog-entry { border-bottom-color: #E3EEF4; }
.blog-entry	blockquote { border-left-color: #E3EEF4; }
.filesharing-description { border-bottom-color: #E3EEF4; }
.movie-thumbnail-frame img { border-color: #E3EEF4; }
.thumbnail-frame img { border-color: #E3EEF4; }
#pagination { border-color: #E3EEF4; }
#pagination li.current { background: #E3EEF4; }
.photo-background { background-color: #FFFFFF;color: #666666; }
.photo-background img { border-color: #E3EEF4; }
.photo-title { color: #FFFFFF; }
.photo-caption { color: #FFFFFF; }
.form-input-field { border-color: #E3EEF4; }
hr {border-top-color: #E3EEF4; }

/* sidebar and widgets colours */
#secondary-container { color: #666666; }
#secondary-container a { color: #2B82C8; }
#plugin-sidebar { border-top-color: #E3EEF4; }
#blog-categories, #blog-archives { border-bottom-color: #E3EEF4; }

/* bottom colours */
#myExtraContent4 { border-top-color: #E3EEF4; }

/* extracontent colours */
#myExtraContent3 { background: #2B82C8; }
#myExtraContent3, #myExtraContent3 p { color: #FFFFFF; }
#myExtraContent3 h2, #myExtraContent3 h3, #myExtraContent3 h2 a, #myExtraContent3 h3 a { color: #FFFFFF ; }
#myExtraContent3 a { color: #FFFFFF; }

#myExtraContent4 { color: #666666; }
#myExtraContent4 h2, #myExtraContent4 h3, #myExtraContent4 h2 a, #myExtraContent4 h3 a { color: #333333 ; }
#myExtraContent4 a { color: #2B82C8; }

/* breadcrumb colours */
#breadcrumb { border-left-color: #E3EEF4; }
#breadcrumb ul { color: #333333 !important; }
#breadcrumb a { color: #333333 !important; }

/* footer colours */
#footer-container { color: #333333;border-top-color: #E3EEF4;border-bottom-color: #E3EEF4; }
#footer-container a { color: #2B82C8; }

/* 3rd party colours */
#tweets .user { background: #E3EEF4; }