/*
 Theme Name:   Khari
 Theme URI:    http://codediva.com
 Description:  A custom theme based on a customized version of Graph Paper Press's <a href="http://lauri.es/gpp">Modularity</a> theme.
 Author:       Laurie M. Rauch/Code Diva
 Author URI:   http://codediva.com
 Template:     kjohnson
 Version:      1.0.0
 Text Domain:  khari
*/

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

body{
	background-color:#FFF;
}
.container{
	width:940px;
}
#contact-nav ul{
	height:auto;
	right:0!important;
	width:auto;
}
.default-template .sf-menu li{
	border: medium none;
    margin: 0 !important;
    width: auto;
}
#contact-nav li a {
    background-color:#000;
    color:#FFF;
    margin:0;
    padding: 0.6em 20px;
}
.sf-menu li, .sf-menu li li, .sf-menu li li li, .sf-menu li:hover, .sf-menu li.sfHover, .photography-home #branding a, .photography-home #masthead a{
	background-color:transparent;
}
.photography-home #branding a:hover, .photography-home #masthead a:hover{
	background-color:transparent;
	color:#FFF;
}
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active, #contact-nav li a:hover {
    background-color: #FF0C49;
    color: white;
}
.sf-menu .current-menu-item a, .sf-menu .current-menu-item a:visited {
    background-color: #FF0C49;
    color: #ccc;
}
.photography-home #branding a {
    font-size: 16px;
}
.category-photography #branding #nav{
	background-color:transparent;
}
#nav, #nav ul {
    width: auto;
}
.category-photography #branding #nav {
    left: 300px;
    max-width: 830px;
    position: absolute;
    top: 50px;
    width: auto;
}
.prev a, 
.next a,
.prev a:visited, 
.next a:visited,
.category-photography .prev a,
.category-photography .prev a:visited,
.category-photography .next a, 
.category-photography .next a:visited {
    background-color: #FF0C49;
    color: #FFF;
    font-size:14px;
    padding:4px 10px 6px;
}
.portfolio-image-wrapper{
	height:200px;
}
.home .portfolio-image-wrapper {
    height: 150px;
}
.portfolio-image-wrapper h6.title-overlay{
	top:152px;
}
.portfolio-image-wrapper h6.title-overlay{
	background-color:transparent;
	color:#000;
	opacity:1;
}
.portfolio-image-wrapper h6.title-overlay a {
    color: #000;
}
.portfolio-image-wrapper h6.title-overlay a:hover {
    color: #FF0C49;
}
#sidebar .sbr_box a:hover, #sidebar .sbr_box li a:hover, #sidebar .sbr_box li:hover{
	background-color:transparent;
}