@import url("menu.css");
@import url("kunena.css");

h1
{
    font-size:1.5em;
    line-height: 1.2em;
}
h2
{
    font-size: 1.5em;
}

.internal-container {
  padding-right: 25px;
  padding-left: 25px;
  background: #ffffff;
  overflow: hidden;
}

.wrap {
  position: relative;
  -webkit-transition: all 0.3s ease-out;  
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.wrap.active {
  left: 18em;
}
#side-menu.active {
  display: block;
}
#header-image
{
min-height:20px;
background:#eee;
background-image:url(../images/devo_ext1.png);
background-repeat:repeat-x;
position: relative;
}

a.side-menu-link {
  display: block;
  padding: 1em;
  position: absolute;
  left: 0%;
  top: 0%;
}


#Kunena div.kblock > div.kheader,#Kunena .kblock div.kheader { background: #5388B4 !important; }
#Kunena #ktop { border-color: #5388B4; }
#Kunena #ktop span.ktoggler { background: #5388B4; }
#Kunena #ktab a:hover,
#Kunena #ktab li.Kunena-item-active a	{ background-color: #5388B4; }
#Kunena #ktab ul.menu li.active a { background-color: #5388B4; }
#Kunena a:link,
#Kunena a:visited,
#Kunena a:active {color: #5388B4;}
#Kunena a:focus {outline: none;}
#Kunena a:hover {color: #FF0000;}	
#Kunena a:link,
#Kunena a:visited,
#Kunena a:active {color: #5388B4;}
#Kunena a:focus {outline: none;}	
#Kunena div.kannouncement div.kheader { background: #5388B4 !important; }	
#Kunena div#kannouncement .kanndesc { background: #FFFFFF; }	
#Kunena div.kfrontstats div.kheader { background: #5388B4 !important; }	
#Kunena div.kwhoisonline div.kheader { background: #5388B4 !important; }	
#Kunena #ktab a { background-color: #737373 !important; }	
#Kunena #ktab ul.menu li.active a,#Kunena #ktab li#current.selected a { background-color: #5388B4 !important; }	
#Kunena #ktab a:hover { background-color: #5388B4 !important; }	
#Kunena #ktop { border-color: #5388B4 !important; }	
#Kunena #ktab a span { color: #FFFFFF !important; }	
#Kunena #ktab #current a span { color: #FFFFFF !important; }	
#Kunena #ktop span.ktoggler { background-color: #5388B4 !important; }	



@media (max-width: 767px) {
  body {
    padding-left: 0px;
    padding-right: 0px;
  }
  .container-fluid {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
  }
  .js .oc {
    width: auto;
    position: absolute;
    display: none;
    top: 0;
    left: -18em;
  }
}

@media (min-width: 768px) {
  body {
    padding-left: 0px;
    padding-right: 0px;
  }
  .container-fluid {
    margin-top: 5px;
    margin-bottom: 0px;
    padding-left: 10px;
    padding-right: 10px;
  }
  a.side-menu-link {
    display: none;
  }
  .wrap.active {
    left: 0;
  }
}

body
{
background: #eee url(../images/header_outer.jpg) repeat-x ;
color: #333;
}

@media only screen and (min-width: 1200px) {
    .row-fluid .span9 {
        width: 82.97872340425532%;
    }
    .row-fluid .span3 {
        width: 13.893617021276595%;
    }
}

@media only screen and (max-width : 1200px) {

}

@media only screen and (max-width : 979px) {

}

@media only screen and (max-width : 767px) {
	.internal-container {
		padding-right: 5px;
		padding-left: 5px;
	}
}

@media only screen and (max-width : 480px) {
}
