/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */



/*

 * Custom Style Sheet - Use this file to style your content

 */





/* Kunena

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

#Kunena .button, #Kunena .kbutton{

padding:5.8px 10px;

background-color: #444444;

border-radius: 4px;

font-size: 15px;

line-height: 21px;

text-align: center;

text-decoration: none;

color: #FFFFFF;

box-shadow:0 4px 0 #363535;

-webkit-transition: all 0.15s ease-in-out;

-moz-transition: all 0.15s ease-in-out;

-o-transition: all 0.15s ease-in-out;

-ms-transition: all 0.15s ease-in-out;

transition: all 0.15s ease-in-out;

background-image:none;

border-style:none;

border-radius:3px;

text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);

}

#Kunena input.kbutton:hover, #Kunena .kbutton:hover, #Kunena .kbutton:focus{

padding:5.8px 10px;

background-color: #5F5F5F;

background-image:none;

border-style:none;

font-size: 15px;

}

body #Kunena #ktab ul.menu li.active a, body #Kunena #ktab ul.menu li.active a span{

background:none repeat scroll 0 0 #333333 !important;

border-color:#333333;

}

#Kunena .kattachment .kbutton, body #Kunena div.kblock > div.kheader a, body #Kunena .kblock div.kheader a{ 

color:#FFFFFF;

}

#Kunena #ktop span.ktoggler{

background-color:#333333 !important

}

#Kunena td.kprofileboxcnt ul.kprofilebox-welcome li input.kbutton{

background-color:#444444;

}

#Kunena td.kprofileboxcnt ul.kprofilebox-welcome li input.kbutton:hover{

background-color:#5F5F5F;

}

#Kunena #ktab a:hover{

background-color:#333333 !important;

}

#Kunena a:link, #Kunena a:visited, #Kunena a:active, #Kunena a:focus{

background-color:rgba(0, 0, 0, 0) !important;

color:#333333 !important;

}

#Kunena span.kreadforum, #Kunena span.knotloginforum{

background:url("../styles/jomi/images/kunena.png") 50% 50% no-repeat;

height:40px;

width:40px;

}

body #Kunena #ktop{

border-bottom:3px solid #333333 !important

}

body #Kunena div.kblock > div.kheader,

body #Kunena .kblock div.kheader {

background: #333 !important; /* You can change by your color code */

color: #FFF !important; /* You can change by your color code */

}

body #Kunena div.kblock > div.kheader a,

body #Kunena .kblock div.kheader a {

color: #FFF !important; /* You can change by your color code */

}