/*
Theme Name:     Barker Consulting
Theme URI:      http://example.com/
Description:    Theme for the barkerconsult.com.au site (based on responsive theme)
Author:         Greg Knox
Author URI:     http://www.randomnoun.com/
Template:       responsive
Version:        0.0.1
*/

@import url("../responsive/style.css");

/** general overrides */
BODY { color: #333344; }


.front-page #wrapper { margin: 0px auto; }

#featured { padding-bottom: 20px; }
.featured-title {
  background-image: url("../images/background-1-wide.jpg");
  padding-bottom: 40px;
  padding-top: 40px;
  padding-left: 50px;
  color: white;
  font-family: arial;
  text-shadow: -1px -1px 1px #AAAAAA, 1px 1px 1px #000000;
  text-align: left;
}

.featured-subtitle {
  font-weight: normal; 
}

/** new col settings */
.col-320 {
  width: 33%; /* or something */
}
.col-320 {
  display: inline; margin-right: 2.12766%;
}

/** menu colour override */
.menu {
	background-color: #585858;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#000058), to(#00003d));
	background-image: -webkit-linear-gradient(top, #000058, #00003d);
	background-image: -moz-linear-gradient(top, #000058, #00003d);
	background-image: -ms-linear-gradient(top, #000058, #00003d);
	background-image: -o-linear-gradient(top, #000058, #00003d);
	background-image: linear-gradient(top, #000058, #00003d);
	clear: both;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#000058, endColorstr=#00003d);
	margin: 0 auto;
}

.menu ul li a:hover, .menu li li a:hover { color: #000048; }
.menu a { border-left: 1px solid #000058 }
.menu a:hover {
	background-color: #000080;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#000080), to(#000036));
	background-image: -webkit-linear-gradient(top, #000080, #000036);
	background-image: -moz-linear-gradient(top, #000080, #000036);
	background-image: -ms-linear-gradient(top, #000080, #000036);
	background-image: -o-linear-gradient(top, #000080, #000036);
	background-image: linear-gradient(top, #000080, #000036);
	color: #fff;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#000080, endColorstr=#000036);
}
ul.menu > li:hover { background-color: #000036;	color: #fff; }
.menu .current_page_item a, .menu .current-menu-item a { background-color: #000034; }

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

        /* and mini-menu at low widths */
        .js .main-nav {
		position: relative;
		height: 30px;
		background-color: #000058;
		background-image: -webkit-gradient(linear, left top, left bottom, from(#000058), to(#00003d));
		background-image: -webkit-linear-gradient(top, #000058, #00003d);
		background-image: -moz-linear-gradient(top, #000058, #00003d);
		background-image: -ms-linear-gradient(top, #000058, #00003d);
		background-image: -o-linear-gradient(top, #000058, #00003d);
		background-image: linear-gradient(top, #000058, #00003d);
		clear: both;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#000058, endColorstr=#00003d);
		margin: 0 auto;
	}

        .js .main-nav .menu li a { color: #444; border-bottom: 1px solid #c0c0ff; }

        .js .main-nav .menu li.current_page_item,
          .js .menu .current_page_item a,
          .js .menu .current-menu-item a {
     		background-color: #e0e0ff;
        }

        .js .main-nav .menu li a:hover,
          .js .main-nav .menu li li a:hover {
                background-color: #c0c0ff!important;
        }

}