/* ============================== DEFAULT HTML ============================== */
/* =============== DEFAULT HTML - LINK STYLES =============== */
a,
a:link,
a:visited {
	color: #606060;
}
a:hover {
	color: #727272;
}
a.st-readmore {
	background: #6B6B6B;
}
a.st-readmore:hover {
	background: #454545;
}
/* ============================== LAYOUT ============================== */
/* =============== LAYOUT - HEADER AREA =============== */
#avatar-header-inside-block {
	//background: #333 url(../images/bg-header.jpg) center bottom no-repeat;
	background-size: cover;
	//border-bottom: 1px solid rgba(0, 0, 0, 0.2);
        background-color: #fff;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}
#avatar-pos-top-left{
    margin-top: 5px;
    margin-bottom: 5px;
}
#avatar-template{
    // background: #fff url(../images/bg-coffee.jpg) center no-repeat;
    // background: #C0E2EE url(../images/bg-urban3.png) no-repeat fixed center bottom;
    //B.Tomi background: #CBDEEE url(../images/bg-urban3.png) no-repeat fixed center bottom;
    //background-size: cover;
}

/* =============== LAYOUT - CONTENT AREA =============== */
.title {
	color: #606060;
}
.title a:link,
.title a:visited {
	color: #606060;
}
.title a:hover {
	color: #727272;
}
/* ============================== MODULE ============================== */
.avatar-module.st-module-2 .st-module-heading,
.avatar-module.st-module-4 .st-module-heading,
.avatar-module.st-module-6 .st-module-heading {
	color: #5B5B5B;
	border-bottom-color: #5B5B5B;
}
.avatar-module.st-module-8 {
	background: #5B5B5B;
	color: #C9C9C9;
}
.avatar-module.st-module-8 .st-module-heading {
    border-bottom-color: #C9C9C9;
    color: #C9C9C9;
}
/* ============================== POSITION STYLE ============================== */
#avatar-tool-block  {
	//background: #414141 url(../images/bg-tool.jpg) center top no-repeat;
	background-size: cover;
        background: #2989D9 none repeat scroll 0% 0%;
	//border-bottom: 3px solid #000;
        //background-color: #fff;
        
        /*
        background: rgb(0,58,123);
        background: -moz-linear-gradient(-45deg,  rgba(0,58,123,1) 6%, rgba(41,137,216,1) 51%, rgba(0,58,123,1) 97%);
        background: -webkit-gradient(linear, left top, right bottom, color-stop(6%,rgba(0,58,123,1)), color-stop(51%,rgba(41,137,216,1)), color-stop(97%,rgba(0,58,123,1)));
        background: -webkit-linear-gradient(-45deg,  rgba(0,58,123,1) 6%,rgba(41,137,216,1) 51%,rgba(0,58,123,1) 97%);
        background: -o-linear-gradient(-45deg,  rgba(0,58,123,1) 6%,rgba(41,137,216,1) 51%,rgba(0,58,123,1) 97%);
        background: -ms-linear-gradient(-45deg,  rgba(0,58,123,1) 6%,rgba(41,137,216,1) 51%,rgba(0,58,123,1) 97%);
*/

        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b1318', endColorstr='#003a7b',GradientType=1 ); /* IE6-9 */
                -webkit-box-shadow: 0 8px 6px -6px black;
                   -moz-box-shadow: 0 8px 6px -6px black;
                        box-shadow: 0 8px 6px -6px black;
                



}
/* ============================== MENU ============================== */
/* =============== MAIN MENU =============== */
[class*="avatar-main-menu"] ul {
	background: #333;
}
[class*="avatar-main-menu"] ul li {
	border-top: 1px solid #4A4A4A;
}
[class*="avatar-main-menu"] > li:hover > span,
[class*="avatar-main-menu"] > li:hover > a,
[class*="avatar-main-menu"] > li.active > span,
[class*="avatar-main-menu"] > li.active > a,
[class*="avatar-main-menu"] ul li.current > span,
[class*="avatar-main-menu"] ul li:hover > span,
[class*="avatar-main-menu"] ul li.current > a,
[class*="avatar-main-menu"] ul li:hover > a {
    color: #A9A9A9;
}
/* =============== SLIDE MENU =============== */
[class*="avatar-slide-menu"], 
[class*="avatar-slide-menu"] ul {
	background: #5B5B5B;
}
[class*="avatar-slide-menu"] li {
	border-bottom: 1px solid #727272;
}
[class*="avatar-slide-menu"] li.current > span,
[class*="avatar-slide-menu"] li:hover > span,
[class*="avatar-slide-menu"] li.current > a,
[class*="avatar-slide-menu"] li:hover > a {
	color: #C9C9C9;
}
/* =============== TREE MENU =============== */
[class*="avatar-tree-menu"] {
	background: #5B5B5B;
}
[class*="avatar-tree-menu"] li {
	border-bottom: 1px solid #727272;	
}
[class*="avatar-tree-menu"] li.active > a,
[class*="avatar-tree-menu"] li.current > a,
[class*="avatar-tree-menu"] li a:hover {
	color: #C9C9C9;
}
/* ============================== ST CONTENT SHOWCASE ============================== */
/* =============== FLEX SLIDER STYLE =============== */
.st-flexslider-style-1 .flex-control-paging li a.flex-active {
	background: #636363;
}
/* ============================== GO TOP ============================== */
#avatar-go-to-top:hover {
	background-color: #5B5B5B;
}
/* ============================== JOOMLA COMPONENT OVERRIDE ============================== */
/* =============== PAGINATION =============== */
.pagination ul li a {
	background: #6B6B6B;
}
.pagination ul li a:hover {
	background: #454545;
}
/* ============================== KUNENA FORUM OVERRIDE ============================== */
#Kunena #ktab ul.menu li.active a,
#Kunena #ktab li#current.selected a,
#Kunena #ktab a:hover,
#Kunena #ktop span.ktoggler,
#Kunena .kbutton,
#user-registration .validate,
#Kunena div.kblock > div.kheader,
#Kunena .kblock div.kheader {
    background-color: #454545 !important;
}
#Kunena #ktop {
	border-color: #454545 !important;
}
#Kunena a:link,
#Kunena a:visited,
#Kunena a:active {
	color: #6B6B6B !important;
}
#Kunena a:hover {
	color: #454545 !important;
}
#Kunena span.kreadforum,
#Kunena span.knotloginforum {
	background-image: url(../images/folder_nonew.png);
}
/* ============================== RESPONSIVE ============================== */
@media (max-width: 1024px)
{
	/*
	 * Responsive Header
	 */
	body.avatar-responsive #avatar-header-inside-block {
		background: #fff;
	}
	/*
	 * Main Menu 
	 */
	body.avatar-responsive [class*="avatar-main-menu"] {
		margin: 10px 0;
	}
	body.avatar-responsive [class*="avatar-main-menu"] li > a,
	body.avatar-responsive [class*="avatar-main-menu"] li > span {
		color: #fff;
	}
	body.avatar-responsive [class*="avatar-main-menu"] ul li.active > a,
	body.avatar-responsive [class*="avatar-main-menu"] ul li.current > span {
		color: #C9C9C9;
	}
	body.avatar-responsive [class*="avatar-main-menu"] ul li.active:hover > a,
	body.avatar-responsive [class*="avatar-main-menu"] ul li.current:hover > span {
		color: #fff;
	}
	body.avatar-responsive [class*="avatar-main-menu"] ul {
		padding: 8px 0 8px 8px;
	}
}