/*
==  CUSTOM STYLESHEET  ========================================================

HOW TO USE THIS FILE:
	Simply copy an existing style from the style.css file to this one and 
	modify however you like. It will override the default style.

WHY USE THIS FILE:
	Adding your custom CSS here will make it much easier to upgrade to a 
	newer version of this theme without losing any of your customizations.

===============================================================================
ADD YOUR CUSTOM CSS BELOW THIS LINE */
@font-face  {
    font-family: rhofont; 
    src: url('http://www.electricsistahood.com/rhofont.otf');
}  

@font-face  {
    font-family: rhonavi; 
    src: url('http://www.electricsistahood.com/rhonavi.otf'); }

body{
font-family: 'rhofont', helvetica, sans-serif;
background: url('./images/esh_graphics.png') no-repeat top left fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#logo{background:none;}
.post-footer,
.page-template-default #content .post-footer, .single #content .post-footer{
color:#ffffff;
background-image:url('./images/post-footer.png');
}

#primary-menu{
background-image:url('./images/nav_bg2.png');
background-repeat:repeat-x; z-index:10;
}


#primary-menu ul a:hover{
background-color:#32516d;
opacity: .8;
filter: alpha(opacity=80);
color:#ffffff;
}

#archive-title,.page-template-default #content .hentry,
.page-template-template-fullwidth-php #content .hentry,
.single #content .hentry, #comments {background:#637a8c;}
#footer{background-color:#4f5864;}
#footer-menu{background-color:#1C2D3D;}
#footer a:hover{color:#1C2D3D;}

#credits{color:#ffffff;}
#credits a{color:#efefef; border-bottom: 1px dotted;}

.widget-title{color:#32516d;}
.item{background-color:#8dacc1;}
.da-wrap a{color:#7d94a6;}

.listing-item {margin-top:1.3em !important; margin-bottom:1.3em !important;}
.listing-item .title{font-size:1.1em; font-weight:600;}

h3, h4{font-weight:600;}

.read-more, .post-content a {border-bottom:1px solid; padding-bottom: 2px;}
.read-more:hover, .post-content a:hover {border-bottom:1px solid #666; padding-bottom: 2px;}