/*
CSS Style: Default
Default CSS style used with the DNAe system 1.0.0
*/

/* BODY / FONT */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

body, .font, .fontSpecifics { /* font-family */
	font-family: 'Open Sans', 'Trebuchet MS', Helvetica, sans-serif;
}
body, .fontSpecifics { /* font specifics */
    font-size: 0.75em;
    /*letter-spacing: 0px;*/
    /*line-height: 1.2em;*/
    /*word-spacing: 1px;*/
}
.fontInput, input, textarea, select, label { /* input font */
    /*font-family: 'Lucida Console', Monaco, monospace;*/
}
.menu {
	/* */
}

/* COLOURS: Base, Primary, Secondary, Tertiary (Background, Text, Borders) */
a, .submit {
    color: #f35021;/*#8f8c8a*/
}
a:hover, .hover:hover {/*,.submit:hover*/
    color: #d4d5d7;/*#afacaa;*/
	text-decoration: none;
}

#menu a, #submenu a, div.index_menu a {
	color: #f4f5f7;
}
#menu a:hover, #submenu a:hover, div.index_menu a:hover {
	color: #f35021;/*afacaa*/
}
#menu a.active {
	color: #f35021;
	background-color: #2f2f2f;
}
div#header_strip {
	/*
	-moz-box-shadow: 0px 6px 4px 0px #626262;
	-webkit-box-shadow: 0px 6px 4px 0px #626262;
	box-shadow: 0px 6px 4px 0px #626262;
	*/
}

#page_menu a, #footer a {
	color: #8f8c8a;
}
#page_menu a:hover, #footer a:hover {
	color: #d4d5d7;
}
#page_menu a.active {
	color: #f35021;
	border-bottom: dotted 1px #f35021;
}
#page_menu a.textBase-d.active {
	color: #8f8c8a;
	border-bottom: dotted 1px #8f8c8a;
}

.colBase, .colBase-g { /* body */
	background-color: #1a1a1a;
}
.colBase-l {
	background-color: #2a2a2a;
}
.colBase-d, .hover:hover {
	background-color: #000000;
}
.colPrimary, .colPrimary-g {
	background-color: #f35021;
}
.colPrimary-l {
	background-color: #f27828;
}
.colPrimary-d {
	background-color: #dc4418;
}
.colSecondary, .colSecondary-g {
	background-color: #00F000;
}
.colSecondary-l {
	background-color: #40F440;
}
.colSecondary-d {
	background-color: #00A000;
}
.colTertiary, .colTertiary-g {
	background-color: #202020;
}
.colTertiary-l {
	background-color: #202020;
}
.colTertiary-d, .index_menu {
	background-color: #202020;/*2f2f2f*/
}
.submenu.colTertiary-d {
	background-color: #2f2f2f;
}

.textBase, .textBase.button { /* body */
	color: #afacaa;
}
.textBase-l, .textBase-l.button, cite, q, blockquote, dfn, dd {
	color: #f4f5f7;
}
.textBase-d, .textBase-d.button, em, abbr, a.hoverText:hover {
	color: #8f8c8a;
}
.textPrimary, .textPrimary.button {
	color: #f35021;
}
.textPrimary-l, .textPrimary-l.button {
	color: #f27828;
}
.textPrimary-d, .textPrimary-d.button {
	color: #dc4418;
}
.textSecondary, .textSecondary.button {
	color: #0000FF;
}
.textSecondary-l, .textSecondary-l.button {
	color: #4040F4;
}
.textSecondary-d, .textSecondary-d.button {
	color: #0000A0;
}
.textTertiary, .textTertiary.button {
	color: #4a4c4d;
}
.textTertiary-l, .textTertiary-l.button {
	color: #707274;
}
.textTertiary-d, .textTertiary-d.button {
	color: #000000;
}

.borderBase, fieldset, .hr, .vr, .legend, .hover:hover,
.border, .borderTop, .borderBottom, .borderLeft, .borderRight {
	border-color: #1a1a1a;
}
.borderBase-l {
	border-color: #2a2a2a;
}
.borderBase-d {
	border-color: #000000;
}
.borderPrimary {
	border-color: #f35021;
}
.borderPrimary-l {
	border-color: #f27828;
}
.borderPrimary-d {
	border-color: #dc4418;
}
.borderSecondary {
	border-color: #00F000;
}
.borderSecondary-l {
	border-color: #40F440;
}
.borderSecondary-d {
	border-color: #00A000;
}
.borderTertiary {
	border-color: #202020;
}
.borderTertiary-l {
	border-color: #202020;
}
.borderTertiary-d {
	border-color: #202020;
}

.loading {
	background-image: url(../../images/system/loading/loading-general-orange_16x.gif);
}

/* HEADERS */
h1, .h1, .textTitle {
    font-size: 2.2em;
	margin-bottom: 0.5em;
}
h2, .h2, .textHeader {
    font-size: 2em;
	margin-bottom: 0.5em;
}
h3, .h3, .textSection {
    font-size: 1.7em;
	margin-bottom: 0.4em;
}
h4, .h4 {
    font-size: 1.4em;
	margin-bottom: 0.3em;
}
h5 {
	font-size: 1.4em;
	font-weight: 500;
	margin-bottom: 0.5em;
	line-height: 1.45em;
}
h6 {
	font-size: 1.2em;
	font-weight: 500;
	margin-bottom: 0.3em;
}

/* TEXT */
p, .paragraph {
    margin-bottom: 0.9em;
}
.text {
    /* */
}