@charset "utf-8";
/* CSS Document */
html, body {
	color:				${color.content.color};
	background-color:	${color.body.background-color};
}


/* font colors */
h1,h2,h3,h4,h5,h6 {
	color:			${color.content.headline.color};
}
#title{
    color:          ${color.header.title.color};
}
#subtitle{
	color:          ${color.header.subtitle.color};	
}
a {
	color:			${color.content.color};	
}

a:hover {
	color:			${color.content.color};
}

a:visited {
	color:			${color.content.color};	
}
#content_main{
	color:			${color.content.color};
}
#sidebar_wrapper {
	color:          ${color.sidebar.color};
}

#footer a {
	color:			${color.footer.color};
}


/* background colors */	
#head_wrapper, #title_wrapper, #title_wrapper1 {
	background-color:	${color.header.background-color}; 
}
#footer {
    background-color:   ${color.footer.background-color};
}
#content_wrapper, #content_main{
	background-color:	${color.content.background-color};
}
.sidebar_wrapper, .content_sidebar, #widgetbar_page_1, #widgetbar_page_2, #widgetbar_page_3{
    background-color:    ${color.sidebar.background-color};
}
.sidebar_wrapper, .content_sidebar, #widgetbar_page_1, #widgetbar_page_2, #widgetbar_page_3{
	
	border-color:        ${color.sidebar.border-color};
	box-shadow:          ${color.sidebar.box-shadow-color};	
}


/* main navigation color */
#navigation_wrapper, #cm_navigation{
    background-color:    ${color.navigation.background-color};	
}
#cm_navigation ul li a {
	color:			${color.navigation.color};
}

#cm_navigation ul li a:hover {
	color:			${color.navigation.alt.color};
}

ul#cm_mainnavigation li.cm_current a {
	color:			${color.navigation.alt.color};	
}


/* ----- Subnavigation -----  */
#cm_navigation ul li ul li a {
	color:			${color.navigation.color};
}

ul#cm_mainnavigation li ul.cm_subnavigation li a:hover {
	color:			${color.navigation.alt.color};
}

ul#cm_mainnavigation li ul.cm_subnavigation li.cm_current a {
	color:			${color.navigation.alt.color};
}

	

/* fonts */

html,body {
    font-family :   ${font.standard.font-family};
    font-size :     ${font.standard.font-size};
    font-weight :   ${font.standard.font-weight};
    font-style :    ${font.standard.font-style};
    color :         ${color.content.color};
    background-color : ${color.body.background-color};
}
h1 {
    font-family :   ${font.h1.font-family};
    font-size :     ${font.h1.font-size};
    font-weight :   ${font.h1.font-weight};
    font-style :    ${font.h1.font-style};
}
h2 {
    font-family :   ${font.h2.font-family};
    font-size :     ${font.h2.font-size};
    font-weight :   ${font.h2.font-weight};
    font-style :    ${font.h2.font-style};
}
h3 {
    font-family :   ${font.h3.font-family};
    font-size :     ${font.h3.font-size};
    font-weight :   ${font.h3.font-weight};
    font-style :    ${font.h3.font-style};
}
h4, h5, h6 {
    font-family :   ${font.h1.font-family};
}
#title_wrapper {
    font-size :     ${font.title.font-size};
    background-color : ${color.header.background-color};
}
#title_wrapper #title {
    font-family :   ${font.title.font-family};
    font-weight :   ${font.title.font-weight};
    font-style :    ${font.title.font-style};
    font-size :     28px;
    color :         ${color.header.title.color};
}
#title_wrapper #subtitle {
    font-family :   ${font.h2.font-family};
    font-weight :   normal;
    font-size :     18px;
    color :         ${color.header.subtitle.color};
}
#navigation_wrapper {
    background-color : ${color.navigation.background-color};
}
#cm_navigation,#cm_subnavigation {
    font-family :    ${font.navigation.font-family};
    font-style :     ${font.navigation.font-style};
    font-size :      ${font.navigation.font-size};
    border-top-color : ${color.navigation.border-color};
}
#content_main {
    font-family :   ${font.h3.font-family};
    font-size :     20px;
    font-weight :   500;
}
#content_main , #content_sidebar , #footer {
    font-family :   ${font.h3.font-family};
    font-size :     12px;
    font-weight :   500;
}