/*
File:			custom.css
Description:	Custom styles for Your Theme

HOW TO USE THIS FILE:

Override any class you want and it will change default styling to suit your needs.

	1. Activate custom.css file in theme admin panel
	2. Open style.css file and find any clasess you want to override
	3. Copy classes to override in this file, put them outside green commented area


START OVERRIDING / ADDING NEW CLASESS BELOW THIS LINE */

/* main navigation */
.sf-menu li:hover { background:#FFFFFF;text-decoration:underline; }
.sf-menu li.current-menu-item a, .sf-menu li.current_page_item a { background:#FFFFFF; color:#000000; font-weight:bold; text-decoration:none; }
.sf-menu li.current-menu-item ul li a:hover, .sf-menu li ul li.current-menu-item a:hover,
.sf-menu li.current_page_item ul li a:hover, .sf-menu li ul li.current_page_item a:hover { color:#000000;}
.sf-menu li ul li:hover  { background:#FFFFFF }
.sf-menu li ul li a:hover { text-decoration:underline; }

/* featured next/pref */

ul.lpag li a:hover { background:#FFFFFF; text-decoration:underline; }
ul.lpag li.active a { background:#FFFFFF; color:#000000; text-decoration:underline; }
ul.lpag li.current span { padding:5px 10px; margin:0; background:#FFFFFF; color:#000000; }

/* feed icon */
.feed-spot a.rss-button img { padding:7px; background:#EB7A09 }
.feed-spot a.rss-button img:hover { background:#EB7A09 }

/* left bar */
.container_12 .grid_4 { width:200px; }